@import url(https://fonts.googleapis.com/css2?family=Roboto);

@font-face {
    font-family: ALS Rubl;
    font-display: swap;
    src: url(../../../../../../themes/vip/fonts/rouble/ALSRubl.woff2) format("woff2"), url(../../../../../../themes/vip/fonts/rouble/ALSRubl.woff) format("woff"), url(../../../../../../themes/vip/fonts/rouble/ALSRubl.ttf) format("truetype");
    font-weight: 400;
    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: inherit
}

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
}

[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
}

.check-item__ico, .countdown__count, .input-item-wrap__bg, .switch__hidden-wrap {
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.slider__wrapper-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40%;
    background: linear-gradient(180deg, transparent, #051126 65%)
}

.achievement__bonus-wrap, .actions__item:not(.actions__item--full), .blog-list__promo-item, .check-item__ico-bg, .events__ban-item, .game-search__border, .input-item-wrap, .level-item__bonus-box, .open-shelf-info, .poster-bg, .poster-wrap, .pregame-section__promo-item, .progressbar__decor, .registration-block__panel, .shelf-info__cont-bg, .shelf-info__top, .switch, .user-panel__promo-decor, .user-place-buy-ticket, .welcome-pack-page__shadow-wrapper {
    padding: 2px;
    background-image: linear-gradient(#080e17, #294374)
}

.event-preview, .gift-item, .hall-of-fame-list__card, .payment-suggestion-sum__item, .rating-card, .used-gift {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

.event-preview__wrap, .gift-item__bg, .hall-of-fame-list__card-wrap, .pay-item__bg, .payment-suggestion-sum__bg, .rating-card__wrap, .used-gift__bg {
    background-image: linear-gradient(#1a2d4e, #0e1f3e);
    border-radius: inherit
}

.cup-participant-desc.cup-participant-desc--winner, .hall-of-fame-list__card.active .hall-of-fame-list__card-wrap, .participants-item.participants-item--winner .participants-item__item {
    border: 1px solid #21c6fb;
    background-image: linear-gradient(180deg, #189ff2, #2ed1fb)
}

.blog-show__comment-area-btn, .check-item__ico-bg, .gifts-page__title, .header__open-menu, .input-item-wrap__ico, .input-item-wrap__ico-right, .link__ico, .profile__form-area-submit-wrap, .successful-page__btn, .v-link__ico {
    -moz-user-select: none
}

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

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

.lobby-games__game-aside.aside-footer {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px
}

.lobby-games__game-aside.aside-footer .slider3__slide {
    display: inline-block
}

.lobby-games__game-aside.aside-footer .slider3__item-wrap {
    height: 90px
}

@media screen and (min-width: 1366px) {
    body {
        background-image: url(../../../../../../themes/vip/img/main_bg.jpeg);
        background-position: top;
        background-size: 1920px auto;
        background-attachment: fixed;
        background-repeat: no-repeat
    }
}

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

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

.common-success {
    color: #13b300
}

.common-attention {
    color: #ffc400
}

.common-error {
    color: #f04d30
}

.common-undefined {
    color: #8893a8
}

.common-good {
    color: #189ff2
}

.common-warning {
    color: #ff9800
}

.loader {
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center
}

.loader--with-text {
    justify-content: space-evenly;
    flex-direction: column
}

.loader__text {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #fff
}

.text-currency:before {
    font-weight: 400
}

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

.text-currency.usd:before {
    content: "$"
}

.flip-list-move {
    transition: transform 1s
}

#supportTrigger {
    display: none !important
}

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

.icon-home {
    background-image: url(../../../../../../themes/vip/img/home.svg)
}

.icon-home-active {
    background-image: url(../../../../../../themes/vip/img/home-active.svg)
}

.icon-klubnichka {
    background-image: url(../../../../../../themes/vip/img/klubni4ka.svg)
}

.icon-klubnichka-active {
    background-image: url(../../../../../../themes/vip/img/klubni4ka-active.svg)
}

.icon-promo {
    background-image: url(../../../../../../themes/vip/img/promo.svg)
}

.icon-promo-active {
    background-image: url(../../../../../../themes/vip/img/promo-active.svg)
}

.icon-cashier {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/cashier.svg)
}

.icon-cashier-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/cashier-active.svg)
}

.icon-game-slot {
    background-image: url(../../../../../../themes/vip/img/game-slot.svg)
}

.icon-game-slot-active {
    background-image: url(../../../../../../themes/vip/img/game-slot-active.svg)
}

.icon-tournament {
    background-image: url(../../../../../../themes/vip/img/tournament.svg)
}

.icon-tournament-active {
    background-image: url(../../../../../../themes/vip/img/tournament-active.svg)
}

.icon-lottery {
    background-image: url(../../../../../../themes/vip/img/lottery.svg)
}

.icon-lottery-active {
    background-image: url(../../../../../../themes/vip/img/lottery-active.svg)
}

.icon-my-profile {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/my-profile.svg)
}

.icon-my-profile-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/my-profile-active.svg)
}

.icon-rating {
    background-image: url(../../../../../../themes/vip/img/rating.svg)
}

.icon-rating-active {
    background-image: url(../../../../../../themes/vip/img/rating-active.svg)
}

.icon-live {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/live.svg)
}

.icon-live-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/menu/live-active.svg)
}

.icon-footer-vk {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/vk.svg)
}

.icon-footer-viber {
    background-image: url(../../../../../../themes/vip/img/viber.svg)
}

.icon-footer-telegram {
    background-image: url(../../../../../../themes/vip/img/telegram.svg)
}

.icon-footer-fb {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/fb.svg)
}

.icon-footer-instagram {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/insta.svg)
}

.icon-footer-ok {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/ok.svg)
}

.icon-footer-twitter {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/twitter.svg)
}

.icon-footer-gplus {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/footer-social/gplus.svg)
}

.icon-vk {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-vk.svg)
}

.icon-facebook {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-facebook.svg)
}

.icon-google {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-google.svg)
}

.icon-mail {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-mail.svg)
}

.icon-ok {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-ok.svg)
}

.icon-ya {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/auth-ya.svg)
}

.icon-pass {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/pass.svg)
}

.icon-video, .icon-video-player {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/video.svg)
}

.icon-refresh-video {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh-video.svg)
}

.icon-volume-high {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/volume-high.svg)
}

.icon-volume-mute {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/volume-mute.svg)
}

.icon-gift-min {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-min.svg)
}

.icon-gift-strip {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-strip.svg)
}

.icon-turn-phone {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/turn-phone.svg)
}

.icon-number-bg-3 {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/number-bg-3.svg)
}

.icon-win-tournament {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/win-tournament.svg)
}

.icon-win-lottery {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/win-lottery.svg)
}

.icon-star-active {
    background-image: url(../../../../../../themes/vip/img/star-active.png)
}

.icon-star {
    background-image: url(../../../../../../themes/vip/img/star.png)
}

.icon-game-slot-filter {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-slot-filter.svg)
}

.icon-game-slot-filter-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-slot-filter-active.svg)
}

.icon-roulette {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/roulette.svg)
}

.icon-roulette-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/roulette-active.svg)
}

.icon-game-for-bonus {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-for-bonus.svg)
}

.icon-game-for-bonus-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-for-bonus-active.svg)
}

.icon-card-game {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/card-game.svg)
}

.icon-card-game-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/card-game-active.svg)
}

.icon-by-manufactory {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/by-manufactory.svg)
}

.icon-by-manufactory-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/by-manufactory-active.svg)
}

.icon-sms {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/sms.svg)
}

.btn__ico .icon-refresh {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh-2.svg)
}

.icon-arrow-bottom {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-bottom.svg)
}

.icon-gift-x {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-x.svg)
}

.icon-gift {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/gift.svg)
}

.icon-fire {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/fire.svg)
}

.icon-one-click-suc {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/one-cllick-succ.png)
}

.icon-one-click-err {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-err.png)
}

.icon-search {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/search.svg)
}

.icon-gift-menu {
    background-image: url(../../../../../../themes/vip/img/gift-menu.png)
}

.icon-help-menu {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/help-menu.png)
}

.icon-games {
    background-image: url(../../../../../../themes/vip/img/games.png)
}

.icon-home-quick-nav {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/home-quick-nav.svg)
}

.icon-actions {
    background-image: url(../../../../../../themes/vip/img/actions.svg)
}

.icon-bonus-motiv, .icon-register-bonus {
    background-image: url(../../../../../../themes/vip/img/register-bonus.svg)
}

.icon-search-base {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/search-base.svg)
}

.icon-search-blue {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/search-blue.svg)
}

.icon-search-games {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/search-games.svg)
}

.icon-close {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/close.svg)
}

.icon-popup-close {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close.svg)
}

.icon-popup-close-hover {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close-hover.svg)
}

.icon-popup-close-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/popup-close-active.svg)
}

.icon-close-grey {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/close-grey.svg)
}

.icon-help {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/help.svg)
}

.icon-about {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/about.svg)
}

.icon-antiban {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/antiban.svg)
}

.icon-back {
    background-image: url(../../../../../../themes/vip/img/back.svg)
}

.icon-blue-repeat {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/blue-repeat.svg)
}

.icon-card {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/card.svg)
}

.icon-cup {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/cup.png)
}

.icon-delete {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/delete.svg)
}

.icon-deposit-label {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/deposit-label.svg)
}

.icon-document {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/document.svg)
}

.icon-edit {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/edit.svg)
}

.icon-error {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/error.svg)
}

.icon-eye {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/eye.svg)
}

.icon-faq {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/faq.svg)
}

.icon-favorites {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/favorites.png)
}

.icon-full-ver {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/full-ver.svg)
}

.icon-gift-mini {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/gift-mini.svg)
}

.icon-ico-card {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/ico-card.svg)
}

.icon-img-delete-first {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/img-delete-first.svg)
}

.icon-img-delete-second {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/img-delete-second.svg)
}

.icon-mail-load {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/load.svg)
}

.icon-mail-base {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/mail-base.svg)
}

.icon-mail-ico {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/mail-ico.svg)
}

.icon-medal {
    background-image: url(../../../../../../themes/vip/img/medal.svg)
}

.icon-okk {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/okk.svg)
}

.icon-password {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/password.svg)
}

.icon-phone {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/phone.svg)
}

.icon-price-four {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/price-four.svg)
}

.icon-process {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/process.svg)
}

.icon-red-repeat {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/red-repeat.svg)
}

.icon-rate-gold {
    background-image: url(../../../../../../themes/vip/img/rate-gold.svg)
}

.icon-refresh {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/refresh.svg)
}

.icon-rules {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/rules.svg)
}

.icon-sale {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/sale.png)
}

.icon-telegram {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/telegram.svg)
}

.icon-ticket {
    background-image: url(../../../../../../themes/vip/img/ticket.svg)
}

.icon-money {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/money.svg)
}

.icon-viber {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/viber.svg)
}

.icon-warning {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/warning.svg)
}

.icon-web-card {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/web-card.png)
}

.icon-winner {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/winner.svg)
}

.icon-favorite {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/favorite.svg)
}

.icon-favorite-active {
    background-image: url(../../../../../../themes/vip/img/favorite-active.svg)
}

.icon-number-bg {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/number-bg.svg)
}

.icon-ticket-all {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/ticket-all.png)
}

.icon-arrow-down-fill-white {
    background-image: url(../../../../../../themes/vip/img/arrow-down-fill-white.svg)
}

.icon-arrow-down-fill {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-down-fill.svg)
}

.icon-win-label {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/win-label.png)
}

.icon-arrow-text {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-text.svg)
}

.icon-radio-dot:after {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/radio-dot.svg)
}

.icon-check-ok:after {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/check-ok.svg)
}

.icon-game-hall {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-hall.svg)
}

.icon-arrow-slide-right {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right.svg)
}

.icon-game-tab-winners-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-winners-active.svg)
}

.icon-game-tab-tournament-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-tournament-active.svg)
}

.icon-game-tab-strawberry-active {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-strip-item-active.svg)
}

.icon-game-tab-winners {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-winners.svg)
}

.icon-game-tab-tournament {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-tab-tournament.svg)
}

.icon-game-tab-strawberry {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/game-strip-item.svg)
}

.icon-one-click-success {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-success.svg)
}

.icon-one-click-error {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/one-click-error.svg)
}

.icon-slider-prev {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-left.svg)
}

.icon-slider-next {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right.svg)
}

.icon-slider-prev-2 {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-left-2.svg)
}

.icon-slider-next-2 {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-slide-right-2.svg)
}

.icon-help-rotate {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/help-rotate.png)
}

.icon-stack-cashier {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/stack-cashier.svg)
}

.icon-arrow-right {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/arrow-right.svg)
}

.icon-share-btn {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/share-btn.svg)
}

.icon-add-home-screen {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/add-home-screen.svg)
}

.icon-support-call {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/call.svg)
}

.icon-support-chat {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/chat.svg)
}

.icon-support-facebook {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/facebook.svg)
}

.icon-support-telegram {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/telegram.svg)
}

.icon-support-viber {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/viber.svg)
}

.icon-support-whats-app {
    background-image: url(/2174/mobile/images-loaded/src/images/icons/supportMenu/whats-app.svg)
}

.exchanger-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .exchanger-success-modal {
        max-width: 768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .exchanger-success-modal__desc {
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
    }
}

.payment-fail-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-fail-modal {
        max-width: 768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .payment-fail-modal__desc {
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
    }
}

.payment-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-modal {
        max-width: 768px;
        height: 612px
    }
}

.payment-modal.payment-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.payment-modal.payment-modal--separate-page::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 1024px) {
    .payment-modal__desc {
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
    }
}

.payment-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .payment-success-modal {
        max-width: 768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .payment-success-modal__desc {
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
    }
}

.withdrawal-success-modal {
    width: 100%;
    height: 100%;
    margin: auto
}

@media screen and (min-width: 1024px) {
    .withdrawal-success-modal {
        max-width: 768px;
        height: 612px
    }
}

@media screen and (min-width: 1024px) {
    .withdrawal-success-modal__desc {
        border-radius: 5px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
    }
}

.payment, .payment__desc, .payment__item, .payment__wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.payment {
    min-height: 100%;
    background-color: #112852
}

.deposit-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.deposit-tab__desc {
    flex-shrink: 0;
    width: 100%;
    padding: 16px 0;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .deposit-tab__desc {
        padding: 24px 0
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .deposit-tab__desc {
        display: flex;
        padding: 18px 8px 0;
        flex-grow: 1
    }
}

.deposit-tab__inputs-wrap {
    position: relative;
    align-self: center;
    width: 100%
}

.deposit-tab__data {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .deposit-tab__data > .deposit-tab__input-requisites {
        padding: 0;
        margin-bottom: 16px
    }
}

.deposit-tab__input-requisites:not(:empty) {
    margin-bottom: 34px
}

.deposit-tab__input-requisites:not(:empty):before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    content: "";
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 2px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .deposit-tab__input-requisites:not(:empty) {
        display: none;
        padding: 0 8px 8px;
        margin: 0
    }
}

.deposit-tab__input-cur .alert-text, .deposit-tab__pay-input .alert-text, .deposit-tab__pay-input.hidden {
    display: none
}

.deposit-tab__pay-input.error .alert-text {
    display: block
}

.deposit-tab__sum-select-text {
    margin-bottom: 8px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px
}

.translate-text-color-deposit {
    color: #ffc400
}

.deposit-tab__btn {
    display: flex;
    justify-content: center
}

.deposit-tab__suggestion-sum {
    margin-bottom: 24px
}

.deposit-tab__suggestion-sum:empty {
    display: none
}

@media screen and (max-height: 330px) {
    .deposit-tab__suggestion-sum {
        display: none
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .deposit-tab__suggestion-sum {
        margin-bottom: 24px
    }
}

.deposit-tab__input-cur {
    margin-bottom: 16px
}

.deposit-tab__input-cur .error .alert-text {
    display: block
}

.deposit-pending-page {
    border-top: 1px solid #35486c;
    flex-grow: 1;
    background-color: #112852;
    padding-top: 30px;
    padding-bottom: 16px
}

.deposit-pending-page .description {
    text-align: center;
    margin-bottom: 20px
}

.deposit-pending-page .description p {
    margin-top: 10px
}

.deposit-pending-page .description h1 {
    margin-top: 20px
}

.deposit-pending-page .loader {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    box-sizing: content-box
}

.deposit-pending-page .loader:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 80px;
    height: 80px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/2174/mobile/images-loaded/src/images/pic/loading.svg);
    background-size: contain;
    animation: load 1.2s linear infinite
}

.deposit-pending-page__btn {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.history-tab__filter-title, .history-tab__pagination {
    border-bottom: 1px solid #040a15
}

.history-tab__pagination {
    border-top: 1px solid #35486c;
    padding: 8px 0
}

.history-tab__pagination-btn {
    display: flex;
    justify-content: center
}

.history-item {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15
}

.history-item__data-wrap {
    display: none;
    order: 999
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__data-wrap {
        display: block;
        order: 0
    }
}

.history-item__arrow-ico {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.history-item__wrap {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 3px 0;
    min-height: 46px
}

.history-item__wrap.active .history-item__data-wrap {
    display: block
}

.history-item__wrap.active .history-item__arrow-ico {
    transform: rotate(180deg)
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__wrap.active {
        background-color: transparent;
        box-shadow: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__wrap {
        padding: 8px 0
    }
}

.history-item__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 24px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__info {
        flex-wrap: nowrap;
        padding-left: 0
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .history-item__info {
        width: calc(100% - 90px)
    }
}

.history-item__open-btn {
    position: absolute;
    left: -8px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: flex-start;
    width: 32px;
    padding-top: 14px;
    padding-left: 8px;
    padding-right: 8px;
    color: #ccd0de;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__open-btn {
        display: none
    }
}

.history-item__price {
    width: 102px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__price {
        width: 113px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .history-item__price {
        width: 188px
    }
}

.history-item__money {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #ffc400;
    font-weight: 700;
    white-space: nowrap
}

.history-item__status {
    position: relative;
    width: auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__status {
        width: 110px
    }
}

.history-item__status-main {
    display: flex;
    align-items: center
}

.history-item__status-ico {
    height: 16px;
    width: 16px;
    margin-right: 4px
}

.history-item__status-text {
    font-size: 12px
}

.history-item__status-alert {
    width: 90%;
    padding-left: 24px;
    padding-bottom: 7px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__status-alert {
        position: absolute;
        left: 114px;
        top: 39px;
        display: none;
        font-size: 10px;
        white-space: nowrap
    }
}

.history-item__data {
    display: flex;
    align-items: flex-start;
    width: 100%;
    order: 999;
    padding-left: 24px;
    padding-bottom: 4px;
    line-height: 1.2;
    color: #8893a8;
    font-size: 12px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__data {
        align-items: center;
        padding: 0
    }
}

.history-item__operation {
    width: 104px;
    padding-right: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__operation {
        display: flex;
        flex-wrap: wrap;
        width: 203px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .history-item__operation {
        width: 188px
    }
}

.history-item__operation-name:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__operation-name:not(:last-child) {
        margin-bottom: 0;
        margin-right: 8px
    }
}

.history-item__date {
    width: 129px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .history-item__date {
        min-width: 85px;
        width: auto;
        padding-right: 0
    }
}

.history-item__data-main {
    display: block
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__data-main {
        display: flex
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .history-item__data-main {
        display: flex
    }
}

.history-item__id {
    padding-right: 16px
}

.history-item__btn {
    z-index: 0;
    display: flex;
    align-items: center;
    min-height: 32px;
    margin-left: auto;
    will-change: transform
}

.btn.history-item__cancel {
    width: 88px
}

.history-item__dell {
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px 0
}

.history-item__dell:active {
    opacity: .8
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .history-item__dell {
        margin: 0
    }
}

.exchanger-tab__desc {
    max-width: 304px;
    margin: 0 auto;
    padding-top: 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__desc {
        max-width: 560px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__input-wrap {
        display: flex;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__info {
        padding-left: 24px;
        padding-top: 16px;
        padding-right: 8px
    }
}

.exchanger-tab__input {
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__input {
        flex-grow: 1;
        margin-bottom: 0
    }
}

.exchanger-tab__info-text {
    font-size: 14px;
    color: #8893a8;
    margin-bottom: 16px;
    text-align: center
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__info-text {
        margin-bottom: 8px
    }
}

.exchanger-tab__money {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__money {
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.exchanger-tab__money-ico {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.exchanger-tab__money-cur {
    color: #ffc400;
    font-weight: 700;
    font-size: 22px
}

.exchanger-tab__balans {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__balans {
        justify-content: flex-start;
        margin-bottom: 0
    }
}

.exchanger-tab__balans .balans {
    font-size: 22px
}

.exchanger-tab__balans .balans__ico {
    width: 24px;
    height: 24px
}

.exchanger-tab__btn {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .exchanger-tab__btn {
        margin-bottom: 16px
    }
}

.exchanger-tab__text {
    font-size: 14px;
    color: #8893a8;
    line-height: 1.2
}

.tip-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.tip-tab__desc {
    flex-shrink: 0;
    width: 100%;
    padding: 16px 0;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .tip-tab__desc {
        padding: 24px 0
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .tip-tab__desc {
        display: flex;
        padding: 18px 8px 0;
        flex-grow: 1
    }
}

.tip-tab__inputs-wrap {
    position: relative;
    align-self: center;
    width: 100%
}

.tip-tab__data {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .tip-tab__data > .tip-tab__input-requisites {
        padding: 0;
        margin-bottom: 16px
    }
}

.tip-tab__input-requisites:not(:empty) {
    margin-bottom: 34px
}

.tip-tab__input-requisites:not(:empty):before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    content: "";
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 2px;
    margin: auto
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .tip-tab__input-requisites:not(:empty) {
        padding: 0 8px 8px;
        margin: 0
    }
}

.tip-tab__input-cur .alert-text, .tip-tab__pay-input .alert-text, .tip-tab__pay-input.hidden {
    display: none
}

.tip-tab__pay-input.error .alert-text {
    display: block
}

.tip-tab__sum-select-text {
    margin-bottom: 8px;
    text-align: center
}

.tip-tab__btn {
    display: flex;
    justify-content: center
}

.tip-tab__sum-select {
    display: flex;
    margin-bottom: 24px;
    margin-left: -4px;
    margin-right: -4px;
    padding: 0 1px
}

@media screen and (max-height: 330px) {
    .tip-tab__sum-select {
        display: none
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .tip-tab__sum-select {
        margin-bottom: 40px
    }
}

.tip-tab__input-cur {
    margin-bottom: 16px
}

.tip-tab__input-cur .error .alert-text {
    display: block
}

.tip-tab__employee {
    margin-bottom: 16px
}

.withdrawal-tab {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: 16px
}

.withdrawal-tab .alert-text:empty {
    display: none
}

.withdrawal-email-confirmation__confirm-email {
    display: flex;
    flex-direction: column;
    align-items: center
}

.withdrawal-email-confirmation__confirm-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

.withdrawal-email-confirmation__confirm-text {
    margin-bottom: 24px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    opacity: .6
}

.withdrawal-email-confirmation__withdrawal-balance-card {
    border-bottom: 1px solid #040a15;
    display: flex;
    justify-content: center;
    padding: 16px 0
}

.withdrawal-email-confirmation__desc {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-email-confirmation__title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: center
}

.withdrawal-email-confirmation__text {
    margin-bottom: 24px;
    text-align: center;
    font-size: 12px;
    color: #8893a8;
    line-height: 1.2
}

.withdrawal-email-confirmation__email {
    color: #fff
}

.withdrawal-email-confirmation__btn-item {
    display: flex;
    justify-content: center
}

.withdrawal-email-confirmation__btn-item:not(:last-child) {
    margin-bottom: 8px
}

.withdrawal-email-confirmation__send-ico {
    width: 48px;
    height: 48px;
    margin: 0 auto
}

.withdrawal-email-confirmation__send-text {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #8893a8
}

.withdrawal-email-confirmation__send-btn {
    display: flex;
    justify-content: center
}

.withdrawal-balance-card:not(:last-child) {
    margin-right: 33px
}

.withdrawal-balance-card__title {
    margin-bottom: 8px;
    line-height: 1.25;
    font-size: 12px;
    color: #8893a8
}

.withdrawal-balance-card__desc {
    display: flex;
    align-items: center
}

.withdrawal-balance-card__ico {
    margin-right: 4px;
    width: 22px;
    height: 22px
}

.withdrawal-balance-card__ico--bonus {
    color: #ccd0de
}

.withdrawal-balance-card__text {
    font-size: 18px;
    font-weight: 700;
    color: #ffc400
}

.withdrawal-warnings {
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.withdrawal-warnings__grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .withdrawal-warnings__grid {
        margin-bottom: -16px;
        margin-left: -8px;
        margin-right: -8px
    }
}

.withdrawal-warnings__grid:empty {
    display: none
}

.withdrawal-warnings__grid-item {
    display: flex;
    margin-bottom: 8px;
    width: 100%;
    padding: 0 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .withdrawal-warnings__grid-item {
        width: 50%;
        margin-bottom: 16px;
        padding: 0 8px
    }
}

.withdrawal-warning-item {
    display: flex;
    width: 100%;
    padding: 2px;
    border-radius: 5px;
    background-image: linear-gradient(#cf1c1c, #782006);
    box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .5)
}

.withdrawal-warning-item__bg {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px;
    border-radius: inherit;
    background-image: linear-gradient(#511c39, #221d3b)
}

.withdrawal-warning-item__ico {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin-right: 8px
}

.withdrawal-warning-item__title {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.withdrawal-warning-item__title:only-child {
    margin-bottom: 0
}

.withdrawal-warning-item__text {
    color: #8893a8;
    font-size: 14px
}

.withdrawal-input-sum__withdrawal-balance-card {
    border-bottom: 1px solid #040a15;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    padding-top: 16px
}

.withdrawal-warnings ~ .withdrawal-input-sum__withdrawal-balance-card {
    border-top: 1px solid #35486c;
    position: relative;
    padding-top: 16px
}

.withdrawal-input-sum__desc {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-input-sum__input {
    max-width: 304px;
    margin: 0 auto 24px
}

.withdrawal-input-sum____btn {
    display: flex;
    justify-content: center
}

.withdrawal-select-payment-system__withdrawal-warnings-grid:not(:empty) ~ .withdrawal-select-payment-system__desc {
    border-top: 1px solid #35486c
}

.withdrawal-select-payment-system__desc-wrap {
    border-bottom: 1px solid #040a15;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px
}

.withdrawal-select-payment-system__money-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 300px;
    margin: 0 auto
}

@media screen and (min-width: 321px) {
    .withdrawal-select-payment-system__money-wrap {
        max-width: 336px
    }
}

.withdrawal-select-payment-system__sum {
    font-size: 16px
}

.withdrawal-select-payment-system__money-title {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #8893a8
}

.withdrawal-select-payment-system__inputs {
    border-top: 1px solid #35486c;
    padding-top: 16px
}

.withdrawal-select-payment-system__inputs-wrap {
    max-width: 304px;
    margin: 0 auto
}

.withdrawal-select-payment-system__requisite, .withdrawal-select-payment-system__select {
    margin-bottom: 16px
}

.withdrawal-select-payment-system__btn {
    display: flex;
    justify-content: center
}

.withdrawal-select-payment-system__balans {
    display: flex;
    align-items: center;
    color: #ffc400;
    font-size: 16px;
    font-weight: 700
}

.withdrawal-select-payment-system__balans-ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    opacity: .7
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .withdrawal-select-payment-system__balans-ico {
        width: 24px;
        height: 24px;
        margin-right: 8px
    }
}

.withdrawal-select-payment-system__balans-text {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.withdrawal-deposit-warning__withdrawal-balance-card {
    padding-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center
}

.withdrawal-deposit-warning__confirm-title {
    display: block;
    max-width: 304px;
    margin: 0 auto 8px;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.withdrawal-deposit-warning__btn {
    display: flex;
    justify-content: center
}

.withdrawal-confirmation__desc {
    border-bottom: 1px solid #040a15;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px
}

.withdrawal-confirmation__withdrawal-warnings-grid:not(:empty) ~ .withdrawal-confirmation__desc {
    border-top: 1px solid #35486c
}

.withdrawal-confirmation__card {
    display: flex;
    justify-content: center
}

.withdrawal-confirmation__wrap {
    max-width: 304px;
    margin: 0 auto
}

.withdrawal-confirmation__btn {
    border-top: 1px solid #35486c;
    padding-top: 16px;
    display: flex;
    justify-content: center
}

.withdrawal-card {
    width: 100%;
    padding: 16px;
    border-radius: 5px;
    background-image: linear-gradient(180deg, #1e67a7, #10406b);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5)
}

.withdrawal-card__title {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700
}

.withdrawal-card__money {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

.withdrawal-card__money-ico {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.withdrawal-card__money-text {
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .69);
    font-weight: 700
}

.withdrawal-card__commission {
    position: relative;
    text-align: center;
    padding-bottom: 12px;
    margin-bottom: 16px;
    color: #a8bee6;
    font-size: 12px
}

.withdrawal-card__commission:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    margin: auto;
    opacity: .5;
    border-bottom: 2px solid hsla(0, 0%, 100%, .15)
}

.withdrawal-card__list {
    margin-bottom: 18px
}

.withdrawal-card__item {
    display: flex;
    line-height: 1.3
}

.withdrawal-card__item:not(:last-child) {
    margin-bottom: 4px
}

.withdrawal-card__item-title {
    width: 130px;
    margin-right: 16px;
    color: rgba(161, 185, 205, .77);
    font-size: 12px
}

.withdrawal-card__val {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px
}

.withdrawal-card__link {
    display: flex;
    justify-content: center
}

.withdrawal-tip__wrap {
    display: none
}

.withdrawal-tip__alert {
    display: block;
    margin-bottom: 8px;
    color: #ffc400;
    font-size: 12px;
    line-height: 16px
}

.withdrawal-tip__tabs-item {
    display: none
}

.withdrawal-tip__tabs-item.active {
    display: block
}

.withdrawal-tip__radio-item.active .check-item__ico:after {
    opacity: 1
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__wrap {
    display: block
}

.withdrawal-confirmation__wrap.active .withdrawal-tip__check .check-item__ico:after {
    opacity: 1
}

.withdrawal-tip__check {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.withdrawal-tip__tabs {
    margin-bottom: 16px
}

.withdrawal-tip__radio {
    display: flex;
    margin-bottom: 16px
}

.withdrawal-tip__radio-item:not(:last-child) {
    margin-right: 16px
}

.withdrawal-tip__select-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}

.payment-system-requisite__item:not(:last-child) {
    margin-bottom: 16px
}

.no-payment-system {
    padding: 16px 0
}

.no-payment-system__img-wrap {
    display: flex;
    justify-content: center;
    height: 136px;
    width: 160px;
    margin: 0 auto 4px
}

.no-payment-system__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.no-payment-system__title {
    margin: 0 auto 8px;
    max-width: 250px;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.no-payment-system__text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5)
}

.no-payment-system__btn {
    display: flex;
    justify-content: center
}

.payment-suggestion-sum {
    display: flex;
    margin-left: -4px;
    margin-right: -4px
}

.payment-suggestion-sum__item {
    flex: 1;
    margin: 0 4px
}

.payment-suggestion-sum__item:active {
    opacity: .8
}

.payment-suggestion-sum__bg {
    height: 32px;
    min-width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: #32a2f4;
    font-size: 14px
}

.payment-system {
    overflow: hidden;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system {
        position: relative;
        flex-shrink: 0;
        width: 240px;
        margin-top: -16px;
        margin-bottom: 0;
        margin-right: 8px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .payment-system {
        margin-bottom: 24px
    }
}

.payment-system__wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab
}

.payment-system__wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

.payment-system__scroll {
    display: flex;
    width: max-content;
    margin: 0 auto;
    padding: 0 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__scroll {
        width: auto;
        padding: 16px 0 0
    }
}

.payment-system__list-bg {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__list-bg {
        padding: 1px;
        border-radius: 5px;
        background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .payment-system__list-bg {
        padding: 0;
        border-radius: 0;
        background-image: none;
        box-shadow: none
    }
}

.payment-system__list {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__list {
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .payment-system__list {
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 1050px;
        width: 100%;
        border: none;
        margin: 7px 0
    }
}

.payment-system__item {
    padding: 0;
    margin: -2px 0;
    cursor: pointer;
    user-select: none
}

.payment-system__item:last-child {
    margin-right: -2px
}

.payment-system__item:first-child {
    margin-left: -2px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__item {
        margin: 0 -2px;
        width: 100%
    }

    .payment-system__item:last-child {
        margin-bottom: -2px
    }

    .payment-system__item:first-child {
        margin-top: -2px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .payment-system__item {
        width: 140px;
        height: 80px;
        margin: 0 10px 10px 0
    }
}

.payment-system__requisite {
    padding: 8px
}

.payment-system__requisite:empty {
    display: none
}

.payment-system__label {
    background-image: linear-gradient(#1a2d4e, #0e1f3e);
    border-radius: inherit;
    display: block
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .payment-system__label {
        height: 100%
    }
}

.pay-item {
    padding: 1px;
    border-radius: 5px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .pay-item {
        background: none;
        box-shadow: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pay-item {
        padding: 1px;
        border-radius: 5px;
        background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
        height: 100%
    }
}

.pay-item__bg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 48px;
    width: 139px;
    padding: 8px 0;
    background-size: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .pay-item__bg {
        width: 100%;
        height: auto;
        min-height: 50px;
        padding: 12px 6px;
        background: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pay-item__bg {
        width: auto;
        height: 100%
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__item.active {
        padding: 0;
        background-color: #09c4fd;
        box-shadow: none;
        background-image: linear-gradient(180deg, #18a0f2, #1db0f5);
        border-radius: 5px
    }
}

.payment-system__item.active .pay-item {
    background-image: none;
    background-color: #09c4fd;
    box-shadow: none
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__item.active .pay-item {
        background-color: transparent
    }
}

.payment-system__item.active .pay-item__bg {
    background: linear-gradient(180deg, #18a0f2, #1db0f5)
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__item.active .pay-item__bg {
        background: none
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__item.active .payment-system__label {
        background-image: none
    }
}

.pay-item__input {
    padding-top: 12px;
    display: none
}

.payment-system__img {
    width: 100px;
    max-height: 100%;
    object-fit: contain
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .payment-system__img {
        height: 26px
    }
}

.payment-system__item .alert-text {
    display: none
}

.payment-system__item .error .alert-text {
    display: block
}

.successful-page {
    min-height: 100%;
    background-color: #112852
}

.successful-page, .successful-page__wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.successful-page__wrap {
    position: relative;
    padding-top: 54px;
    padding-bottom: 16px;
    align-items: center;
    text-align: center;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/ray.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .successful-page__wrap {
        justify-content: center;
        padding-top: 16px;
        padding-bottom: 32px
    }
}

.successful-page__desc {
    width: 100%;
    margin-bottom: 24px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .successful-page__desc {
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 8px;
        margin-bottom: 16px
    }
}

.successful-page__img {
    position: relative;
    width: 100%;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .successful-page__img {
        width: auto;
        margin-right: 16px;
        margin-bottom: 0;
        background: none
    }
}

.successful-page__pic {
    position: relative;
    z-index: 0;
    width: 160px;
    height: 136px;
    margin: 0 auto;
    object-fit: contain
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .successful-page__pic {
        width: 320px;
        height: 272px
    }
}

.successful-page__desc-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .successful-page__desc-text {
        z-index: 0;
        align-items: flex-start;
        justify-content: center;
        max-width: 280px;
        margin-bottom: 0;
        text-align: left
    }
}

.successful-page__title {
    display: block;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.25
}

.successful-page__text, .successful-page__text-mess {
    line-height: 1.35;
    font-size: 12px;
    color: #8893a8;
    text-align: center
}

.successful-page__text-mess {
    margin-bottom: 16px
}

.successful-page__btn {
    display: flex;
    justify-content: center
}

.successful-page__definitions {
    width: 244px;
    padding: 8px 16px;
    margin-bottom: 24px;
    border-radius: 2px;
    background-color: rgba(17, 21, 38, .4);
    line-height: 1.45;
    font-size: 14px;
    text-align: left
}

.successful-page__definitions-item {
    display: flex
}

.successful-page__definitions-val {
    flex: 1;
    margin-right: 16px
}

.successful-page__definitions-prop--color {
    color: #ffc400;
    font-weight: 700
}

.deposit__card-select {
    margin: 0 auto;
    width: 314px
}

.input-item-wrap__card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    max-width: 56px;
    margin-right: 8px;
    background-color: #ccd0de;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.input-item__triangle:before {
    transition: transform .3s;
    will-change: transform
}

.card-select {
    position: relative
}

.card-select.active .input-item-wrap, .card-select.active .input-item-wrap__card {
    background-image: linear-gradient(#18a1f3, #08bcf4)
}

.card-select.active .input-item-wrap--card-select {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .6)
}

.card-select.active .input-item__triangle:before {
    transform: rotate(180deg)
}

.input-item-wrap.input-item-wrap--card-select .input-item-wrap__select {
    align-items: normal;
    padding-left: 0
}

.card-list__pic, .input-item-wrap__pay-pic {
    height: auto;
    width: 32px;
    object-fit: contain
}

.card-list__pic {
    margin-right: 24px
}

.card-list__ico-card {
    display: block;
    width: 100%;
    height: 100%
}

.card-list__img, .input-item-wrap__ico-card {
    display: block;
    width: 28px;
    height: 28px
}

.card-list__img {
    margin-right: 22px
}

.input-item-wrap__card-number {
    align-self: center;
    color: #111526
}

.card-select__list {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    z-index: 2;
    width: 100%
}

.card-list {
    position: relative;
    z-index: 16;
    padding: 2px;
    border-radius: 5px;
    background-image: linear-gradient(#18a1f3, #08bcf4);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .6)
}

.card-list__bg {
    border-radius: inherit;
    background-color: #fff
}

.card-list__wrap {
    position: relative;
    cursor: pointer
}

.card-list__desc {
    display: flex;
    align-items: center;
    height: 36px;
    padding-left: 12px;
    padding-right: 6px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid transparent
}

.card-list__radio-hidden {
    display: none
}

.card-list__list-it-numb {
    color: #111526;
    font-size: 14px;
    text-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    font-weight: 700
}

.card-list__list-ico {
    display: block;
    width: 100%;
    height: 100%
}

.card-list__list-ico.second {
    display: none
}

.card-list__item.active .card-list__desc {
    border-bottom-color: transparent;
    background-image: linear-gradient(#18a1f3, #08bcf4)
}

.card-list__item.active .card-list__list-ico.first {
    display: none
}

.card-list__item.active .card-list__list-ico.second {
    display: block
}

.card-list__item.active .card-list__list-it-numb {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.card-list__list-btn {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    z-index: 1
}

.card-list__list-btn:active {
    opacity: .8
}

.card-select__list-link-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px
}

.card-select__list-link {
    font-size: 13px;
    color: #32a2f4
}

.card-select__list-link:active {
    opacity: .8
}

.card-list__delete-item, .input-item-wrap__default, .input-item-wrap__numb {
    display: none
}

.input-item-wrap__default.active, .input-item-wrap__numb.active {
    display: block
}

.one-click {
    max-width: 228px;
    width: 100%
}

.one-click__data {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px
}

.one-click__input-sum-select {
    position: relative;
    max-width: 110px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.one-click__input-sum-select .active .personal-pic, .one-click__input-sum-select .card-list__list-btn {
    display: none
}

.one-click__input-cur {
    max-width: 110px;
    width: 100%
}

.one-click__input-cur .alert-text {
    width: 228px;
    padding-top: 4px
}

.one-click__btn {
    margin-top: 8px;
    width: 100%
}

.one-click__button {
    width: 100%
}

.one-click__title {
    display: flex;
    justify-content: center;
    align-items: center
}

.one-click__title-text {
    padding-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.one-click__ico {
    width: 24px;
    height: 24px
}

.one-click__text-decor {
    display: flex;
    flex-direction: column;
    margin: 12px auto;
    padding: 2px;
    max-width: 142px;
    width: 100%;
    border-radius: 7px;
    background-image: linear-gradient(#080e17, #294374)
}

.one-click__text-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111526;
    border-radius: inherit;
    padding: 8px 0
}

.one-click__text {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    opacity: .6
}

.one-click__text-value {
    padding-left: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .695397)
}

.one-click__error, .one-click__success {
    max-width: 200px;
    width: 100%;
    margin: 16px auto
}

.one-click__success-btn {
    display: flex;
    justify-content: center;
    width: 100%
}

.one-click-statuses {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 28px
}

@media screen and (min-width: 568px) {
    .one-click-statuses {
        padding-top: 32px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses {
        padding-top: 64px
    }
}

.one-click-statuses__loading {
    padding-top: 24px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__loading {
        padding-top: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__loading {
        padding-top: 56px
    }
}

.one-click-statuses__loading-ico {
    width: 100%;
    height: 160px;
    background-image: url(/2174/mobile/images-loaded/src/images/pic/one-click-loading.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width: 568px) {
    .one-click-statuses__loading-ico {
        height: 130px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__loading-ico {
        height: 160px
    }
}

.one-click-statuses__loading-dots {
    display: inline;
    margin-left: .1em;
    margin-right: .1em;
    position: relative;
    top: 0;
    font-size: 1.5em;
    opacity: 0;
    animation: fadeDots 1.8s ease-in-out infinite
}

.one-click-statuses__loading-dots:first-child {
    animation-delay: .25714s
}

.one-click-statuses__loading-dots:nth-child(2) {
    animation-delay: .51429s
}

.one-click-statuses__loading-dots:nth-child(3) {
    animation-delay: .72s
}

@keyframes fadeDots {
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.one-click-statuses__ico {
    width: 100%;
    height: 136px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width: 568px) {
    .one-click-statuses__ico {
        display: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__ico {
        display: block
    }
}

.one-click-statuses__title {
    margin-top: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

@media screen and (min-width: 568px) {
    .one-click-statuses__title {
        margin-top: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__title {
        margin-top: 12px
    }
}

.one-click-statuses__text-decor {
    display: flex;
    flex-direction: column;
    margin: 24px auto;
    padding: 2px;
    max-width: 142px;
    width: 100%;
    border-radius: 7px;
    background-image: linear-gradient(#080e17, #294374)
}

.one-click-statuses__text-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #111526;
    border-radius: inherit;
    padding: 8px 0
}

.one-click-statuses__text {
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    opacity: .6
}

.one-click-statuses__text-value {
    padding-left: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .695397)
}

.one-click-statuses__link-btn {
    justify-content: center;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 700
}

.one-click-statuses__btn {
    display: flex;
    justify-content: center;
    margin: 24px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__btn {
        margin: 20px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__btn {
        margin: 24px
    }
}

.one-click-statuses__pending {
    padding-top: 60px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__pending {
        padding-top: 52px
    }

    .one-click-statuses__pending .loader {
        display: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__pending {
        padding-top: 64px
    }

    .one-click-statuses__pending .loader {
        display: flex
    }
}

.one-click-statuses__pending-text {
    width: 248px;
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 12px
}

@media screen and (min-width: 568px) {
    .one-click-statuses__pending-text {
        padding-top: 8px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .one-click-statuses__pending-text {
        padding-top: 36px
    }
}

.game-page {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background-color: #111526
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-page {
        display: grid;
        grid-template-columns:260px auto;
        grid-template-rows:40px auto;
        padding: 0 40px 40px
    }
}

@media screen and (min-width: 1366px) {
    .game-page {
        grid-template-columns:260px auto 260px
    }
}

@media screen and (min-height: 1200px) {
    .game-page {
        height: 748px;
        margin: auto 0
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-page__top-menu-wrap {
        grid-column: 2/3;
        grid-row: 1/2
    }
}

.game-page__top-menu-wrap--full-screen {
    grid-column: 2/span 2
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-page__left-block {
        height: 100%
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-page__left-block-wrap {
        grid-column: 1/2;
        grid-row: 2/3
    }
}

.game-page__iframe-decor {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-page__iframe-decor {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

.game-page__make-dep-modal {
    display: flex;
    flex-direction: column;
    padding-top: 14px;
    height: 100%;
    background-color: #112852
}

@media screen and (min-width: 568px) {
    .game-page__make-dep-modal {
        padding-top: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-page__make-dep-modal {
        padding-top: 14px
    }
}

.game-page__iframe-decor--full-screen {
    grid-column: 2/span 2
}

.game-page__iframe {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1366px) {
    .game-page__right-block-wrap {
        grid-column: 3/4;
        grid-row: 2/3;
        height: 100%;
        background-image: linear-gradient(180deg, #111526, #112852 5%)
    }
}

.game-page__close-tab {
    display: none
}

@media screen and (min-width: 1366px) {
    .game-page__close-tab {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 32px;
        height: 64px;
        right: 8px;
        bottom: 0;
        top: 0;
        margin: auto 0;
        background: #112852;
        border-radius: 0 100% 100% 0/0 50% 50% 0;
        cursor: pointer
    }
}

@media screen and (min-width: 1366px) {
    .game-page__close-tab-arrow {
        width: 16px;
        height: 16px;
        margin: auto;
        transform: rotate(180deg)
    }
}

.game-page__close-tab--rotate {
    transform: rotate(0)
}

.game-page__make-dep-btn {
    position: fixed;
    z-index: 7;
    top: calc(100% - 72px);
    left: calc(100% - 72px)
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-page__make-dep-btn {
        top: calc(100% - 72px);
        left: calc(100% - 112px)
    }
}

@media screen and (min-device-height: 800px) and (max-height: 500px) and (orientation: landscape) {
    .game-page__make-dep-btn--safari {
        left: 20px;
        top: 20px
    }
}

.game-top-menu {
    display: none;
    height: 100%
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-top-menu {
        display: flex;
        justify-content: space-between;
        padding: 0 8px
    }
}

.game-top-menu__icon {
    width: 20px;
    height: 20px
}

.game-top-menu__favourite-btn {
    display: flex
}

.game-top-menu__game-name {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 700
}

.game-top-menu__link, .game-top-menu__quick-links-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.game-top-menu__link:last-child {
    margin-left: 16px
}

.game-top-menu__link-text {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px
}

.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
}

.user-panel {
    display: none
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .user-panel {
        background-image: linear-gradient(#17366f, #112852);
        background-size: 100% 16px;
        background-repeat: no-repeat;
        border-top: 1px solid #35486c;
        border-bottom: 1px solid #040a15;
        display: flex;
        flex-direction: column;
        background-color: #112852
    }
}

.user-panel__header {
    position: relative;
    height: 60px
}

.user-panel__logo {
    position: absolute;
    top: -60%;
    left: 50%;
    transform: translateX(-50%)
}

.user-panel__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.user-panel__menu.user-panel__menu--big-padd {
    padding: 0 30px
}

.user-panel__menu.user-panel__menu--sm-padd {
    padding: 0 16px
}

.user-panel__promo-decor {
    border-radius: 5px;
    width: 100%
}

.user-panel__promo-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 6px 0;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
    background-color: #111526
}

.user-panel__img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px
}

.user-panel__promo-img {
    width: 100%;
    height: auto
}

.user-panel__promo-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px;
    font-size: 12px;
    line-height: 14px
}

.user-panel__promo-headline {
    font-weight: 700;
    color: #ffc400
}

.user-panel__promo-desc {
    color: #939daf
}

.user-panel__account-button {
    margin-bottom: 8px
}

.user-panel__user-data {
    align-self: flex-start;
    width: 100%;
    margin-bottom: 8px
}

.user-panel__username {
    font-size: 12px;
    line-height: 14px
}

.user-panel__user-level {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    color: #32a2f4
}

.user-panel__level-progressbar {
    width: 100%;
    margin-bottom: 16px
}

.user-panel__slider {
    position: relative;
    width: 100%
}

.user-panel__slider.disabled:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 5px
}

.user-panel__denomination {
    width: 100%;
    margin: auto 0 16px
}

.open-shelf-info {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 auto 16px;
    border-radius: 7px
}

.open-shelf-info.enable .open-shelf-info__hide {
    display: block
}

.open-shelf-info.enable .open-shelf-info__balance-wrapper {
    margin-bottom: 8px
}

.open-shelf-info__decor {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: inherit;
    background-color: #111526
}

.open-shelf-info__hide {
    display: none;
    padding-bottom: 8px
}

.open-shelf-info__balance-bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.open-shelf-info__balance {
    display: flex;
    align-items: center;
    padding-right: 4px
}

.open-shelf-info__balance-ico {
    width: 18px;
    height: 18px;
    margin: 0 8px;
    opacity: .7
}

.open-shelf-info__balance-text {
    font-size: 16px;
    font-weight: 700;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.open-shelf-info__balance-text.open-shelf-info__balance-text--sm-font {
    font-size: 14px;
    line-height: 19px
}

.open-shelf-info__detailed-balance {
    display: flex;
    margin-bottom: 8px;
    padding: 0 8px
}

.open-shelf-info__balance-values {
    width: 50%
}

.open-shelf-info__balance-title {
    font-size: 12px;
    line-height: 16px;
    opacity: .6
}

.open-shelf-info__progress {
    padding: 0 8px
}

.open-shelf-info__progress-bar {
    margin-bottom: 8px
}

.open-shelf-info__progress-text {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    opacity: .4
}

.game-tabs {
    display: none
}

@media screen and (min-width: 1366px) {
    .game-tabs {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }
}

@media screen and (min-width: 1366px) {
    .game-tabs__header {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (min-width: 1366px) {
    .game-tabs__title {
        display: none;
        margin-left: 20px;
        font-family: Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
    }
}

@media screen and (min-width: 1366px) {
    .game-tabs__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        margin-right: 1px;
        overflow: hidden;
        width: 40px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #0f1930;
        cursor: pointer;
        transition: .3s
    }

    .game-tabs__btn:last-child {
        margin-right: 0
    }
}

.game-tabs__btn--active {
    flex-grow: 1;
    background: #112852;
    box-shadow: inset 0 2px 0 #4a6596
}

.game-tabs__btn--active .game-tabs__title {
    display: block;
    font-size: 12px
}

@media screen and (min-width: 1366px) {
    .game-tabs__ico {
        width: 24px;
        height: 24px
    }
}

@media screen and (min-width: 1366px) {
    .tab-winners {
        height: 100%;
        border-top: 1px solid #4a6596
    }
}

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

.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
}

.lobby, .lobby__loader {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.lobby__loader {
    position: relative
}

.lobby__list {
    padding-bottom: 16px
}

.lobby__description {
    border-top: 1px solid #35486c;
    padding-bottom: 16px;
    padding-top: 16px;
    order: 9
}

.lobby__btn {
    display: flex;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 8px
}

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

.games-dummy {
    padding-top: 8px
}

.games-dummy__wrap {
    display: flex;
    align-items: center;
    flex-direction: column
}

.games-dummy__title {
    display: block;
    margin-bottom: 11px;
    font-weight: 700
}

.games-dummy__text, .games-dummy__title {
    font-size: 14px;
    line-height: 1.2;
    text-align: center
}

.games-dummy__text {
    width: 100%;
    max-width: 304px;
    margin: 0 auto 16px;
    color: #8893a8
}

.games-dummy__pic-wrap {
    position: relative;
    height: 287px;
    width: 100%;
    overflow: hidden
}

.games-dummy__pic {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 280px;
    max-width: 472px;
    width: 100%;
    text-align: center;
    background-image: url(/2174/mobile/images-loaded/src/images/pic/bookmarks-none.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

.list-games {
    flex-wrap: wrap
}

.list-games, .list-games--in-page {
    display: flex
}

.list-games--in-page:not(:empty) {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px
}

.list-games--in-page:not(:empty) > * {
    padding: 0 4px;
    margin-bottom: 8px;
    width: 50%
}

@media screen and (min-width: 568px) {
    .list-games--in-page:not(:empty) > * {
        width: 33%;
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .list-games--in-page:not(:empty) > * {
        padding: 0 8px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1680px) {
    .list-games--in-page:not(:empty) > * {
        width: 20%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .list-games--in-page:not(:empty) {
        margin-left: -8px;
        margin-right: -8px;
        margin-bottom: -16px
    }
}

.list-games--in-modal {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px
}

.list-games--in-modal > * {
    padding: 0 4px;
    margin-bottom: 8px;
    width: 50%
}

@media screen and (min-width: 568px) {
    .list-games--in-modal > * {
        width: 33.33%
    }
}

.game-card {
    position: relative;
    z-index: 0;
    border-radius: 4px;
    color: transparent;
    box-shadow: 0 4px 8px rgb(0 0 0 / 40%)
}

.game-card__wrap {
    display: block;
    border-radius: inherit
}

.game-card__wrap:active .game-card__main {
    background-image: linear-gradient(180deg, #1486cc, #1486cc);
    transform: translateY(4px);
    box-shadow: none
}

.game-card__wrap:active ~ .game-card__star {
    transform: translateY(4px)
}

.game-card__main {
    display: block;
    border-radius: inherit;
    background-color: #2a2c31;
    box-shadow: 0 4px 6px rgb(0 0 0 / 35%)
}

.game-card__img-wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 71%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .game-card__img-wrap {
        padding-bottom: 54%
    }
}

.game-card__pic {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: inherit
}

.game-card__name {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding-top: 1px;
    background-color: currentColor;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center
}

.game-card__name-text {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    display: block;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
    overflow: hidden
}

.game-card__star {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 20px;
    height: 20px;
    background-color: #222327;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px
}

.game-card__star.active .game-card__star-ico--hover {
    opacity: 1
}

.game-card__star-ico--hover, .game-card__star.active .game-card__star-ico--static {
    opacity: 0
}

.game-card__star-ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    transition: opacity .3s
}

.game-card__flag {
    position: absolute;
    top: 1px;
    left: 1px
}

.game-info {
    padding: 1px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
    margin-top: -6px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.game-info__bg {
    display: grid;
    grid-template-columns:48px 1fr;
    grid-row-gap: 4px;
    padding: 16px 8px 12px;
    background-image: linear-gradient(180deg, #1b2b49, #0b1b37);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .14), inset 0 3px 5px #1d2f51;
    border-radius: inherit
}

@media screen and (min-width: 568px) {
    .game-info__bg {
        padding-left: 4px;
        padding-right: 4px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-info__bg {
        padding-left: 8px;
        padding-right: 8px
    }
}

.game-info__text {
    justify-self: center;
    color: #8893a8
}

.game-info__users-count {
    justify-self: center;
    color: #fff
}

@media screen and (min-width: 568px) {
    .game-info__users-count {
        font-size: 10px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-info__users-count {
        font-size: 11px
    }
}

.game-info__bet-sum {
    justify-self: center;
    color: #ffc400;
    font-weight: 700
}

@media screen and (min-width: 568px) {
    .game-info__bet-sum {
        font-size: 10px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-info__bet-sum {
        font-size: 11px
    }
}

.game-search-modal {
    width: 100%;
    max-width: 480px;
    margin: 16px auto auto;
    background-color: #112852;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.game-search-modal__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    background-color: #111526;
    text-align: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.game-search-modal__close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%)
}

.game-search-modal__title {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.game-search-modal__desc {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding: 8px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.game-search-modal__input:not(:last-child) {
    margin-bottom: 16px
}

.game-search-modal__text {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2
}

.game-search-modal__not-found {
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.pregame-section {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.pregame-section__content {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    padding: 16px 0
}

.pregame-section__description {
    border-top: 1px solid #35486c;
    order: 99;
    padding: 16px 0
}

.pregame-section__wrap {
    padding: 0 37px
}

@media screen and (min-width: 567px) {
    .pregame-section__wrap {
        display: flex;
        justify-content: center;
        width: 556px;
        margin: 0 auto;
        padding: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pregame-section__wrap {
        width: 384px;
        margin: auto;
        flex-direction: column;
        align-items: center
    }
}

.pregame-section__ban {
    margin-bottom: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .pregame-section__ban {
        margin-right: 8px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pregame-section__ban {
        margin-bottom: 24px
    }
}

.pregame-section__promo-item {
    border-radius: 5px
}

.pregame-section__promo-pic {
    width: 100%;
    border-radius: inherit
}

.pregame-section__data {
    width: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .pregame-section__data {
        max-width: 200px;
        margin: 0 36px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pregame-section__data {
        max-width: 275px
    }
}

.pregame-section__text {
    display: block;
    margin: 0 auto 16px;
    font-size: 14px;
    line-height: 1.07;
    text-align: center
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .pregame-section__text {
        margin-bottom: 14px;
        text-align: left
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pregame-section__text {
        margin-bottom: 24px
    }
}

.pregame-section__btn-group {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.pregame-section__btn-item {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .pregame-section__btn-item {
        margin-bottom: 16px
    }
}

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

.game-preview__main {
    display: block;
    padding: 1px;
    background-image: linear-gradient(180deg, #10cdfd, #29cefb 75%, #1392ef);
    border-radius: inherit;
    box-shadow: 0 4px 0 0 #0c5e9a;
    margin-bottom: 4px
}

.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: 100%
}

.lobby-games__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px
}

.lobby-games__game-wrap {
    padding-top: 16px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .lobby-games__game-wrap {
        display: flex
    }
}

.lobby-games__game-list {
    padding: 0 8px 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .lobby-games__game-list {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .lobby-games__game-list {
        flex-grow: 1
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .lobby-games__game-slider {
        display: none
    }
}

.lobby-games__game-aside {
    display: none;
    flex-shrink: 0;
    width: 336px;
    padding-right: 16px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .lobby-games__game-aside {
        display: block
    }
}

.lobby-games__game-aside-wrap--position {
    position: -webkit-sticky;
    position: sticky;
    top: 115px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .lobby-games__game-aside-wrap--position {
        top: 127px
    }
}

.lobby-games__aside-search {
    margin-bottom: 24px
}

.lobby-games__aside-title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 16px
}

.game-search {
    display: block;
    width: 100%;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(28, 40, 61, .22);
    font-weight: 700
}

.game-search:active {
    opacity: .8
}

.game-search__bg, .game-search__border {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px
}

.game-search__bg {
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
    background-color: #fff
}

.game-search__ico-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px;
    margin: auto;
    background-color: #ccd0de;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.game-search__ico {
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 6px;
    width: 24px;
    height: 24px
}

.game-search__text {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 44px
}

.layout-wrapper {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    background-color: #0e1012
}

.layout-wrapper, .main {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main {
    position: relative;
    padding-top: 40px
}

.main.main--modal-only {
    background-image: url(/2174/mobile/images-loaded/src/images/bg/layout/layout-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.layout-wrapper--full-screen {
    max-width: none;
    background-color: transparent
}

.layout-wrapper__help-btn {
    position: fixed;
    bottom: 40px;
    right: 0;
    z-index: 21
}

.header {
    height: auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header {
        height: auto
    }
}

.header .sum-select__employee {
    margin-bottom: 0
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .header--show-notification-site .header__wrap {
        top: 48px
    }
}

.header__wrap {
    background: linear-gradient(180deg, #212327, #090b0e);
    box-shadow: 0 5px 20px rgb(0 0 0 / 50%), inset 0 1px 0 #222428;
    position: fixed;
    padding-bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    width: 100%;
    max-width: 1366px;
    height: inherit;
    margin: auto;
    background-color: #112852;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
    will-change: transform
}

.header__wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #7e5820 29.07%, #ffd166 54.83%, #3f2c10 99.99%);
    opacity: .3
}

.header__wrap > .container {
    display: flex;
    height: 100%
}

.header__wrap.login .header__logo {
    display: none
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header__wrap.login .header__logo {
        display: block
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .header__wrap.login .header__logo {
        display: block
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {
    .header__wrap.login .header__logo {
        display: none
    }
}

.header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.header__logo-seo {
    width: 100%;
    margin-top: -4px
}

.header__open-menu {
    display: none;
    align-items: center;
    width: 56px;
    height: 100%
}

.open-menu {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    padding: 1px;
    background-image: linear-gradient(#385281, #476294);
    border-radius: 5px
}

.open-menu:active .open-menu__bg {
    opacity: .8
}

.open-menu .open-menu__decor:after, .open-menu .open-menu__decor:before, .open-menu:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background-color: currentColor;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
    transition: transform .3s, opacity .3s
}

.open-menu .open-menu__decor:after {
    transform: translateY(-5px)
}

.open-menu .open-menu__decor:before {
    transform: translateY(5px)
}

.open-menu.active:after {
    opacity: 0
}

.open-menu.active .open-menu__decor:after {
    transform: rotate(45deg)
}

.open-menu.active .open-menu__decor, .open-menu.active .open-menu__decor:before {
    transform: rotate(-45deg)
}

.open-menu__bg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
    background-image: linear-gradient(#112952, #476294);
    will-change: transform
}

.open-menu__message {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%)
}

@media screen and (max-width: 1023px) {
    .open-menu__message {
        transform: translate(70%, -30%)
    }
}

.header__login-btn, .header__user-data {
    display: flex;
    align-items: center;
    margin-left: auto
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .header__login-btn {
        margin-left: 16px;
        display: none
    }
}

.header__balans {
    margin-right: 8px
}

.logo {
    position: relative;
    display: block;
    width: 91px;
    height: 68px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .logo {
        width: 91px;
        height: 68px
    }
}

.logo__pic {
    width: 206px;
    height: 32px
}

.footer {
    background-color: #222327
}

.footer.footer--minimal .footer__menu, .footer.footer--minimal .footer__social-list, .footer.footer--minimal .footer__trust {
    display: none
}

.footer.footer--minimal .footer__info {
    flex-direction: column
}

.footer.footer--minimal .footer__logo-item {
    width: 74px;
    height: 59px
}

.footer.footer--minimal .footer__desc {
    padding-bottom: 8px
}

.footer__trust-wrapper {
    padding-top: 16px
}

.footer__logo-seo {
    width: 100%
}

.footer__trust-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 0 8px;
    border-bottom: 1px solid #292c3c
}

.footer__trust-item {
    width: auto;
    padding: 4px
}

.footer__trust-pic {
    height: 18px;
    width: auto;
    object-fit: contain;
    opacity: .65
}

.footer__desc {
    padding: 8px 0
}

.footer__links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px
}

.footer__link-item {
    width: auto;
    padding: 8px
}

.footer__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.footer__social {
    order: -1;
    margin-bottom: 16px
}

.footer__social-list {
    display: flex
}

.footer__social-list-item:not(:last-child) {
    margin-right: 16px
}

.footer__social-item {
    display: block;
    width: 32px;
    height: 32px;
    opacity: .3
}

.footer__logo {
    margin-bottom: 16px
}

.footer__copyright {
    margin-bottom: 16px;
    text-align: center;
    font-size: 10px;
    line-height: 1.6;
    opacity: .5
}

.shelf-info {
    position: relative;
    display: flex;
    min-width: 194px
}

.shelf-info.active .shelf-info__arrow {
    transform: rotate(180deg)
}

.shelf-info.disable .shelf-info__arrow {
    display: none
}

.shelf-info:not(.disable) .shelf-info__open {
    cursor: pointer
}

.shelf-info:not(.disable) .shelf-info__open:active {
    opacity: .8
}

.shelf-info__top {
    z-index: 2;
    display: flex;
    width: 100%;
    border-radius: 5px
}

.shelf-info__top-bg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border-radius: inherit;
    padding-left: 10px;
    background-color: #111526
}

.shelf-info__open {
    display: flex;
    align-items: center;
    padding-right: 8px
}

.shelf-info__arrow {
    margin-left: 8px;
    border-top: 6px solid hsla(0, 0%, 100%, .33);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transition: transform .2s;
    will-change: transform
}

.shelf-info__hide {
    position: absolute;
    top: calc(100% - 6px);
    left: 0;
    width: 100%
}

.shelf-info__cont-wrap {
    padding: 16px 16px 14px;
    background-color: #111526;
    border-radius: inherit
}

.shelf-info__cont-bg {
    border-radius: 5px
}

.shelf-info__detailed-balans {
    display: flex;
    justify-content: space-between
}

.shelf-info__detailed-balans:not(:last-child) {
    margin-bottom: 14px
}

.shelf-info__balans-title {
    margin-bottom: 8px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .6)
}

.shelf-info__progress-text {
    padding-top: 8px;
    text-align: center;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .4)
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .3s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.shelf-info__balans {
    display: flex;
    align-items: center;
    color: #ffc400;
    font-weight: 700
}

.shelf-info__balans:not(.shelf-info__balans--main) {
    font-size: 14px
}

.shelf-info__balans--main {
    font-size: 16px
}

.shelf-info__balans-bonus {
    color: #ccd0de
}

.shelf-info__balans-ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    opacity: .7
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .shelf-info__balans-ico {
        width: 24px;
        height: 24px;
        margin-right: 8px
    }
}

.shelf-info__balans-text {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.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
}

.motivational-block {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    transition: transform .3s;
    transform: translateY(calc(100% - 16px))
}

.motivational-block__wrap {
    display: flex;
    align-items: center;
    opacity: 0;
    transition: opacity .3s;
    padding-left: calc(env(safe-area-inset-left) - 16px);
    padding-right: calc(env(safe-area-inset-right) - 16px)
}

.motivational-block__control-ico {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-image: none;
    transition: transform .3s;
    transform: rotate(180deg);
    will-change: transform
}

.motivational-block__control-ico:after {
    display: none
}

.motivational-block__control-ico:before {
    content: "";
    display: block;
    border-top: 8px solid hsla(0, 0%, 100%, .33);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.motivational-block.open {
    transform: translateY(0)
}

.motivational-block.open .motivational-block__control-ico {
    transform: rotate(0)
}

.motivational-block.open .motivational-block__wrap {
    opacity: 1
}

.motivational-block__container {
    display: flex;
    padding: 8px 8px 16px;
    border-top: 2px solid #3b425b;
    background: linear-gradient(180deg, #1b233a, #111a32);
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4)
}

.motivational-block__container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 42px;
    height: 10px;
    margin: auto;
    background-color: #1a2239
}

.motivational-block__btn {
    display: flex;
    flex-direction: column
}

.motivational-block__bonus-ico {
    z-index: 2;
    width: 60px;
    height: 40px;
    margin-left: 8px
}

.motivational-block__bonus-descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.motivational-block__tagline {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 700;
    color: #ffc400
}

.motivational-block__condition {
    font-size: 14px;
    color: hsla(0, 0%, 100%, .54)
}

.motivational-block__control {
    position: absolute;
    z-index: -1;
    bottom: calc(100% - 1px);
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 0;
    width: 100%
}

.motivational-block__control-ico-wrap {
    display: flex;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding-top: 2px;
    border: 2px solid #3b425b;
    border-radius: 50%;
    background-color: #182038;
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4);
    cursor: pointer;
    transform: translateY(24px)
}

.motivational-block__control-ico-wrap:active .motivational-block__control-ico {
    opacity: .8
}

.motivational-block__control-ico.motivational-block__control-ico:after {
    display: none
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .registration-block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        margin-left: auto;
        margin-bottom: 1px
    }
}

.registration-block__decor {
    border-top: 1px solid #43444b;
    border-bottom: 1px solid #040a15;
    position: fixed;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    width: 100%;
    height: 56px;
    bottom: 0;
    background: linear-gradient(180deg, #212327, #090b0e);
    box-shadow: 0 -5px 20px rgb(0 0 0 / 50%)
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .registration-block__decor {
        position: static;
        height: 100%;
        background-color: transparent;
        border: none
    }
}

.registration-block__panel {
    padding: 1px;
    background-image: linear-gradient(0deg, #534731, #474334);
    border-radius: 100px
}

.registration-block__wrapper {
    display: flex;
    align-items: center;
    border-radius: inherit;
    height: 100%;
    padding-left: 8px;
    border: none;
    background-color: #222327
}

.registration-block__bonus-img {
    display: none;
    width: 32px;
    height: 32px;
    margin-left: 8px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-img {
        display: block
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-img {
        margin-left: 28px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .registration-block__bonus-img {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .registration-block__bonus-img {
        display: block;
        margin-left: 8px
    }
}

.registration-block__bonus-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 8px;
    margin-left: 8px;
    text-align: center;
    font-size: 12px;
    line-height: 14px
}

@media screen and (min-width: 360px) {
    .registration-block__bonus-text {
        margin-right: 16px
    }
}

@media screen and (min-width: 568px) {
    .registration-block__bonus-text {
        display: block;
        font-size: 14px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .registration-block__bonus-text {
        display: flex;
        margin-left: 8px;
        font-size: 12px
    }
}

.registration-block__bonus-headline {
    font-weight: 700;
    color: #ffc400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    text-transform: uppercase
}

.registration-block__condition {
    margin-top: 2px;
    width: 100%;
    color: #8893ab
}

.page-title {
    justify-content: center;
    min-height: 48px;
    padding: 11px 0;
    background-color: #111526;
    font-weight: 700;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.page-title, .page-title > .container {
    position: relative;
    display: flex;
    align-items: center
}

.page-title > .container {
    flex-direction: column
}

.page-title__title {
    padding: 0 24px;
    text-align: center
}

.page-title__sub-text {
    padding-top: 4px;
    font-weight: 400;
    color: #8893a8;
    font-size: 12px
}

.page-title__right-ico {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    right: 18px;
    height: 24px;
    min-width: 24px;
    margin: auto;
    cursor: pointer
}

@media screen and (max-width: 1023px) {
    .page-title__right-ico {
        right: 9px
    }
}

.page-title__right-ico.icon-star-active {
    height: 18px;
    width: 18px
}

.page-title__right-pic {
    display: block;
    height: 24px;
    width: 24px
}

.page-title__right-600-text {
    display: block;
    margin-left: 7px;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .page-title__right-600-text {
        display: none
    }
}

.page-title__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    height: 24px;
    width: 24px;
    margin: auto;
    color: #ccd0de;
    cursor: pointer
}

.page-title__back:active {
    opacity: .8
}

@media screen and (max-width: 1023px) {
    .page-title__back {
        left: 8px
    }
}

.achievement__status {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-top: 16px;
    padding-bottom: 16px
}

.achievement__status-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 568px) {
    .achievement__status-wrap {
        flex-direction: row;
        justify-content: center
    }
}

.achievement__desc:not(.achievement__desc--without-progress) {
    width: 100%;
    max-width: 488px
}

.achievement__status-img {
    width: 160px;
    height: 160px;
    margin-bottom: 16px;
    flex-shrink: 0
}

@media screen and (min-width: 568px) {
    .achievement__status-img {
        margin-bottom: 0;
        margin-right: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .achievement__status-img {
        width: 172px;
        height: 172px
    }
}

.achievement__status-pic {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.achievement__status-level {
    font-size: 14px;
    line-height: 1.2;
    color: #7ad6e0;
    font-weight: 700;
    text-align: center
}

.achievement__status-level:not(:last-child) {
    margin-bottom: 8px
}

@media screen and (min-width: 568px) {
    .achievement__status-level {
        text-align: left
    }
}

.achievement__link {
    display: flex;
    justify-content: center
}

.achievement__link:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width: 568px) {
    .achievement__link {
        justify-content: flex-start
    }
}

.achievement__info {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.achievement__progress {
    width: 100%;
    margin-bottom: 24px;
    padding: 0 8px
}

@media screen and (min-width: 568px) {
    .achievement__progress {
        padding: 0
    }
}

.achievement__bonus {
    width: 100%
}

.achievement__bonus-wrap {
    width: 100%;
    max-width: 656px;
    border-radius: 5px;
    padding: 2px
}

.achievement__bonus-bg {
    display: flex;
    padding: 7px;
    border-radius: inherit;
    background-color: #12203f
}

.achievement__bonus-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center
}

.achievement__bonus-title {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    color: #a8bee6
}

.achievement__bonus-value {
    font-weight: 700;
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.achievement__list-sect {
    border-top: 1px solid #35486c;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 16px
}

.achievement__list-title-wrap {
    margin-bottom: 16px
}

.achievement__list-title {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.achievement__list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
    margin-bottom: -38px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .achievement__list {
        margin-left: -8px;
        margin-right: -8px
    }
}

.achievement__list-item {
    position: relative;
    padding: 0 4px;
    margin-bottom: 38px;
    width: 50%
}

.achievement__list-item:nth-child(1n+1):before {
    content: none
}

.achievement__list-item:nth-child(odd):before {
    content: ""
}

.achievement__list-item:first-child:before {
    content: none
}

.achievement__list-item:before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: absolute;
    left: -4px;
    top: -21px;
    width: 100vw;
    height: 2px;
    transform: rotate(180deg)
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .achievement__list-item:before {
        left: -8px
    }
}

@media screen and (min-width: 568px) {
    .achievement__list-item {
        width: 25%
    }

    .achievement__list-item:nth-child(odd):before {
        content: none
    }

    .achievement__list-item:nth-child(4n+1):before {
        content: ""
    }

    .achievement__list-item:first-child:before {
        content: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .achievement__list-item {
        padding: 0 8px
    }
}

@media screen and (min-width: 1024px) {
    .achievement__list-item {
        width: 16.66%
    }

    .achievement__list-item:nth-child(4n+1):before {
        content: none
    }

    .achievement__list-item:nth-child(6n+1):before {
        content: ""
    }

    .achievement__list-item:first-child:before {
        content: none
    }
}

@media screen and (min-width: 1680px) {
    .achievement__list-item {
        width: 12.5%
    }

    .achievement__list-item:nth-child(6n+1):before {
        content: none
    }

    .achievement__list-item:nth-child(8n+1):before {
        content: ""
    }

    .achievement__list-item:first-child:before {
        content: none
    }
}

.achievement__list-item.closed .achievement__list-name, .achievement__list-item.closed .achievement__list-pic {
    opacity: .5
}

.achievement__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px
}

.achievement__list-img {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 15px
}

.achievement__list-pic {
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-size: 10px;
    color: #a8bee6
}

.achievement__list-disable-ico {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 32px;
    height: 32px
}

.achievement__list-name {
    font-size: 14px;
    color: #a8bee6;
    text-align: center
}

.level-item {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column
}

.level-item.closed .level-item__pic {
    opacity: .4
}

.level-item__wrap {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px
}

@media screen and (min-width: 568px) {
    .level-item__wrap {
        flex-direction: row
    }
}

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

.level-item__img-sect {
    margin-bottom: 13px
}

@media screen and (min-width: 568px) {
    .level-item__img-sect {
        margin-bottom: 0;
        margin-right: 16px
    }
}

.level-item__img-wrap {
    position: relative;
    width: 104px;
    height: 104px
}

.level-item__img-wrap:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .level-item__img-wrap {
        width: 128px;
        height: 128px
    }
}

.level-item__pic {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.level-item__closed-ico {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto
}

.level-item__forbidden {
    display: block;
    text-align: center;
    color: #747c8e;
    font-size: 12px
}

.level-item__status-title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #7ad6e0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    text-align: center;
    font-size: 16px
}

.level-item__status-title:not(:last-child) {
    margin-bottom: 12px
}

@media screen and (min-width: 568px) {
    .level-item__status-title {
        text-align: left
    }
}

.level-item__bonus-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: -4px
}

.level-item__bonus-boxes:not(:last-child) {
    margin-bottom: 4px
}

@media screen and (min-width: 568px) {
    .level-item__bonus-boxes {
        justify-content: flex-start;
        margin: -8px
    }
}

.level-item__bonus-box {
    width: auto;
    text-align: center;
    margin: 4px;
    min-width: 96px;
    min-height: 52px;
    max-width: 656px;
    border-radius: 5px
}

@media screen and (min-width: 568px) {
    .level-item__bonus-box {
        margin: 8px
    }
}

.level-item__bonus-box-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0 8px;
    border-radius: inherit;
    background-color: #12203f
}

.level-item__bonus-box-title {
    display: block;
    margin-bottom: 8px;
    white-space: nowrap;
    font-size: 12px;
    color: #a8bee6
}

.level-item__bonus-box-val {
    font-weight: 700;
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.level-item__description {
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.actions__wrap {
    border-top: 1px solid #35486c
}

.actions__list-item:not(:first-child) {
    margin-bottom: 16px
}

.actions__list-item--second {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-top: 16px
}

.actions__item-container:not(.actions__item-container--full) {
    padding: 0 8px
}

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

.actions__item {
    display: block
}

.actions__item:not(.actions__item--full) {
    position: relative;
    z-index: 2;
    display: block;
    border-radius: 5px
}

.actions__item-wrap {
    padding-bottom: 50%;
    position: relative;
    border-radius: inherit
}

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

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

@media screen and (min-width: 1366px) {
    .actions__item-wrap {
        height: 398px
    }
}

.actions__ban {
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    border-radius: inherit;
    object-fit: cover
}

.actions__ban, .actions__btn {
    position: absolute;
    width: 100%
}

.actions__btn {
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5))
}

.strip-frame {
    overflow: hidden
}

.strip-frame, .strip-home {
    height: 100%;
    pointer-events: auto
}

.strip-home {
    display: grid;
    grid-template-columns:1fr 128px;
    grid-template-rows:1fr 56px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-home {
        grid-template-columns:1fr 172px;
        grid-template-rows:1fr 72px
    }
}

.strip-home__preview {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 16px;
    padding-bottom: 16px;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/strip-home-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    overflow: auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-home__preview {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.strip-home__slider {
    grid-column: 2/3;
    grid-row: 1/2;
    overflow-y: auto;
    background-color: #050c23
}

.strip-home__footer {
    border-top: 1px solid #35486c;
    grid-column: 1/3;
    grid-row: 2/3;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, .25)
}

.strip-home__btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #112852
}

.strip-home__level-photo {
    margin-bottom: 12px
}

.strip-home__control {
    display: flex;
    justify-content: center
}

.strip-home__gift {
    margin-right: 16px
}

.strip-home__gallery-link {
    display: flex;
    align-items: center
}

.strip-home__gallery-link:active {
    opacity: .8
}

.strip-home__video-ico {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 4px
}

.strip-home__video-text {
    font-size: 14px;
    line-height: 16px;
    color: #32a2f4
}

@media (hover) {
    .strip-home__video-text:hover {
        text-decoration: underline
    }
}

.strip-gallery {
    display: flex;
    flex-direction: column;
    height: 100%;
    pointer-events: auto
}

.strip-gallery__body {
    position: relative;
    display: flex;
    justify-content: center;
    flex-grow: 1;
    background-color: #050c24;
    overflow: auto
}

.strip-gallery__list-wrap {
    border-top: 1px solid #35486c;
    scrollbar-width: none;
    width: 100%
}

.strip-gallery__list-wrap::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.strip-gallery__list {
    scrollbar-width: none;
    display: flex;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #112852
}

.strip-gallery__list::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-gallery__list {
        justify-content: center;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 56px;
        height: 116px
    }
}

.strip-gallery__list-item:not(:last-child) {
    margin-right: 16px
}

.strip-gallery__list-item:last-child {
    padding-right: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-gallery__list-item:last-child {
        padding-right: 56px
    }
}

.strip-gallery__mute {
    position: absolute;
    right: 16px;
    bottom: 12px;
    z-index: 99
}

.video-item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

.video-item.ended .video-item__btn {
    visibility: visible
}

.video-item.loading:after {
    content: ""
}

.video-item.show .video-item__vid {
    opacity: 1;
    visibility: visible
}

.video-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(/2174/mobile/images-loaded/src/images/pic/loading_spinner.gif);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 80px
}

.video-item__vid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .video-item__vid {
        position: static;
        margin: 0 auto;
        object-fit: contain;
        transform: none
    }
}

.video-item__btn {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    width: 56px;
    height: 56px;
    margin: auto;
    visibility: hidden
}

.gifts-page, .gifts-page__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.gifts-page__content {
    padding-bottom: 16px;
    border-bottom: 1px solid #040a14
}

.gifts-page__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .gifts-page__title {
        height: 48px
    }
}

.gifts-page__all-gifts {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.gifts-page__separator {
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: -8px;
    height: 1px;
    width: calc(100% + 16px);
    border-top: 1px solid #000;
    border-bottom: 1px solid #35496c
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .gifts-page__separator {
        margin-left: -16px;
        width: calc(100% + 32px)
    }
}

.gifts-list {
    display: grid;
    grid-gap: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .gifts-list {
        grid-template-columns:repeat(2, 360px)
    }
}

@media screen and (min-width: 1024px) {
    .gifts-list {
        grid-template-columns:repeat(3, 320px)
    }
}

@media screen and (min-width: 1366px) {
    .gifts-list {
        grid-template-columns:repeat(4, 320px)
    }
}

.gift-item {
    position: relative;
    height: 391px
}

.gift-item__bg {
    padding: 16px 8px;
    height: 100%;
    overflow: hidden
}

@media screen and (min-width: 568px) {
    .gift-item__bg {
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.gift-item__content {
    position: relative;
    top: 0;
    transition: .3s
}

.gift-item__content--up {
    top: -180px;
    transition: .3s
}

.gift-item__ban {
    width: 200px;
    height: 160px;
    margin: 0 auto 16px
}

.gift-item__pic {
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    text-align: center
}

.gift-item__footer {
    position: absolute;
    z-index: 2;
    left: 8px;
    right: 8px;
    bottom: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 12px;
    background: #0e1f3e
}

.gift-item__separator {
    margin-bottom: 16px;
    height: 1px;
    width: calc(100% + 16px);
    border-top: 1px solid #000;
    border-bottom: 1px solid #35496c
}

.gift-item__title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

.gift-item__text-desc {
    flex-grow: 1
}

.gift-item__text {
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    color: #8893a8
}

@media screen and (min-width: 567px) {
    .gift-item__text {
        text-align: left
    }
}

.gift-item__count {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width: 321px) {
    .gift-item__count {
        align-items: flex-end;
        justify-content: center;
        flex-direction: row
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .gift-item__count {
        justify-content: flex-start
    }
}

.gift-item__count-item {
    margin-bottom: -8px;
    margin-right: 6px
}

.gift-item__count-btn-container {
    display: flex
}

.gift-item__count-btn-container .btn {
    padding: 0 14px
}

.gift-item__countdown {
    margin-top: -8px
}

.used-gifts-list__list {
    display: grid;
    grid-gap: 16px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .used-gifts-list__list {
        grid-template-columns:repeat(2, 360px)
    }
}

@media screen and (min-width: 1024px) {
    .used-gifts-list__list {
        grid-template-columns:repeat(3, 320px)
    }
}

@media screen and (min-width: 1366px) {
    .used-gifts-list__list {
        grid-template-columns:repeat(4, 320px)
    }
}

.used-gifts-list__pagination {
    padding-top: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .used-gifts-list__pagination {
        padding-top: 24px;
        padding-bottom: 8px
    }
}

.used-gifts-list__pagination-btn {
    display: flex;
    justify-content: center
}

.used-gift {
    height: 100%
}

.used-gift__bg {
    display: flex;
    align-items: center;
    padding: 8px;
    height: 100%
}

.used-gift__img {
    margin-right: 8px;
    max-width: 56px;
    max-height: 56px
}

.used-gift__pic {
    width: 100%;
    height: auto;
    object-fit: contain
}

.used-gift__title-wrap {
    margin-bottom: 8px
}

.used-gift__title {
    display: block;
    font-weight: 700;
    font-size: 14px
}

.used-gift__text {
    font-size: 12px;
    color: #8893a8;
    line-height: 1.2
}

.gift-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.gift-slide__img-wrapper {
    width: 80px;
    height: 64px;
    margin-bottom: 8px
}

.gift-slide__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.gift-slide__label-container {
    width: 100%;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden
}

@media (hover) {
    .gift-slide__label-container:hover .marquee {
        animation-name: marquee;
        animation-duration: 2s;
        animation-timing-function: linear;
        animation-direction: alternate;
        animation-iteration-count: infinite
    }
}

.gift-slide__label {
    display: inline-block;
    overflow: hidden
}

.gift-slide__countdown {
    width: 100%;
    height: 14px;
    margin-bottom: 16px
}

.gift-slide__button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 196px;
    width: 100%;
    padding: 0 4px;
    box-sizing: border-box
}

.gift-slide__btn {
    width: 100%
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-20%)
    }
}

.slider__item {
    display: block;
    width: 100%;
    box-sizing: border-box
}

.slider__wrapper-link {
    position: relative;
    display: block;
    width: 100%
}

.slider__img-wrap {
    padding-bottom: 0;
    position: relative;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .slider__img-wrap {
        padding-bottom: 0
    }
}

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

@media screen and (min-width: 1366px) {
    .slider__img-wrap {
        height: 398px
    }
}

.slider__pic {
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover
}

.slider__btn, .slider__pic {
    position: absolute;
    width: 100%
}

.slider__btn {
    bottom: 16px;
    z-index: 1;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slider__btn {
        bottom: 68px
    }
}

.slider__pagination.slider__pagination-clickable {
    position: absolute;
    z-index: 100;
    left: 50%;
    bottom: 6px;
    display: flex;
    width: auto;
    font-size: 0;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slider__pagination.slider__pagination-clickable {
        bottom: 30px
    }
}

.slider__pagination-dot {
    display: block;
    width: 4px;
    height: 4px;
    padding: 4px;
    box-sizing: content-box;
    border-radius: 50%;
    background-color: #fff;
    background-clip: content-box;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
    opacity: .5;
    transition: opacity .3s;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slider__pagination-dot {
        width: 6px;
        height: 6px
    }
}

.slider__pagination-dot--active {
    opacity: 1
}

.slider2 {
    flex-grow: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #111526
}

.slider2 .swiper-wrapper {
    padding: 0 8px
}

.slider2__slide {
    width: auto
}

.slider2__wrap {
    padding: 2px 2px 0;
    border-radius: 5px;
    background-image: linear-gradient(#414450, #15191f 25%);
    box-shadow: 0 2px 0 0 #40434f;
    margin-bottom: 2px
}

.slider2__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    background-image: linear-gradient(#1b1f2c, #0d101d);
    font-size: 16px
}

.slider2__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 122px;
    height: 84px;
    margin-right: 15px
}

.slider2__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider2__desc {
    width: 77px;
    padding-right: 8px
}

.slider2__desc > * {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slider2__desc {
        width: 100px
    }
}

.slider2__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider2__username {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 1.2
}

.slider2__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider3 {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg, rgba(177, 150, 88, .48), #0f1013 17.19%, #191a1f 84.37%, rgba(177, 150, 88, .48));
    height: 100%
}

.slider3 .swiper-wrapper {
    padding-top: 16px
}

.slider3--no-bg {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

.slider3__swiper {
    height: 100%
}

.slider3__item-wrap {
    background-color: #17191d;
    border-radius: inherit;
    height: 500px;
    padding: 0 16px
}

.slider3__item-wrap--height {
    height: calc(100vh - 200px);
    max-height: 480px
}

.slider3__item-wrap--height-s {
    height: calc(100vh - 125px)
}

.slider3__item-wrap--background {
    background: #112852
}

.slider3__slide {
    width: auto;
    height: 60px;
    margin-bottom: 16px
}

.slider3__item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: inherit;
    font-size: 16px
}

.slider3__img-wrap {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 88px;
    height: 60px;
    margin-right: 15px
}

.slider3__pic {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-size: 10px
}

.slider3__desc {
    width: 100px;
    padding-right: 8px
}

.slider3__desc > * {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.slider3__currensy {
    color: #ffc400;
    font-weight: 700;
    line-height: 1.25;
    font-size: 14px
}

.slider3__username {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.2
}

.slider3__text {
    margin-bottom: 2px;
    line-height: 1.2;
    font-size: 12px;
    color: #8893a8
}

.slider4 {
    padding: 1px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
    width: 100%;
    border-radius: 5px
}

.slider4__decor {
    min-height: 200px;
    padding: 16px;
    border-radius: inherit;
    background-image: linear-gradient(#1e335b, #12203f);
    background-size: 100% 100px;
    background-repeat: no-repeat;
    background-color: #12203f
}

.slider4__arrow {
    position: absolute;
    top: 15%;
    z-index: 10;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.slider4__arrow--prev {
    left: 16px
}

.slider4__arrow--next {
    right: 16px
}

.slider4__arrow-disabled {
    display: none
}

@media (min-width: 1113px) and (orientation: landscape) and (hover), screen and (min-width: 1024px) and (orientation: portrait) and (hover) {
    .slider6:hover .slider6__arrow {
        opacity: .8;
        visibility: visible
    }

    .slider6:hover .slider6__arrow:hover {
        opacity: 1
    }

    .slider6:hover .slider6__arrow:active {
        opacity: .6
    }
}

.slider6__item-wrap {
    margin-right: -8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slider6__item-wrap {
        margin-right: -16px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .slider6__item-wrap {
        margin-right: 0
    }
}

.slider6__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    padding: 4px;
    margin: auto;
    width: 32px;
    height: 32px;
    visibility: hidden;
    cursor: pointer;
    border-radius: 50%;
    background-color: #284171;
    opacity: 0;
    transition: visibility .3s, opacity .3s
}

.slider6__arrow--prev {
    left: 16px
}

.slider6__arrow--next {
    right: 16px
}

.slider6__arrow-disabled {
    display: none
}

.slide6 {
    box-sizing: border-box;
    width: 134px;
    margin-right: 8px
}

@media screen and (min-width: 360px) {
    .slide6 {
        width: 148px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .slide6 {
        margin-right: 16px
    }
}

@media screen and (min-width: 568px) {
    .slide6 {
        width: 162px
    }
}

@media screen and (min-width: 1024px) {
    .slide6 {
        width: 184px
    }
}

.jackpot {
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot {
        padding-bottom: 22px
    }
}

.jackpot__ban {
    position: relative
}

.jackpot__block-ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    overflow: hidden
}

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

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

@media screen and (min-width: 1366px) {
    .jackpot__block-ban {
        height: 398px
    }
}

.jackpot__desc {
    padding-bottom: 5px
}

.jackpot__decor {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpot__count {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot__block-btn {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__block-btn {
        bottom: 56px
    }
}

@media screen and (min-width: 1024px) {
    .jackpot__block-button {
        width: 240px
    }
}

.jackpot__sum {
    display: flex;
    align-items: center;
    font-family: SF UI Display, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffe0b7
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__sum {
        font-size: 30px;
        line-height: 36px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot__sum {
        font-size: 40px;
        line-height: 48px
    }
}

.jackpot__decor-title {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #ffd38c;
    letter-spacing: .576px;
    text-shadow: 0 0 1px #0c3a55, 0 2px 5px #04293e;
    font-weight: 700;
    line-height: 1.2
}

@media screen and (min-width: 568px) {
    .jackpot__decor-title {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__decor-title {
        margin-bottom: 5px;
        font-size: 24px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot__decor-title {
        font-size: 32px
    }
}

.rub .jackpot__currency:after {
    content: "c"
}

.jackpot__text {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot__games {
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-bottom: 16px
}

.jackpot__headline {
    display: flex;
    align-items: center;
    height: 48px
}

.jackpot__title {
    font-size: 14px;
    font-weight: 700
}

.jackpot__description {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.jackpot__winners {
    border-top: 1px solid #35486c;
    padding-bottom: 16px
}

.jackpot__winners-list {
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__winners-list {
        margin-right: -8px;
        margin-left: -8px
    }
}

.jackpot__winners-item {
    width: 100%
}

.jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
    background-color: #0f2040
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__winners-item:nth-child(odd) .jackpot__winners-card {
        background-color: transparent
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__winners-item {
        width: 50%;
        padding: 0 8px
    }

    .jackpot__winners-item:nth-child(4n+1) .jackpot__winners-card, .jackpot__winners-item:nth-child(4n+2) .jackpot__winners-card {
        background-color: #0f2040
    }
}

.jackpot__winners-card {
    display: flex;
    align-items: center;
    padding: 8px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot__winners-card {
        padding: 8px 8px 8px 16px
    }
}

.jackpot__winners-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 42%
}

.jackpot__winners-nickname {
    font-size: 14px;
    margin-bottom: 3px
}

.jackpot__winners-date {
    color: #8893a8;
    font-size: 14px
}

.jackpot__winners-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1
}

.jackpot__winners-money {
    font-size: 16px;
    margin-bottom: 4px;
    font-weight: 700;
    color: #ffc400
}

.jackpot__winners-bet {
    color: #a8bee6;
    font-size: 12px
}

.home {
    display: flex;
    flex-direction: column
}

.home__promo-text {
    background-size: 100% 16px;
    background-repeat: no-repeat;
    order: 99;
    padding: 1px 0;
    border-top: 1px solid #43444b
}

.home__lobby-games {
    padding-bottom: 16px
}

.big-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) {
    .big-ban {
        padding-bottom: 30.282%
    }
}

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

@media screen and (min-width: 1366px) {
    .big-ban {
        height: 398px
    }
}

.big-ban__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.big-ban__button-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .big-ban__button-wrap {
        padding-bottom: 68px
    }
}

.big-ban__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popular-games {
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-bottom: 8px
}

.popular-games__btn {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.jackpot-block {
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot-block {
        padding-top: 8px;
        padding-bottom: 22px
    }
}

.jackpot-block__wrap {
    position: relative
}

.jackpot-block__ban {
    padding-bottom: 50%;
    position: relative;
    display: block;
    overflow: hidden
}

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

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

@media screen and (min-width: 1366px) {
    .jackpot-block__ban {
        height: 398px
    }
}

.jackpot-block__picture {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%
}

.jackpot-block__img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.jackpot-block__desc {
    padding-bottom: 5px
}

.jackpot-block__decor {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpot-block__count {
    display: flex;
    align-self: baseline;
    overflow: hidden;
    padding: 0 4px
}

.jackpot-block__btn {
    position: absolute;
    bottom: 12px;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot-block__btn {
        bottom: 56px
    }
}

.jackpot-block__sum {
    display: flex;
    align-items: center;
    font-family: SF UI Display, sans-serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #ffe0b7
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .jackpot-block__sum {
        font-size: 30px;
        line-height: 36px
    }
}

@media screen and (min-width: 1680px) {
    .jackpot-block__sum {
        font-size: 40px;
        line-height: 48px
    }
}

.rub .jackpot-block__currency:after {
    content: "c"
}

.promotion-text__height {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden
}

.promotion-text__height:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: none
}

.toggle-active.height-auto:before {
    display: none
}

.toggle-active:before {
    display: block
}

.height-auto {
    max-height: none !important
}

.promotion-text__btn {
    margin: 8px auto 0
}

.blog-list {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat
}

.blog-list__headline {
    display: flex;
    align-items: center;
    height: 48px
}

.blog-list__title {
    display: flex;
    justify-content: space-between
}

.blog-list__title-text {
    font-weight: 700;
    font-size: 14px
}

.blog-list__title-count {
    font-size: 14px
}

.blog-list__list-item:not(:first-child) {
    border-top: 1px solid #35486c;
    padding-top: 8px
}

.blog-list__item {
    border-bottom: 1px solid #040a15;
    padding-bottom: 16px
}

.blog-list__item-ban {
    margin-bottom: 16px
}

.blog-list__promo-item {
    padding-bottom: 50%;
    position: relative;
    display: block;
    border-radius: 5px
}

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

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

@media screen and (min-width: 1366px) {
    .blog-list__promo-item {
        height: 398px
    }
}

.blog-list__promo-item-pic {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    padding: 3px;
    border-radius: inherit;
    object-fit: cover
}

.blog-list__item-title {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px
}

.blog-list__item-time {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #8893a8
}

.blog-list__item-text {
    margin-bottom: 16px;
    font-size: 14px;
    color: #8893a8
}

.blog-list__item-links {
    display: flex;
    justify-content: space-between
}

.blog-list__bot-btn {
    border-top: 1px solid #35486c;
    display: flex;
    justify-content: center;
    padding: 8px 0
}

.blog-show__desc {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding: 16px 0
}

.blog-show__promo-item-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-show__promo-item {
    padding-bottom: 50%;
    position: relative;
    display: block
}

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

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

@media screen and (min-width: 1366px) {
    .blog-show__promo-item {
        height: 398px
    }
}

.blog-show__desc-title {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px
}

.blog-show__desc-time {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #8893a8
}

.blog-show__comments-disable {
    border-top: 1px solid #35486c;
    padding: 16px 0
}

.blog-show__comment-disable-title {
    font-size: 14px;
    font-weight: 700
}

.blog-show__comments {
    border-top: 1px solid #35486c;
    padding: 16px 0
}

.blog-show__btn {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.blog-show__form {
    margin-bottom: 16px
}

.blog-show__comment-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    line-height: 1.2;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.blog-show__comment-area, .blog-show__comment-form {
    margin-bottom: 16px
}

.blog-show__comment-title-wrap {
    display: flex;
    justify-content: space-between;
    font-size: 14px
}

.blog-show__comment-sub-title {
    font-weight: 700
}

.blog-show__comment-area-btn {
    display: flex;
    justify-content: center
}

.blog-show__message-item:not(:last-child) {
    margin-bottom: 4px
}

.blog-show__message-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 4px 8px
}

.blog-show__message-name {
    padding-right: 8px;
    text-overflow: ellipsis;
    overflow: hidden
}

.blog-show__message-name, .blog-show__message-time {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.2;
    color: #8893a8
}

.blog-show__message-desc {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 9px 7px;
    background-color: rgba(17, 21, 38, .4);
    border-radius: 5px;
    word-break: break-word;
    font-size: 14px
}

.blog-show__no-message {
    display: block;
    padding-top: 8px;
    font-size: 14px;
    font-style: italic;
    color: #8893a8
}

.password-recovery-modal {
    margin: auto;
    width: 320px
}

.password-recovery-modal.password-recovery-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.password-recovery-modal.password-recovery-modal--separate-page::-webkit-scrollbar {
    display: none
}

.password-recovery-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.change-password-modal {
    margin: auto;
    width: 320px
}

.change-password-modal.change-password-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.change-password-modal.change-password-modal--separate-page::-webkit-scrollbar {
    display: none
}

.change-password-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.resetting-password-modal {
    margin: auto;
    width: 320px
}

.resetting-password-modal.resetting-password-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.resetting-password-modal.resetting-password-modal--separate-page::-webkit-scrollbar {
    display: none
}

.resetting-password-modal__wrap {
    padding-bottom: 24px
}

.registration, .resetting-password-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.registration {
    width: 100%;
    max-width: 480px;
    margin: auto
}

.registration__headline {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #111526
}

.registration__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.registration__close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.registration__ban-wrap {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 44.58%
}

.registration__ban-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.registration__ban-wrap--rotate-2 {
    display: none
}

.registration__tabs {
    border-bottom: 1px solid #040a15
}

.registration__ulogin {
    border-top: 1px solid #35486c
}

.registration__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.authorization {
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 5px
}

.authorization__headline {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #111526
}

.authorization__title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.authorization__close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.authorization__tabs {
    border-bottom: 1px solid #040a15
}

.authorization__ulogin {
    border-top: 1px solid #35486c
}

.authorization__foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.registration-tab {
    padding: 12px 8px 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .registration-tab {
        padding-left: 16px;
        padding-right: 16px
    }
}

.registration-tab__desc {
    margin-bottom: 16px
}

.registration-tab__input:not(:last-child), .registration-tab__inputs:not(:last-child) {
    margin-bottom: 8px
}

.registration-tab__check {
    margin-bottom: 24px
}

.registration-tab__btn {
    display: flex;
    justify-content: center
}

.authorization-tab {
    padding: 12px 8px 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .authorization-tab {
        padding-left: 16px;
        padding-right: 16px
    }
}

.authorization-tab__desc {
    margin-bottom: 32px
}

.authorization-tab__inputs {
    margin-bottom: 4px
}

.authorization-tab__input:not(:last-child) {
    margin-bottom: 8px
}

.authorization-tab__resetting {
    display: flex;
    justify-content: flex-end
}

.authorization-tab__btn {
    display: flex;
    justify-content: center
}

.ulogin {
    padding: 16px
}

.ulogin.ulogin--min-design {
    padding: 14px 16px 0
}

.ulogin.ulogin--min-design .ulogin__list {
    flex-wrap: wrap
}

.ulogin.ulogin--min-design .ulogin__item {
    margin: 4px
}

.ulogin.ulogin--min-design .ulogin__title {
    margin-bottom: 12px
}

.ulogin__title {
    margin-bottom: 10px;
    font-size: 12px;
    color: #8893a8;
    text-align: center
}

.ulogin__list {
    display: flex;
    justify-content: center
}

.ulogin__item:not(:last-child) {
    margin-right: 8px
}

.ulogin__social-btn {
    display: block;
    width: 40px;
    height: 40px;
    opacity: .7
}

.ulogin__social-btn:active {
    opacity: 1
}

.password-recovery__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-top: 16px;
    padding-bottom: 24px
}

.password-recovery__desc {
    max-width: 352px;
    padding: 0 16px;
    margin: 0 auto;
    border-radius: inherit
}

.password-recovery__title {
    margin-bottom: 16px;
    font-size: 14px;
    color: #a8bee6
}

.password-recovery__radio:not(:empty) {
    margin-bottom: 16px
}

.password-recovery__radio-item:not(:last-child) {
    margin-bottom: 8px
}

.password-recovery-email-tab__input {
    margin-bottom: 16px
}

.password-recovery-email-tab__input-desc-btn {
    display: flex;
    justify-content: center
}

.password-recovery-email-tab__text-wrap {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.password-recovery-email-tab__input-desc-captcha:not(:empty), .password-recovery-email-tab__text-item:not(:last-child) {
    margin-bottom: 16px
}

.password-recovery-email-tab__text-link {
    color: #fff
}

.password-recovery-email-tab__button {
    display: flex;
    justify-content: center
}

.password-recovery-phone-tab__input {
    position: relative;
    z-index: 2;
    margin-bottom: 16px
}

.password-recovery-phone-tab__input-desc-btn {
    display: flex;
    justify-content: center
}

.password-recovery-phone-tab__code-wrap-text {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #8893a8
}

.password-recovery-phone-tab__code-captcha:not(:empty), .password-recovery-phone-tab__code-input, .password-recovery-phone-tab__input-desc-captcha:not(:empty) {
    margin-bottom: 16px
}

.password-recovery-phone-tab__code-btn {
    display: flex;
    justify-content: center
}

.change-password__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding-top: 16px;
    padding-bottom: 16px
}

.change-password__desc {
    width: 100%;
    max-width: 352px;
    padding: 0 16px;
    margin: 0 auto
}

.change-password__inputs {
    margin-bottom: 24px
}

.change-password__input:not(:last-child) {
    margin-bottom: 16px
}

.change-password__btn {
    display: flex;
    justify-content: center
}

.resseting-password__wrap {
    border-top: 1px solid #35486c;
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    padding: 16px 8px 0
}

.resseting-password__desc {
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

.resseting-password__text {
    font-size: 14px;
    color: #8893a8;
    line-height: 1.2
}

.resseting-password__text:not(:empty) {
    margin-bottom: 16px
}

.resseting-password__inputs {
    margin-bottom: 24px
}

.resseting-password__input:not(:last-child) {
    margin-bottom: 16px
}

.resseting-password__btn {
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center
}

.personal-entry-page {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_mobile.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .personal-entry-page {
        background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_ipad.jpg)
    }
}

@media screen and (min-width: 1024px) {
    .personal-entry-page {
        background-image: url(/2174/mobile/images-loaded/src/images/bg/landing_bg_desktop.jpg)
    }
}

.personal-entry-page__title {
    text-align: center;
    font-family: Impact, sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 43px;
    text-transform: uppercase;
    color: #fff
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .personal-entry-page__title {
        font-size: 32px
    }
}

.personal-entry-page__scroll {
    display: flex;
    overflow: auto;
    height: 100%
}

.personal-entry-page__wrap {
    width: 100%;
    max-width: 440px;
    margin: auto
}

.personal-entry-page__authorization {
    width: 100%;
    max-width: 480px;
    margin: auto;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 5px
}

.personal-entry-page__authorization-headline {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #111526
}

.personal-entry-page__authorization-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.personal-entry-page__authorization-close {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

.personal-entry-page__authorization-tabs {
    border-bottom: 1px solid #040a15
}

.personal-entry-page__authorization-ulogin {
    border-top: 1px solid #35486c
}

.personal-entry-page__authorization-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.btn {
    position: relative;
    display: block;
    flex-shrink: 0;
    min-width: 80px;
    padding: 0 16px;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    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);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 100px
}

.btn.btn--first {
    background: linear-gradient(98.32deg, #04bcbf -2%, #f6315a 54.7%, #00bbbe 107.96%);
    color: #000;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    border-radius: 100px
}

@media (hover) {
    .btn.btn--first:hover {
        background: linear-gradient(98.32deg, #04bcbf -2%, #f6315a 54.7%, #00bbbe 107.96%);
    }
}

.btn.btn--first:active {
    background-image: linear-gradient(0, #206400 .01%, #2aa300);
    color: hsla(0, 0%, 100%, .7)
}

.btn.btn--second {
    background-image: linear-gradient(180deg, #ea2626, #641800)
}

@media (hover) {
    .btn.btn--second:hover {
        background-image: linear-gradient(180deg, #ff1a1a, #a82800)
    }
}

.btn.btn--second:active {
    background-image: linear-gradient(0, #ea2626 .01%, #641800);
    color: hsla(0, 0%, 100%, .7)
}

.btn.btn--third {
    background: linear-gradient(180deg, #d4e1e6, #fff 49.48%, #d4e1e5);
    color: #000
}

@media (hover) {
    .btn.btn--third:hover {
        background: linear-gradient(180deg, #e7f3f8, #fff 49.48%, #e7f3f8)
    }
}

.btn.btn--third:active {
    background-image: linear-gradient(0, #00396c .01%, #005585);
    color: hsla(0, 0%, 100%, .7)
}

.btn.btn--transparent {
    background-image: linear-gradient(180deg, transparent, transparent);
    text-transform: none;
    line-height: 38px;
    font-size: 16px;
    border: 1px solid #fff
}

@media (hover) {
    .btn.btn--transparent:hover {
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .08))
    }
}

.btn.btn--transparent:active {
    background-image: linear-gradient(0, transparent .01%, transparent);
    color: hsla(0, 0%, 100%, .7);
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 34px;
    background-color: rgba(0, 0, 0, .08)
}

.btn.btn--fourth {
    margin-bottom: 0;
    line-height: 40px;
    background-color: transparent;
    color: #32a2f4
}

.btn.btn--fourth:after {
    display: none
}

@media (hover) {
    .btn.btn--fourth:hover {
        text-decoration: underline
    }
}

.btn.btn--fourth:active {
    background-color: rgba(0, 0, 0, .6)
}

.btn.btn--long, .btn.btn--long-response {
    min-width: 200px
}

@media screen and (max-width: 1023px) {
    .btn.btn--long-response {
        min-width: auto
    }
}

@media screen and (max-width: 1023px) and (min-width: 480px) {
    .btn.btn--long-response {
        min-width: 200px
    }
}

.btn.btn--big, .btn.btn--big-response {
    min-width: 240px
}

@media screen and (max-width: 1023px) {
    .btn.btn--big-response {
        min-width: 200px
    }
}

.btn.disabled, .btn[disabled] {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

.btn__ico-wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.btn__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3))
}

.btn.btn--counter {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: inherit;
    height: 48px;
    padding: 0 12px
}

.btn.btn--counter:after, .btn.btn--counter:before {
    transform: none
}

.btn__timer-text {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 400
}

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

.close-btn {
    display: block;
    width: 24px;
    height: 24px
}

.close-btn:active {
    opacity: .8
}

.close-btn:before {
    content: "";
    position: absolute;
    left: -8px;
    top: -8px;
    width: 40px;
    height: 40px
}

.switch {
    display: block;
    width: 56px;
    height: 24px;
    border-radius: 15px
}

.switch__panel {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 5px;
    overflow: hidden;
    transition: transform .3s;
    transform: translateX(-37%);
    will-change: transform
}

.switch__panel:after, .switch__panel:before {
    content: "";
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: 27px;
    font-weight: 700;
    color: #111526;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px
}

.switch__panel:before {
    content: attr(data-on);
    justify-content: flex-start
}

.switch__panel:after {
    content: attr(data-off);
    justify-content: flex-end;
    opacity: .5;
    text-align: right
}

.switch__hidden-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    background-color: #fff
}

.switch__ico {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .2), rgba(0, 0, 0, .2));
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e4e4e4;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .3);
    transition: background-color .3s
}

.switch__input:checked ~ .switch__hidden-wrap .switch__panel {
    transform: translateX(-1%)
}

.switch__input:checked ~ .switch__hidden-wrap .switch__panel .switch__ico {
    background-color: #189ff2
}

.check-item {
    position: relative;
    display: block;
    cursor: pointer
}

.check-item.error .alert-text {
    overflow: visible
}

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

.check-item__ico-bg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 4px;
    border-radius: 5px
}

.check-item__ico {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 2px;
    background-color: #fff;
    border-radius: 4px
}

.check-item__ico:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s
}

.check-item.check-item--radio .check-item__ico-bg {
    border-radius: 50%
}

.check-item.check-item--radio .check-item__ico {
    padding: 0;
    border-radius: 50%
}

.check-item.check-item--radio .check-item__ico:after {
    width: 10px;
    height: 10px;
    border-radius: inherit
}

.check-item__wrap {
    display: flex;
    align-items: center;
    width: max-content
}

.check-item__text {
    display: flex;
    align-items: center;
    font-size: 14px
}

.check-item__text::selection {
    background-color: transparent
}

.check-item__input {
    display: none
}

.check-item__input:checked ~ .check-item__ico-bg .check-item__ico:after, .check-item__input:checked ~ .check-item__ico:after, .check-item__input:checked ~ .check-item__wrap .check-item__ico:after {
    opacity: 1
}

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

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

.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: 4px;
    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-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: 5px
}

.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)
}

.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 .alert-text {
    color: #f04d30
}

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

.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: #8893a8;
    font-size: 12px;
    line-height: 1.167
}

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

.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-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.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: #ffc400;
    line-height: 1.2
}

.input-item__limit {
    display: block;
    width: 100%;
    min-height: 15px;
    padding-top: 1px;
    font-size: 12px;
    color: #8893a8;
    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
}

.usd .input-item-wrap__input-pseudo--cur:after {
    content: "Â $";
    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%;
    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__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
}

.progressbar {
    position: relative;
    height: 16px;
    width: 100%;
    border-radius: 7.5px
}

.progressbar__container, .progressbar__decor, .progressbar__tab {
    border-radius: inherit;
    height: 100%
}

.progressbar__container {
    background-color: #111526;
    box-shadow: inset 0 1px 2px #000
}

.progressbar__indicator {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    border-radius: inherit
}

.progressbar__indicator--first {
    background-color: #ff29c0;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 20px 20px;
    box-shadow: inset 0 -7px 5px -5px #000
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .progressbar__indicator--first {
        will-change: background-position;
        animation: progressbar 2s linear infinite
    }
}

.progressbar__indicator--second {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .5), rgba(0, 0, 0, .5) 50%), linear-gradient(90deg, #c90000 4.28%, #ffe206 115.23%);
    background-blend-mode: soft-light, normal;
    box-shadow: inset 0 1px 3px rgba(255, 118, 118, .5)
}

.progressbar__pinned {
    position: absolute;
    top: 50%;
    right: -1px;
    z-index: 2;
    margin: auto;
    transform: translateY(-50%)
}

.progressbar__value {
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    opacity: .9;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

@keyframes progressbar {
    0% {
        background-position: 20px 0
    }
    to {
        background-position: 0 0
    }
}

.link {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #32a2f4;
    cursor: pointer
}

.link.link--min {
    font-size: 12px
}

.link.link--uppercase {
    text-transform: uppercase;
    font-weight: 700
}

.link:active {
    opacity: .8
}

.link__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.link__ico--big {
    margin-right: 4px
}

.link__ico--big, .link__ico.link__ico--big-grey, .link__ico.link__ico--search {
    width: 24px;
    height: 24px
}

@media screen and (max-width: 1023px) {
    .link__ico.link__ico--search {
        width: 16px;
        height: 16px
    }
}

.link__wrap {
    display: block
}

.link__text {
    line-height: 1.1
}

.link__text--small-size {
    font-size: 12px
}

.link__ico-arrow {
    display: flex;
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.link.hide-text .visible {
    display: none
}

.link.hide-text .hidden {
    display: block
}

.link.hide-text .link__ico-arrow {
    transform: rotate(180deg)
}

.status-flag {
    display: block;
    padding: 0 6px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.status-flag.status-flag--first, .status-flag.status-flag--jackpot {
    background-image: linear-gradient(180deg, #f56398, #a00202)
}

.status-flag.status-flag--new, .status-flag.status-flag--second {
    background-image: linear-gradient(180deg, #f56398, #a00202)
}

.status-flag.status-flag--third, .status-flag.status-flag--top {
    background-image: linear-gradient(180deg, #f56398, #a00202)
}

.nav-tabs {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #111526
}

.nav-tabs-scroll {
    height: 40px;
    overflow: hidden
}

.nav-tabs-scroll .nav-tabs {
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 20px
}

.nav-tabs-scroll .nav-tabs__btn:not(.nav-tabs__btn--icon) {
    flex-shrink: 0
}

.nav-tabs-scroll--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    left: 0;
    z-index: 2;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .nav-tabs-scroll--sticky {
        top: 72px
    }
}

.nav-tabs__btn {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100px;
    height: 40px;
    padding: 0 9px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(#242b3e, #242b3e), linear-gradient(180deg, #1c2439, rgba(26, 34, 55, 0));
    background-color: #0f1930;
    background-position: 0 0, 100% 80%;
    background-repeat: no-repeat;
    background-size: auto 1px, auto;
    text-align: center;
    color: #898d99;
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .02em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.nav-tabs__btn:last-child {
    margin-right: 0
}

.nav-tabs__btn.active {
    background-image: linear-gradient(#496595, #496595), linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%);
    background-color: #112852;
    -webkit-text-stroke: .5px;
    color: #fff
}

.nav-tabs__btn.active .nav-tabs__icon-hide {
    opacity: 1
}

.nav-tabs__btn.active .nav-tabs__icon-show {
    opacity: 0
}

.nav-tabs__btn--icon {
    max-width: 40px;
    padding: 0 16px
}

.nav-tabs__btn--icon .nav-tabs__name {
    display: none;
    padding-left: 8px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .nav-tabs__btn--icon .nav-tabs__name {
        display: block
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .nav-tabs__btn--icon {
        max-width: none
    }
}

.nav-tabs__btn-icon {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.nav-tabs__icon-hide, .nav-tabs__icon-show {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s
}

.nav-tabs__icon-hide {
    opacity: 0
}

.description {
    font-size: 16px;
    color: #8b8c8e;
    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: 33px;
    text-align: center;
    padding: 30px 0;
}

.description h2 {
    font-weight: 700;
    font-size: 27px;
    text-align: center;
    padding: 20px 0;
}

.description h3 {
    font-size: 14px
}

.description a {
    color: #32a2f4;
    border-bottom: 1px solid
}

.description ul {
    padding-left: 11px
}

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

.description li {
    line-height: 1.29
}

picture img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
}

.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 .btn {
    display: inline-block;
    border: none;
    color: #fff
}

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

.description iframe {
    max-width: 100%
}

.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 summary::-webkit-details-marker {
    display: none
}

.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: 1366px) {
    .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
}

.captcha {
    display: flex;
    flex-direction: row;
    align-items: center
}

.captcha__img {
    width: 88px;
    margin-right: 8px;
    border-radius: 5px
}

.captcha__reload {
    width: 36px;
    height: 24px;
    margin-right: 10px
}

.tel-input {
    position: relative;
    display: flex;
    height: 100%
}

.tel-input__dropdown {
    justify-content: center;
    padding: 0 14px;
    border-radius: 4px 0 0 4px;
    background-color: #e1e3ec;
    box-shadow: inset 1px 3px 3px 0 #bfbfbf
}

.tel-input__dropdown, .tel-input__selection {
    display: flex;
    align-items: center
}

.tel-input__country-flag {
    margin-right: 7px
}

.tel-input__country-code {
    color: #1c283d;
    font-size: 14px;
    font-weight: 700
}

.tel-input___dropdown-arrow {
    margin-left: 2px;
    margin-right: -4px;
    height: 20px;
    transform: scale(.8, .5);
    color: #85888d;
    font-size: 20px;
    opacity: .5
}

.tel-input__country-list {
    position: absolute;
    left: 0;
    top: -200%;
    z-index: 1;
    width: 100%;
    max-height: 500px;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #111526
}

.tel-input__dropdown-item {
    display: flex;
    align-items: center;
    padding: 4px 14px;
    font-size: 12px
}

.tel-input__dropdown-item--highlighted {
    background-color: #f3f3f3
}

.tel-input__country-code-list, .tel-input__country-name {
    padding-top: 5px
}

.tel-input__country-code-list {
    display: inline-block;
    margin-left: 5px;
    color: #666
}

.flag-380 {
    background-position: 0 -102px
}

.flag-7, .flag-380 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-7 {
    background-position: -102px 0
}

.flag-374 {
    background-position: 0 0
}

.flag-374, .flag-994 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-994 {
    background-position: -34px 0
}

.flag-375 {
    background-position: 0 -34px
}

.flag-359, .flag-375 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-359 {
    background-position: -34px -34px
}

.flag-995 {
    background-position: -68px 0
}

.flag-995, .flag-k7 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-k7 {
    background-position: -68px -34px
}

.flag-373 {
    background-position: -34px -68px
}

.flag-373, .flag-993 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-993 {
    background-position: -102px -68px
}

.flag-998 {
    background-position: -34px -102px
}

.flag-48, .flag-998 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-48 {
    background-position: -68px -68px
}

.flag-996 {
    background-position: 0 -68px
}

.flag-992, .flag-996 {
    background-image: url(/2174/mobile/images-loaded/src/images/sprites/flags.png);
    width: 24px;
    height: 24px
}

.flag-992 {
    background-position: -102px -34px
}

.sount-messages, .stack-count {
    width: 20px;
    height: 20px;
    background-image: linear-gradient(#ff7d4a, #f02805);
    box-shadow: inset 0 -.13em 0 0 0 2px 2px 0 rgba(0, 0, 0, .39) rgba(0, 0, 0, .3);
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.mark-flag, .sount-messages, .stack-count {
    display: block;
    line-height: 20px;
    font-weight: 700
}

.mark-flag {
    position: relative;
    width: max-content;
    padding-left: 6px;
    padding-right: 22px;
    overflow: hidden;
    text-transform: uppercase;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
    will-change: transform
}

.mark-flag:after, .mark-flag:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1em;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#ff5e5e, #fa2c57)
}

.mark-flag:before {
    transform: skew(35deg)
}

.mark-flag:after {
    transform: skew(-35deg)
}

.mark-flag.mark-flag--disabled {
    filter: grayscale(1)
}

.mark-flag__text {
    z-index: 2;
    position: relative;
    display: block;
    font-size: 10px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .mark-flag__text {
        font-size: 12px
    }
}

.select-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    margin-top: auto;
    box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, .5)
}

@media screen and (min-width: 479px) and (min-height: 479px) {
    .select-menu {
        max-width: 360px;
        margin: auto
    }
}

.input-item-wrap__select {
    padding: 0 14px
}

.select-menu__header {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: 4px 12px 4px 16px;
    background-image: linear-gradient(180deg, #161c32, #101425)
}

.select-menu__title {
    width: 100%;
    font-weight: 700;
    text-align: center;
    font-size: 16px
}

.select-menu__close-btn {
    position: absolute;
    right: 8px
}

@media screen and (min-width: 321px) {
    .select-menu__close-btn {
        right: 16px
    }
}

.select-menu__list {
    background-color: #112852
}

.select-menu__label {
    display: block
}

.select-menu__item.disabled-select {
    pointer-events: none;
    filter: grayscale(100%);
    opacity: .35
}

.select-menu-row {
    position: relative;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    display: flex;
    align-items: center;
    padding: 4px 16px 4px 54px;
    min-height: 40px
}

.select-menu-row:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-image: linear-gradient(180deg, #189ff2, #2ed1fb);
    background-size: auto;
    pointer-events: none;
    will-change: opacity
}

@media (hover) {
    .select-menu-row:after {
        transition: opacity .3s
    }
}

@media (hover) {
    .select-menu-row {
        cursor: pointer;
        transition-duration: .3s;
        transition-property: background-image
    }

    .select-menu-row:hover {
        border: 1px solid #21c6fb
    }

    .select-menu-row:hover:after {
        opacity: 1
    }

    .select-menu-row:hover .select-menu-row__icon {
        display: none
    }

    .select-menu-row:hover .select-menu-row__icon + .select-menu-row__icon {
        display: block
    }

    .select-menu-row:hover .select-menu-row__description, .select-menu-row:hover .select-menu-row__value--default {
        color: #fff
    }
}

.select-menu-row--default {
    display: flex;
    justify-content: center;
    padding: 4px
}

.filter-menu__link.active .select-menu-row, .select-menu__input:checked + .select-menu-row {
    border: 1px solid #21c6fb
}

.filter-menu__link.active .select-menu-row:after, .select-menu__input:checked + .select-menu-row:after {
    opacity: 1
}

.filter-menu__link.active .select-menu-row .select-menu-row__ico, .select-menu__input:checked + .select-menu-row .select-menu-row__ico {
    display: flex
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon, .filter-menu__link.active .select-menu-row .select-menu-row__pic, .select-menu__input:checked + .select-menu-row .select-menu-row__icon, .select-menu__input:checked + .select-menu-row .select-menu-row__pic {
    display: none
}

.filter-menu__link.active .select-menu-row .select-menu-row__icon + .select-menu-row__icon, .select-menu__input:checked + .select-menu-row .select-menu-row__icon + .select-menu-row__icon {
    display: block
}

.filter-menu__link.active .select-menu-row .select-menu-row__description, .select-menu__input:checked + .select-menu-row .select-menu-row__description {
    color: #fff
}

.select-menu-row.select-menu-row--payment {
    min-height: 56px
}

.select-menu-row__ico {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: none;
    width: 40px;
    height: 100%;
    padding-bottom: 4px;
    color: #25f400;
    text-align: center
}

.select-menu-row__ok {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    transform: rotate(-45deg)
}

.select-menu-row__ok:after, .select-menu-row__ok:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    background-color: #25f400
}

.select-menu-row__ok:before {
    width: 100%;
    height: 3px
}

.select-menu-row__ok:after {
    height: 60%;
    width: 3px
}

.select-menu-row__icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.select-menu-row__icon ~ .select-menu-row__icon {
    display: none
}

.select-menu-row__value {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    z-index: 1;
    display: flex;
    align-items: center;
    flex: 1;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.select-menu-row__value .personal-pic {
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    left: 6px;
    width: 30px;
    height: 20px;
    border-radius: 2px;
    margin-right: 16px;
    object-fit: cover
}

.select-menu-row__value--default {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    color: #32a2f4;
    cursor: pointer
}

.select-menu-row__payment {
    flex: 1;
    display: flex;
    align-items: center
}

.select-menu-row__payment-ico {
    max-width: 112px;
    max-height: 48px;
    object-fit: contain;
    margin-right: 8px
}

.select-menu-row__description {
    z-index: 1;
    display: inline-block;
    width: 40%;
    color: #a8bee6;
    text-align: right;
    font-size: 12px
}

.input-item-wrap--select .input-item-wrap__select--img {
    display: flex;
    align-items: center
}

.preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .main .preloader:not(.preloader--fixed) {
        position: absolute;
        z-index: 3
    }
}

.preloader .loader-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loader__ico {
    width: 40px;
    height: 40px;
    color: #ccd0de
}

.load {
    animation: load 1.2s linear infinite
}

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

.flat-countdown {
    justify-content: space-evenly;
    width: 100%;
    font-size: 12px;
    line-height: 14px
}

.flat-countdown, .flat-countdown__container {
    display: flex;
    align-items: center
}

.flat-countdown__title {
    color: #a8bee6
}

.flat-countdown__time--marg-lft {
    margin-left: 4px
}

.denomination {
    width: 100%
}

.denomination__info {
    display: flex;
    justify-content: center;
    font-size: 12px;
    line-height: 16px
}

.denomination__select {
    display: flex;
    justify-content: space-between;
    min-width: 125px;
    align-items: center;
    cursor: pointer
}

.denomination__label {
    color: #a8bee6
}

.denomination__value {
    position: relative;
    margin-left: 5px;
    font-size: 14px
}

.denomination__arrow {
    width: 24px;
    height: 24px
}

.denomination__description {
    color: #8893a7
}

.confirmation-code-input {
    display: flex;
    justify-content: space-between
}

.confirmation-code-input__wrap {
    display: block;
    width: 50px;
    height: 40px;
    border-radius: 5px;
    margin-right: 8px;
    padding: 2px;
    background-image: linear-gradient(#080e17, #294374)
}

.confirmation-code-input__wrap:last-child {
    margin-right: 0
}

.confirmation-code-input__input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    font-size: 14px;
    color: #1c283d;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 3px 3px 0 #bfbfbf
}

.select4 {
    padding: 4px 0
}

.select4__filter {
    position: relative;
    padding-right: 32px;
    line-height: 32px
}

.select4__title {
    display: block;
    font-weight: 700;
    font-size: 14px
}

.select4__title:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 8px;
    border-top: 6px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.hall-of-fame-list {
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    padding-top: 16px;
    padding-bottom: 8px
}

.hall-of-fame-list__item:not(:last-child) {
    margin-bottom: 8px
}

.hall-of-fame-list__card.active {
    padding: 0;
    background: none
}

.hall-of-fame-list__card.active .hall-of-fame-list__more, .hall-of-fame-list__card.active .hall-of-fame-list__status-link, .hall-of-fame-list__card.active .hall-of-fame-list__status-title {
    color: #fff
}

.hall-of-fame-list__card-wrap {
    display: flex;
    align-items: center;
    padding: 8px
}

.hall-of-fame-list__medal {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hall-of-fame-list__medal {
        width: 32px;
        height: 32px
    }
}

.hall-of-fame-list__medal-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 11px;
    color: #472100;
    font-weight: 700;
    transform: translate(-50%, -50%)
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hall-of-fame-list__medal-text {
        font-size: 14px
    }
}

.hall-of-fame-list__img-wrap {
    flex-shrink: 0;
    width: 74px;
    height: 64px;
    margin-right: 8px
}

.hall-of-fame-list__pic {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.hall-of-fame-list__info {
    margin-right: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hall-of-fame-list__info {
        display: flex;
        align-items: center;
        margin-right: 20px
    }
}

.hall-of-fame-list__user-name {
    min-width: 80px;
    margin-right: 8px;
    font-size: 14px;
    color: #fff
}

.hall-of-fame-list__status {
    min-width: 154px
}

.hall-of-fame-list__status-title {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #7ad6e0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.hall-of-fame-list__achievements {
    display: none;
    flex-grow: 1;
    align-items: center;
    overflow: hidden
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hall-of-fame-list__achievements {
        display: flex
    }
}

.hall-of-fame-list__achievement-wrap {
    display: flex;
    width: calc(100% - 32px);
    overflow: hidden
}

.hall-of-fame-list__achievement-item:not(:last-child) {
    margin-right: 24px
}

.hall-of-fame-list__achievement-pic {
    width: 48px;
    height: 48px;
    object-fit: contain;
    font-size: 10px
}

.hall-of-fame-list__link-wrap {
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px
}

.hall-of-fame-list__bot {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.rating-page, .rating-page__content, .rating-page__wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.rating-page__wrapper {
    border-bottom: 1px solid #040a15;
    padding-bottom: 16px;
    padding-top: 8px
}

.rating-page__rating-top {
    margin-bottom: 8px
}

.rating-top__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .rating-top__list {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media screen and (min-width: 600px) {
    .rating-top__list {
        flex-direction: row
    }
}

.rating-top__item {
    width: 100%;
    margin-bottom: 8px;
    padding: 0 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .rating-top__item {
        padding: 0 8px
    }
}

@media screen and (min-width: 600px) {
    .rating-top__item {
        width: 33.33%
    }
}

@media screen and (min-width: 600px) {
    .rating-top__item--place-1 {
        order: 2
    }
}

@media screen and (min-width: 600px) {
    .rating-top__item--place-2 {
        order: 1
    }
}

@media screen and (min-width: 600px) {
    .rating-top__item--place-3 {
        order: 3
    }
}

.rating-card__wrap {
    display: grid;
    grid-template-columns:auto 1fr 128px;
    grid-template-rows:auto;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    background-size: cover
}

@media screen and (min-width: 600px) {
    .rating-card__wrap {
        grid-template-columns:100%;
        grid-template-rows:auto auto 172px;
        grid-row-gap: 8px;
        justify-content: center;
        padding: 8px 24px 16px;
        background-size: contain;
        background-color: #182e55
    }
}

@media screen and (min-width: 1023px) {
    .rating-card__wrap {
        grid-row-gap: 16px
    }
}

@media screen and (min-width: 1024px) {
    .rating-card__wrap {
        grid-template-rows:auto
    }
}

.rating-card__wrap--place-1 {
    background-image: url(../../../../../../themes/vip/img/rating-bg-1-mob.svg)
}

@media screen and (min-width: 600px) {
    .rating-card__wrap--place-1 {
        background-image: url(../../../../../../themes/vip/img/rating-bg-1-tablet.svg)
    }
}

.rating-card__wrap--place-2 {
    background-image: url(../../../../../../themes/vip/img/rating-bg-2-mob.svg)
}

@media screen and (min-width: 600px) {
    .rating-card__wrap--place-2 {
        background-image: url(../../../../../../themes/vip/img/rating-bg-2-tablet.svg)
    }
}

.rating-card__wrap--place-3 {
    background-image: url(../../../../../../themes/vip/img/rating-bg-3-mob.svg)
}

@media screen and (min-width: 600px) {
    .rating-card__wrap--place-3 {
        background-image: url(../../../../../../themes/vip/img/rating-bg-3-tablet.svg)
    }
}

.rating-card__cup {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 4px
}

@media screen and (min-width: 600px) {
    .rating-card__cup {
        height: 104px
    }
}

.rating-card__cup:before {
    content: none;
    position: absolute;
    display: block;
    width: 142px;
    height: 78px;
    top: 50%;
    left: 50%;
    transform: translate3d(-61%, -56%, 0);
    background-image: url(../../../../../../themes/vip/img/blicks-2-3.svg);
    background-repeat: no-repeat
}

@media screen and (min-width: 600px) {
    .rating-card__cup:before {
        content: ""
    }
}

.rating-card__cup--modif-blicks:before {
    transform: translate3d(-53%, -30%, 0);
    background-image: url(../../../../../../themes/vip/img/blicks-1.svg)
}

.rating-card__cup-picture {
    display: flex
}

.rating-card__cup-img {
    height: 56px;
    margin-top: auto
}

@media screen and (min-width: 600px) {
    .rating-card__cup-img {
        height: 104px
    }
}

@media screen and (min-width: 600px) {
    .rating-card__cup-img--place-2 {
        height: 86px
    }
}

@media screen and (min-width: 600px) {
    .rating-card__cup-img--place-3 {
        height: 80px
    }
}

.rating-card__desc {
    flex: 1;
    padding: 8px
}

@media screen and (min-width: 600px) {
    .rating-card__desc {
        margin-bottom: 8px;
        padding: 0
    }
}

.rating-card__user-name {
    font-size: 14px;
    text-align: left
}

@media screen and (min-width: 600px) {
    .rating-card__user-name {
        text-align: center;
        margin-bottom: 4px
    }
}

.rating-card__money {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #ffc400;
    white-space: nowrap;
    text-align: left
}

@media screen and (min-width: 600px) {
    .rating-card__money {
        text-align: center
    }
}

.rating-rest {
    margin-bottom: -8px
}

@media screen and (min-width: 600px) {
    .rating-rest {
        margin-bottom: 0
    }
}

.rating-rest__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    font-size: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .rating-rest__list {
        margin-left: -8px;
        margin-right: -8px
    }
}

.rating-rest__item {
    width: 100%;
    padding: 0 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .rating-rest__item {
        padding: 0 8px
    }
}

.rating-rest__item:nth-child(odd) .rating-rest__row {
    background-color: #0f2040
}

@media screen and (min-width: 600px) {
    .rating-rest__item {
        width: 50%;
        padding: 0 16px
    }

    .rating-rest__item:nth-child(odd) .rating-rest__row {
        background-color: initial
    }

    .rating-rest__item:nth-child(4n+1) .rating-rest__row, .rating-rest__item:nth-child(4n+2) .rating-rest__row {
        background-color: #0f2040
    }
}

.rating-rest__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px
}

.rating-rest__row-left {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 117px;
    margin-right: 8px
}

@media screen and (min-width: 350px) {
    .rating-rest__row-left {
        width: 50%;
        margin-right: 0
    }
}

.rating-rest__medal {
    position: relative;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    margin-top: -6px
}

.rating-rest__medal-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    color: #472100;
    font-weight: 700;
    transform: translate(-50%, -50%)
}

.rating-rest__user-name {
    font-size: 14px;
    line-height: 1.2
}

.rating-rest__money {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.063;
    color: #ffc400;
    white-space: nowrap
}

.rating-rest__row-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
    flex-grow: 1
}

@media screen and (min-width: 350px) {
    .rating-rest__row-right {
        width: 56%;
        flex-grow: 0
    }
}

.phone-conformation-link {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
    font-size: 12px;
    color: #32a2f4
}

.phone-conformation-link__resend {
    cursor: pointer
}

@media (hover) {
    .phone-conformation-link__resend:hover {
        text-decoration: underline
    }
}

.phone-conformation-link__resend:active {
    opacity: .8
}

.profile, .profile__wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.profile__row {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-bottom: 15px;
    padding-top: 7px;
    font-size: 16px
}

@media screen and (min-width: 1023px) {
    .profile__row {
        padding-top: 15px
    }
}

.profile__row--border-top-none {
    border-top: none
}

.profile__row--low-padding-bottom {
    padding-bottom: 7px
}

.profile__confirm-section {
    display: none
}

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

.profile__input-title {
    display: block;
    padding-top: 2px;
    color: #8893a8;
    font-size: 12px;
    line-height: 16px
}

.profile__personal-data {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    line-height: 1.2
}

.profile__status-text:not(:empty) {
    padding-top: 5px;
    font-size: 12px
}

.profile__form-area-bonus {
    display: flex;
    align-items: center;
    padding-top: 4px
}

.profile__form-area-bonus .btn {
    margin-left: auto
}

.profile__bonus-item {
    display: flex;
    align-items: center
}

.profile__bonus-item-ico {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    color: #dde0e4
}

.profile__bonus-item-text {
    padding-right: 4px;
    font-size: 12px;
    color: #a8bee6;
    line-height: 1.2
}

@media screen and (min-width: 1023px) {
    .profile__bonus-item-text {
        padding-right: 16px
    }
}

.profile__form-area-email-text {
    padding-top: 4px;
    font-size: 12px;
    color: #8893a8;
    line-height: 1.2
}

.profile__form-area-email-text .link {
    font-size: inherit
}

.profile__min-title {
    display: block;
    color: #8893a8;
    font-size: 12px;
    line-height: 1.333
}

@media screen and (min-width: 1023px) {
    .profile__min-title {
        margin-bottom: 3px
    }
}

.profile__file-sect .profile__min-title {
    margin-bottom: 8px;
    line-height: 14px
}

.profile__file-sect-status {
    margin-bottom: 7px;
    font-size: 14px;
    color: #ffc400
}

.profile__file-sect-status:last-child {
    margin-bottom: 0
}

.profile__form-area-radio-list {
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px
}

@media screen and (min-width: 1023px) {
    .profile__form-area-radio-list {
        padding: 0
    }
}

.profile__form-area-radio-item:not(:last-child) {
    margin-right: 24px
}

@media screen and (min-width: 1023px) {
    .profile__action-section {
        border-top: 1px solid #35486c;
        border-bottom: 1px solid #040a15;
        padding: 8px 0
    }
}

.profile__action-section .btn {
    padding-left: 0;
    padding-right: 0
}

.profile__action-btn-wrapper {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding: 8px 0
}

@media screen and (min-width: 1023px) {
    .profile__action-btn-wrapper {
        border: none;
        padding: 0
    }
}

.profile__action-btn {
    display: flex;
    max-width: 464px;
    margin: 0 auto;
    padding: 0 8px
}

.profile__save-button-section {
    border-top: 1px solid #35486c;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    flex-grow: 0;
    padding-bottom: 15px;
    padding-top: 16px;
    background-color: #112852;
    z-index: 1
}

.profile__form-area-submit-wrap {
    display: flex;
    justify-content: center
}

.profile__footer-text {
    font-size: 12px;
    line-height: 18px;
    color: #8893a8
}

.profile__settings-desc {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.profile__settings-item-title {
    display: block;
    font-size: 14px;
    font-weight: 700
}

.profile__settings-item-title:only-child {
    margin-bottom: 4px
}

.profile__settings-item-btn {
    z-index: 0
}

.profile__settings-item-text {
    display: block;
    width: calc(100% - 86px);
    font-size: 12px;
    line-height: 1.2;
    color: #8893a8
}

.profile__settings-item-text:not(:last-child) {
    margin-bottom: 8px
}

.profile .icon-warning-tomato {
    display: none
}

.profile__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #111526
}

.profile__container {
    margin: 0 auto;
    max-width: 464px;
    padding: 0 8px
}

.profile__container--fix-margin:not(.confirm) {
    margin-bottom: -8px
}

@media screen and (min-width: 1023px) {
    .profile__container--fix-margin:not(.confirm) {
        margin-bottom: 0
    }
}

.profile__container--space-between {
    display: flex;
    justify-content: space-between;
    max-width: 464px;
    padding: 0
}

.profile__container.confirm .alert-text, .profile__container.confirm .input-item__confirm-wrap {
    display: none
}

.profile__container.confirm .profile__confirm-section {
    display: block
}

.profile__container.confirm .input-item, .profile__container.confirm .input-item-tel, .profile__container.confirm .profile__input-title {
    margin-bottom: 8px
}

.tel-confirm {
    padding-top: 4px
}

.tel-confirm .min-title {
    margin-bottom: 2px
}

.tel-confirm__inputs {
    display: flex;
    margin-bottom: 8px
}

.tel-confirm__input {
    flex: 1;
    padding-right: 8px
}

@media screen and (max-width: 321px) {
    .tel-confirm__input {
        max-width: 167px
    }
}

.tel-confirm__timer {
    display: flex;
    justify-content: flex-start
}

.profile-modal {
    width: 320px;
    margin: auto;
    padding-top: 24px
}

.profile-modal.profile-modal--separate-page {
    position: relative;
    z-index: 1000;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.profile-modal.profile-modal--separate-page::-webkit-scrollbar {
    display: none
}

.profile-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5)
}

.error-block {
    border-bottom: 1px solid #040a15;
    padding-bottom: 15px;
    padding-top: 23px;
    border-top: none
}

.error-block, .error-block__wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.error-block__wrap {
    align-items: center
}

.error-block__img {
    margin-bottom: 16px
}

.error-block__desc-text {
    max-width: 270px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-bottom: 16px
}

.error-block__title {
    display: block;
    font-weight: 700;
    margin-bottom: 8px
}

.error-block__desc {
    color: hsla(0, 0%, 100%, .5)
}

.error-block__link {
    margin-bottom: 16px
}

@media (hover) {
    .error-block__link .btn:hover {
        text-decoration: underline
    }
}

.page {
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding: 16px 0
}

.overlay1 {
    position: fixed;
    top: 0;
    z-index: 4;
    display: none;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity .6s
}

.overlay1:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 50%;
    background-color: inherit
}

.overlay1.open {
    display: flex
}

.overlay1.show {
    opacity: 1
}

.overlay1.show .overlay1__show {
    transform: none
}

.overlay1__show {
    height: 100%;
    transform: translateX(-99%);
    transition: transform .6s
}

.overlay1__overflow {
    height: 100%;
    overflow: hidden
}

.overlay2 {
    z-index: 15;
    display: flex;
    overflow: auto
}

.overlay2, .overlay3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .75)
}

.overlay3 {
    z-index: 3
}

.promo-code, .promo-code__content, .promo-code__page-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.promo-code__content {
    align-items: center;
    padding-top: 16px;
    padding-bottom: 24px
}

.promo-code__content .captcha {
    padding-top: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .promo-code__content {
        flex-direction: row;
        justify-content: center
    }
}

.promo-code__form {
    width: 100%;
    padding: 0 16px;
    max-width: 352px
}

.promo-code__banner {
    max-width: 100%;
    height: 128px;
    margin: 0 auto 16px;
    object-fit: contain
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .promo-code__banner {
        height: 210px
    }
}

.promo-code__inputs {
    width: 100%
}

.promo-code__inputs .captcha__img {
    height: 40px;
    width: 85px
}

.promo-code__button {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.promo-code__button .btn {
    width: 240px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .promo-code__button {
        padding-top: 24px
    }
}

.promo-code-modal {
    max-width: 360px;
    width: 100%;
    margin: auto;
    height: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .promo-code-modal {
        margin: auto
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .promo-code-modal {
        margin: auto;
        height: auto
    }
}

.promo-code-modal.promo-code-modal--separate-page {
    position: relative;
    z-index: 1000
}

.promo-code-modal__wrap {
    border-radius: 5px;
    background-color: #112852;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);
    height: 100%
}

.tickets-list {
    background-color: #112852;
    min-height: 356px
}

@media screen and (min-width: 568px) {
    .tickets-list {
        min-height: 452px
    }
}

.tickets-list__wrap {
    display: grid;
    grid-template-columns:1fr;
    grid-row-gap: 4px;
    padding: 16px 8px
}

@media screen and (min-width: 568px) {
    .tickets-list__wrap {
        grid-template-columns:repeat(2, 1fr);
        grid-row-gap: 4px
    }
}

@media screen and (min-width: 640px) {
    .tickets-list__wrap {
        grid-row-gap: 8px;
        grid-column-gap: 4px
    }
}

.tickets-list-item {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 88px;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/lottery/ticket.png);
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 568px) {
    .tickets-list-item {
        min-height: 78px;
        background-size: contain
    }
}

@media screen and (min-width: 640px) {
    .tickets-list-item {
        min-height: 88px;
        background-size: 100%
    }
}

.tickets-list-item__logo {
    width: 62px;
    height: 43px
}

.tickets-list-item__logo-pic {
    width: 100%;
    height: 100%
}

.tickets-list-item__data {
    padding-right: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    text-transform: capitalize;
    color: #fff
}

.tickets-list-item__ticket-title {
    padding-bottom: 12px
}

.welcome-pack-page {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    padding-top: 42px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-page {
        justify-content: center
    }
}

.welcome-pack-page__list {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-page__list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.welcome-pack-page__shadow-wrapper {
    order: 1;
    margin-bottom: 42px;
    border-radius: 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-page__shadow-wrapper {
        width: 49%
    }

    .welcome-pack-page__shadow-wrapper:last-child {
        margin-bottom: auto
    }
}

.welcome-pack-page__shadow-wrapper.active {
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__item--flex-row {
        justify-content: flex-start
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__description-container--flex-row {
        justify-content: flex-start;
        min-width: 142px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn-container {
        max-width: 170px;
        margin-left: 40px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btn {
        padding: 0 50px
    }

    .welcome-pack-page__shadow-wrapper.active .welcome-pack-page__image-container {
        max-height: 240px;
        max-width: 366px;
        bottom: -238%;
        z-index: 1
    }
}

.welcome-pack-page__shadow-wrapper.active > .welcome-pack-page__item {
    min-height: 91px;
    border-radius: 4px 4px 0 0
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__headline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__btns-list {
    display: block
}

.welcome-pack-page__shadow-wrapper.active .welcome-pack-page__bonuses--hide {
    display: none
}

.welcome-pack-page__shadow-wrapper.used {
    order: 2;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 96%, hsla(0, 0%, 100%, .1) 97%, hsla(0, 0%, 100%, .1));
    box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, .4)
}

.welcome-pack-page__shadow-wrapper.used > .welcome-pack__item {
    background: #112852
}

.welcome-pack-page__shadow-wrapper.used .welcome-pack__description-container {
    opacity: .5
}

.welcome-pack-page__item {
    position: relative;
    display: flex;
    padding: 14px 14px 11px;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .4)
}

.welcome-pack-page__item--flex-row {
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
    box-shadow: none
}

.welcome-pack-page__item--blue {
    background: linear-gradient(0deg, #163481, #09184a)
}

.welcome-pack-page__item--grey {
    background: linear-gradient(0deg, #657987, #35444f)
}

.welcome-pack-page__item--pink {
    background: linear-gradient(0deg, #c91a6d, #590723)
}

.welcome-pack-page__item--green {
    background: linear-gradient(180deg, #004a18, #009b44)
}

.welcome-pack-page__item--brown {
    background: linear-gradient(0deg, #98350a, #380518)
}

.welcome-pack-page__description-container {
    display: flex;
    flex-direction: column
}

.welcome-pack-page__description-container--flex-row {
    flex-direction: row;
    justify-content: space-between
}

.welcome-pack-page__headline {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
    opacity: .5
}

.welcome-pack-page__bonuses {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.welcome-pack-page__text-yellow {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #ffc400;
    text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.welcome-pack-page__text-turquoise {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #7ad6e0;
    text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
}

.welcome-pack-page__image-container {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 186px;
    max-height: 122px
}

.welcome-pack-page__image {
    display: inline-block;
    width: 100%;
    height: auto;
    object-fit: contain
}

.welcome-pack-page__btns-list {
    display: none
}

.welcome-pack-page__gift-ico {
    width: 34px;
    height: 26px;
    margin-right: 15px
}

.welcome-pack-page__btn-container {
    max-width: 105px
}

.welcome-pack-page__btn {
    padding-top: 5px;
    white-space: normal;
    line-height: 1.5em
}

.notification-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flex
}

.notification-modal {
    position: relative;
    z-index: 2;
    width: calc(100% - 16px);
    max-width: 576px;
    padding: 40px;
    margin: auto;
    background-color: #07204e;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/win-bg-modal.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
    border-radius: 5px;
    transition: opacity .3s
}

@media screen and (max-width: 1023px) {
    .notification-modal {
        padding: 16px 24px 24px
    }
}

.notification-modal__img {
    display: flex;
    justify-content: center
}

.notification-modal__pic {
    height: 224px
}

@media screen and (max-width: 1023px) {
    .notification-modal__pic {
        height: 136px
    }
}

.notification-modal__title {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.25
}

.notif-ban {
    display: flex;
    border-radius: 2px;
    align-items: center;
    height: 40px;
    padding: 0 38px;
    background-color: #111526
}

.notif-ban__wrap {
    display: flex;
    align-items: baseline
}

.notif-ban__text {
    margin-right: 8px
}

.notification-modal__message {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

@media screen and (max-width: 1023px) {
    .notification-modal__message {
        margin-top: 0
    }
}

.notification-modal__btn {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.notification-modal__level {
    color: #7ad6e0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.notif-ban-itm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-shrink: 0;
    width: 6rem;
    height: 3.25rem;
    border-radius: 4px;
    background-color: #0c1a39
}

.notif-ban-itm .money {
    font-size: 16px
}

.notification-modal__message-list {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

.notification-modal__message-list .notif-ban-itm {
    margin: 0 2px
}

@media screen and (max-width: 1023px) {
    .notification-modal__message-list {
        padding-top: 8px
    }
}

.notif-ban-itm__text {
    margin-bottom: 4px
}

.notification-modal__close {
    position: absolute;
    top: 8px;
    right: 8px
}

@media screen and (max-width: 1023px) {
    .notification-modal__close {
        top: 0;
        right: 0
    }
}

.close-btn-position {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    opacity: .5
}

@media screen and (max-width: 1023px) {
    .close-btn-position {
        top: 0;
        right: 0
    }
}

.close {
    width: 40px;
    height: 40px;
    padding: 8px;
    color: #747c8e
}

.notification-modal__table-info {
    padding-top: 8px;
    display: flex;
    justify-content: center
}

.note-table-info__list {
    display: flex;
    flex-direction: column-reverse
}

.note-table-info__item {
    display: flex
}

.note-table-info__item:not(:last-child) {
    margin-top: 12px
}

.note-table-info {
    width: 244px;
    padding: 16px;
    background-color: #0c1a39
}

.note-table-info__sub {
    width: 57px;
    margin-right: 16px;
    text-align: right;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 700
}

.note-table-info__main {
    margin-right: 8px;
    color: #ffc400
}

.note-table-info__main, .note-table-info__plus {
    font-size: 14px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    font-weight: 700
}

.note-table-info__plus {
    color: #7ad6e0
}

.--scale-1-2 {
    transform: scale(1.2)
}

.quick-nav-layout-height {
    height: 47px
}

@media screen and (min-width: 1023px) {
    .quick-nav-layout-height {
        height: 52px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav-layout-height {
        height: auto
    }
}

.quick-nav-layout-wrap {
    position: fixed;
    bottom: -53px;
    left: 0;
    z-index: 3;
    width: 100%;
    transform: translateY(-50px)
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav-layout-wrap {
        position: static;
        height: 100%;
        transform: none
    }
}

.quick-nav {
    background-image: linear-gradient(#17366f, #112852);
    background-size: 100% 16px;
    background-repeat: no-repeat;
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 57px;
    background-color: #112852;
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, .5)
}

@media screen and (min-width: 1023px) {
    .quick-nav {
        height: 52px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav {
        align-items: center;
        height: 100%;
        box-shadow: none;
        background: transparent;
        border: none
    }
}

.quick-nav__item {
    z-index: 0;
    box-sizing: border-box;
    margin-bottom: 5px;
    transform: translateY(0)
}

.quick-nav__item:not(:last-child) {
    margin-right: 16px
}

@media screen and (min-width: 1023px) {
    .quick-nav__item {
        transform: translateY(-16px)
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__item {
        transform: none;
        margin-bottom: 0
    }
}

@media (hover) {
    .quick-nav__item:not(.active):hover .quick-nav__link-decor:after {
        opacity: 1
    }

    .quick-nav__item:not(.active):hover .quick-nav__link-decor:before {
        background-image: linear-gradient(#2893c1, #2a9fd3)
    }
}

.quick-nav__link {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer
}

@media screen and (min-width: 1023px) {
    .quick-nav__link {
        flex-direction: row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__link {
        justify-content: flex-start;
        height: 40px;
        width: 96px;
        padding: 0 8px
    }
}

.quick-nav__link-ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.quick-nav__link-ico:after {
    will-change: transform
}

.quick-nav__link-ico.quick-nav__link-ico--active {
    display: none
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-ico {
        margin: 0 7px 0 0
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__link-ico {
        width: 21px;
        height: 21px
    }
}

.quick-nav__link-text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-text {
        display: inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.quick-nav__link-decor {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 16px;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952, #476294)
}

.quick-nav__link-decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281, #112851)
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__link-decor:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(#075da1, #41cafa);
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
        will-change: opacity
    }
}

@media screen and (min-width: 1023px) {
    .quick-nav__link-decor {
        top: 0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.quick-nav__message {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    z-index: 1
}

@media screen and (min-width: 1023px) {
    .quick-nav__item.active .quick-nav__link {
        height: 46px;
        padding: 0 8px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__item.active .quick-nav__link {
        height: 38px
    }
}

.quick-nav__item.active .quick-nav__link-ico {
    height: 40px;
    width: 40px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .quick-nav__item.active .quick-nav__link-ico {
        width: 21px;
        height: 21px
    }
}

.quick-nav__item.active .quick-nav__link-decor {
    left: -2px;
    right: -2px;
    width: 46px;
    height: 46px;
    background-image: linear-gradient(#075da1, #41cafa)
}

.quick-nav__item.active .quick-nav__link-decor:before {
    background-image: linear-gradient(#2893c1, #2a9fd3)
}

@media screen and (min-width: 1023px) {
    .quick-nav__item.active .quick-nav__link-decor {
        width: 100%;
        height: 100%
    }
}

.quick-nav__item.active .quick-nav__link-text {
    opacity: 1;
    font-weight: 700
}

.talk-me-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 44px
}

@media screen and (min-width: 1023px) {
    .talk-me-item {
        flex-direction: row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

.talk-me-item__ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

@media screen and (min-width: 1023px) {
    .talk-me-item__ico {
        margin: 0 7px 0 0
    }
}

.talk-me-item__text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .talk-me-item__text {
        display: inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.talk-me-item__decor {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952, #476294)
}

.talk-me-item__decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281, #112851)
}

@media screen and (min-width: 1023px) {
    .talk-me-item__decor {
        top: 0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.game-search-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 44px
}

@media screen and (min-width: 1023px) {
    .game-search-item {
        flex-direction: row;
        width: 132px;
        height: 38px;
        padding: 0 16px;
        margin: 1px
    }
}

.game-search-item__ico {
    z-index: 2;
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin: 0 auto
}

@media screen and (min-width: 1023px) {
    .game-search-item__ico {
        margin: 0 7px 0 0
    }
}

.game-search-item__text {
    display: flex;
    align-items: flex-end;
    height: 16px;
    margin-top: 5px;
    font-size: 10px;
    z-index: 2;
    opacity: .5
}

@media screen and (min-width: 1023px) {
    .game-search-item__text {
        display: inline;
        height: auto;
        margin-top: 0;
        font-size: 14px
    }
}

.game-search-item__decor {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 16px;
    left: 0;
    width: 42px;
    height: 42px;
    margin: auto;
    border-radius: 5px;
    background-image: linear-gradient(#112952, #476294)
}

.game-search-item__decor:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: -1;
    margin: auto;
    border-radius: inherit;
    background-image: linear-gradient(#385281, #112851)
}

@media screen and (min-width: 1023px) {
    .game-search-item__decor {
        top: 0;
        bottom: auto;
        width: auto;
        height: 100%
    }
}

.show-more-text2__height {
    width: 100%;
    max-height: 65px;
    overflow: hidden;
    transition-delay: .3s
}

.show-more-text2__height--auto {
    max-height: none
}

.show-more-text2__text {
    font-size: 14px;
    line-height: 21px;
    color: #8893a8
}

.show-more-text2__btn {
    margin-top: 7px
}

.ui-kit > section {
    padding: 30px 16px 0
}

.ui-kit__top-sect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 16px
}

.ui-kit__logo {
    width: 150px;
    height: 150px;
    background-image: url(/2174/mobile/images-loaded/src/images/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.ui-kit-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10px
}

.ui-kit-list > li {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 10px;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.ui-kit__main-title {
    font-size: 70px;
    font-weight: 700;
    color: hsla(0, 0%, 100%, .3);
    text-transform: uppercase
}

.ui-kit__title {
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    font-size: 36px;
    color: hsla(0, 0%, 100%, .65);
    text-transform: uppercase
}

.ui-kit__min-title {
    margin-bottom: 10px;
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px
}

.ui-kit__cont {
    padding: 20px 0
}

.colors {
    display: flex;
    align-items: center
}

.colors__item {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    box-shadow: 0 0 3px #fff
}

.ui-kit__cont-item:not(:last-child) {
    margin-bottom: 20px
}

.colors__var {
    margin-bottom: 10px;
    font-size: 14px
}

.--color-1 {
    background-color: #112852
}

.--color-2 {
    background-color: #111526
}

.--color-3 {
    background-color: #189ff2
}

.--color-11 {
    background-color: #fff
}

.--color-22 {
    background-color: #000
}

.--text-color-11, .--text-color-22 {
    background-color: #fff
}

.--color-attention {
    background-color: #ffc400
}

.--color-error {
    background-color: #f04d30
}

.--color-success {
    background-color: #13b300
}

.--common-undefined {
    background-color: #817d75
}

.--text-color-1 {
    background-color: #8893a8
}

.--text-color-2 {
    background-color: #a8bee6
}

.--text-color-3 {
    background-color: #32a2f4
}

.--text-color-4 {
    background-color: #ffc400
}

.--text-color-6 {
    background-color: #111526
}

.--text-color-7 {
    background-color: #7ad6e0
}

.menu-wrap {
    padding-top: 56px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-wrap {
        padding-top: 72px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .menu-wrap--show-notification-site {
        padding-top: 120px
    }
}

.menu-wrap__hide-scroll {
    position: relative;
    width: 264px;
    height: 100%;
    overflow: hidden;
    z-index: 3
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-wrap__hide-scroll {
        width: 320px
    }
}

.menu-wrap__scroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 17px;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

.menu-wrap__scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.menu {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #112852;
    box-sizing: border-box
}

.menu__header {
    background-color: #000
}

.menu__submenu {
    overflow: hidden
}

.menu__icon {
    position: relative;
    z-index: 9999;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.menu__icon:after {
    display: inline-block
}

.menu__icon.menu__icon--active {
    display: none
}

.menu__caret {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto;
    transform: rotate(0);
    transition: transform .3s;
    will-change: transform
}

.menu__caret, .menu__message {
    position: relative;
    z-index: 9999
}

.menu__link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px;
    max-height: 40px;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    background-color: #112852
}

.menu__link:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background-image: linear-gradient(180deg, #189ff2, #2ed1fb);
    background-size: auto;
    pointer-events: none;
    will-change: opacity
}

@media (hover) {
    .menu__link:after {
        transition: opacity .3s
    }
}

.menu__link--btn {
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu__link {
        max-height: 48px;
        padding: 12px 16px
    }

    .menu__link--sub {
        padding-left: 40px
    }
}

.menu__link.active, .menu__link:active {
    border: 1px solid #21c6fb
}

.menu__link.active:after, .menu__link:active:after {
    opacity: 1
}

.menu__link.active .menu__icon, .menu__link:active .menu__icon {
    display: none
}

.menu__link.active .menu__icon.menu__icon--active, .menu__link:active .menu__icon.menu__icon--active {
    display: block
}

.menu__link.active .menu__caret, .menu__link:active .menu__caret {
    transform: rotate(180deg)
}

@media (hover) {
    .menu__link {
        transition-duration: .3s;
        transition-property: background-image
    }

    .menu__link:hover {
        border: 1px solid #21c6fb
    }

    .menu__link:hover:after {
        opacity: 1
    }

    .menu__link:hover .menu__icon {
        display: block
    }

    .menu__link:hover .menu__icon.menu__icon--active {
        display: none
    }
}

.menu__sublink {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 12px 12px 40px;
    max-height: 40px;
    font-size: 14px;
    color: #a8bee6;
    border-color: #35486c transparent #040a15;
    border-style: solid;
    border-width: 1px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu__sublink {
        padding-left: 48px
    }
}

.menu__label {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    position: relative;
    z-index: 9999;
    margin-right: 14px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.menu__footer {
    display: flex;
    justify-content: center;
    padding: 16px 8px
}

.menu__google-badge-wrap {
    position: relative;
    display: block;
    width: 143px;
    height: 43px
}

.menu__google-badge-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.menu__google-play-badge {
    display: block;
    margin: auto;
    width: 170px;
    height: 65px
}

.menu-top-banner {
    position: relative;
    height: 132px;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-top-banner {
        height: 160px
    }
}

.menu-top-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%
}

.menu-top-banner__button-wrap {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 8px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-top-banner__button-wrap {
        padding-bottom: 16px
    }
}

.menu-profile {
    padding: 16px 8px;
    background-color: #111526
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile {
        padding: 24px 16px 32px
    }
}

.menu-profile__section {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.menu-profile__user-links {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
    padding-left: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__user-links {
        margin-bottom: 16px
    }
}

.menu-profile__images {
    display: block;
    width: 68px;
    height: 68px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__images {
        width: 84px;
        height: 84px
    }
}

@media (hover) {
    .menu-profile__images {
        cursor: pointer;
        transition-duration: .3s;
        transition-timing-function: ease-in-out
    }

    .menu-profile__images:hover {
        transform: scale(1.1)
    }
}

.menu-profile__images-front, .menu-profile__images-inner, .menu-profile__img {
    width: 100%;
    height: 100%
}

.menu-profile__img {
    object-fit: contain
}

.menu-profile__info {
    display: flex;
    flex-direction: column;
    margin-left: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__info {
        margin-left: 16px
    }
}

.menu-profile__level-info-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__level-info-wrap {
        margin-bottom: 16px
    }
}

.menu-profile__nickname {
    font-size: 12px;
    line-height: 18px
}

@media (hover) {
    .menu-profile__nickname {
        cursor: pointer
    }

    .menu-profile__nickname:hover {
        text-decoration: underline
    }
}

.menu-profile__title {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #32a2f4;
    text-shadow: 2px 3px 1px rgba(0, 0, 0, .9)
}

@media (hover) {
    .menu-profile__title {
        transition-duration: .3s;
        transition-timing-function: ease-in-out;
        cursor: pointer
    }

    .menu-profile__title:hover {
        transform: scale(1.02);
        text-shadow: 2px 6px 1px rgba(0, 0, 0, .9)
    }
}

.menu-profile__progress-decor {
    width: 100%;
    padding: 1px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #111526 30%, #111526 60%, hsla(0, 0%, 100%, .1));
    mix-blend-mode: normal;
    border-radius: 5px;
    pointer-events: none
}

.menu-profile__progress-decor.menu-profile__progress-decor--open {
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1))
}

.menu-profile__progress-decor.menu-profile__progress-decor--clickable {
    cursor: pointer;
    pointer-events: auto
}

.menu-profile__progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 26px;
    padding: 1px 6px;
    border-radius: inherit;
    background-color: #1a1e2b
}

.menu-profile__data {
    position: relative;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr;
    grid-column-gap: 25px;
    justify-items: start;
    align-items: stretch;
    background-color: #111526;
    padding: 28px 8px 12px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__data {
        grid-template-rows:40px;
        padding: 40px 16px 16px
    }
}

.menu-profile__data:before {
    position: absolute;
    content: "";
    top: 16px;
    left: 0;
    right: 0;
    border-top: 1px solid #35486c
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__data:before {
        top: 20px
    }
}

.menu-profile__data-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    max-width: 60px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__data-container {
        justify-content: space-between
    }
}

.menu-profile__data-title {
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.menu-profile__data-value {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #ffc400
}

.menu-profile__rate-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.menu-profile__rate-label {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.menu-profile__rate-data {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.menu-profile__rate-value {
    font-size: 14px;
    font-weight: 700
}

.menu-profile__rate-arrow {
    width: 24px;
    height: 18px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .menu-profile__rate-arrow {
        height: 24px
    }
}

.open-details {
    display: flex;
    justify-content: center;
    align-items: center
}

.open-details__arrow {
    width: 24px;
    height: 24px;
    transition: transform .3s
}

.open-details__arrow.open-details__arrow--opened {
    transform: rotate(180deg)
}

.details {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -16px;
    padding: 0 8px;
    background-color: #111526;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .details {
        margin-top: -32px;
        padding: 0 16px
    }
}

.details__decor {
    width: 100%;
    padding: 0 1px 1px;
    mix-blend-mode: normal;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.details__decor.details__decor--open {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .1), #111526 30%, #111526 60%, hsla(0, 0%, 100%, .1))
}

.details__summary::-webkit-details-marker {
    display: none
}

.details__summary {
    list-style: none
}

.details__container[open] {
    width: 100%;
    padding: 16px;
    background-color: #111526;
    background-image: linear-gradient(180deg, #1a1e2b, #0d101d);
    border-radius: inherit
}

.details__container[open] .details__body {
    animation-name: detailsOpen;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

.details__body {
    display: grid;
    grid-template-columns:52px auto;
    grid-template-rows:52px auto;
    grid-column-gap: 16px;
    opacity: 1
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .details__body {
        grid-template-columns:68px auto;
        grid-template-rows:68px auto;
        grid-column-gap: 24px
    }
}

.details__images {
    grid-column: 1/2;
    grid-row: 1/2
}

.details__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.details__header {
    grid-column: 2/3;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .details__header {
        justify-content: space-evenly
    }
}

.details__next-level {
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.details__level-name {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #32a2f4
}

.details__table {
    grid-column: 2/3;
    grid-row: 2/3
}

.details__table-header {
    width: 70%;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .details__table-header {
        line-height: 20px
    }
}

.details__table-cell {
    max-width: 70px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #ffc400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .details__table-cell {
        line-height: 20px
    }
}

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

.page-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #111526;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    text-align: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .page-header {
        min-height: 64px
    }
}

.page-header__close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .page-header__close {
        right: 16px
    }
}

.page-header__back {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .page-header__back {
        left: 16px
    }
}

.page-header-text {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    line-height: 16px
}

.page-header-title {
    padding: 0 24px;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.game-not-found {
    padding-top: 16px;
    padding-bottom: 16px;
    background-color: #112852
}

.game-not-found, .game-not-found__wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.game-not-found__wrap {
    align-items: center
}

.game-not-found__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-not-found__img {
        margin-bottom: 24px
    }
}

.game-not-found__pic {
    width: 100%;
    height: auto;
    object-fit: contain;
    padding: 10px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-not-found__pic {
        padding: 0
    }
}

.game-not-found__desc-text {
    display: block;
    max-width: 150px;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #fff
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-not-found__desc-text {
        max-width: 500px;
        font-size: 20px
    }
}

.nav-btn {
    height: 24px;
    width: 24px;
    cursor: pointer
}

.nav-btn:active {
    opacity: .8
}

.nav-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.user-place-section {
    border-bottom: 1px solid #040a15;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .user-place-section {
        padding: 24px 0
    }
}

.user-place-section__congrats {
    margin-bottom: 8px
}

.user-place-section__button {
    margin-top: 16px;
    max-width: 200px
}

.user-place-tab {
    max-width: 304px;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(180deg, #163ea6, #0f2f6a 96.33%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.user-place-tab--full-width {
    max-width: 100%
}

.user-place-tab--margin-top {
    margin-top: 16px
}

.user-place-tab--center {
    margin: auto
}

.user-place-tab--top {
    position: relative;
    top: -8px
}

@media screen and (min-width: 1366px) {
    .user-place-tab--top {
        position: static
    }
}

.user-place-tab__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    min-height: 56px;
    border-radius: inherit
}

.user-place-congrats {
    text-align: center;
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.user-place, .user-place-congrats {
    line-height: 24px;
    font-weight: 700;
    color: #fff
}

.user-place {
    font-size: 12px
}

.user-place-image {
    width: 72px;
    height: 86px;
    border-radius: 4px
}

.user-place-image__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.user-place-img-data {
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding: 0 16px
}

.user-place-img-data.user-place-img-data--baseline {
    align-items: baseline
}

.user-place-img-data__data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 2;
    margin-left: 8px
}

.user-place-img-data__data.user-place-img-data__data--column {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-grow: 0;
    margin-left: 28px
}

.user-place-img-data__nickname, .user-place-img-data__win-sum {
    margin-bottom: 4px
}

.user-place-nickname {
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.user-place-nickname.user-place-nickname--bold {
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.user-place-winsum {
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #ffc400
}

.user-place-winsum.user-place-winsum--big-font {
    line-height: 24px;
    font-size: 16px
}

.user-place-points {
    font-size: 12px;
    line-height: 24px;
    color: #a8bee6
}

.user-place-points.user-place-points--active {
    color: #fff
}

.user-place-ticket__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 8px 0;
    max-width: 164px;
    font-size: 14px;
    line-height: 16px
}

.user-place-ticket__ico {
    width: 24px;
    height: 24px
}

.user-place-ticket__count {
    margin: 0 12px;
    font-weight: 700;
    color: #ffc400
}

.user-place-ticket__link {
    color: #32a2f4
}

.user-place-ticket__text {
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #a8bee6
}

.user-place-ticket__text .currency:after {
    font-weight: 400
}

.user-place-buy-ticket {
    position: relative;
    z-index: 1;
    margin: auto;
    max-width: 416px;
    border-radius: 5px;
    width: 100%
}

.user-place-buy-ticket__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    background: #111526;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4);
    border-radius: inherit
}

.user-place-buy-ticket__ico {
    width: 24px;
    height: 24px
}

.user-place-buy-ticket__text {
    max-width: 104px;
    font-size: 11px;
    line-height: 13px;
    color: #8893a8
}

.user-place-buy-ticket__text .currency:after {
    font-weight: 400
}

@media screen and (min-width: 568px) {
    .user-place-buy-ticket__text {
        max-width: 100%
    }
}

.btn.user-place-buy-ticket__button {
    padding: 0 36px
}

.btn.user-place-buy-ticket__button:focus {
    padding: 0 35px
}

.user-place-ico {
    width: 24px;
    height: 24px
}

.count-panel {
    height: 72px;
    padding: 1px;
    background-image: linear-gradient(#40506e, #192b4b 20%, #192b4b 80%, #40506e)
}

.count-panel--event {
    height: 77px;
    margin-top: -5px;
    padding-top: 5px;
    border-radius: 0 0 5px 5px;
    background-image: linear-gradient(#192b4b, #40516f)
}

.count-panel--top {
    margin-top: -8px;
    height: 80px
}

.count-panel--border-radius {
    border-radius: 5px
}

.count-panel--border-radius * {
    border-radius: inherit
}

.count-panel__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: linear-gradient(180deg, #1b2b49, #0b1b37);
    border-radius: inherit
}

.count-panel__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 380px;
    padding: 0 12px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .count-panel__info {
        justify-content: center;
        max-width: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .count-panel__info {
        justify-content: center;
        max-width: none
    }
}

.count-panel__countdown {
    margin-right: 12px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .count-panel__countdown {
        margin-right: 24px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .count-panel__countdown {
        margin-right: 24px
    }
}

.count-panel__button.count-panel__button {
    flex-shrink: 1;
    flex-basis: 200px;
    min-width: auto;
    line-height: 40px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .count-panel__button.count-panel__button:not(:last-child) {
        margin-right: 24px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .count-panel__button.count-panel__button:not(:last-child) {
        margin-right: 24px
    }
}

.count-panel__prize-pool.count-panel__prize-pool {
    display: none
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .count-panel__prize-pool.count-panel__prize-pool {
        display: flex
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .count-panel__prize-pool.count-panel__prize-pool {
        display: flex
    }
}

.prize-pool {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 128px;
    padding-left: 10px
}

.prize-pool:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 62px;
    background-image: url(../../../../../../themes/vip/img/prize-pool.png);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%)
}

.prize-pool__title {
    display: none
}

.prize-pool__sum {
    z-index: 1;
    font-size: 16px;
    color: #ffc400;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7)
}

.countdown {
    position: relative;
    z-index: 0;
    padding-right: 2px
}

.countdown__title {
    font-size: 12px;
    line-height: 14px;
    color: #8893a8;
    text-transform: lowercase;
    text-align: center
}

.countdown__count-wrap {
    width: 24px;
    height: 24px;
    padding: 1px;
    margin: 0 auto 2px;
    background-image: linear-gradient(180deg, #162644, #eee 96%);
    border-radius: 4px
}

.countdown__count {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #fff 32.54%, #bdbdbd);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .43);
    border-radius: inherit;
    color: #454f60;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18)
}

.countdown__label {
    font-size: 12px;
    color: #8893a8
}

.countdown__separator {
    margin: 0 3px;
    opacity: .4;
    font-weight: 700;
    line-height: 24px
}

.countdown__container {
    display: flex;
    padding-top: 4px
}

.countdown__time {
    display: flex;
    flex-direction: column;
    text-align: center
}

.countdown__time + .countdown__time {
    margin-left: 9px
}

.poster-info {
    position: relative
}

.poster-info__flag.poster-info__flag {
    position: absolute;
    left: 0;
    top: 8px
}

.flag {
    position: relative;
    height: 20px;
    padding-right: 13px;
    padding-left: 8px;
    color: #fff;
    font-size: 12px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5))
}

.flag:after, .flag:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.flag:before {
    z-index: 2;
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%
}

.flag:after {
    z-index: 1;
    width: calc(100% - 20px)
}

.flag--first:before {
    background-image: url(../../../../../../themes/vip/img/flag-first.png)
}

.flag--first:after {
    background-color: #fd1d25
}

.flag--second {
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    background-image: url(/2174/mobile/images-loaded/src/images/components/flag/flag-second.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    filter: none
}

.flag--second:after, .flag--second:before {
    display: none
}

.flag__wrap {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700
}

.poster-img {
    overflow: hidden;
    border-radius: inherit
}

.poster-img__wrap--type1 {
    padding-bottom: 50%
}

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

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

@media screen and (min-width: 1366px) {
    .poster-img__wrap--type1 {
        height: 398px
    }
}

.poster-img__wrap--type2 {
    padding-bottom: calc(50% - 2px)
}

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

@media screen and (min-width: 768px) and (min-height: 420px) {
    .poster-img__wrap--type2 {
        padding-bottom: 0;
        height: 280px
    }
}

@media screen and (min-width: 1366px) {
    .poster-img__wrap--type2 {
        height: 378px
    }
}

.poster-img__wrap--type3 {
    padding-bottom: calc(50% - 4px)
}

.poster-img__wrap {
    position: relative;
    border-radius: inherit
}

.poster-img__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.poster-bg, .poster-wrap {
    position: relative;
    display: block;
    border-radius: 5px
}

.poster-bg * {
    border-radius: inherit
}

.small-tooltip {
    display: none
}

.small-tooltip__text {
    position: absolute;
    z-index: 9999;
    top: -150%;
    width: 153px;
    padding: 8px 13px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #34486b
}

.small-tooltip__text:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 20px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background-color: #34486b
}

.notification-site-version {
    display: none;
    height: 48px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .notification-site-version {
        display: block
    }
}

.notification-site-version__wrap {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: inherit;
    border-top: 1px solid #4a6596;
    border-bottom: 1px solid #040a15;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    background-color: #131d33;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%)
}

.notification-site-version__text {
    display: block;
    margin-right: 32px;
    margin-left: 267px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.notification-site-version__btn--stay {
    min-width: 120px;
    margin-right: 27px
}

.notification-site-version__btn--back {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px
}

.add-to-home-screen {
    position: fixed;
    z-index: 9999;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    padding: 16px 10px;
    border-radius: 15px;
    background-image: linear-gradient(180deg, #122953, #273f6d);
    box-shadow: 0 1px 0 0 #4a6596
}

.add-to-home-screen:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    width: 15px;
    height: 15px;
    background-color: #273f6d;
    box-shadow: -1px 1px 0 0 #4a6596
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .add-to-home-screen {
        top: 10px;
        right: 10px;
        bottom: auto;
        left: auto;
        transform: none;
        max-width: 350px
    }

    .add-to-home-screen:after {
        bottom: auto;
        left: 60%;
        top: -7px;
        transform: rotate(-45deg);
        background-color: #122953;
        box-shadow: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .add-to-home-screen {
        display: none
    }
}

.add-to-home-screen__close-container {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px
}

.add-to-home-screen__close-btn {
    width: 100%;
    height: 100%
}

.add-to-home-screen__close-btn:active {
    opacity: .7
}

.add-to-home-screen__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.add-to-home-screen__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px
}

.add-to-home-screen__desc {
    margin-bottom: 16px;
    padding: 0 25px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(5, 5, 5, .5);
    color: #fff
}

.add-to-home-screen__tips {
    display: flex;
    align-items: center;
    justify-content: center
}

.add-to-home-screen__ico {
    width: 30px;
    height: 30px
}

.add-to-home-screen__ico:not(:first-child) {
    margin-left: 16px
}

.modal-page {
    flex-grow: 1;
    height: 100%
}

.modal-frame, .modal-page {
    display: flex;
    width: 100%;
    pointer-events: none
}

.modal-frame {
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden
}

.modal-frame.modal-frame--transparent-border {
    padding: 24px 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .modal-frame.modal-frame--transparent-border {
        padding: 32px 24px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .modal-frame.modal-frame--md-padd-on-tablet {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .modal-frame.modal-frame--sm-padd-on-desktop {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.modal-frame.modal-frame--sm {
    max-width: 360px
}

.modal-frame.modal-frame--md {
    max-width: 460px
}

.modal-frame.modal-frame--md-2 {
    max-width: 656px;
    width: 100%
}

.modal-frame.modal-frame--lg {
    max-width: 768px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .modal-frame.modal-frame--lg-on-desktop {
        max-width: 768px
    }
}

.modal-frame.modal-frame--separate-page {
    position: relative;
    z-index: 10000
}

.modal-window {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    height: 100%;
    pointer-events: none
}

.modal-window.modal-window--centered {
    height: auto
}

.modal-window.modal-window--scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto
}

.modal-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #111526;
    pointer-events: auto
}

.modal-header__headline {
    padding: 0 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.modal-header__close-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.modal-header__nav-btn {
    position: absolute;
    left: 8px
}

.modal-content {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    pointer-events: auto
}

.modal-content.modal-content--md-height {
    max-height: 672px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .modal-content.modal-content--md-height-on-tablet {
        max-height: 672px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .modal-content.modal-content--md-height-on-desktop {
        max-height: 672px
    }
}

.modal-content--border-top {
    border-top: 1px solid #35496c
}

.modal-content.modal-content--scrollable {
    scrollbar-width: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    pointer-events: auto
}

.modal-content.modal-content--scrollable::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

.modal-content__description {
    padding: 12px 8px 20px;
    background-color: #112852
}

@media screen and (min-width: 568px) {
    .modal-content__description {
        padding: 12px 46px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .modal-content__description {
        padding: 12px 46px
    }
}

.event-table-list {
    pointer-events: auto
}

.event-table-list__item {
    list-style-type: none
}

.event-table-list__item:nth-child(odd), .event-table-list__scroll-load {
    background-color: #112852
}

.event-table-list__item:nth-child(2n) {
    background-color: #0e2041
}

.event-table-list__item.event-table-list__item--sticky {
    position: sticky;
    z-index: 1;
    top: 0;
    bottom: 0
}

.event-table-list__item.event-table-list__item--sticky .event-table-list__item-decor {
    background-image: linear-gradient(180deg, #18a0f2, #24c1f9 97.83%);
    border: 1px solid #09c4fd
}

.event-table-list__data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    padding: 12px 16px;
    box-sizing: content-box
}

.event-table-list__data * {
    box-sizing: border-box
}

.event-table-list__place {
    height: 100%;
    width: 24px
}

.event-table-list__user-info {
    display: grid;
    grid-template-rows:1fr;
    grid-template-columns:repeat(3, 1fr);
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 12px
}

.event-table-list__user-points {
    justify-self: end
}

.v-link {
    display: inline-flex;
    color: #32a2f4;
    cursor: pointer
}

.v-link:active {
    opacity: .8
}

@media (hover) {
    .v-link:hover {
        text-decoration: underline
    }
}

.v-link__ico {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .v-link__ico {
        width: 24px;
        height: 24px
    }
}

.close-button {
    width: 24px;
    height: 24px
}

.close-button:active {
    opacity: .8
}

.close-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px
}

@media (hover) {
    .close-button--second:hover .close-button__ico--hover {
        display: block
    }

    .close-button--second:hover .close-button__ico--normal {
        display: none
    }
}

.close-button--second:active {
    opacity: 1
}

.close-button--second:active .close-button__ico--active {
    display: block
}

.close-button--second:active .close-button__ico--normal {
    display: none
}

.close-button__ico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.close-button__ico--active, .close-button__ico--hover {
    display: none
}

.mute-button {
    width: 24px;
    height: 24px
}

.mute-button:active {
    opacity: .8
}

.mute-button:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px
}

.v-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 38px;
    min-width: 100px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 3px
}

.v-btn:active {
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 34px;
    background-color: rgba(0, 0, 0, .08)
}

@media (hover) {
    .v-btn:hover {
        background-color: hsla(0, 0%, 100%, .2)
    }
}

.v-btn.v-btn--disabled {
    opacity: .3;
    cursor: default;
    pointer-events: none
}

.v-btn__ico {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.v-btn--long {
    min-width: 200px
}

.v-btn--small {
    font-size: 12px;
    padding: 0 12px
}

.participant-info {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15
}

.participant-info__title {
    padding-top: 16px;
    padding-bottom: 8px;
    text-align: center;
    background-image: linear-gradient(180deg, #112852, rgba(17, 40, 82, 0));
    line-height: 24px
}

@media screen and (min-width: 1024px) {
    .participant-info__title {
        padding-top: 24px;
        padding-bottom: 16px
    }
}

.participant-info__cup {
    position: relative;
    padding-bottom: 16px;
    background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-320.jpg);
    background-position: 50%;
    background-size: cover
}

@media screen and (min-width: 321px) {
    .participant-info__cup {
        background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-360.jpg)
    }
}

@media screen and (min-width: 361px) {
    .participant-info__cup {
        background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-768.jpg)
    }
}

@media screen and (min-width: 769px) {
    .participant-info__cup {
        background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup-1024.jpg)
    }
}

@media screen and (min-width: 1025px) {
    .participant-info__cup {
        background-image: url(/2174/mobile/images-loaded/src/images/components/participant-info/participant-info-cup.jpg)
    }
}

.participant-info__cup:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85px;
    background: linear-gradient(180deg, rgba(17, 40, 82, 0), #112852)
}

.participant-info__cup-wrap {
    position: relative;
    z-index: 1
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .participant-info__wrap {
        display: flex;
        padding: 16px 16px 0
    }
}

.participant-info__list {
    border-bottom: 1px solid #040a15;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .participant-info__list {
        width: 50%;
        padding-left: 0;
        border-bottom: none
    }
}

.participant-info__list-btn {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .participant-info__list-btn {
        padding-top: 24px;
        padding-bottom: 8px
    }
}

.participant-info__desc {
    border-top: 1px solid #35486c;
    padding: 16px 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .participant-info__desc {
        padding-top: 0;
        padding-bottom: 44px;
        padding-right: 0;
        width: 50%;
        border-top: none
    }
}

.no-events {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .no-events {
        padding: 52px 0
    }
}

@media screen and (min-width: 1024px) {
    .no-events {
        padding: 58px 0
    }
}

@media screen and (min-width: 1366px) {
    .no-events {
        padding: 112px 0
    }
}

.no-events__wrap {
    flex-direction: column;
    align-items: center
}

.no-events__img, .no-events__wrap {
    display: flex;
    justify-content: center
}

.no-events__img {
    margin-bottom: 16px
}

.no-events__sub-title {
    padding-top: 8px;
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #8893a8
}

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

.tab-event__ban-wrap {
    padding-bottom: 8px;
    margin-bottom: 8px;
    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
}

.tab-event__ban {
    margin-bottom: 10px
}

.tab-event__participant-cup {
    margin-bottom: 8px
}

.tab-event__desc {
    display: flex;
    flex-direction: column;
    align-items: center
}

.tab-event__count:not(:last-child) {
    margin-bottom: 8px
}

.title {
    font-weight: 700;
    color: #fff
}

.title--md {
    font-size: 14px;
    line-height: 16px
}

.title--lg {
    font-size: 16px;
    line-height: 24px
}

.title-wrap {
    padding-top: 16px;
    background-color: #05224e;
    text-align: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .title-wrap {
        padding-top: 24px
    }
}

.cup-participant {
    display: flex;
    justify-content: center;
    max-width: 450px;
    margin: 0 auto
}

.cup-participant--full {
    padding-top: 24px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .cup-participant--full .cup-participant-item:nth-child(2) {
        padding: 0 16px
    }
}

.cup-participant-item {
    flex-shrink: 0
}

.cup-participant-item:nth-child(2) {
    padding: 0 8px
}

.cup-participant-item:only-child {
    margin: 0 auto
}

.cup-participant-item--min:nth-child(2) {
    padding: 0 4px
}

.cup-participant-item__img-wrap {
    margin-left: auto;
    margin-right: auto;
    height: 116px;
    width: 96px
}

.cup-participant-item__img-wrap:not(:last-child) {
    margin-bottom: 8px
}

.cup-participant-item__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.cup-participant-item--min .cup-participant-item__img-wrap {
    width: 74px;
    height: 86px
}

.cup-participant-desc {
    margin: 0 auto;
    width: 96px;
    padding: 15px 4px;
    border: 1px solid transparent;
    background-image: linear-gradient(180deg, #173677, #182a5f);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
    border-radius: 5px;
    text-align: center
}

.cup-participant-desc--min {
    width: 73px;
    padding: 7px 1px
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-name {
    font-weight: 700
}

.cup-participant-desc.cup-participant-desc--winner .cup-participant-desc__info-points {
    color: #fff
}

.cup-participant-desc__info-name {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.cup-participant-desc__info-money {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #ffc400;
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.cup-participant-desc--min .cup-participant-desc__info-money {
    font-size: 12px;
    line-height: 16px
}

.cup-participant-desc__info-points {
    font-size: 12px;
    line-height: 16px;
    color: #a8bee6
}

.participants {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69)
}

.participants__list-wrap {
    background-image: linear-gradient(#1a2d4e, #0e1f3e);
    border-radius: inherit;
    overflow: hidden
}

.participants-item:nth-child(odd) .participants-item__item {
    background-color: #0e2041
}

.participants-item__item {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 15px;
    border: 1px solid transparent
}

.participants-item__info {
    display: flex;
    align-items: center;
    flex: 1
}

.participants-rank {
    width: 24px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.33px;
    color: #fff
}

.participants-rank:not(:last-child) {
    margin-right: 16px
}

.participants-rank.participants-rank--winner {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.participants-name {
    font-size: 14px;
    color: #fff
}

.participants-name.participants-name--winner {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.participants-gift {
    font-size: 14px;
    font-weight: 700;
    color: #ffc400
}

.participants-gift.participants-gift--winner {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.participants-score {
    flex: 1;
    font-size: 12px;
    color: #a8bee6;
    text-align: right
}

.participants-score.participants-score--winner {
    color: #fff
}

.text-preview__title {
    margin-bottom: 8px;
    line-height: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .text-preview__title {
        margin-bottom: 16px
    }
}

.text-preview__desc {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .text-preview__desc {
        margin-bottom: 16px
    }
}

.text-preview__btn {
    line-height: 16px;
    font-size: 14px
}

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

.events__wrap {
    padding: 0 8px 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__wrap {
        padding-bottom: 24px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__wrap {
        padding-left: 0;
        padding-right: 0
    }
}

.events__item-wrap:not(:last-child) {
    margin-bottom: 24px
}

.events__headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px
}

.events__title {
    font-size: 16px;
    font-weight: 700
}

.events__title-date {
    font-size: 12px;
    color: #8893a8;
    font-weight: 400
}

.events__count {
    font-size: 14px
}

.events__item-aside {
    display: none
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__item-aside {
        display: flex;
        flex-direction: column;
        width: 336px;
        padding-left: 16px
    }
}

.events__item-aside-headline {
    padding-bottom: 14px;
    text-align: center
}

.events__tournament-participant {
    padding-top: 8px
}

.events__item-aside-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.events__item-aside-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__item-wrap {
        display: flex
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__item-sect {
        flex-grow: 1
    }
}

.events__ban-item {
    position: relative;
    display: block;
    border-radius: 5px
}

.events__mark-flag {
    position: absolute;
    left: 0;
    top: 16px;
    z-index: 1
}

.events__sect {
    padding: 1px;
    border-radius: 5px;
    background: linear-gradient(180deg, #3a4b69 0, #132341 26%, #132341 79%, #3a4b69);
    display: block
}

.events__sect-wrap {
    background-image: linear-gradient(#1a2d4e, #0e1f3e);
    border-radius: inherit;
    border-radius: 5px
}

.events__ban {
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px
}

.events__ban-wrap {
    padding-bottom: 50%;
    position: relative;
    border-radius: inherit
}

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

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

@media screen and (min-width: 1366px) {
    .events__ban-wrap {
        height: 398px
    }
}

.events__ban-pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover
}

.events__desc {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__desc {
        margin: auto;
        width: min-content
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__desc {
        margin: auto;
        width: min-content
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__countdown, .events__sum {
        flex: 1
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__countdown, .events__sum {
        flex: 1
    }
}

.events__countdown {
    margin-right: 24px;
    text-align: center
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__countdown {
        display: flex;
        justify-content: flex-end;
        margin-right: 20px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__countdown {
        display: flex;
        justify-content: flex-end;
        margin-right: 24px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__countdown {
        margin-right: 52px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__btn:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__btn:not(:last-child) {
        display: flex;
        justify-content: center;
        margin-right: 24px
    }
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .events__btn:not(:last-child) {
        margin-right: 52px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__btn:last-child {
        flex: 1
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__btn:last-child {
        flex: 1
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__button {
        width: 200px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__button {
        width: 200px
    }
}

.events__prize-pool {
    position: relative;
    width: 140px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 10px
}

.events__prize-pool:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 84px;
    transform: translate(-50%, -50%);
    background-image: url(/2174/mobile/images-loaded/src/images/bg/prize-pool-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.events__sum {
    display: none
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .events__sum {
        display: block
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events__sum {
        display: block
    }
}

.events__prize-title {
    position: relative;
    margin-bottom: 4px;
    text-align: center;
    font-size: 12px;
    color: #a8bee6
}

.events__prize-money {
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    font-weight: 700
}

.events-item-wrap {
    padding: 8px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    text-align: center
}

.events-item-wrap, .events-item-wrap--full {
    background-image: url(../../../../../../themes/vip/img/events-bg-320.jpg)
}

.events-item-wrap--full {
    padding: 0
}

@media screen and (min-width: 321px) {
    .events-item-wrap--full {
        background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg-768.jpg)
    }
}

@media screen and (min-width: 769px) {
    .events-item-wrap--full {
        background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg-1024.jpg)
    }
}

@media screen and (min-width: 1025px) {
    .events-item-wrap--full {
        background-image: url(/2174/mobile/images-loaded/src/images/bg/events-bg.jpg)
    }
}

.other-places {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(148px, 1fr));
    grid-gap: 8px;
    padding-top: 8px;
    max-width: 704px;
    margin: auto
}

.other-places--full {
    padding: 8px
}

@media screen and (min-width: 568px) {
    .other-places--full {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 4px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .other-places--full {
        padding-top: 8px
    }
}

@media screen and (min-width: 568px) {
    .other-places-list--full {
        margin: 4px;
        min-width: 148px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .other-places-list--full {
        margin: 8px
    }
}

.other-places-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    min-height: 40px;
    background: linear-gradient(180deg, #173677, #182a5f);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .24);
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px
}

.other-places-list__name {
    max-width: 76px;
    color: #ffc400;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden
}

.event-block {
    border-top: 1px solid #35486c;
    display: flex;
    padding: 16px 0
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-block {
        padding: 24px 0
    }
}

.event-block__main {
    flex-grow: 1;
    overflow: hidden
}

.event-block__main-title {
    padding-right: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-block__main-title {
        padding-right: 60px;
        margin-bottom: 16px
    }
}

.event-block__main-text {
    display: flex
}

.event-block__desc {
    padding: 0 8px
}

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

.event-block__flag {
    margin-right: 8px
}

.event-block__date {
    width: 100%;
    padding-left: 8px;
    font-size: 12px;
    color: #8893a8;
    line-height: 24px
}

@media screen and (min-width: 568px) {
    .event-block__date {
        width: auto
    }
}

.event-block__ban:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-block__ban:not(:last-child) {
        margin-bottom: 24px
    }
}

.event-block__aside {
    max-width: 336px;
    padding-right: 16px
}

.event-block__title {
    margin-bottom: 16px;
    text-align: center;
    line-height: 24px
}

.event-block__cup {
    padding: 8px
}

.event-block__list {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5)
}

.event-block__games-title {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-block__games-title {
        margin-bottom: 16px
    }
}

.event-block--lottery .event-block__cup {
    padding: 0
}

.event-block--lottery .event-block__list {
    box-shadow: none
}

.event-games {
    padding: 16px 8px;
    border-top: 1px solid #35496c
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-games {
        padding: 24px 16px
    }
}

.event-games__list {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
    grid-gap: 8px;
    padding-top: 8px
}

@media screen and (min-width: 360px) {
    .event-games__list {
        grid-template-columns:repeat(auto-fill, minmax(168px, 1fr))
    }
}

@media screen and (min-width: 568px) {
    .event-games__list {
        grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
        padding-top: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-games__list {
        grid-gap: 16px;
        grid-template-columns:repeat(auto-fill, minmax(152px, 1fr))
    }
}

.help-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 130px;
    padding-bottom: 4px;
    background: linear-gradient(90deg, #29cdfc, #13a2f4);
    border-radius: 5px 0 0 5px;
    box-shadow: inset 0 -4px 0 #0f7eba;
    transition: box-shadow .3s
}

.help-button:after, .help-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
    border-radius: inherit;
    opacity: 0
}

.help-button:before {
    box-shadow: 0 0 7px #43d6ff, inset 0 -4px 0 transparent, inset 0 -4px 0 #0d628c;
    opacity: 0;
    transition: opacity .3s
}

.help-button:after {
    box-shadow: inset 0 -4px 0 #0f669b
}

@media (hover) {
    .help-button:hover:before {
        opacity: 1
    }
}

.help-button:active {
    background: #1486cc;
    height: 128px;
    width: 35px;
    transform: translateY(1px)
}

.help-button:active:before {
    display: none
}

.help-button:active:after {
    opacity: 1
}

.help-button__icon {
    margin-top: 8px;
    width: 26px;
    height: 26px
}

.help-button__icon-wrap {
    display: block;
    width: 100%;
    height: 100%
}

.help-button__icon-wrap--active {
    display: none
}

.help-button__text {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    transform: rotate(180deg)
}

.events-preview-block {
    border-top: 1px solid #35486c;
    padding: 16px 0
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events-preview-block {
        padding: 24px 0
    }
}

.events-preview-block__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events-preview-block__title {
        margin-bottom: 16px
    }
}

.events-preview-block__count {
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.events-preview-block__list {
    margin-bottom: -8px
}

.events-preview-block__list:not(:last-child) {
    padding-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events-preview-block__list:not(:last-child) {
        padding-bottom: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events-preview-block__list {
        display: flex;
        flex-wrap: wrap;
        margin-right: -8px;
        margin-left: -8px;
        margin-bottom: -16px
    }
}

.events-preview-block__load {
    display: flex;
    justify-content: center;
    padding-top: 8px
}

.event-preview {
    position: relative
}

.event-preview__wrap {
    display: flex;
    padding: 7px
}

.event-preview__img {
    flex-shrink: 0;
    width: 128px;
    margin-right: 8px
}

.event-preview__desc {
    flex-grow: 1;
    overflow: hidden
}

.event-preview__item:not(:last-child) {
    margin-bottom: 8px
}

.event-preview__link {
    display: block;
    font-size: 12px;
    line-height: 16px
}

.event-preview-title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.event-preview-date {
    font-size: 12px;
    line-height: 16px;
    color: #8893a8
}

.events-preview-item {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .events-preview-item {
        margin-bottom: 16px;
        width: 50%;
        padding: 0 8px
    }
}

@media screen and (min-width: 1366px) {
    .events-preview-item {
        width: 25%
    }
}

.strip-item {
    padding: 16px;
    background-position: top;
    background-image: url(../../../../../../themes/vip/img/strip-item-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.strip-item.strip-item--top-padd-0 {
    padding-top: 0
}

.strip-item__light-img {
    position: relative;
    flex-grow: 1;
    width: 100%;
    height: 221px
}

.strip-item__light-img:after, .strip-item__light-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.strip-item__light-img:before {
    background-image: url(/2174/mobile/images-loaded/src/images/bg/girl-2.svg);
    animation: light 1s linear infinite
}

@media (min--moz-device-pixel-ratio: 0) {
    .strip-item__light-img:before {
        animation: none;
        background-image: url(/2174/mobile/images-loaded/src/images/bg/girl-2.svg)
    }
}

.strip-item__light-img:after {
    background-image: url(../../../../../../themes/vip/img/girl-1.svg)
}

.strip-item__desc {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px
}

.strip-item__platform {
    flex-basis: 100%;
    height: 32px;
    margin-top: -15px;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/pallet.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.strip-item__light-text {
    margin-bottom: 16px;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
    color: #a8bee6
}

.strip-item__get-bonus {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.strip-item__light-link {
    display: flex;
    justify-content: center
}

.strip-item__list {
    z-index: 1
}

.strip-item__list:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 3em
}

.strip-item__ban {
    height: 262px
}

.strip-item__pic {
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    height: 100%;
    padding-bottom: 12px;
    object-fit: contain;
    transform: translateX(-50%)
}

.strip-item__name {
    margin-bottom: 12px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px
}

.strip-item__progress {
    margin-bottom: 16px
}

.strip-item__link {
    display: flex;
    justify-content: center
}

.strip-item__list-item:not(:last-child) {
    margin-bottom: 16px
}

.strip-item__gift {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 48px
}

.strip-item__gift-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 4px;
    white-space: nowrap
}

.strip-item__gift-money, .strip-item__gift-name {
    font-size: 14px;
    white-space: nowrap;
    font-weight: 700;
    color: #ffc400
}

.strip-item__gift-ico {
    width: 32px;
    height: 25px
}

@keyframes light {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.strip-slider {
    position: relative;
    height: 100%
}

.strip-slider__body {
    height: 100%;
    overflow: hidden
}

.strip-slider__container {
    scrollbar-width: none;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    pointer-events: auto
}

.strip-slider__container::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .strip-slider__container {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.strip-slider__btn-area {
    position: absolute;
    z-index: 9999;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 64px
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .strip-slider__btn-area {
        display: flex
    }
}

.strip-slider__btn-area--prev {
    top: 0;
    background: linear-gradient(180deg, #040c24 0, rgba(4, 12, 36, 0))
}

.strip-slider__btn-area--next {
    bottom: 0;
    background: linear-gradient(0deg, #040c24 0, rgba(4, 12, 36, 0))
}

.strip-slider__arrow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #284171;
    border-radius: 50%
}

.strip-slider__arrow {
    width: 24px;
    height: 24px;
    transform: rotate(90deg)
}

.strip-slider__btn-area--disabled {
    pointer-events: none
}

.strip-slider__btn-area--disabled .strip-slider__arrow-btn {
    opacity: .5
}

.strip-slider-item {
    position: relative;
    width: 100%;
    max-width: 112px;
    height: 120px;
    padding: 2px;
    margin: 0 auto 16px;
    background-color: rgba(10, 197, 253, .5);
    border-radius: 5px;
    cursor: pointer
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-slider-item {
        max-width: 140px;
        height: 160px
    }
}

@media (hover) {
    .strip-slider-item:hover {
        background-color: #0ac5fd;
        box-shadow: 0 0 12px #0ac5fd
    }

    .strip-slider-item:hover .strip-slider-item__img {
        opacity: 1
    }
}

.strip-slider-item__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.strip-slider-item.strip-slider-item--active, .strip-slider-item.strip-slider-item--selected {
    background-color: #0ac5fd;
    box-shadow: 0 0 12px #0ac5fd
}

.strip-slider-item.strip-slider-item--active .strip-slider-item__img, .strip-slider-item.strip-slider-item--selected .strip-slider-item__img {
    opacity: 1
}

.strip-slider-item__status-flag {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0
}

.strip-slider-item__gift-ico {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-slider-item__gift-ico {
        width: 24px;
        height: 24px
    }
}

.strip-slider-item__figure {
    position: relative;
    width: 100%;
    flex: 1;
    background-image: linear-gradient(180deg, #073e80, #090352);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.strip-slider-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    opacity: .3;
    transition: all .3s
}

.strip-slider-item__girl-name {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(180deg, rgba(17, 40, 82, 0), #112852)
}

.strip-slider-item__progress-tab {
    width: 100%;
    height: 23px;
    background: linear-gradient(180deg, #112852, #17356d .01%, #0d234b);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

@media (min-width: 1113px) and (orientation: landscape), screen and (min-width: 1024px) and (orientation: portrait) {
    .strip-slider-item__progress-tab {
        height: 32px
    }
}

.strip-slider-item__progress {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.strip-level-photo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.strip-level-photo__photo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    object-fit: contain
}

.strip-gift {
    display: flex;
    align-items: center
}

.strip-gift__ico {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.strip-gift__money {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: #ffc400
}

.strip-video-active-route .strip-video-button.strip-video-button--open {
    background-color: #0ac5fd
}

.strip-video-button {
    position: relative;
    width: 48px;
    height: 48px;
    padding: 2px;
    border-radius: 5px
}

.strip-video-button:active {
    opacity: .8
}

.strip-video-button.strip-video-button--open {
    padding: 1px;
    background-color: #0881be;
    box-shadow: 0 0 7px 0 #000;
    cursor: pointer
}

.strip-video-button.strip-video-button--open:before {
    display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data {
    align-items: flex-end;
    justify-content: flex-end
}

.strip-video-button.strip-video-button--open .strip-video-button__border-progress {
    display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__pic {
    opacity: 1
}

.strip-video-button.strip-video-button--open .strip-video-button__data-text {
    display: none
}

.strip-video-button.strip-video-button--open .strip-video-button__data-ico {
    display: block
}

.strip-video-button.strip-video-button--open .strip-video-button__img {
    border-radius: inherit
}

.strip-video-button.strip-video-button--closed {
    padding: 0
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-text, .strip-video-button.strip-video-button--closed:before {
    display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__data-ico {
    display: block
}

.strip-video-button.strip-video-button--closed .strip-video-button__border-progress {
    display: none
}

.strip-video-button.strip-video-button--closed .strip-video-button__img {
    border-radius: inherit
}

.strip-video-button.strip-video-button--closed .strip-video-button__pic {
    filter: blur(5.43656px);
    opacity: 1
}

.strip-video-button__border-progress, .strip-video-button__img, .strip-video-button__pic {
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.strip-video-button__img {
    position: relative;
    border-radius: 4px;
    background-image: linear-gradient(180deg, #073e80, #090352)
}

.strip-video-button__pic {
    opacity: .2;
    object-fit: contain
}

.strip-video-button__border-progress {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #0ac5fd
}

.strip-video-button__svg {
    border-radius: inherit;
    fill: #030b24;
    stroke: currentColor;
    stroke-width: 2px;
    stroke-dasharray: 100
}

.strip-video-button__data {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.strip-video-button__data-ico {
    display: none;
    width: 24px;
    height: 24px
}

.strip-video-button__data-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.strip-video-button.strip-video-button--big {
    width: 56px;
    height: 56px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-video-button.strip-video-button--big {
        width: 80px;
        height: 80px
    }
}

.strip-video-button__data-ico.strip-video-button__data-ico--big {
    width: 30px;
    height: 30px
}

.strip-video-button__data-text.strip-video-button__data-text--big {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-video-button__data-text.strip-video-button__data-text--big {
        font-size: 18px;
        line-height: 24px
    }
}

.strip-video-button:before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1dcbff;
    box-shadow: 0 0 4px #1dcbff
}

[data-progress="0"]:before {
    display: none
}

[data-progress="1"]:before {
    left: 0;
    top: -2px
}

[data-progress="2"]:before {
    left: 5%;
    top: -2px
}

[data-progress="3"]:before {
    left: 10%;
    top: -2px
}

[data-progress="4"]:before {
    left: 13%;
    top: -2px
}

[data-progress="5"]:before {
    left: 18%;
    top: -2px
}

[data-progress="6"]:before {
    left: 22%;
    top: -2px
}

[data-progress="7"]:before {
    left: 27%;
    top: -2px
}

[data-progress="8"]:before {
    left: 30%;
    top: -2px
}

[data-progress="9"]:before {
    left: 35%;
    top: -2px
}

[data-progress="10"]:before {
    left: 38%;
    top: -2px
}

[data-progress="11"]:before {
    left: 42%;
    top: -2px
}

[data-progress="12"]:before {
    left: 47%;
    top: -2px
}

[data-progress="13"]:before {
    left: 50%;
    top: -2px
}

[data-progress="14"]:before {
    left: 54%;
    top: -2px
}

[data-progress="15"]:before {
    left: 59%;
    top: -2px
}

[data-progress="16"]:before {
    left: 64%;
    top: -2px
}

[data-progress="17"]:before {
    left: 67%;
    top: -2px
}

[data-progress="18"]:before {
    left: 72%;
    top: -2px
}

[data-progress="19"]:before {
    left: 77%;
    top: -2px
}

[data-progress="20"]:before {
    left: 82%;
    top: -2px
}

[data-progress="21"]:before {
    left: 87%;
    top: -2px
}

[data-progress="22"]:before {
    left: 91%;
    top: -2px
}

[data-progress="23"]:before {
    left: 94%;
    top: -2px
}

[data-progress="24"]:before {
    left: 99%;
    top: -2px
}

[data-progress="25"]:before {
    right: 0;
    top: -2px
}

[data-progress="26"]:before {
    top: 5%;
    right: -2px
}

[data-progress="27"]:before {
    top: 10%;
    right: -2px
}

[data-progress="28"]:before {
    top: 13%;
    right: -2px
}

[data-progress="29"]:before {
    top: 18%;
    right: -2px
}

[data-progress="30"]:before {
    top: 22%;
    right: -2px
}

[data-progress="31"]:before {
    top: 27%;
    right: -2px
}

[data-progress="32"]:before {
    top: 30%;
    right: -2px
}

[data-progress="33"]:before {
    top: 35%;
    right: -2px
}

[data-progress="34"]:before {
    top: 38%;
    right: -2px
}

[data-progress="35"]:before {
    top: 42%;
    right: -2px
}

[data-progress="36"]:before {
    top: 47%;
    right: -2px
}

[data-progress="37"]:before {
    top: 50%;
    right: -2px
}

[data-progress="38"]:before {
    top: 54%;
    right: -2px
}

[data-progress="39"]:before {
    top: 59%;
    right: -2px
}

[data-progress="40"]:before {
    top: 64%;
    right: -2px
}

[data-progress="41"]:before {
    top: 67%;
    right: -2px
}

[data-progress="42"]:before {
    top: 72%;
    right: -2px
}

[data-progress="43"]:before {
    top: 77%;
    right: -2px
}

[data-progress="44"]:before {
    top: 78%;
    right: -2px
}

[data-progress="45"]:before {
    top: 80%;
    right: -2px
}

[data-progress="46"]:before {
    top: 83%;
    right: -2px
}

[data-progress="47"]:before {
    top: 88%;
    right: -2px
}

[data-progress="48"]:before {
    top: 93%;
    right: -2px
}

[data-progress="49"]:before {
    top: 91%;
    right: -2px
}

[data-progress="50"]:before {
    bottom: 0;
    right: -2px
}

[data-progress="51"]:before {
    right: 0;
    bottom: -2px
}

[data-progress="52"]:before {
    right: 5%;
    bottom: -2px
}

[data-progress="53"]:before {
    right: 10%;
    bottom: -2px
}

[data-progress="54"]:before {
    right: 13%;
    bottom: -2px
}

[data-progress="55"]:before {
    right: 18%;
    bottom: -2px
}

[data-progress="56"]:before {
    right: 22%;
    bottom: -2px
}

[data-progress="57"]:before {
    right: 27%;
    bottom: -2px
}

[data-progress="58"]:before {
    right: 30%;
    bottom: -2px
}

[data-progress="59"]:before {
    right: 35%;
    bottom: -2px
}

[data-progress="60"]:before {
    right: 38%;
    bottom: -2px
}

[data-progress="61"]:before {
    right: 42%;
    bottom: -2px
}

[data-progress="62"]:before {
    right: 47%;
    bottom: -2px
}

[data-progress="63"]:before {
    right: 50%;
    bottom: -2px
}

[data-progress="64"]:before {
    right: 54%;
    bottom: -2px
}

[data-progress="65"]:before {
    right: 59%;
    bottom: -2px
}

[data-progress="66"]:before {
    right: 64%;
    bottom: -2px
}

[data-progress="67"]:before {
    right: 67%;
    bottom: -2px
}

[data-progress="68"]:before {
    right: 72%;
    bottom: -2px
}

[data-progress="69"]:before {
    right: 77%;
    bottom: -2px
}

[data-progress="70"]:before {
    right: 82%;
    bottom: -2px
}

[data-progress="71"]:before {
    right: 87%;
    bottom: -2px
}

[data-progress="72"]:before {
    right: 91%;
    bottom: -2px
}

[data-progress="73"]:before {
    right: 94%;
    bottom: -2px
}

[data-progress="74"]:before {
    right: 93%;
    bottom: -2px
}

[data-progress="75"]:before {
    left: 0;
    bottom: -2px
}

[data-progress="76"]:before {
    left: -2px;
    bottom: 3%
}

[data-progress="77"]:before {
    left: -2px;
    bottom: 8%
}

[data-progress="78"]:before {
    left: -2px;
    bottom: 10%
}

[data-progress="79"]:before {
    left: -2px;
    bottom: 13%
}

[data-progress="80"]:before {
    left: -2px;
    bottom: 18%
}

[data-progress="81"]:before {
    left: -2px;
    bottom: 22%
}

[data-progress="82"]:before {
    left: -2px;
    bottom: 27%
}

[data-progress="83"]:before {
    left: -2px;
    bottom: 30%
}

[data-progress="84"]:before {
    left: -2px;
    bottom: 33%
}

[data-progress="85"]:before {
    left: -2px;
    bottom: 38%
}

[data-progress="86"]:before {
    left: -2px;
    bottom: 42%
}

[data-progress="87"]:before {
    left: -2px;
    bottom: 47%
}

[data-progress="88"]:before {
    left: -2px;
    bottom: 50%
}

[data-progress="89"]:before {
    left: -2px;
    bottom: 54%
}

[data-progress="90"]:before {
    left: -2px;
    bottom: 59%
}

[data-progress="91"]:before {
    left: -2px;
    bottom: 62%
}

[data-progress="92"]:before {
    left: -2px;
    bottom: 67%
}

[data-progress="93"]:before {
    left: -2px;
    bottom: 70%
}

[data-progress="94"]:before {
    left: -2px;
    bottom: 73%
}

[data-progress="95"]:before {
    left: -2px;
    bottom: 78%
}

[data-progress="96"]:before {
    left: -2px;
    bottom: 83%
}

[data-progress="97"]:before {
    left: -2px;
    bottom: 87%
}

[data-progress="98"]:before {
    left: -2px;
    bottom: 88%
}

[data-progress="99"]:before {
    left: -2px;
    top: 2%
}

[data-progress="100"]:before {
    left: -2px;
    top: 0
}

.strip-girl-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .strip-girl-name {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.progress-point {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
    width: 8px;
    height: 8px;
    background: linear-gradient(180deg, #080e17 0, #2d4980);
    border-radius: 50%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .progress-point {
        padding: 2px;
        width: 12px;
        height: 12px
    }
}

.progress-point.progress-point--active {
    background: linear-gradient(180deg, #2dd9fe, #016ff0);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .36)
}

.progress-point.progress-point--active .progress-point__inner {
    opacity: 0
}

.progress-point:not(:first-child) {
    margin-left: 4px
}

.progress-point__inner {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #0b0d18
}

.flip-the-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20vh;
    width: 100vw;
    height: 100%;
    background-color: #030b24
}

.flip-the-screen:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/2174/mobile/images-loaded/src/images/bg/klubni4ka-page.svg);
    background-size: auto 100%;
    background-position: top;
    background-repeat: no-repeat;
    opacity: .39
}

.flip-the-screen__ico {
    z-index: 2;
    width: 160px;
    height: 136px;
    margin-bottom: 21px;
    animation: icon-turn 2s linear infinite
}

.flip-the-screen__text {
    z-index: 2;
    font-weight: 700;
    font-size: 18px
}

@keyframes icon-turn {
    0% {
        transform: rotate(0)
    }
    20% {
        transform: rotate(-90deg)
    }
    80% {
        transform: rotate(-90deg)
    }
    90% {
        transform: rotate(0)
    }
    to {
        transform: rotate(0)
    }
}

.hockey-puck-btn {
    display: block;
    width: 48px;
    height: 48px;
    padding: 2px;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #61faa6, #22a7f0);
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, .4)
}

.hockey-puck-btn:active {
    opacity: .8
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-btn {
        width: 48px;
        height: 48px
    }
}

.hockey-puck-btn__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #112852
}

.hockey-puck-btn__ico {
    width: 19px;
    height: 19px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-btn__ico {
        width: 26px;
        height: 26px
    }
}

.hockey-puck-info {
    position: absolute;
    bottom: calc(100% + 24px);
    right: -24px;
    width: 320px;
    padding: 2px;
    border-radius: 10px;
    background-image: linear-gradient(90deg, #61faa6, #22a7f0)
}

@media screen and (min-width: 360px) {
    .hockey-puck-info {
        right: -18px;
        width: 340px
    }
}

@media screen and (min-width: 568px) {
    .hockey-puck-info {
        right: -18px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info {
        width: 442px;
        bottom: 0;
        right: calc(100% + 24px)
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .hockey-puck-info {
        bottom: 0;
        right: calc(100% + 24px)
    }
}

@media screen and (min-device-height: 800px) and (max-height: 500px) and (orientation: landscape) {
    .hockey-puck-info--safari {
        bottom: auto;
        top: -4px;
        left: calc(100% + 24px)
    }
}

@media screen and (min-device-height: 800px) and (max-height: 500px) and (orientation: landscape) {
    .hockey-puck-info--safari .hockey-puck-info__wrap:before {
        left: -10px;
        top: 20px;
        border-color: #61faa6
    }
}

@media screen and (min-device-height: 800px) and (max-height: 500px) and (orientation: landscape) {
    .hockey-puck-info--safari .hockey-puck-info__wrap:after {
        left: 0;
        top: 8px
    }
}

@media screen and (min-device-height: 800px) and (max-height: 500px) and (orientation: landscape) {
    .hockey-puck-info--safari .hockey-puck-info__media {
        padding-bottom: 35%
    }
}

.hockey-puck-info__wrap {
    position: relative;
    padding: 14px 24px 22px;
    border-radius: inherit;
    background-color: #112852
}

.hockey-puck-info__wrap:after, .hockey-puck-info__wrap:before {
    content: "";
    position: absolute;
    background-color: #122952
}

.hockey-puck-info__wrap:before {
    bottom: -10px;
    border: 2px solid #22a8f0;
    right: 36px;
    width: 22px;
    height: 22px;
    transform: rotate(45deg)
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .hockey-puck-info__wrap:before {
        right: -10px;
        bottom: 20px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__wrap:before {
        right: -10px;
        bottom: 20px
    }
}

.hockey-puck-info__wrap:after {
    bottom: 0;
    right: 25px;
    width: 40px;
    height: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .hockey-puck-info__wrap:after {
        right: 0;
        bottom: 8px;
        width: 16px;
        height: 40px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__wrap:after {
        right: 0;
        bottom: 8px;
        width: 16px;
        height: 40px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__wrap {
        padding-top: 22px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.hockey-puck-info__title {
    margin-bottom: 8px;
    text-align: center
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__title {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__title-huck.hockey-puck-info__title-huck {
        font-size: 22px
    }
}

.hockey-puck-info__media {
    position: relative;
    padding-bottom: 45%
}

.hockey-puck-info__desc {
    position: relative;
    padding-top: 16px;
    max-width: 346px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #8893a8
}

.hockey-puck-info__desc:before {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__desc {
        font-size: 18px;
        line-height: 21px
    }
}

.hockey-puck-info__link {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    max-width: 346px;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
    line-height: 24px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .hockey-puck-info__link {
        font-size: 18px
    }
}

.hockey-puck-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.event-section {
    border-top: 1px solid #35486c;
    border-bottom: 1px solid #040a15;
    position: relative;
    padding: 16px 8px;
    background-color: #112852
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-section {
        padding: 24px 16px
    }
}

@media screen and (min-width: 1366px) {
    .event-section {
        padding: 24px 184px
    }
}

.event-section--shadow {
    background-color: #112852;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.event-section--shadow:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .07), rgba(0, 0, 0, .0001) 96.95%)
}

.event-section--padding-sm {
    padding: 4px 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .event-section--padding-sm {
        padding: 12px
    }
}

.event-section--no-padding {
    padding: 0
}

.event-section--no-border {
    border: none
}

.event-section-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px
}

.game-promo {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background-color: #111526
}

.game-promo__iframe-wrap {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.game-promo__iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

.welcome-pack-content {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    min-height: 196px;
    background-color: #112852;
    pointer-events: auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    border-radius: 5px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content {
        justify-content: center
    }
}

.welcome-pack-content__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    transform: translateY(-16px);
    cursor: pointer
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__close-btn {
        transform: translateX(16px)
    }
}

.welcome-pack-content__media {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 55px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__media {
        width: 244px;
        height: 100%;
        padding: 16px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-content__media {
        height: 63px
    }
}

.welcome-pack-content__title {
    padding-top: 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__title {
        padding-top: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-content__title {
        padding-top: 16px
    }
}

.welcome-pack-content__info {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 240px;
    padding-bottom: 24px;
    overflow: hidden
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__info {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-content__info {
        padding-bottom: 32px
    }
}

.welcome-pack-content__wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__wrap {
        flex-direction: row;
        justify-content: space-between;
        height: 100%;
        padding-right: 16px
    }
}

.welcome-pack-content__button-wrap {
    width: 100%
}

.welcome-pack-content__button-wrap--second {
    display: none
}

.welcome-pack-content__link {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__link {
        padding-top: 4px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-content__link {
        padding-top: 24px
    }
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__link--big-padd {
        padding-top: 24px
    }
}

.welcome-pack-content__table {
    width: 100%;
    padding-top: 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-content__table {
        padding-top: 4px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-content__table {
        padding-top: 16px
    }
}

.welcome-pack-frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 288px;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px;
    pointer-events: none
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-frame {
        max-width: 500px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-frame {
        max-width: 400px
    }
}

.welcome-pack-media {
    position: absolute;
    top: -108px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 164px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-media {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-media {
        top: -100px
    }
}

.welcome-pack-media__wrap {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-media__wrap {
        width: 212px;
        height: 138px
    }
}

.welcome-pack-media__picture {
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%
}

.welcome-pack-media__img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.welcome-pack-media__additional-media {
    display: none
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-media__additional-media {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .welcome-pack-media__additional-media {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        margin: auto;
        padding-bottom: 12px
    }
}

.welcome-pack-window {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: stretch;
    pointer-events: none
}

.welcome-pack-table {
    width: 100%;
    padding: 16px;
    overflow: hidden;
    background-color: #111f3c;
    border-radius: 4px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 900px) {
    .welcome-pack-table {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.welcome-pack-table__note-table-info {
    display: flex;
    align-items: center
}

.welcome-pack-table__list {
    display: flex;
    flex-direction: column-reverse
}

.welcome-pack-table__item {
    display: flex
}

.welcome-pack-table__item:not(:last-child) {
    margin-top: 7px
}

.welcome-pack-title {
    text-align: center
}

.welcome-pack-title__text {
    font-size: 18px;
    line-height: 36px;
    color: #ffc400;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.welcome-pack-title__sub-title, .welcome-pack-title__text {
    display: block;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase
}

.welcome-pack-title__sub-title {
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.welcome-pack-note-info__sub {
    min-width: 64px;
    line-height: 16px;
    color: #d0d4dc
}

.welcome-pack-note-info__main, .welcome-pack-note-info__sub {
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700;
    font-size: 12px
}

.welcome-pack-note-info__main {
    margin-right: 4px;
    color: #ffc400
}

.welcome-pack-note-info__main, .welcome-pack-note-info__plus {
    display: flex;
    line-height: 14px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.welcome-pack-note-info__plus {
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap
}

.welcome-pack-note-info__arrow {
    display: flex;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    margin-left: 4px
}

.grecaptcha-badge {
    visibility: hidden
}

.slick-slide img {
    width: 100%
}

.slider .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center
}

.slider .slick-dots li {
    display: inline-block
}

.slider .slick-dots button {
    width: 6px;
    height: 6px;
    background: #666;
    margin: 0 3px;
    border-radius: 50%;
    text-indent: -9999px
}

.slider .slick-dots .slick-active button {
    background: #fff
}

.slider3__item-wrap {
    overflow: hidden
}

.slider_4 .slick-list {
    margin: 0 -10px
}

.slider_4 .slick-arrow {
    background: #112852;
    opacity: .8;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin: -20px 0 0;
    text-indent: -9999px;
    z-index: 9
}

.slider_4 .slick-prev {
    left: 10px
}

.slider_4 .slick-next {
    right: 10px
}

.reg-mob {
    display: none
}

.slider2 {
    display: none
}

.lobby-games__game-aside {
    position: relative
}

.sticky {
    position: absolute;
    width: 100%;
    padding-right: 16px;
    top: 100px
}

#menu-footer_menu {
    background: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 16px
}

#menu-footer_menu li {
    padding: 8px
}

#menu-footer_menu a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #c6a458;
    cursor: pointer
}

#menu-footer_menu a:hover {
    text-decoration: underline
}

.nav-tabs .menu-top_menu-container {
    width: 100%
}

.nav-tabs ul {
    position: relative;
    display: flex;
    width: 100%;
    background-color: #111526
}

.nav-tabs li {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100px;
    height: 40px;
    padding: 0 9px;
    margin-right: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(180deg, #292b32, #17191d);
    box-shadow: inset 0 1px 0 #73674a;
    text-align: center;
    color: #959595;
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .02em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.nav-tabs li:first-child a:before {
    content: "";
    background-image: url(../../../../../../themes/vip/img/favorite-active.svg);
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .3s;
    display: block;
    margin: 0 10px 0 0;
    opacity: .5
}

.nav-tabs a {
    display: flex;
    align-items: center
}

.nav-tabs .current-menu-item {
    background: linear-gradient(180deg, #383b42, #17191d);
    box-shadow: inset 0 1px 0 #baa36c;
    -webkit-text-stroke: .5px;
    color: #f5d76c
}

.menu-header_menu-container {
    width: 100%;
    height: 100%
}

#menu-header_menu {
    display: flex;
    height: 100%;
    align-items: center;
    background: none
}

#menu-header_menu li {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    margin-right: 16px
}

#menu-header_menu li a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 5px;
    flex-direction: row;
    width: auto;
    height: 72px;
    padding-left: 8px
}

#menu-header_menu a {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

#menu-header_menu li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(110.28deg, #c59e64 41.98%, #ecd388 62.76%, #ffeeb2 114.15%, #e4c880 150.92%);
    opacity: 0;
    transition: opacity .3s
}

#menu-header_menu li:hover:after, #menu-header_menu li:active:after, #menu-header_menu .current-menu-item li:after {
    opacity: 1
}

#menu-header_menu .current-menu-item a {
    opacity: 1;
    font-weight: 700
}

#menu-header_menu li:first-of-type a:before, #menu-header_menu li:nth-of-type(4) a:before {
    content: "";
    background-image: url(../../../../../../themes/vip/img/games.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin: 0 7px 0 0;
    display: block;
    flex-shrink: 0
}

#menu-header_menu li:nth-of-type(2) a:before {
    content: "";
    background-image: url(../../../../../../themes/vip/img/actions.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin: 0 7px 0 0;
    display: block;
    flex-shrink: 0
}

#menu-header_menu li:nth-of-type(3) a:before {
    content: "";
    background-image: url(../../../../../../themes/vip/img/gift-menu.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin: 0 3px 0 0;
    display: block;
    flex-shrink: 0
}

.sub-menu_open {
    display: block !important
}

.overlay1_wrap {
    background-color: rgba(0, 0, 0, .75);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.menu-button {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

@media (hover) {
    .menu-button:hover {
        background-image: linear-gradient(90deg, #7e5820 29.07%, #ffd166 54.83%, #3f2c10 99.99%);
        padding: 2px
    }

    .menu-button:hover .menu-button__bg {
        box-shadow: none
    }
}

.menu-button:active {
    padding: 0
}

.menu-button:active .menu-button__bg {
    background: linear-gradient(180deg, #565962, #33353e);
    box-shadow: none
}

.menu-button .menu-button__decor:after, .menu-button .menu-button__decor:before, .menu-button:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 2px;
    background-color: currentColor;
    border-radius: 2px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
    transition: transform .3s, opacity .3s
}

.menu-button .menu-button__decor:after {
    transform: translateY(-5px)
}

.menu-button .menu-button__decor:before {
    transform: translateY(5px)
}

.menu-button.menu-button--empty {
    background-image: none
}

.menu-button.menu-button--empty:after {
    display: none
}

.menu-button.active:after {
    opacity: 0
}

.menu-button.active .menu-button__decor:after {
    transform: rotate(45deg)
}

.menu-button.active .menu-button__decor, .menu-button.active .menu-button__decor:before {
    transform: rotate(-45deg)
}

.menu-button__bg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
    will-change: transform;
    background: linear-gradient(180deg, #2c2e35, #1b1d21);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .3), inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.menu-button__message {
    position: absolute;
    top: -8px;
    right: -8px
}

@media (max-width: 1115px) {
    .header__open-menu {
        display: flex
    }

    header .registration-block__decor {
        display: none
    }

    .menu-wrap__hide-scroll {
        position: relative;
        width: 264px;
        height: 100%;
        overflow: hidden;
        z-index: 4
    }

    .slider2 {
        display: block
    }

    .reg-mob {
        display: block
    }

    .event-block__aside {
        display: none
    }

    .header__login-btn {
        display: none
    }

    .icon-btn-login {
        background-image: url(../../../../../../themes/vip/img/btn-login.svg)
    }

    .v-button__ico {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3))
    }

    .header__login-btn-mob {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        margin: auto;
        margin-right: 0
    }

    .v-button.v-button--fourth {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 80px;
        padding: 0 16px;
        font-size: 16px;
        line-height: 40px;
        font-weight: 700;
        color: #000;
        text-align: center;
        box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
        border-radius: 100px;
        cursor: pointer;
        white-space: nowrap;
        user-select: none;
        padding: 0;
        min-width: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, #d4e1e6, #fff 49.48%, #d4e1e5);
        color: #000
    }

    .v-button__ico-wrap--mob-icon {
        width: 20px;
        height: 20px
    }

    .v-button__ico-wrap {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .logo {
        width: 91px;
        height: 68px
    }

    .header {
        height: 56px
    }

    .quick-nav-layout-height {
        position: fixed;
        top: 52px;
        z-index: 4;
        height: auto;
        width: 100%;
        padding-top: 0;
        overflow: hidden;
        display: none;
        left: 0
    }

    .quick-nav-layout-height.open {
        display: block
    }

    .quick-nav-layout-wrap {
        position: relative;
        width: 264px;
        height: auto;
        overflow: hidden;
        z-index: 4
    }

    .menu-header_menu-container {
        background-color: #17191d;
        padding-bottom: 4px
    }

    #menu-header_menu {
        display: block;
        height: auto
    }

    #menu-header_menu li {
        width: 100%
    }

    #menu-header_menu li a {
        height: 48px
    }

    #menu-header_menu .current-menu-item a, #menu-header_menu .current-menu-item a:active {
        background-color: #4d4f56;
        border: 1px solid #f2dc96
    }

    #menu-header_menu .current-menu-item a:before, #menu-header_menu .current-menu-item a:before:active {
        background-image: linear-gradient(122.52deg, #c59e64 11.8%, #ecd388 36.43%, #ffeeb2 60.72%, #e4c880 85.65%)
    }
}

table {
    color: #fff;
    font-weight: 700;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-collapse: separate;
    text-align: center
}

table td {
    background-color: #5e5e5e
}

table td, table th {
    border-radius: 6px;
    border: 2px solid #262634;
    padding: .5em 0
}

table td:first-of-type {
    background: linear-gradient(180deg, #424242 0, #333 100%), #000
}

.kk-star-ratings {
    margin-bottom: 40px
}

#toc_container {
    border: none
}

.promotion-text img {
    margin: auto
}

#comments {
    width: 100%;
    max-width: 1366px;
    background: #0e1012;
    margin: auto
}

.promotion-text img {
    max-width: 100%;
    height: auto
}

.main_banner-mob {
    display: none
}

@media (max-width: 420px) {
    .main_banner {
        display: none
    }

    .main_banner-mob {
        display: block;
        object-fit: cover !important;
        min-height: auto !important;
        height: 150px;
        object-position: 50% !important
    }

    .main {
        padding-top: 0
    }

    #comments {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
}