@import url(https://fonts.googleapis.com/css?family=Open + Sans + Condensed:300, 700|Open + Sans:400, 600, 700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400, 600, 700, 800&subset=latin-ext);
@font-face {
    font-family: vegas-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/vulkanvegas/fonts/vegas-icons.ttf?v9.7) format("truetype"), url(../vulkanvegas/fonts/vegas-icons.woff?v9.7) format("woff"),
        url(/vulkanvegas/fonts/vegas-icons.svg?v9.7) format("svg");
}
.icon,
[class*=" i-"],
[class^="i-"] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: vegas-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: transform 0.3s;
}
.icon {
    font-size: 2rem;
}
.i-aviator:before {
    content: "";
}
.i-betgames:before {
    content: "";
}
.i-tvbet:before {
    content: "";
}
.i-x:before {
    content: "";
}
.i-lucky:before {
    content: "";
}
.i-classic-slots:before,
.i-igrovye-avtomaty:before {
    content: "";
}
.i-other:before {
    content: "";
}
.i-slots:before {
    content: "";
}
.i-chek:before {
    content: "";
}
.i-live:before {
    content: "";
}
.i-new:before {
    content: "";
}
.i-popular:before {
    content: "";
}
.i-allgames:before {
    content: "";
}
.i-instagames:before {
    content: "";
}
.i-live-casino:before {
    content: "";
}
.i-roulettes:before {
    content: "";
}
.i-card-games:before {
    content: "";
}
.i-toplist:before {
    content: "";
}
.i-videopoker:before {
    content: "";
}
.i-refresh:before {
    content: "";
}
.i-star:before {
    content: "";
}
.i-star_full:before {
    content: "";
}
.i-bonus:before {
    content: "";
}
.i-sound-on:before {
    content: "";
}
.i-sound-off:before {
    content: "";
}
.i-copy:before {
    content: "";
}
.i-clear:before {
    content: "";
}
.i-chat:before {
    content: "";
}
.i-exit:before {
    content: "î¤ ";
}
.i-fav:before {
    content: "";
}
.i-fb:before {
    content: "";
}
.i-games:before {
    content: "";
}
.i-google:before {
    content: "";
}
.i-hall_of_fame:before {
    content: "";
}
.i-loyalty_program:before {
    content: "";
}
.i-mailru:before {
    content: "";
}
.i-messages:before {
    content: "";
}
.i-ok:before {
    content: "";
}
.i-promo:before {
    content: "";
}
.i-left:before {
    content: "";
}
.i-right {
    transform: rotate(180deg);
}
.i-right:before {
    content: "";
}
.i-tournaments:before {
    content: "";
}
.i-twiter:before {
    content: "";
}
.i-vk:before {
    content: "";
}
.i-wheel_of_fortune:before {
    content: "";
}
.i-eye:before {
    content: "";
}
.i-eye_closed:before {
    content: "";
}
.i-archive:before {
    content: "";
}
.i-arrow_close:before {
    content: "";
}
.i-arrow_left:before {
    content: "";
}
.i-arrow_open {
    transform: rotate(-180deg);
}
.i-arrow_open:before {
    content: "";
}
.i-arrow_right {
    transform: rotate(180deg);
}
.i-arrow_right:before {
    content: "";
}
.i-attention:before {
    content: "";
}
.i-calendar:before {
    content: "";
}
.i-check:before {
    content: "";
}
.i-close:before {
    content: "";
}
.i-info:before {
    content: "";
}
.i-input_error:before {
    content: "";
}
.i-load:before {
    content: "";
}
.i-gift:before {
    content: "";
}
.i-more:before {
    content: "";
}
.i-play:before {
    content: "";
}
.i-search:before {
    content: "";
}
.i-small_arrow_close:before {
    content: "";
}
.i-small_arrow_open {
    transform: rotate(180deg);
}
.i-small_arrow_open:before {
    content: "";
}
.i-tournament_baidge:before {
    content: "";
}
.i-tournament_check:before {
    content: "";
}
.i-tournament_coin:before {
    content: "";
}
.i-tournament_games:before {
    content: "";
}
.i-tournament:before {
    content: "";
}
.i-tournament_rounds:before {
    content: "";
}
.i-pencil:before {
    content: "";
}
.i-instagram:before {
    content: "";
}
.i-not_found:before {
    content: "";
}
.i-ya:before {
    content: "";
}
.i-viber:before {
    content: "";
}
.i-last-played:before {
    content: "";
}
.i-heart:before {
    content: "";
}
.i-random:before {
    content: "";
}
.i-info-simple:before {
    content: "";
}
.i-calendar-o:before {
    content: "";
}
.i-id:before {
    content: "";
}
.i-adress:before {
    content: "";
}
.i-another_doc:before {
    content: "";
}
.i-payment:before {
    content: "";
}
.i-pause:before {
    content: "";
}
button,
button:focus,
input,
input:focus {
    outline: none;
}
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
}
a {
    color: #06d;
    text-decoration: none;
}
[v-cloak] {
    display: none !important;
}
.breath {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: breath;
    animation-name: breath;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes breath {
    0% {
        transform: scale(0.8);
    }
    to {
        transform: scale(1);
    }
}
@keyframes breath {
    0% {
        transform: scale(0.8);
    }
    to {
        transform: scale(1);
    }
}
.blinker {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: blinker;
    animation-name: blinker;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}
@-webkit-keyframes blinker {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes blinker {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.account__btn-deposit,
.account__btn-lucky-spins,
.account__light-btn,
.account__rewards-link,
.account__secondary-btn,
.account__secondary-btn--lucky,
.account__tab,
.balances-data__exchange,
.button,
.button-default,
.button-ghost,
.button-hi,
.button-outline,
.button-pale,
.button-profile,
.button-secondary,
.limits-form__btn,
.lucky-spins-filters__selector,
.lucky-spins-table__btn,
.lucky-spins-table__game-btn--mob,
.profile-data__change-pass,
.profile-data__save,
.profile-info__finish,
.signup-promo__btn,
.user-info__confirm {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 3rem;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    height: 4rem;
    justify-content: center;
    padding: 0 2rem;
    text-decoration: none;
    transition: background-color 0.3s, opacity 0.3s;
}
.account__btn-deposit[disabled],
.account__btn-lucky-spins[disabled],
.account__light-btn[disabled],
.account__rewards-link[disabled],
.account__secondary-btn--lucky[disabled],
.account__secondary-btn[disabled],
.account__tab[disabled],
.balances-data__exchange[disabled],
.button-default[disabled],
.button-ghost[disabled],
.button-hi[disabled],
.button-outline[disabled],
.button-pale[disabled],
.button-profile[disabled],
.button-secondary[disabled],
.button[disabled],
.limits-form__btn[disabled],
.lucky-spins-filters__selector[disabled],
.lucky-spins-table__btn[disabled],
.lucky-spins-table__game-btn--mob[disabled],
.profile-data__change-pass[disabled],
.profile-data__save[disabled],
.profile-info__finish[disabled],
.signup-promo__btn[disabled],
.user-info__confirm[disabled] {
    background-color: #f3f3fa;
    color: #abacbc;
    cursor: default;
    pointer-events: none;
}
.account__btn-lucky-spins,
.account__tab,
.button-default,
.button-pale,
.lucky-spins-filters__selector {
    background-color: #fff;
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
    color: #1b204f;
}
.account__btn-lucky-spins:hover,
.account__tab:hover,
.button-default.hover,
.button-default:hover,
.button-pale:hover,
.hover.account__btn-lucky-spins,
.hover.account__tab,
.hover.button-pale,
.hover.lucky-spins-filters__selector,
.lucky-spins-filters__selector:hover {
    box-shadow: 0 10px 18px rgba(75, 74, 120, 0.14);
    color: #06d;
}
.account__btn-lucky-spins:active,
.account__tab:active,
.active.account__btn-lucky-spins,
.active.account__tab,
.active.button-pale,
.active.lucky-spins-filters__selector,
.button-default.active,
.button-default:active,
.button-pale:active,
.lucky-spins-filters__selector:active {
    background-color: #2586f8;
    color: #fff;
}
.button-secondary {
    background-color: #06d;
    color: #fff;
}
.button-secondary.hover,
.button-secondary:hover {
    background-color: #2586f8;
}
.account__btn-deposit,
.account__secondary-btn--lucky,
.button-profile,
.limits-form__btn,
.signup-promo__btn {
    background-color: #65b812;
    color: #fff;
}
.account__btn-deposit:hover:not(:active),
.account__secondary-btn--lucky:hover:not(:active),
.button-profile.hover,
.button-profile:hover:not(:active),
.hover.account__btn-deposit,
.hover.account__secondary-btn--lucky,
.hover.limits-form__btn,
.hover.signup-promo__btn,
.limits-form__btn:hover:not(:active),
.signup-promo__btn:hover:not(:active) {
    background-color: #73ca1c;
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.button-pale {
    background-color: #f3f3fa;
    box-shadow: none;
}
.button-pale.hover,
.button-pale:hover:not(:active) {
    background-color: #fff;
}
.account__light-btn,
.account__rewards-link,
.button-ghost {
    border: 1px solid #abacbc;
    color: #abacbc;
}
.account__light-btn:active,
.account__light-btn:hover,
.account__rewards-link:active,
.account__rewards-link:hover,
.active.account__light-btn,
.active.account__rewards-link,
.button-ghost.active,
.button-ghost.hover,
.button-ghost:active,
.button-ghost:hover,
.hover.account__light-btn,
.hover.account__rewards-link {
    border-color: #1b204f;
    color: #1b204f;
}
.account__secondary-btn,
.balances-data__exchange,
.button-outline,
.lucky-spins-table__btn,
.lucky-spins-table__game-btn--mob,
.profile-data__change-pass,
.user-info__confirm {
    border: 1px solid #2586f8;
    color: #06d;
}
.account__secondary-btn:active,
.account__secondary-btn:hover,
.active.account__secondary-btn,
.active.balances-data__exchange,
.active.lucky-spins-table__btn,
.active.lucky-spins-table__game-btn--mob,
.active.profile-data__change-pass,
.active.user-info__confirm,
.balances-data__exchange:active,
.balances-data__exchange:hover,
.button-outline.active,
.button-outline.hover,
.button-outline:active,
.button-outline:hover,
.hover.account__secondary-btn,
.hover.balances-data__exchange,
.hover.lucky-spins-table__btn,
.hover.lucky-spins-table__game-btn--mob,
.hover.profile-data__change-pass,
.hover.user-info__confirm,
.lucky-spins-table__btn:active,
.lucky-spins-table__btn:hover,
.lucky-spins-table__game-btn--mob:active,
.lucky-spins-table__game-btn--mob:hover,
.profile-data__change-pass:active,
.profile-data__change-pass:hover,
.user-info__confirm:active,
.user-info__confirm:hover {
    border-color: #06d;
}
.account__secondary-btn:hover:not(:active),
.balances-data__exchange:hover:not(:active),
.button-outline.hover,
.button-outline:hover:not(:active),
.hover.account__secondary-btn,
.hover.balances-data__exchange,
.hover.lucky-spins-table__btn,
.hover.lucky-spins-table__game-btn--mob,
.hover.profile-data__change-pass,
.hover.user-info__confirm,
.lucky-spins-table__btn:hover:not(:active),
.lucky-spins-table__game-btn--mob:hover:not(:active),
.profile-data__change-pass:hover:not(:active),
.user-info__confirm:hover:not(:active) {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.button-hi,
.profile-data__save,
.profile-info__finish {
    background: #ff5823;
    color: #fff;
}
.button-hi .i-lucky,
.profile-data__save .i-lucky,
.profile-info__finish .i-lucky {
    margin-right: 0.8rem;
}
.button-hi:hover:not(:active),
.profile-data__save:hover:not(:active),
.profile-info__finish:hover:not(:active) {
    background: #d43a09;
    color: #fff;
}
.form__groups {
    display: flex;
    flex-flow: column;
}
@media screen and (min-width: 752px) {
    .form__groups {
        flex-flow: row wrap;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 67.8rem;
    }
}
.form__groups--profile {
    justify-content: flex-end;
}
.form__group {
    margin: 0 2rem 2rem;
    position: relative;
}
.form__group--no-indent {
    margin: 0;
}
.form__group--center {
    display: flex;
    justify-content: center;
}
.form__group--align-end {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.form__checkbox-wrap .form__error {
    left: 0.8rem;
    margin-top: 0.6rem;
}
.form__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    position: relative;
    width: 100%;
}
.form__field + .form__field {
    margin: 2rem 0 0;
}
.form__field.field-on-focus .flag-select,
.form__field.field-on-input .flag-select {
    opacity: 1;
}
.c-select__label,
.form__label {
    box-sizing: border-box;
    color: #1b204f;
    display: inline-block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    left: 4.8rem;
    line-height: 1.4rem;
    pointer-events: none;
    position: absolute;
    text-transform: none;
    top: 2.4rem;
    transition: font-size 0.2s;
    width: auto;
    z-index: 3;
}
.field-on-focus .c-select__label,
.field-on-focus .form__label,
.field-on-input .c-select__label,
.field-on-input .form__label {
    color: #808aa6;
    font-size: 1.1rem;
    line-height: 1rem;
    pointer-events: all;
    top: 0.8rem;
}
.disabled .c-select__label,
.disabled .form__label {
    color: #abacbc;
}
.without-img .c-select__label,
.without-img .form__label {
    left: 1.8rem;
}
.form__input-group {
    position: relative;
}
.form__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f7f8f9;
    border: 0.2rem solid transparent;
    border-radius: 0.8rem;
    box-sizing: border-box;
    color: #1b204f;
    cursor: text;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    height: 6rem;
    line-height: 1.4rem;
    outline: none;
    padding: 1.8rem 4.6rem;
    transition: background-color 0.3s, box-shadow 0.3s, border-color 0.3s;
    width: 100%;
}
.form__input:hover:not([disabled]) {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.form__input:disabled,
.form__input:disabled:focus {
    color: #b0b3d2;
    cursor: default;
}
.field-on-focus .form__input,
.field-on-input .form__input {
    padding: 2.3rem 4.6rem 1.8rem;
}
.field-on-focus .form__input.form__input--phone,
.field-on-input .form__input.form__input--phone {
    padding-left: 7.8rem;
}
.field-on-focus:not(.disabled) .form__input,
.field-on-input:not(.disabled) .form__input {
    background-color: #fff;
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.field-on-focus:not(.disabled) .form__input .profile-data__btn,
.field-on-input:not(.disabled) .form__input .profile-data__btn {
    background: #fff;
    box-shadow: 0 0 2rem 1.2rem #fff;
}
.confirmed .form__input,
.validation-success .form__input {
    border-color: #65b812;
}
.validation-error .form__input {
    border-color: #d43a09;
}
.disabled .form__input {
    overflow: hidden;
}
.highlighted .form__input {
    border-color: #06d;
}
.without-img .form__input {
    padding: 1.8rem 4.6rem 0.8rem 1.8rem;
}
.form__error {
    box-sizing: border-box;
    color: #da3f53;
    font-size: 1.2rem;
    margin-top: 0.2rem;
    opacity: 0;
    padding: 0 1.8rem;
    position: relative;
    transition: opacity 0.3s;
    visibility: hidden;
}
.validation-error .form__error {
    opacity: 1;
    visibility: visible;
}
.signup__form--footer .form__error {
    color: #fff;
}
.form__icon {
    color: #808aa6;
    height: 2rem;
    pointer-events: none;
    width: 2rem;
}
.field-on-focus:not(.disabled):not(.validation-error):not(.validation-success) .form__icon,
.field-on-input:not(.disabled):not(.validation-error):not(.validation-success) .form__icon {
    color: #06d;
}
.validation-error .form__icon {
    color: #d43a09;
}
.disabled .form__icon {
    color: #e4e5eb;
}
.confirmed .form__icon,
.validation-success .form__icon {
    color: #65b812;
}
.form__clear,
.form__icon {
    left: 1.6rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.form__clear,
.form__clear--check,
.form__icon--check {
    left: auto;
    right: 1.6rem;
}
.form__clear {
    color: #e4e5eb;
    cursor: pointer;
    height: 1.8rem;
    width: 1.8rem;
}
.form__clear:hover {
    color: #1b204f;
}
.form__checkbox-label {
    cursor: pointer;
    display: flex;
    position: relative;
}
.form__checkbox-icon-wrap {
    align-items: center;
    border: 0.2rem solid #65b812;
    border-radius: 0.4rem;
    box-sizing: border-box;
    display: inline-flex;
    flex: none;
    height: 1.8rem;
    justify-content: center;
    margin-right: 1rem;
    transition: border-color 0.15s;
    width: 1.8rem;
}
.signup__form--footer .form__checkbox-icon-wrap {
    border: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-radius: 0.4rem;
    height: 1.6rem;
    width: 1.6rem;
}
.form__checkbox-icon {
    color: transparent;
    height: 1.8rem;
    transition: color 0.15s;
    width: 1.8rem;
}
.signup__form--footer .form__checkbox-icon {
    height: 1.5rem;
    width: 1.5rem;
}
.form__checkbox {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.form__checkbox.inverted:not(:checked) + .form__checkbox-label .form__checkbox-icon,
.form__checkbox:checked:not(.inverted) + .form__checkbox-label .form__checkbox-icon {
    color: #65b812;
}
.signup__form--footer .form__checkbox.inverted:not(:checked) + .form__checkbox-label .form__checkbox-icon-wrap,
.signup__form--footer .form__checkbox:checked:not(.inverted) + .form__checkbox-label .form__checkbox-icon-wrap {
    border-color: #fff;
}
.form__btn:active,
.form__btn:hover,
.signup__form--footer .form__checkbox.inverted:not(:checked) + .form__checkbox-label .form__checkbox-icon,
.signup__form--footer .form__checkbox:checked:not(.inverted) + .form__checkbox-label .form__checkbox-icon {
    color: #fff;
}
input:-moz-placeholder-shown {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
    text-overflow: ellipsis;
}
input:-ms-input-placeholder {
    text-overflow: ellipsis;
}
input:placeholder-shown {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
    text-overflow: ellipsis;
}
input::-moz-placeholder {
    color: #abacbc;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
}
input:-ms-input-placeholder {
    color: #abacbc;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
}
input::placeholder {
    color: #abacbc;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 30px #fff;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    background: #fff;
    outline: none;
}
.modal__secure {
    color: rgba(255, 255, 255, 0.5);
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    line-height: 1.5rem;
    padding: 2rem 0;
    text-align: center;
}
.modal__secure img {
    display: block;
    margin: 0 auto;
}
.modal__label {
    color: #b0b3d2;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    line-height: normal;
    padding: 0 0 0.2rem;
    white-space: nowrap;
}
.modal__field,
.modal__label {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
}
.modal__field {
    background: #fff;
    border: 0.2rem solid rgba(189, 199, 217, 0.5);
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #1b204f;
    cursor: text;
    font-size: 1.4rem;
    height: 4rem;
    outline: none;
    padding: 0 1rem;
    transition: border 0.5s;
    width: 100%;
}
.valid .modal__field {
    border-color: #65b812;
}
.error .modal__field {
    border-color: #d43a09;
}
.modal__field:focus {
    border-color: #06d !important;
}
.modal__field:disabled,
.modal__field:disabled:focus {
    background: #fff;
    border: 0.2rem solid rgba(189, 199, 217, 0.5);
    color: #b0b3d2;
    cursor: default;
}
.profile-info__btns,
.signup__btns {
    display: flex;
    justify-content: center;
}
.modal__group,
.modal__text,
.modal__text-list {
    margin: 0 2rem 2rem;
}
.modal__field-wrap {
    position: relative;
}
.modal__field-wrap:after {
    background: #fff;
    content: none;
    font-family: vegas-icons;
    font-size: 3rem;
    pointer-events: none;
    position: absolute;
    right: 0.6rem;
    top: 0.3rem;
}
.modal__field-wrap .error-message {
    position: absolute;
}
.error.modal__field-wrap input[type="email"],
.error.modal__field-wrap input[type="number"],
.error.modal__field-wrap input[type="password"],
.error.modal__field-wrap input[type="tel"],
.error.modal__field-wrap input[type="text"],
.error.modal__field-wrap select {
    border-color: #f53804;
}
.error.modal__field-wrap:after {
    color: #f53804;
    content: "\e90d";
}
.error.modal__field-wrap .error-message {
    box-sizing: border-box;
    color: #da3f53;
    display: none;
    display: block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    min-height: 1.5rem;
    padding-top: 0.2rem;
    top: 100%;
}
.valid.modal__field-wrap input[type="email"],
.valid.modal__field-wrap input[type="number"],
.valid.modal__field-wrap input[type="password"],
.valid.modal__field-wrap input[type="tel"],
.valid.modal__field-wrap input[type="text"],
.valid.modal__field-wrap select {
    border-color: #9fbc2d;
}
.valid.modal__field-wrap:after {
    color: #9fbc2d;
    content: "\e908";
}
.valid.modal__field-wrap .error-message {
    display: none;
}
.limits-form__group select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiPjxwYXRoIGZpbGw9IiMwNmQiIGQ9Im03MDguOTIzIDM3Ny41MzMgNTUuNjk4IDU1LjY5OEw1MTIgNjg1Ljg1MiAyNTkuMzc5IDQzMy4yMzFsNTUuNjk4LTU1LjY5OEw1MTIgNTc0LjQ1NnoiLz48L3N2Zz4=");
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 2rem;
}
.limits-form__group select:active {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjEwMjQiPjxwYXRoIGZpbGw9IiMwNmQiIGQ9Im0zMTUuMDc3IDY2Ni4xNTktNTUuNjk4LTU1LjY5OEw1MTIgMzU3Ljg0bDI1Mi42MjEgMjUyLjYyMS01NS42OTggNTUuNjk4TDUxMiA0NjkuMjM2eiIvPjwvc3ZnPg==");
}
.text-reg {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
    line-height: 1.8;
}
.form__btn,
.form__btn--link,
.modal__btn,
.modal__btn--old,
.modal__btn-no,
.modal__btn-yes,
.note__btn.link,
.pass-change__change,
.prediction__link,
.signup-form__btn,
.signup-form__btn--link {
    align-items: center;
    background-color: transparent;
    border: 0.1rem solid transparent;
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    justify-content: center;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
.form__btn--link:focus,
.form__btn:focus,
.modal__btn--old:focus,
.modal__btn-no:focus,
.modal__btn-yes:focus,
.modal__btn:focus,
.note__btn.link:focus,
.pass-change__change:focus,
.prediction__link:focus,
.signup-form__btn--link:focus,
.signup-form__btn:focus {
    outline: none;
}
.modal__btn--old {
    align-items: center;
    background-color: #f7f8f9;
    border: 0.1rem solid transparent;
    border-radius: 0.3rem;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    justify-content: center;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
.modal__btn--old:focus {
    outline: none;
}
.modal__btn--old:hover {
    background-color: #fff;
    border: 0.1rem solid transparent;
    color: #06d;
}
.modal__btn--old:active {
    background-color: #f7f8f9;
    border: 0.1rem solid #f7f8f9;
    color: #1b204f;
}
.modal__btn--old:active i {
    color: #fff;
}
.loyalty-exchange__btn .btn,
.pass-change__change {
    align-items: center;
    background-color: #65b812;
    border: 0.1rem solid #65b812;
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    justify-content: center;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
.loyalty-exchange__btn .btn:focus,
.pass-change__change:focus {
    outline: none;
}
.loyalty-exchange__btn .btn:hover,
.pass-change__change:hover {
    background-color: #73ca1c;
    border: 0.1rem solid #73ca1c;
}
.loyalty-exchange__btn .btn:active,
.pass-change__change:active {
    background-color: #65b812;
    border: 0.1rem solid #65b812;
    color: #fff;
}
.loyalty-exchange__btn .btn:active i,
.pass-change__change:active i {
    color: #fff;
}
.loyalty-exchange__btn .btn:hover,
.pass-change__change:hover {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.form__btn,
.modal__btn,
.modal__btn-yes,
.modal__login,
.note__btn.primary,
.prediction__link,
.signup-form__btn,
.signup__register,
.signup__save {
    align-items: center;
    background-color: #ff5823;
    border: 0.1rem solid #ff5823;
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    justify-content: center;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
.form__btn:focus,
.modal__btn-yes:focus,
.modal__btn:focus,
.modal__login:focus,
.note__btn.primary:focus,
.prediction__link:focus,
.signup-form__btn:focus,
.signup__register:focus,
.signup__save:focus {
    outline: none;
}
.form__btn:hover,
.modal__btn-yes:hover,
.modal__btn:hover,
.modal__login:hover,
.note__btn.primary:hover,
.prediction__link:hover,
.signup-form__btn:hover,
.signup__register:hover,
.signup__save:hover {
    background-color: #d43a09;
    border: 0.1rem solid #d43a09;
}
.form__btn:active,
.modal__btn-yes:active,
.modal__btn:active,
.modal__login:active,
.note__btn.primary:active,
.prediction__link:active,
.signup-form__btn:active,
.signup__register:active,
.signup__save:active {
    background-color: #ff5823;
    border: 0.1rem solid #ff5823;
    color: #fff;
}
.form__btn:active i,
.modal__btn-yes:active i,
.modal__btn:active i,
.modal__login:active i,
.note__btn.primary:active i,
.prediction__link:active i,
.signup-form__btn:active i,
.signup__register:active i,
.signup__save:active i {
    color: #fff;
}
.form__btn:hover,
.modal__btn-yes:hover,
.modal__btn:hover,
.modal__login:hover,
.note__btn.primary:hover,
.prediction__link:hover,
.signup-form__btn:hover,
.signup__register:hover,
.signup__save:hover {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.modal__btn--footer,
.modal__btn-no,
.note__btn.secondary,
.signin__registr,
.signup__login {
    align-items: center;
    background-color: #fff;
    border: 0.1rem solid #2586f8;
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #06d;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    justify-content: center;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
.modal__btn--footer:focus,
.modal__btn-no:focus,
.note__btn.secondary:focus,
.signin__registr:focus,
.signup__login:focus {
    outline: none;
}
.modal__btn--footer:hover,
.modal__btn-no:hover,
.note__btn.secondary:hover,
.signin__registr:hover,
.signup__login:hover {
    background-color: #fff;
    border: 0.1rem solid #06d;
    color: #06d;
}
.modal__btn--footer:active,
.modal__btn-no:active,
.note__btn.secondary:active,
.signin__registr:active,
.signup__login:active {
    background-color: #06d;
    border: 0.1rem solid #06d;
    color: #fff;
}
.modal__btn--footer:active i,
.modal__btn-no:active i,
.note__btn.secondary:active i,
.signin__registr:active i,
.signup__login:active i {
    color: #fff;
}
.modal__btn--footer:hover,
.modal__btn-no:hover,
.note__btn.secondary:hover,
.signin__registr:hover,
.signup__login:hover {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
}
.form__btn--link,
.note__btn.link,
.signup-form__btn--link {
    background-color: transparent;
    border: 0;
    color: #06d;
}
.form__btn--link:hover,
.note__btn.link:hover,
.signup-form__btn--link:hover {
    color: #3f1d6f;
}
.form__btn--link,
.loyalty-exchange__btn .btn,
.modal__btn-no,
.note__btn.link,
.note__btn.primary,
.note__btn.secondary,
.prediction__link,
.signup-form__btn--link {
    border-radius: 2rem;
    font-size: 1.2rem;
    min-height: 4rem;
    padding: 0.9rem 2.5rem;
}
.form__btn,
.modal__btn,
.modal__btn--old,
.modal__btn-no,
.modal__btn-yes,
.modal__login,
.pass-change__change,
.signin__registr,
.signup-form__btn,
.signup__login,
.signup__register,
.signup__save {
    border-radius: 2.6rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 4.6rem;
    padding: 1.2rem 2.6rem;
}
.account__footer-inner {
    padding: 0 1.5rem;
}
@media screen and (min-width: 1052px) {
    .account__footer-inner {
        margin: 0 auto;
        max-width: 133rem;
    }
}
.swipe-slider__arr {
    align-items: center;
    border: 0.2rem solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 2.8rem;
    justify-content: center;
    padding: 0.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .swipe-slider__arr {
        display: none;
    }
}
.swipe-slider__arr.prev {
    left: 0;
}
.swipe-slider__arr.next {
    right: 0;
}
.c-select {
    position: relative;
    width: 100%;
}
.c-select.open .c-select__icon {
    transform: rotate(180deg);
}
.c-select.open .form__icon {
    color: #06d;
}
.c-select:focus,
.c-select :focus {
    outline: none;
}
.c-select__select {
    display: none;
}
.c-select__container,
.c-select__field {
    position: relative;
}
.c-select__field {
    border-radius: 0.8rem;
    transition: box-shadow 0.3s;
    z-index: 1;
}
.open .c-select__field {
    border-radius: 0.8rem 0.8rem 0 0;
}
.c-select__field.field-on-input:not(.disabled),
.c-select__field:active:not(.disabled),
.c-select__field:hover:not(.disabled),
.open .c-select__field {
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
    cursor: pointer;
}
.c-select__label {
    align-items: center;
    display: flex;
    height: 100%;
    line-height: 1.4;
    max-width: calc(100% - 4.6rem);
    top: 0;
}
.field-on-input .c-select__label {
    height: auto;
}
.c-select__chosen {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f7f8f9;
    border: 0.2rem solid transparent;
    border-radius: 0.8rem;
    box-sizing: border-box;
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    height: 6rem;
    outline: none;
    padding: 1.8rem 4.6rem 0.8rem;
    position: relative;
    transition: border 0.3s, padding 0.3s;
    width: 100%;
    z-index: 1;
}
.field-on-input:not(.disabled) .c-select__chosen,
.open .c-select__chosen {
    background: #fff;
}
.validation-error .c-select__chosen {
    border-color: #d43a09;
}
.disabled .c-select__chosen {
    color: #abacbc;
    cursor: default;
}
.without-img .c-select__chosen {
    padding: 1.8rem 4.6rem 0.8rem 1.6rem;
}
.c-select__icon {
    color: #06d;
    height: 1rem;
    line-height: 1;
    margin-top: -0.3rem;
    position: absolute;
    right: 2rem;
    top: 50%;
    transition: transform 0.15s;
    width: 1rem;
    z-index: 2;
}
.disabled .c-select__icon {
    color: #e4e5eb;
}
.c-select__chosen,
.c-select__option {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.c-select__dropdown {
    background: #fff;
    border-bottom-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    border-top-width: 0;
    box-shadow: 0 10px 16px rgba(75, 74, 120, 0.11);
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10;
}
.c-select__dropdown.hidden {
    opacity: 0;
    visibility: hidden;
}
.need-scroll .c-select__dropdown {
    padding-right: 0.8rem;
}
.multi-rows .c-select__dropdown {
    background: #fff;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, 0.11);
    margin-top: 0.8rem;
    overflow: hidden;
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 100%;
}
.c-select__list {
    overflow-y: auto;
    width: 100%;
}
.need-scroll .c-select__list {
    max-height: 20rem;
    padding-right: 0.8rem;
}
.multi-rows .c-select__list {
    display: flex;
    flex-flow: row wrap;
    margin-right: -0.1rem;
}
.c-select__list::-webkit-scrollbar {
    width: 0.6rem;
}
.c-select__list::-webkit-scrollbar-track {
    border-radius: 1rem;
    cursor: move;
}
.c-select__list::-webkit-scrollbar-thumb {
    background: #e4e5eb;
    border-radius: 0.8rem;
}
.c-select__option {
    border-top: 0.1rem solid #e4e5eb;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    height: 4.8rem;
    padding: 0 1.8rem 0 4.8rem;
}
.without-img .c-select__option {
    padding: 0 1.8rem;
}
.multi-rows .c-select__option {
    border-right: 0.1rem solid #e4e5eb;
    border-top: none;
    justify-content: center;
    margin: 0.6rem 0;
    padding: 0 1.8rem;
}
.multi-rows .c-select__option.c-select__option--border-none {
    border: none;
}
.c-select__option:hover {
    color: #06d;
    cursor: pointer;
}
.signup-form--old .signup__check-txt {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
}
.signup-form__group {
    margin: 0 2rem 1.5rem;
}
.signup-form__group--no-indent {
    margin: 0;
}
.signup-form__group--center {
    display: flex;
    justify-content: center;
}
.signup-form__label {
    color: #b0b3d2;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    line-height: normal;
    padding: 0 0 0.2rem;
    white-space: nowrap;
}
.signup-form__checkbox-wrap.error .form__error,
.signup-form__field-wrap.error .form__error,
.signup-form__select-wrap.error .form__error {
    opacity: 1;
    visibility: visible;
}
.signup-form__checkbox-wrap .form__error,
.signup-form__field-wrap .form__error,
.signup-form__select-wrap .form__error {
    padding: 0 1rem;
}
.signup-form__checkbox-wrap .form__error {
    padding: 0 0 0 3.6rem;
}
.signup-form__field-wrap {
    position: relative;
}
.signup-form__field-wrap:after {
    content: none;
    font-family: vegas-icons;
    margin-top: 0.3rem;
    pointer-events: none;
    position: absolute;
    right: 0.6rem;
    top: 0;
}
.signup-form__field-wrap.error .signup-form__field {
    border-color: #f53804;
}
.signup-form__field-wrap.error:after {
    color: #f53804;
    content: "\e90d";
}
.signup-form__field-wrap.valid .signup-form__field {
    border-color: #9fbc2d;
}
.signup-form__field-wrap.valid:after {
    color: #9fbc2d;
    content: "\e908";
}
.signup-form__field-wrap.error:after,
.signup-form__field-wrap.valid:after {
    font-size: 3rem;
}
.signup-form__select-arrow {
    background: #fff;
    color: #06d;
    font-size: 2rem;
    margin-top: -1rem;
    pointer-events: none;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transition: transform 0.15s;
    z-index: 1;
}
.signup-form__field:active + .signup-form__select-arrow {
    transform: rotate(0deg);
}
.signup-form__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 0.2rem solid rgba(189, 199, 217, 0.5);
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #1b204f;
    cursor: text;
    font-size: 1.4rem;
    height: 4rem;
    outline: none;
    padding: 0 1rem;
    position: relative;
    transition: border 0.5s;
    width: 100%;
}
.signup-form__field:focus,
.signup-form__group.highlighted .signup-form__field {
    border-color: #06d;
}
.signup-form__field:disabled,
.signup-form__field:disabled:focus {
    color: #b0b3d2;
    cursor: default;
}
.signup-form__field:disabled + .signup-form__select-arrow {
    display: none;
}
.signup-form__selects--birthday {
    display: flex;
    justify-content: space-between;
}
.signup-form__selects--birthday .signup-form__select-wrap {
    width: 32%;
}
.signup-form__checkbox-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: relative;
}
.signup-form__checkbox-label:before {
    border: 0.2rem solid #9fbc2d;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: inline-flex;
    flex: none;
    height: 2.6rem;
    margin-right: 1rem;
    position: relative;
    transition: background-color 0.15s;
    width: 2.6rem;
}
.signup-form__checkbox-label:after {
    color: transparent;
    content: "";
    font-family: vegas-icons;
    font-size: 2.6rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color 0.15s;
    z-index: 2;
}
.signup-form__checkbox {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.signup-form__checkbox.inverted:not(:checked) + .signup-form__checkbox-label:before,
.signup-form__checkbox:checked:not(.inverted) + .signup-form__checkbox-label:before {
    background: #9fbc2d;
}
.signup-form__btn:active,
.signup-form__btn:hover,
.signup-form__checkbox.inverted:not(:checked) + .signup-form__checkbox-label:after,
.signup-form__checkbox:checked:not(.inverted) + .signup-form__checkbox-label:after {
    color: #fff;
}
.signup__register {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: 0.05rem;
    min-width: 12.6rem;
    text-transform: uppercase;
}
.lucky-spin-popup {
    position: relative;
}
.lucky-spin-popup .modal__inner {
    position: unset;
}
.lucky-spin-popup__header {
    min-height: 21.7rem;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
}
@media screen and (min-width: 516px) {
    .lucky-spin-popup__header {
        display: flex;
    }
}
@media screen and (min-width: 752px) {
    .lucky-spin-popup__header {
        background-image: url(/vulkanvegas/img/frontend/popup/bg_v.png);
        background-position: bottom 0 left 25%;
        background-repeat: no-repeat;
    }
}
.lucky-spin-popup__header:before {
    background: linear-gradient(172.3deg, #e3e8f0 34.22%, rgba(255, 255, 255, 0) 52.21%);
    content: "";
    height: 200%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: -15%;
    transform: matrix(0.98, -0.22, -0.22, -0.98, 0, 0);
    width: 100%;
}
.lucky-spin-popup__info {
    display: none;
    width: 100%;
}
@media screen and (max-width: 1051px) {
    .lucky-spin-popup__info {
        background-image: url(/vulkanvegas/img/frontend/popup/bg_header_lucky.png), url(/vulkanvegas/img/frontend/popup/bg_vegas.png);
        background-position: right 1.8rem bottom, top 65% right 1.8rem;
        background-repeat: no-repeat, no-repeat;
        background-size: auto 80%, 35% auto;
        display: block;
        overflow: hidden;
        padding: 0 1.8rem;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spin-popup__info {
        background-position: 100% 100%, top 65% right;
        background-size: auto 80%, 50% auto;
        margin-right: -2rem;
        min-height: 20.5rem;
        width: unset;
    }
}
@media screen and (max-width: 420px) {
    .lucky-spin-popup__info {
        background-size: auto 70%, 50% auto;
        margin-right: -2.5rem;
    }
}
.lucky-spin-popup__title-wrap {
    margin-top: 6.5rem;
    position: relative;
    text-align: left;
}
@media screen and (max-width: 1051px) {
    .lucky-spin-popup__title-wrap {
        max-width: 65%;
    }
}
@media screen and (max-width: 320px) {
    .lucky-spin-popup__title-wrap {
        margin-top: 7rem;
        max-width: 75%;
    }
}
.lucky-spin-popup__title {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2.4rem;
    font-weight: 800;
    height: 100%;
    line-height: 3.2rem;
}
@media screen and (max-width: 420px) {
    .lucky-spin-popup__title {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}
.lucky-spin-popup__title:before {
    background: #ff5823;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 0.28rem;
    margin-bottom: -1.5rem;
    position: absolute;
    width: 30%;
    z-index: 2;
}
.lucky-spin-popup__line-wrap {
    align-self: flex-end;
    background: inherit;
    display: flex;
    width: 100%;
}
@media screen and (max-width: 1051px) {
    .lucky-spin-popup__line-wrap {
        display: none;
    }
}
.lucky-spin-popup__line-text {
    color: #808aa6;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.5rem;
    line-height: 2rem;
    margin-bottom: 3.5rem;
    padding-left: 24.8rem;
    position: relative;
    text-transform: uppercase;
}
.lucky-spin-popup__line-text:before {
    background: #ff5823;
    border-radius: 2px;
    content: "";
    height: 0.4rem;
    left: 5.5rem;
    position: absolute;
    top: 0.8rem;
    width: 16.3rem;
    z-index: 2;
}
.lucky-spins {
    background: #fff;
    min-height: 30rem;
    padding: 2.5rem 0 4.2rem;
    position: relative;
}
@media screen and (max-width: 1051px) {
    .lucky-spins {
        padding: 2.5rem 0 4.2rem;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins {
        padding: 2.5rem 0 4.2rem;
    }
}
.lucky-spins__loading {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: normal;
    padding: 2.5rem 0;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 752px) {
    .lucky-spins__loading {
        padding: 2.5rem 0 3rem;
    }
}
.lucky-spin-banner {
    display: block;
    left: 0;
    margin: 4rem auto 0;
    max-width: 129.6rem;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 8rem);
}
@media screen and (min-width: 1052px) and (max-width: 1315px) {
    .lucky-spin-banner {
        max-width: 119.6rem;
    }
}
@media screen and (max-width: 1051px) {
    .lucky-spin-banner {
        display: none;
    }
}
.lucky-spin-banner__wrap {
    position: relative;
    width: 100%;
}
.lucky-spin-banner__title-wrap {
    left: 5.5rem;
    position: absolute;
    top: 7.7rem;
    z-index: 1;
}
@media screen and (min-width: 752px) {
    .lucky-spin-banner__title-wrap {
        -webkit-animation: show-banner-text 1.5s ease 1;
        animation: show-banner-text 1.5s ease 1;
    }
}
@media screen and (max-width: 1051px) {
    .lucky-spin-banner__title-wrap {
        display: none;
    }
}
.lucky-spin-banner__title {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 3.9rem;
    margin: 0;
    text-align: left;
}
@media screen and (max-width: 1315px) {
    .lucky-spin-banner__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
}
.lucky-spin-banner__img {
    margin: -2rem 11rem 0 0;
    position: absolute;
    right: 0;
    transition: 0.3s;
}
@media screen and (min-width: 752px) {
    .lucky-spin-banner__img {
        -webkit-animation: show-banner-img 1.5s ease 1;
        animation: show-banner-img 1.5s ease 1;
    }
}
@media screen and (max-width: 1315px) {
    .lucky-spin-banner__img {
        margin: -2rem 8rem 0 0;
    }
}
@media screen and (max-width: 1051px) {
    .lucky-spin-banner__img {
        margin: 2rem 0 0;
    }
}
.lucky-spin-banner__img:hover {
    margin-right: 10.5rem;
    transition: 0.3s;
}
@media screen and (max-width: 1315px) {
    .lucky-spin-banner__img:hover {
        margin-right: 7.5rem;
    }
}
.lucky-spin-banner__img-logo {
    position: absolute;
    right: 15%;
    top: 120px;
    transform: translateY(-50%);
    transition: 0.5s;
}
@media screen and (min-width: 1052px) and (max-width: 1315px) {
    .lucky-spin-banner__img-logo {
        right: 10%;
    }
}
.lucky-spin-banner__img-logo:hover {
    right: 12%;
    transition: 0.5s;
}
@media screen and (min-width: 1052px) and (max-width: 1315px) {
    .lucky-spin-banner__img-logo:hover {
        right: 7%;
    }
}
@-webkit-keyframes show-banner-img {
    0% {
        margin-top: 21.7rem;
        z-index: -1;
    }
    to {
        margin-top: -2rem;
    }
}
@keyframes show-banner-img {
    0% {
        margin-top: 21.7rem;
        z-index: -1;
    }
    to {
        margin-top: -2rem;
    }
}
@-webkit-keyframes show-banner-text {
    0% {
        margin-top: 5.5rem;
        z-index: -1;
    }
    to {
        margin-top: 0;
    }
}
@keyframes show-banner-text {
    0% {
        margin-top: 5.5rem;
        z-index: -1;
    }
    to {
        margin-top: 0;
    }
}
.lucky-spins-filters {
    align-items: center;
    color: #1b204f;
    display: flex;
    flex-wrap: wrap;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
    justify-content: space-between;
    line-height: 1.4rem;
    padding: 0 5.5rem;
}
.lucky-spins-filters:nth-child(2n) {
    background: #f1f4fc;
}
@media screen and (max-width: 1051px) {
    .lucky-spins-filters {
        align-items: flex-start;
        flex-direction: column;
        padding: 0 2.4rem;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-filters {
        padding: 0 1.8rem;
    }
}
.lucky-spins-filters__switcher-label-wrap,
.lucky-spins-filters__switcher-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.lucky-spins-filters__switcher-title {
    margin-right: 3.8rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-filters__switcher-title {
        display: none;
    }
}
.lucky-spins-filters__switcher-label {
    color: #808aa6;
    white-space: nowrap;
}
.lucky-spins-filters__switcher-label.active {
    color: #1b204f;
}
.lucky-spins-filters__switcher-label-large {
    display: block;
}
@media screen and (max-width: 420px) {
    .lucky-spins-filters__switcher-label-large {
        display: none;
    }
}
.lucky-spins-filters__switcher-label-small {
    display: none;
}
@media screen and (max-width: 420px) {
    .lucky-spins-filters__switcher-label-small {
        display: block;
    }
}
.lucky-spins-filters__switch {
    display: inline-block;
    height: 20px;
    margin: 0 1.2rem;
    position: relative;
    width: 40px;
}
.lucky-spins-filters__switch-input {
    height: 0;
    opacity: 0;
    width: 0;
}
.lucky-spins-filters__slider {
    background-color: #ff5823;
    border-radius: 17px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}
.lucky-spins-filters__slider:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 3px;
    color: #ff5823;
    content: "";
    font-family: vegas-icons;
    height: 14px;
    left: 6px;
    position: absolute;
    transition: 0.3s;
    width: 14px;
}
.lucky-spins-filters__switch-input:checked + .lucky-spins-filters_slider {
    background-color: #ff5823;
}
.lucky-spins-filters__switch-input:focus + .lucky-spins-filters__slider {
    box-shadow: 0 0 1px #ff5823;
}
.lucky-spins-filters__switch-input:checked + .lucky-spins-filters__slider:before {
    transform: translateX(14px);
}
.lucky-spins-filters__switch-input:checked + .lucky-spins-filters__slider--right:before {
    transform: translateX(14px) rotate(180deg);
}
@media screen and (max-width: 1051px) {
    .lucky-spins-filters__select-wrap {
        margin-top: 2.5rem;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-filters__select-wrap {
        width: 100%;
    }
}
.lucky-spins-filters__periods {
    align-items: center;
    display: flex;
    order: 1;
}
.lucky-spins-filters__select-title {
    margin-right: 3rem;
}
.lucky-spins-filters__selector {
    justify-content: space-between;
    min-width: 17.4rem;
    order: 0;
    padding: 0 1.6rem;
    position: relative;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-filters__selector {
        width: 100%;
    }
}
.lucky-spins-filters__selector .icon {
    color: #06d;
    transition: transform 0.3s;
}
.lucky-spins-filters__selector.active .icon,
.lucky-spins-filters__selector:active .icon {
    color: #fff;
}
.lucky-spins-filters__selector.open {
    z-index: 2;
}
.lucky-spins-filters__selector.open .i-arrow_open {
    transform: rotate(0deg);
}
.lucky-spins-filters__dropdown-wrap {
    order: 2;
    position: relative;
    width: 100%;
}
.lucky-spins-filters__dropdown-wrap + .lucky-spins-filters__dropdown-wrap {
    order: 3;
}
.lucky-spins-filters__dropdown {
    border-radius: 8px;
    bottom: auto;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
}
.lucky-spins-filters__dropdown.open {
    display: block;
}
.lucky-spins-filters__dropdown-bg {
    background: rgba(27, 32, 79, 0.2);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}
.lucky-spins-filters__dropdown-item {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #e4e5eb;
    color: #1b204f;
    cursor: pointer;
    display: flex;
    height: 3.9rem;
    min-width: 19.8rem;
    padding: 0 2.9rem;
    text-decoration: none;
    white-space: nowrap;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-filters__dropdown-item {
        min-width: 26.2rem;
    }
}
.lucky-spins-filters__dropdown-item.active,
.lucky-spins-filters__dropdown-item:hover {
    color: #06d;
}
.lucky-spins-filters__dropdown-item:active {
    background-color: #06d;
    color: #fff;
}
.lucky-spins-table {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin-top: 1.5rem;
}
@media screen and (max-width: 1051px) {
    .lucky-spins-table {
        font-size: 1.3rem;
    }
}
.lucky-spins-table__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.8rem 5.5rem;
}
.lucky-spins-table__item:nth-child(2n) {
    background: #f1f4fc;
}
@media screen and (max-width: 1051px) {
    .lucky-spins-table__item {
        padding: 1.8rem 2.4rem;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__item {
        padding: 1.8rem;
    }
}
.lucky-spins-table__game-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-right: 5%;
    width: 30%;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__game-info {
        align-items: flex-start;
        flex-direction: column;
        margin-right: 0;
        width: 45%;
    }
}
@media screen and (max-width: 320px) {
    .lucky-spins-table__game-info {
        width: 50%;
    }
}
.lucky-spins-table__info-wrap {
    padding-right: 1rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__info-wrap {
        padding-right: 0;
        width: 90%;
    }
    .lucky-spins-table__game-name,
    .lucky-spins-table__game-vendor {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .lucky-spins-table__game-actions {
        display: flex;
        justify-content: space-between;
        margin-top: 0.6rem;
        width: 90%;
    }
}
.lucky-spins-table__game-btn--mob {
    display: none;
    line-height: 1.2;
    padding: 0 1rem;
    text-align: center;
    white-space: normal;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__game-btn--mob {
        display: inline-flex;
    }
}
.lucky-spins-table__img-wrap {
    background: #c4c4c4;
    border-radius: 0.8rem;
    cursor: pointer;
    height: 4.9rem;
    position: relative;
    width: 4.9rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__img-wrap {
        border-radius: 2.4rem;
        height: 3.6rem;
        width: 3.6rem;
    }
}
.lucky-spins-table__img {
    border-radius: 0.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__img {
        border-radius: 2.4rem;
    }
}
.lucky-spins-table__bet-info {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    width: 50%;
}
@media screen and (max-width: 751px) {
    .lucky-spins-table__bet-info {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__bet-info {
        width: 55%;
    }
}
@media screen and (max-width: 320px) {
    .lucky-spins-table__bet-info {
        width: 50%;
    }
}
.lucky-spins-table__profit {
    padding: 0 2rem;
}
@media screen and (max-width: 1051px) {
    .lucky-spins-table__profit {
        padding: 0;
    }
}
.lucky-spins-table__bet,
.lucky-spins-table__win {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}
@media screen and (max-width: 1051px) {
    .lucky-spins-table__bet,
    .lucky-spins-table__win {
        padding: 0;
    }
}
@media screen and (min-width: 752px) and (max-width: 1051px) {
    .lucky-spins-table__bet,
    .lucky-spins-table__win {
        flex-direction: column;
        padding: 0;
    }
}
@media screen and (max-width: 751px) {
    .lucky-spins-table__bet,
    .lucky-spins-table__profit,
    .lucky-spins-table__win {
        margin-bottom: 0.5rem;
    }
}
.lucky-spins-table__bet-label,
.lucky-spins-table__bet-value,
.lucky-spins-table__profit,
.lucky-spins-table__win-label,
.lucky-spins-table__win-value {
    white-space: nowrap;
}
.lucky-spins-table__bet-label,
.lucky-spins-table__game-vendor,
.lucky-spins-table__win-label {
    color: #808aa6;
}
.lucky-spins-table__bet-label,
.lucky-spins-table__profit-label,
.lucky-spins-table__win-label {
    padding-right: 0.5rem;
}
.lucky-spins-table__profit-label,
.lucky-spins-table__win-value {
    color: #65b812;
}
.lucky-spins-table__profit-value {
    display: inline-block;
}
.lucky-spins-table__game-btn {
    text-align: right;
    width: 20%;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .lucky-spins-table__game-btn {
        display: none;
    }
}
.lucky-spins-table__btn {
    line-height: 1.2;
    text-align: center;
    white-space: normal;
}
.lucky-spins-table__empty-data {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: normal;
    padding: 2.5rem 0;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 752px) {
    .lucky-spins-table__empty-data {
        padding: 2.5rem 0 3rem;
    }
}
.profile-popup {
    padding: 0;
}
.account__header,
.profile-popup .modal__inner {
    position: relative;
}
.account__header {
    align-items: center;
    background-color: #22003b;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    min-height: 24rem;
}
.account__header:before {
    background: linear-gradient(0deg, #1e2562, rgba(27, 32, 79, 0) 87.34%);
    bottom: 0;
    content: "";
    display: block;
    height: 24rem;
    left: 0;
    opacity: 0.7;
    position: absolute;
    width: 100%;
}
.account__header.bg-lvl-0 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-0 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/0.webp);
}
.no-webp .account__header.bg-lvl-0 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/0.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-0 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-0 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/0.webp);
    }
    .no-webp .account__header.bg-lvl-0 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/0.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-0 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-0 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/0.webp);
    }
    .no-webp .account__header.bg-lvl-0 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/0.png);
    }
}
.account__header.bg-lvl-1 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-1 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/1.webp);
}
.no-webp .account__header.bg-lvl-1 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/1.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-1 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-1 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/1.webp);
    }
    .no-webp .account__header.bg-lvl-1 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/1.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-1 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-1 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/1.webp);
    }
    .no-webp .account__header.bg-lvl-1 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/1.png);
    }
}
.account__header.bg-lvl-2 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-2 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/2.webp);
}
.no-webp .account__header.bg-lvl-2 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/2.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-2 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-2 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/2.webp);
    }
    .no-webp .account__header.bg-lvl-2 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/2.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-2 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-2 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/2.webp);
    }
    .no-webp .account__header.bg-lvl-2 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/2.png);
    }
}
.account__header.bg-lvl-3 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-3 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/3.webp);
}
.no-webp .account__header.bg-lvl-3 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/3.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-3 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-3 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/3.webp);
    }
    .no-webp .account__header.bg-lvl-3 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/3.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-3 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-3 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/3.webp);
    }
    .no-webp .account__header.bg-lvl-3 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/3.png);
    }
}
.account__header.bg-lvl-4 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-4 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/4.webp);
}
.no-webp .account__header.bg-lvl-4 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/4.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-4 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-4 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/4.webp);
    }
    .no-webp .account__header.bg-lvl-4 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/4.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-4 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-4 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/4.webp);
    }
    .no-webp .account__header.bg-lvl-4 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/4.png);
    }
}
.account__header.bg-lvl-5 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-5 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/5.webp);
}
.no-webp .account__header.bg-lvl-5 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/5.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-5 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-5 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/5.webp);
    }
    .no-webp .account__header.bg-lvl-5 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/5.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-5 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-5 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/5.webp);
    }
    .no-webp .account__header.bg-lvl-5 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/5.png);
    }
}
.account__header.bg-lvl-6 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-6 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/6.webp);
}
.no-webp .account__header.bg-lvl-6 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/6.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-6 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-6 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/6.webp);
    }
    .no-webp .account__header.bg-lvl-6 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/6.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-6 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-6 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/6.webp);
    }
    .no-webp .account__header.bg-lvl-6 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/6.png);
    }
}
.account__header.bg-lvl-7 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-7 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/7.webp);
}
.no-webp .account__header.bg-lvl-7 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/7.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-7 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-7 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/7.webp);
    }
    .no-webp .account__header.bg-lvl-7 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/7.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-7 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-7 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/7.webp);
    }
    .no-webp .account__header.bg-lvl-7 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/7.png);
    }
}
.account__header.bg-lvl-8 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-8 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/8.webp);
}
.no-webp .account__header.bg-lvl-8 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/8.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-8 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-8 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/8.webp);
    }
    .no-webp .account__header.bg-lvl-8 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/8.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-8 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-8 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/8.webp);
    }
    .no-webp .account__header.bg-lvl-8 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/8.png);
    }
}
.account__header.bg-lvl-9 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-9 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/9.webp);
}
.no-webp .account__header.bg-lvl-9 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/9.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-9 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-9 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/9.webp);
    }
    .no-webp .account__header.bg-lvl-9 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/9.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-9 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-9 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/9.webp);
    }
    .no-webp .account__header.bg-lvl-9 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/9.png);
    }
}
.account__header.bg-lvl-10 {
    background-repeat: no-repeat;
}
.webp .account__header.bg-lvl-10 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/10.webp);
}
.no-webp .account__header.bg-lvl-10 {
    background-image: url(/vulkanvegas/img/frontend/status/mob/10.png);
}
@media screen and (min-width: 752px) {
    .account__header.bg-lvl-10 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-10 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/10.webp);
    }
    .no-webp .account__header.bg-lvl-10 {
        background-image: url(/vulkanvegas/img/frontend/status/tablet/10.png);
    }
}
@media screen and (min-width: 1052px) {
    .account__header.bg-lvl-10 {
        background-repeat: no-repeat;
    }
    .webp .account__header.bg-lvl-10 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/10.webp);
    }
    .no-webp .account__header.bg-lvl-10 {
        background-image: url(/vulkanvegas/img/frontend/status/desktop/10.png);
    }
}
.account__header.not-confirmed {
    min-height: 42rem;
}
@media screen and (max-width: 751px) {
    .account__header {
        align-items: flex-start;
        min-height: 28rem;
        padding: 3.2rem 0 6.4rem;
    }
}
.account__body {
    background: #fff;
}
@media screen and (max-width: 751px) {
    .account__body {
        padding-top: 2rem;
    }
}
.account__tabs {
    display: flex;
    margin: -2.2rem 0 -4.2rem;
    padding: 0.5rem 1.5rem 0;
    position: relative;
    width: 100%;
    z-index: 5;
}
@media screen and (max-width: 751px) {
    .account__tabs {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
    }
    .account__tabs::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (min-width: 516px) {
    .account__tabs {
        justify-content: center;
    }
}
@media screen and (min-width: 752px) {
    .account__tabs {
        padding: 0 2rem;
    }
}
.account__tab {
    box-shadow: 0 10px 16px 0 10px 16px rgba(75, 74, 120, 0.11);
    flex: none;
    margin-bottom: 2rem;
    min-width: 9rem;
}
.account__tab:not(:last-child) {
    margin-right: 0.8rem;
}
@media screen and (min-width: 752px) {
    .account__tab:not(:last-child) {
        margin-right: 2rem;
    }
}
@media screen and (max-width: 330px) {
    .account__tab {
        min-width: 8rem;
    }
}
@media screen and (min-width: 752px) {
    .account__tab {
        min-width: 14.4rem;
    }
}
.account__tab-programs-amount {
    display: inline-block;
    font-weight: 400;
    margin-left: 0.5rem;
}
.account__services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.8rem;
}
@media screen and (min-width: 752px) {
    .account__services {
        justify-content: space-between;
        margin-top: 0;
    }
}
.account__secondary-btn {
    line-height: 1.2;
    margin: 0 1rem 2rem;
    min-width: 14.4rem;
    text-align: center;
    white-space: normal;
    width: 14.4rem;
}
@media screen and (min-width: 752px) {
    .account__secondary-btn:first-child {
        margin-left: 0;
    }
}
@media screen and (min-width: 1052px) {
    .account__secondary-btn {
        margin: 0 0 2rem;
    }
}
.account__secondary-btn--lucky {
    background: #ff5823;
    border: 1px solid #ff5823;
    box-shadow: none;
    color: #fff;
    display: none;
    padding: 0 1rem;
    text-align: left;
}
.account__secondary-btn--lucky .i-lucky {
    margin-right: 0.8rem;
}
.account__secondary-btn--lucky:hover:not(:active) {
    background: #d43a09;
    border: 1px solid #d43a09;
    color: #fff;
}
@media screen and (max-width: 751px) {
    .account__secondary-btn--lucky {
        display: inline-flex;
    }
}
.account__secondary-btn--lucky .i-lucky {
    font-size: 1.6rem;
}
.account__light-btn {
    line-height: 1.2;
    margin: 0 1rem 2rem;
    min-width: 14.4rem;
    text-align: center;
    white-space: normal;
    width: 14.4rem;
}
@media screen and (min-width: 752px) {
    .account__light-btn:last-child {
        margin-right: 0;
    }
}
@media screen and (min-width: 1052px) {
    .account__light-btn {
        margin: 0 0 2rem;
    }
}
.account__section {
    margin: 0 auto;
    max-width: 99.8rem;
    padding: 2rem 1.5rem 5rem;
    width: 100%;
}
@media screen and (min-width: 752px) {
    .account__section {
        padding: 8rem 2rem 13rem;
    }
}
.account__section--promocode {
    padding-top: 0;
}
@media screen and (min-width: 752px) {
    .account__section--balances {
        position: relative;
        z-index: 2;
    }
}
@media screen and (min-width: 1052px) {
    .account__section--balances .account__promocode {
        padding-top: 6rem;
    }
}
.account__section-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.account__section-btn--margin {
    margin-top: 1.4rem;
}
.account__section-cashback {
    padding: 0 0 1.6rem;
}
.account__section-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.4rem;
    position: relative;
    width: 100%;
}
.account__section-title {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-right: 1.2rem;
}
@media screen and (min-width: 752px) {
    .account__section-title {
        font-size: 2.6rem;
        margin-right: 3.2rem;
    }
}
.account__section-title-group {
    align-items: center;
    display: flex;
}
.account__section-subtitle {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2rem;
    text-align: left;
}
@media screen and (min-width: 752px) {
    .account__section-subtitle {
        font-size: 2.4rem;
        margin-bottom: 3rem;
    }
}
.account__section-list {
    margin: 0 0 3.6rem;
}
@media screen and (min-width: 752px) {
    .account__section-list {
        display: flex;
        flex-flow: row wrap;
        margin: 0 -1rem 2rem;
    }
    .account__section-list .account__section-item {
        padding: 1rem 1rem 0;
    }
}
.account__section-item {
    margin: 0 auto 1rem;
    max-width: 33rem;
    padding: 1rem 0 0;
}
@media screen and (min-width: 752px) {
    .account__section-item {
        margin: 0 0 2rem;
    }
}
.account__badge {
    align-items: center;
    display: inline-flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    margin-left: 0.9rem;
    position: relative;
}
@media screen and (min-width: 752px) {
    .account__badge {
        font-size: 2.4rem;
        top: -2px;
    }
}
.account__bonus-section {
    position: relative;
}
@media screen and (min-width: 752px) {
    .account__bonus-section {
        min-height: 15rem;
    }
}
.account__rewards-link {
    min-width: 14.4rem;
}
.account__rewards {
    display: none;
    z-index: 1;
}
.account__rewards--mob {
    display: block;
    padding-bottom: 2rem;
    text-align: center;
}
@media screen and (min-width: 752px) {
    .account__rewards {
        display: block;
        margin-left: auto;
        position: absolute;
        right: 2rem;
        top: 8.6rem;
    }
    .account__rewards--mob {
        display: none;
    }
}
.account__footer {
    background-color: #fff;
    position: relative;
}
.account__footer-inner {
    padding: 2rem 2rem 4.5rem;
}
@media screen and (min-width: 752px) {
    .account__footer-inner {
        display: flex;
        justify-content: space-between;
        padding: 4rem 2rem;
    }
}
.account__footer-title {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-right: 1rem;
}
@media screen and (min-width: 516px) {
    .account__footer-title {
        font-size: 2.4rem;
    }
}
@media screen and (min-width: 752px) {
    .account__footer-title {
        font-size: 3.6rem;
    }
}
.account__btn-deposit {
    min-width: 9rem;
    z-index: 10;
}
@media screen and (min-width: 516px) {
    .account__btn-deposit {
        margin-left: auto;
    }
}
@media screen and (min-width: 752px) {
    .account__btn-deposit {
        min-width: 14.4rem;
    }
}
@media screen and (min-width: 1052px) {
    .account__btn-deposit {
        position: absolute;
        right: 16.2rem;
        top: 5.2rem;
    }
}
.account__confirm {
    margin-bottom: 5px;
    margin-right: 5px;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .account__confirm {
        margin: 0;
    }
}
.account__btn-lucky-spins {
    background: #ff5823;
    box-shadow: none;
    color: #fff;
    min-width: 14.4rem;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 5.2rem;
    width: 14.4rem;
    z-index: 10;
}
.account__btn-lucky-spins .i-lucky {
    margin-right: 0.8rem;
}
.account__btn-lucky-spins:hover:not(:active) {
    background: #d43a09;
    color: #fff;
}
.account__btn-lucky-spins:active {
    background: #d43a09;
}
.account__btn-lucky-spins .i-lucky {
    font-size: 1.6rem;
}
@media screen and (max-width: 751px) {
    .account__btn-lucky-spins {
        display: none;
    }
}
@media screen and (min-width: 752px) {
    .account__bonuses-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -1rem;
    }
}
.account__promocode--indent {
    padding: 2rem 0 0;
}
@media screen and (min-width: 752px) {
    .account__promocode--indent {
        padding: 4rem 0 0;
    }
}
.account__promocode + .account__rewards--mob,
.account__promocode + .account__section-actived {
    margin: 2rem auto;
}
.game-header .account-info__wrap .account-level__info:before {
    right: 3.5%;
}
.game-header .account-info__wrap:hover .account-level__info-wrap {
    right: 7.5rem;
    top: 0;
}
.game-header__confirm {
    margin-right: 1.2rem;
    white-space: nowrap;
}
.game-header__confirm .i-attention {
    display: inline-block;
    margin-right: 0.7rem;
}
.balances-data {
    position: relative;
    z-index: 1;
}
.balances-data__state {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 2rem;
    width: 100%;
}
@media screen and (min-width: 752px) {
    .balances-data__state {
        border-bottom: 1px solid #e4e5eb;
        margin-bottom: 2rem;
        margin-top: 2.8rem;
        max-width: 49%;
        padding-bottom: 1.6rem;
    }
}
@media screen and (min-width: 1052px) {
    .balances-data__state {
        max-width: 30.8rem;
    }
}
.balances-data__state-title {
    color: #252952;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .balances-data__state-title {
        padding: 0 1rem 0 0;
    }
}
.balances-data__state-value {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .balances-data__state-value {
        font-size: 2.6rem;
    }
}
.balances-data__h-line {
    border-top: 1px solid #e4e5eb;
    flex: 1;
    margin: 0 2rem;
    position: relative;
}
@media screen and (min-width: 752px) {
    .balances-data__h-line {
        display: none;
    }
}
.balances-data__layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (min-width: 1052px) {
    .balances-data__layout {
        flex-wrap: nowrap;
    }
}
.balances-data__column {
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media screen and (min-width: 752px) {
    .balances-data__column + .balances-data__column {
        margin-left: 2rem;
    }
}
@media screen and (min-width: 1052px) {
    .balances-data__column {
        flex: 1 1 0;
    }
}
@media screen and (max-width: 1051px) {
    .balances-data__column:last-child {
        margin-left: 0;
    }
}
@media screen and (min-width: 752px) {
    .balances-data__column-half {
        flex: 1 1 0;
        width: 50%;
    }
}
.balances-data__item {
    align-items: center;
    background: #f7f8f9;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 4rem;
    margin-bottom: 1.2rem;
    padding: 0 1.4rem;
    position: relative;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .balances-data__item {
        margin-bottom: 2rem;
    }
}
@media screen and (min-width: 1052px) {
    .balances-data__item {
        max-width: 30.8rem;
    }
}
.balances-data__item-label {
    align-items: center;
    color: #252952;
    display: block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    overflow: hidden;
    padding-right: 10px;
    position: relative;
    text-overflow: ellipsis;
    width: auto;
}
.balances-data__item-mark {
    color: #e4e5eb;
    margin-right: 0.8rem;
}
.balances-data__item-value {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
}
.balances-data__exchange {
    font-size: 1.1rem;
    height: 3.4rem;
    margin: 0 0.8rem 0 auto;
    min-width: 7.6rem;
    padding: 0 0.2rem;
}
.birthday-popup {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
}
.webp .birthday-popup {
    background-image: url(/vulkanvegas/img/frontend/popup/bg_birthday.webp);
}
.no-webp .birthday-popup {
    background-image: url(/vulkanvegas/img/frontend/popup/bg_birthday.png);
}
.birthday-popup .modal__close {
    color: #fff;
}
.birthday-popup .modal__label {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
}
.birthday-popup .modal__label:after,
.birthday-popup .modal__label:before {
    background-color: #f53804;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.birthday-popup .modal__label:after {
    transform: skew(-20deg);
}
.birthday-popup .modal__label:before {
    transform: skew(20deg);
}
.birthday-popup .modal__label--bonus:after,
.birthday-popup .modal__label--bonus:before {
    background-color: #06d;
}
.birthday-popup .modal__label-title {
    color: #fff;
    display: inline-block;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    letter-spacing: 0.03rem;
    line-height: 1.6rem;
    overflow: hidden;
    padding: 0 1rem;
    position: relative;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: nowrap;
    z-index: 2;
}
.birthday-popup .modal__text {
    color: #fff;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
}
.birthday-popup .modal__text__title {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 4.2rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .birthday-popup .modal__text__title {
        font-size: 3rem;
    }
}
.birthday-popup .modal__text__name {
    font-size: 1.6rem;
}
.birthday-popup .modal__text__info {
    font-size: 1.4rem;
    opacity: 0.6;
}
.birthday-popup .modal__text-birthday {
    margin-bottom: 6rem;
}
.birthday-popup .modal__birthday-bonus {
    background-color: #fff;
    color: #1b204f;
    margin-top: 3rem;
    padding: 2.5rem;
    position: relative;
}
.birthday-popup .modal__birthday-bonus__text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .birthday-popup .modal__birthday-bonus__text {
        font-size: 1.4rem;
    }
}
.birthday-popup .modal__birthday-bonus__value {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
}
.birthday-popup .modal__btn-bonus {
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.birthday-popup .modal__btn-bonus:after,
.birthday-popup .modal__btn-bonus:before {
    background-repeat: no-repeat;
    content: "";
    height: 40px;
    position: absolute;
    width: 20px;
}
.birthday-popup .modal__btn-bonus:before {
    background-image: url(/vulkanvegas/img/frontend/popup-icons/left-fs.png);
    background-repeat: no-repeat;
    margin-left: -25px;
}
.birthday-popup .modal__btn-bonus:after {
    background-image: url(/vulkanvegas/img/frontend/popup-icons/right-fs.png);
    background-repeat: no-repeat;
    margin-left: 5px;
}
.birthday-popup .modal__btn-fs {
    background: #f53804;
    border: 0.2rem solid #f53804;
}
.birthday-popup .modal__btn-fs:active,
.birthday-popup .modal__btn-fs:hover {
    background: #ff5823;
    border: 0.2rem solid #ff5823;
}
.birthday-popup .modal__text-present {
    font-size: 1.6rem;
    padding-bottom: 17rem;
    padding-top: 3rem;
}
.birthday-popup .modal__text-present__title {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    line-height: 1.12;
    text-transform: uppercase;
}
.birthday-popup .modal__text-present__text {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
    line-height: 2rem;
    padding-top: 0.6rem;
}
.birthday-popup .modal__text-present__level {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
}
.birthday-popup .modal__footer {
    padding-bottom: 2rem;
}
.birthday-popup .modal__footer__btn-fs {
    background: #f53804;
    border: 0.3rem solid #ffcb72;
    font-size: 1.8rem;
}
.birthday-popup .modal__footer__btn-fs:active,
.birthday-popup .modal__footer__btn-fs:hover {
    background: #ff5823;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .birthday-popup .modal__footer__btn-fs {
        font-size: 1.6rem;
    }
}
.game-transactions {
    background: #fff;
}
.game-transactions__btn {
    margin-left: 1.5rem;
}
.game-transactions__date-ranger {
    padding: 1rem 0;
    text-align: center;
}
.game-transactions__container {
    min-height: 37rem;
}
.game-transactions__loading {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: normal;
    padding: 2.5rem 0;
    text-align: center;
    text-transform: uppercase;
}
.game-payment,
.game-payment-header {
    line-height: 1.5;
    padding-bottom: 2rem;
}
.game-payment-header__item,
.game-payment__item {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.game-payment-header__round-info,
.game-payment__round-info {
    display: flex;
    width: 35%;
}
@media screen and (max-width: 1051px) {
    .game-payment-header__round-info,
    .game-payment__round-info {
        width: 45%;
    }
}
@media screen and (max-width: 751px) {
    .game-payment-header__round-info,
    .game-payment__round-info {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        width: 50%;
    }
}
@media screen and (max-width: 360px) {
    .game-payment-header__round-info,
    .game-payment__round-info {
        width: 45%;
    }
}
@media screen and (max-width: 320px) {
    .game-payment-header__round-info,
    .game-payment__round-info {
        width: 40%;
    }
}
.game-payment-header__bal-info,
.game-payment__bal-info {
    display: flex;
    width: 65%;
}
@media screen and (max-width: 1051px) {
    .game-payment-header__bal-info,
    .game-payment__bal-info {
        width: 55%;
    }
}
@media screen and (max-width: 751px) {
    .game-payment-header__bal-info,
    .game-payment__bal-info {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 50%;
    }
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .game-payment-header__bal-info,
    .game-payment__bal-info {
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 360px) {
    .game-payment-header__bal-info,
    .game-payment__bal-info {
        width: 55%;
    }
}
@media screen and (max-width: 320px) {
    .game-payment-header__bal-info,
    .game-payment__bal-info {
        width: 60%;
    }
}
.game-payment {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
}
.game-payment + .pagination {
    border-top: 0.1rem solid rgba(189, 199, 217, 0.2);
    margin-top: -2rem;
    padding: 2rem 0;
}
.game-payment__item {
    padding: 1.6rem 5rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .game-payment__item {
        padding: 1.2rem 1.8rem;
    }
}
.game-payment__item:nth-child(odd) {
    background: #fafafc;
}
.game-payment-header {
    box-sizing: border-box;
    color: #808aa6;
    display: flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding: 3rem 5rem 0;
    width: 100%;
}
@media screen and (max-width: 1051px) {
    .game-payment-header {
        display: none;
    }
}
.game-payment-title {
    box-sizing: border-box;
    display: flex;
    font-size: 1.2rem !important;
    justify-content: space-between;
    width: 100%;
}
.payment-game {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .payment-game {
        font-size: 1.3rem;
    }
}
.payment-game__name {
    color: #1b204f;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .payment-game__name {
        font-size: 1.2rem;
    }
}
.payment-game__prov {
    color: #808aa6;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .payment-game__prov {
        font-size: 1.2rem;
    }
}
.payment-bal-type {
    display: flex;
    width: 40%;
}
@media screen and (min-width: 752px) {
    .payment-bal-type {
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width: 752px) and (max-width: 1051px) {
    .payment-bal-type {
        flex-direction: column;
    }
}
@media screen and (max-width: 751px) {
    .payment-bal-type {
        width: 100%;
    }
}
.payment-bal-type__item {
    text-transform: capitalize;
    white-space: nowrap;
    width: 50%;
}
@media screen and (max-width: 751px) {
    .payment-bal-type__item {
        margin-right: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}
.payment-bal-win {
    color: #65b812;
}
.payment-bal-bet {
    color: #1b204f;
}
.payment-bal {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 60%;
}
@media screen and (max-width: 1051px) {
    .payment-bal {
        flex-direction: column;
    }
}
@media screen and (max-width: 751px) {
    .payment-bal {
        width: 100%;
    }
}
.payment-bal__title {
    color: #808aa6;
    display: none;
}
@media screen and (max-width: 1051px) {
    .payment-bal__title {
        display: inline-block;
    }
}
.payment-bal__value {
    white-space: nowrap;
}
.payment-bal-aft,
.payment-bal-bef {
    width: 50%;
}
@media screen and (min-width: 752px) and (max-width: 1051px) {
    .payment-bal-aft,
    .payment-bal-bef {
        width: 100%;
    }
}
@media screen and (max-width: 751px) {
    .payment-bal-aft,
    .payment-bal-bef {
        width: 100%;
    }
}
.payment-game,
.payment-round {
    width: 50%;
}
@media screen and (max-width: 751px) {
    .payment-game,
    .payment-round {
        width: 100%;
    }
}
.payment-round__clipboard {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
}
.payment-round__clipboard-text {
    color: #06d;
    cursor: pointer;
    font-size: 1.4rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .payment-round__clipboard-text {
        font-size: 1.2rem;
    }
}
.payment-round__clipboard-text-short {
    display: inline-block;
    line-height: 1.2rem;
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payment-round__clipboard-icon {
    color: #06d;
    font-size: 1.6rem;
    font-weight: 700;
}
.payment-round__date {
    color: #808aa6;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .payment-round__date {
        font-size: 1.1rem;
        padding-right: 5px;
    }
}
.history {
    background: #fff;
    padding: 0 2rem;
}
@media screen and (min-width: 1052px) {
    .history {
        padding: 0;
    }
}
.history--ranger {
    min-height: 37rem;
}
.history__loading {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: normal;
    padding: 2.5rem 0;
    text-align: center;
    text-transform: uppercase;
}
@media screen and (min-width: 752px) {
    .history__loading {
        padding: 2.5rem 0 3rem;
    }
}
.history__list {
    padding-bottom: 2rem;
}
.history__list + .pagination {
    margin-top: -2rem;
}
.history__list-item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 1.8rem 0 1.9rem;
}
.history__list-item:not(:first-child) {
    border-top: 0.1rem solid rgba(189, 199, 217, 0.2);
}
@media screen and (max-width: 751px) {
    .history__list-item {
        flex-wrap: wrap;
    }
}
.history__value {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: 1.6;
}
@media screen and (max-width: 751px) {
    .history__value {
        font-size: 1rem;
    }
}
.history__date-ranger {
    background: #f7f8f9;
    padding: 1rem 0;
    text-align: center;
}
.history__container {
    background: #fff;
}
.history__clipboard-text {
    color: #06d;
    display: inline-block;
    font-size: 1.2rem;
    max-width: 6.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.history__clipboard-icon {
    color: #06d;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
}
.history .pagination {
    border-top: 0.1rem solid rgba(189, 199, 217, 0.2);
    padding: 2rem 0;
}
.history-limit {
    line-height: 1.5;
}
@media screen and (min-width: 752px) {
    .history-limit {
        margin: 0 auto;
        max-width: 90rem;
    }
}
.history-limit__flex-wrap {
    border-bottom: none;
    display: flex;
}
@media screen and (max-width: 751px) {
    .history-limit__flex-wrap {
        flex-direction: column;
    }
}
@media screen and (max-width: 1315px) {
    .history-limit__flex-wrap--pc-small {
        flex-direction: column;
    }
}
.history-limit__flex-item {
    flex: 1;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
@media screen and (min-width: 516px) {
    .history-limit__flex-item {
        font-size: 1.4rem;
    }
}
.history-limit__flex-item--2 {
    flex: 2;
}
@media screen and (min-width: 752px) {
    .history-limit__flex-item--2:not(.active-limit-flex-item) {
        flex: 1;
    }
}
.history-limit__flex-item--3 {
    flex: 3;
}
@media screen and (min-width: 752px) {
    .history-limit__flex-item--3 {
        flex: 4;
    }
}
.history-limit__flex-item.active-label {
    flex: 0 1 auto;
    font-size: 0;
}
@media screen and (min-width: 752px) {
    .history-limit__flex-item.active-label {
        flex: 0 1 12rem;
    }
}
.history-limit__flex-item.close-btn {
    flex: 0 1 auto;
}
@media screen and (min-width: 752px) {
    .history-limit__flex-item.close-btn {
        flex: 0 1 5rem;
    }
}
@media screen and (max-width: 1051px) {
    .history-limit__flex-item.close-btn .limits-form__btns {
        flex: 0 1 auto;
        height: auto;
        justify-content: flex-end;
        margin: 0;
    }
}
.history-limit__date {
    display: inline-block;
    font-size: 1rem;
}
@media screen and (min-width: 516px) {
    .history-limit__date {
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 752px) {
    .history-limit__date {
        display: block;
    }
}
.history-limit__amount {
    flex: 0 1 auto;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 516px) {
    .history-limit__amount {
        flex: 2;
        font-size: 1.8rem;
        margin-bottom: 0;
    }
}
.history-limit__interval {
    font-size: 1.2rem;
}
.history-limit__title {
    color: #b0b3d2;
    display: block;
}
@media screen and (max-width: 751px) {
    .history-limit__title {
        display: inline-block;
    }
}
.history-limit__wrap {
    display: flex;
}
.history-limit__id {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.history-limit__cancel {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
    padding-left: 2rem;
    width: 3rem;
}
.history-limit__cancel-icon {
    color: #1b204f;
    margin-right: -1rem;
    text-decoration: none;
}
.history-limit__cancel-icon i {
    font-size: 3rem;
    line-height: 1;
}
.history-limit__status-rejected {
    color: #da3f53;
}
.history-limit__active-label {
    background-color: #9fbc2d;
    color: #fff;
    display: inline-block;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    letter-spacing: 0.1rem;
    line-height: 1;
    margin-bottom: 0.8rem;
    padding: 0.3rem 1.5rem;
    text-transform: uppercase;
}
.history-payment {
    line-height: 1.5;
}
@media screen and (min-width: 752px) {
    .history-payment {
        margin: 0 auto;
        max-width: 100rem;
    }
}
.history-payment__flex-wrap {
    border-bottom: none;
    display: flex;
}
@media screen and (max-width: 751px) {
    .history-payment__flex-wrap {
        flex-direction: column;
    }
}
@media screen and (max-width: 1315px) {
    .history-payment__flex-wrap--pc-small {
        flex-direction: column;
    }
}
.history-payment__flex-item {
    flex: 1;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
@media screen and (min-width: 516px) {
    .history-payment__flex-item {
        font-size: 1.4rem;
    }
}
.history-payment__flex-item--2 {
    flex: 2;
}
.history-payment__flex-item--3 {
    flex: 3;
}
.history-payment__flex-item--4 {
    flex: 4;
}
.history-payment__amount {
    flex: 0 1 auto;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
@media screen and (min-width: 516px) {
    .history-payment__amount {
        flex: 1;
        font-size: 1.8rem;
        margin-bottom: 0;
    }
}
.history-payment__currency {
    font-size: 1.2rem;
}
.history-payment__title {
    display: block;
}
@media screen and (max-width: 751px) {
    .history-payment__title {
        display: inline-block;
    }
}
.history-payment__date,
.history-payment__title {
    color: #b0b3d2;
}
.history-payment__wrap {
    display: flex;
}
.history-payment__id {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end;
}
.history-payment__cancel {
    align-items: center;
    display: flex;
    font-size: 0;
    justify-content: center;
    padding-left: 2rem;
    width: 3rem;
}
.history-payment__cancel-icon {
    color: #1b204f;
    margin-right: -1rem;
    text-decoration: none;
}
.history-payment__cancel-icon i {
    font-size: 3rem;
    line-height: 1;
}
.history-payment__status-rejected {
    color: #da3f53;
}
.history-payment__date {
    font-size: 1rem;
}
@media screen and (min-width: 516px) {
    .history-payment__date {
        font-size: 1.4rem;
    }
}
.history-rewards {
    margin: 0 auto;
    max-width: 73rem;
}
.history-rewards__item {
    border-top: 0.1rem solid rgba(189, 199, 217, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 1.7rem 0;
}
@media screen and (min-width: 752px) {
    .history-rewards__item {
        align-items: center;
    }
}
.history-rewards__label {
    color: #1b204f;
    display: inline-block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
}
@media screen and (min-width: 752px) {
    .history-rewards__label {
        font-size: 1.6rem;
    }
}
.history-rewards__date {
    color: #bdc7d9;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
}
.history-rewards__info {
    display: flex;
    flex-flow: column;
}
.history-rewards__sum {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    min-width: 8rem;
    text-align: right;
}
@media screen and (min-width: 752px) {
    .history-rewards__sum {
        font-size: 1.8rem;
        min-width: auto;
        text-align: left;
    }
}
.limits {
    padding-bottom: 3rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
@media screen and (min-width: 752px) {
    .limits {
        padding-bottom: 5.5rem;
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .limits__inner {
        margin: 0 auto;
        max-width: 115rem;
    }
}
.limits__description {
    border-bottom: 0.1rem solid rgba(189, 199, 217, 0.2);
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
    line-height: 1.57;
    margin-bottom: 2.5rem;
    padding: 1.5rem 0 2rem;
}
@media screen and (min-width: 752px) {
    .limits__description {
        margin: 0 auto 2rem;
        max-width: 70rem;
        text-align: center;
    }
}
@media screen and (min-width: 1052px) {
    .limits__list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
}
.limits__item {
    margin-bottom: 1.6rem;
}
@media screen and (min-width: 752px) {
    .limits__item {
        box-sizing: border-box;
    }
}
@media screen and (min-width: 1052px) {
    .limits__item {
        flex: 0 1 47%;
    }
}
.limits__info {
    color: #808aa6;
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: -0.2rem;
}
.limits-form__group {
    position: relative;
}
@media screen and (min-width: 752px) {
    .limits-form__group {
        display: flex;
        flex-flow: row wrap;
        max-width: 37rem;
        order: 1;
        width: 100%;
    }
}
.limits-form__group .error-message {
    flex: 1 0 100%;
    padding: 0.2rem 0 0.3rem;
}
.limits-form__col {
    box-sizing: border-box;
    flex: 1;
    position: relative;
}
.limits-form__col:first-child {
    margin-bottom: 1.2rem;
}
@media screen and (min-width: 752px) {
    .limits-form__col:first-child {
        margin: 0 1.2rem 0 0;
    }
}
.limits-form__field {
    background: #fff;
    border: 0.2rem solid rgba(189, 199, 217, 0.5);
    border-radius: 0.3rem;
    box-sizing: border-box;
    color: #1b204f;
    cursor: text;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    height: 4rem;
    min-width: 100%;
    outline: none;
    padding: 0 1rem;
    transition: border 0.5s;
    width: 100%;
}
.valid .limits-form__field {
    border-color: #65b812;
}
.error .limits-form__field {
    border-color: #d43a09;
}
.limits-form__field:focus {
    border-color: #06d !important;
}
.limits-form__field:disabled,
.limits-form__field:disabled:focus {
    background: #fff;
    border: 0.2rem solid rgba(189, 199, 217, 0.5);
    color: #b0b3d2;
    cursor: default;
}
.limits-form__field[disabled] {
    color: #b0b3d2;
}
.limits-form__title {
    font-size: 1.8rem;
    font-weight: 600;
}
.limits-form__tip,
.limits-form__title {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
}
.limits-form__tip {
    box-sizing: initial;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 1.5rem 0 1rem;
}
@media screen and (min-width: 752px) {
    .limits-form__tip {
        font-size: 1.4rem;
        height: 3.8rem;
        padding: 1rem 0 0;
    }
}
.limits-form__links {
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width: 516px) {
    .limits-form__links {
        justify-content: flex-end;
    }
}
@media screen and (min-width: 752px) {
    .limits-form__links {
        display: inline-flex;
    }
}
.limits-form__link {
    color: #06d;
    display: inline-flex;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    margin: 1.5rem 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
@media screen and (min-width: 516px) {
    .limits-form__link {
        margin: 1.5rem 0 0 2rem;
    }
    .limits-form__link:last-child {
        margin-left: 2rem;
    }
}
.limits-form__currency {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    pointer-events: none;
    position: absolute;
    right: 1.6rem;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.3s;
    z-index: 3;
}
.limits-form__message,
.limits-form__message-cancel > * {
    color: #b0b3d2;
    flex: 1 0 100%;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
}
@media screen and (min-width: 752px) {
    .limits-form__message,
    .limits-form__message-cancel > * {
        order: 3;
    }
}
.limits-form__btns {
    display: flex;
    flex: 1 0 auto;
    font-size: 0;
    justify-content: center;
    margin: 1rem 0 0;
}
@media screen and (min-width: 752px) {
    .limits-form__btns {
        flex: 0 1 auto;
        justify-content: flex-start;
        margin: 0;
        order: 2;
    }
}
.limits-form__btn {
    font-size: 1.4rem;
    height: 5.2rem;
    margin-left: 1rem;
    min-width: 11.8rem;
}
.limits-form__btn.hidden,
.limits-form__btn.save-limit {
    display: none;
}
.limits-form__btn.save-limit.visible {
    display: inline-flex;
}
.limits-form__cancel {
    background: none;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 0;
    margin-left: 1rem;
    min-width: 0;
    padding: 0;
    position: relative;
    z-index: 10000;
}
@media screen and (max-width: 1051px) {
    .limits-form__cancel {
        align-items: center;
        display: flex;
    }
}
@media screen and (min-width: 1052px) {
    .limits-form__cancel:hover {
        color: #06d;
    }
    .limits-form__cancel:hover span {
        opacity: 1;
        visibility: visible;
    }
}
.limits-form__cancel .i-close {
    font-size: 3rem;
}
@media screen and (max-width: 1051px) {
    .limits-form__cancel .i-close {
        color: #06d;
        font-size: 2.2rem;
    }
}
.limits-form__cancel span {
    color: #06d;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    left: 100%;
    letter-spacing: 0.05rem;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}
@media screen and (max-width: 1051px) {
    .limits-form__cancel span {
        font-size: 1rem;
        left: auto;
        opacity: 1;
        position: relative;
        top: auto;
        transform: none;
        visibility: visible;
    }
}
.limits-form__messages {
    flex: 1 0 100%;
    padding: 0 0.5rem;
}
@media screen and (min-width: 752px) {
    .limits-form__row {
        align-items: center;
        display: flex;
        flex-flow: row nowrap;
    }
}
.limits-form__row:after {
    left: 35.8rem;
    right: auto;
    top: 0.4rem;
}
.limits-form__row.error .limits-form__currency,
.limits-form__row.valid .limits-form__currency {
    left: 31.4rem;
}
.loyalty-exchange {
    padding: 2rem 0 3rem;
}
@media screen and (min-width: 752px) {
    .loyalty-exchange {
        padding: 2.5rem 0 7.6rem;
    }
}
.loyalty-exchange__description {
    border-bottom: 0.1rem solid rgba(189, 199, 217, 0.2);
    color: #b0b3d2;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.57;
    padding: 0 0 1.5rem;
}
@media screen and (min-width: 516px) {
    .loyalty-exchange__description {
        color: #1b204f;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2.1rem;
        padding: 0 0 2rem;
    }
}
.loyalty-exchange__inner {
    padding: 0 1.5rem;
}
@media screen and (min-width: 752px) {
    .loyalty-exchange__inner {
        margin: 0 auto;
        max-width: 70rem;
        padding: 0;
    }
}
.loyalty-exchange__items-wrap {
    border-bottom: 0.1rem solid rgba(189, 199, 217, 0.2);
    padding: 1.5rem 0 0.5rem;
}
@media screen and (min-width: 752px) {
    .loyalty-exchange__items-wrap {
        display: flex;
    }
    .loyalty-exchange__items-wrap .loyalty-exchange__exchange-item {
        margin-right: 5rem;
    }
}
.loyalty-exchange__row {
    align-items: center;
    display: flex;
    flex-flow: column;
    font-size: 1.6rem;
}
@media screen and (min-width: 752px) {
    .loyalty-exchange__row {
        align-items: flex-start;
        flex-flow: row wrap;
    }
}
.loyalty-exchange__col {
    align-items: center;
    display: flex;
    flex-flow: column;
}
@media screen and (max-width: 751px) {
    .loyalty-exchange__col + .loyalty-exchange__col {
        margin-top: 1rem;
    }
}
@media screen and (min-width: 752px) {
    .loyalty-exchange__col {
        align-items: center;
        flex-flow: row;
    }
    .loyalty-exchange__col:first-child {
        margin-right: 0.8rem;
    }
}
.loyalty-exchange__field {
    max-width: 27rem;
}
.loyalty-exchange__currency-balance {
    align-items: center;
    display: flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    height: 6rem;
}
@media screen and (min-width: 516px) {
    .loyalty-exchange__currency-balance {
        margin-right: 3.3rem;
    }
}
.loyalty-exchange__item-value {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
}
.loyalty-exchange__item-value.--points {
    color: #f53804;
}
.loyalty-exchange__status {
    color: #ea3149;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    text-decoration: none;
}
.loyalty-exchange__exchange-item {
    color: #1b204f;
    display: flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}
@media screen and (min-width: 516px) {
    .loyalty-exchange__exchange-item {
        font-size: 1.4rem;
        font-weight: 600;
        justify-content: flex-start;
        line-height: 2.1rem;
    }
    .loyalty-exchange__item-title {
        margin-right: 0.7rem;
    }
}
.loyalty-exchange__exchangefilds-wrap {
    padding-top: 1.5rem;
}
.loyalty-exchange__btn {
    width: 100%;
}
@media screen and (min-width: 516px) {
    .loyalty-exchange__btn {
        width: auto;
    }
}
.loyalty-error {
    line-height: 1.4;
    padding: 2rem 0;
    text-align: center;
}
.loyalty-error__info {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
}
@media screen and (min-width: 752px) {
    .loyalty-error__info {
        font-size: 1.6rem;
    }
}
.modal {
    background-color: rgba(27, 32, 79, 0.5);
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 150;
}
body.--game-page .modal {
    overflow-y: auto;
}
.modal__wrap {
    overflow: hidden;
    padding: 0;
}
.modal__wrap--transparent {
    background-color: transparent;
}
.modal__wrap.top-indent {
    padding: 2.5rem 0 0;
}
.modal__form {
    width: 100%;
}
.modal__form_mb {
    margin-bottom: 1.5rem;
}
@media screen and (min-width: 516px) {
    .modal__form {
        margin: 0 auto;
        max-width: 34rem;
    }
    .modal__form_mb {
        margin-bottom: 2rem;
    }
}
.modal__container {
    display: flex;
    height: 100%;
    width: 100%;
}
.modal__content-wrap {
    margin: auto;
    width: 100%;
}
.modal__inner {
    background: #fff;
    background-clip: padding-box;
    border-radius: 1.2rem;
    max-width: 50rem;
    position: relative;
    width: 100%;
}
.modal__inner .auto_size {
    width: auto;
}
.modal__inner--old {
    border-radius: 0.3rem;
}
.modal__inner--small {
    max-width: 40rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .modal__inner--small {
        max-width: 90%;
    }
}
.modal__inner--wof {
    max-width: 60rem;
}
.modal__inner.large_size {
    margin: 0.8rem auto;
    max-width: 129.6rem;
}
@media screen and (min-width: 752px) {
    .modal__inner.large_size {
        margin: 2rem;
    }
}
.modal__inner.middle_size {
    max-width: 105.2rem;
}
.modal__inner.hidden:not(.active) {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}
.modal__content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
@media screen and (min-width: 752px) {
    .modal__content {
        padding: 2rem;
    }
}
@media screen and (min-width: 516px) {
    .modal__content-padding {
        padding: 0 4rem;
    }
}
.modal__body {
    background: #fff;
    border-radius: 1.2rem;
    overflow: hidden;
}
@media screen and (min-width: 516px) {
    .modal__body_padding {
        padding: 0 4rem;
    }
}
.modal__close {
    align-items: center;
    background: transparent;
    border: 0;
    color: #555a8f;
    cursor: pointer;
    display: flex;
    font-size: 3rem;
    height: 5rem;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 5rem;
}
.modal__close:hover {
    opacity: 1;
}
.modal__header {
    padding: 1.5rem 0;
    position: relative;
    text-align: center;
}
@media screen and (max-width: 320px) {
    .modal__header {
        padding: 1.5rem 4rem;
    }
}
.modal__header--close-btn {
    background: transparent;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.modal__header--close-btn .modal__close {
    opacity: 1;
    z-index: 1;
}
.modal__header--close-btn .modal__close .i-close {
    color: #fff;
    font-size: 3rem;
}
.modal__header--transparent {
    background-color: transparent;
}
.modal__title {
    display: inline-block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
}
@media screen and (min-width: 516px) {
    .modal__title {
        font-size: 1.8rem;
    }
    .large_size .modal__title {
        font-size: 2.4rem;
    }
}
.modal__title.error {
    color: #ea3149;
}
@media screen and (min-width: 516px) {
    .modal__title.line-break br {
        display: none;
    }
}
.modal__back {
    align-items: center;
    background: 0;
    border: 0;
    box-sizing: border-box;
    color: #06d;
    cursor: pointer;
    display: flex;
    font-size: 2.4rem;
    height: 5.5rem;
    justify-content: center;
    left: 0;
    min-width: 5.5rem;
    outline: none;
    padding: 0 1rem;
    position: absolute;
    text-decoration: none;
    top: 0;
}
@media screen and (min-width: 516px) {
    .modal__back {
        height: 6.6rem;
        min-width: 5.7rem;
    }
}
.modal__back-txt {
    display: none;
}
@media screen and (min-width: 752px) {
    .modal__back-txt {
        display: block;
        font-family: Open Sans Condensed, Roboto, sans-serif;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: 0.05rem;
        padding-right: 1rem;
        text-transform: uppercase;
    }
}
.modal__header-line {
    background: #ebeef3;
    height: 0.1rem;
    width: 100%;
}
.modal__icon-type {
    display: block;
    padding: 2.5rem 0;
    text-align: center;
}
.modal__icon-type img {
    height: 9rem;
    width: auto;
}
@media screen and (min-width: 752px) {
    .modal__icon-type img {
        height: 12rem;
    }
}
.modal__icon-type.bonus_size {
    margin: -3rem 0 2.4rem;
    padding: 0;
}
.modal__icon-type.bonus_size img {
    height: 12rem;
}
@media screen and (min-width: 752px) {
    .modal__icon-type.bonus_size img {
        height: 16rem;
    }
}
.modal__icon-type--small {
    padding: 0;
}
.modal__icon-type--small img {
    height: 7.2rem;
}
.modal__text {
    color: #1b204f;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
}
.modal__text--wrap {
    line-height: 1;
}
.modal__text-submit {
    align-items: center;
    background: none;
    border: none;
    box-sizing: border-box;
    color: #06d;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-weight: 700;
    letter-spacing: 0.05rem;
    min-height: 3.6rem;
    padding: 0 1rem;
    text-transform: uppercase;
}
.modal__text-submit:hover {
    text-decoration: underline;
}
.modal__text-submit[disabled] {
    cursor: default;
    opacity: 0.4;
}
.modal__text-emphatic {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    word-break: break-word;
}
.modal__text-title {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
}
.modal__text-title--huge {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 2rem 0;
}
.modal__text-title_large {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    margin: 2rem 0;
}
.modal__text-title_middle {
    font-size: 1.6rem;
}
.modal__text-title_center {
    text-align: center;
}
.modal__text-desc {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 4rem;
    padding: 0 2rem;
}
.modal__text-bold {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
}
.modal__text-subtitle {
    color: #b0b3d2;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}
.modal__text-small {
    font-size: 1.2rem;
}
.modal__text-link {
    color: #06d;
}
.modal__text-link:hover {
    color: #459bff;
    text-decoration: underline;
}
.modal__text-link:active {
    color: #06d;
    text-decoration: underline;
}
.modal__text-limit {
    font-size: 2.8rem;
}
.modal__text-limit:after,
.modal__text-limit:before {
    color: #06d;
}
.modal__text-limit:before {
    content: "“";
}
.modal__text-limit:after {
    content: "”";
}
.modal__text-list {
    border-bottom: 0.1rem solid rgba(189, 199, 217, 0.2);
    padding-bottom: 1rem;
}
.modal__text-list li {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 auto 1.5rem;
    max-width: 36rem;
    padding-left: 2.2rem;
    position: relative;
}
.modal__text-list li:before {
    color: #06d;
    content: "\22C6";
    font-size: 2rem;
    left: 0;
    position: absolute;
    top: -0.4rem;
}
.modal__text-mb {
    margin-bottom: 2rem;
}
.modal__text p {
    margin: 0 0 1rem;
}
.modal__text-attn {
    font-weight: 700;
}
.modal__btns {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
}
.modal__btns_row {
    flex-flow: row;
}
.modal__btns.footer-row {
    background-color: #f7f8f9;
    flex-flow: row wrap;
    padding: 1rem 0;
}
.modal__btns.footer-row .btn__light,
.modal__btns.footer-row .btn__primary {
    margin: 1rem;
}
.modal__btns_pb {
    padding-bottom: 2.5rem;
}
.modal__btn-no-top-indents,
.modal__btn-top-indents,
.modal__btn-yes-top-indents {
    margin-top: 2rem;
}
.modal__btn-center,
.modal__btn-no-center,
.modal__btn-yes-center {
    text-align: center;
}
.modal__btn-yes:active,
.modal__btn-yes:hover,
.modal__btn:active,
.modal__btn:hover {
    color: #fff;
}
.modal__btn-no,
.modal__btn-yes {
    margin: 0 0.5rem;
    min-width: 9.3rem;
}
.modal__btn-no {
    color: #06d;
    padding: 0.9rem 1.8rem;
}
.modal__btn--old {
    border-color: transparent;
    color: #1b204f;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-weight: 700;
    font-weight: 600;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
.modal__btn--old:hover {
    border-color: currentColor;
}
.modal__btn--footer {
    background-color: #fff;
    margin: 2rem 0 0.5rem;
}
.modal__btn--footer:hover {
    color: #06d;
}
.modal__btn--footer:active {
    color: #fff;
}
.modal__btn--full {
    margin: 0 1rem;
    width: 100%;
}
.modal__btn--chat,
.modal__btn--chat:hover {
    border: none;
}
.modal__group--footer {
    margin: 2rem 0;
}
.modal__label {
    display: block;
    text-align: left;
}
.modal__buttons-group {
    align-items: center;
    background-color: #f7f8f9;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    width: 100%;
}
.modal__buttons-group span {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 400;
}
@media screen and (max-width: 1051px) {
    .modal__buttons-group span {
        display: block;
    }
}
.modal__buttons-group .btn__light,
.modal__buttons-group .btn__primary {
    margin: 1rem;
}
.modal__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    position: relative;
}
.modal__footer--row {
    flex-direction: row;
    margin: 0 1rem;
    padding: 0 0 4rem;
}
.modal__footer-indents {
    padding: 1rem 0 3.5rem;
}
.modal__footer a {
    text-decoration: none;
}
.modal__footer--grey {
    background: #f7f8f9;
}
.modal__footer--indents {
    padding: 1.5rem 0;
}
.modal__footer-text {
    font-size: 1.2rem;
}
.modal__login {
    margin: 0 auto;
    max-width: 14rem;
    width: 100%;
}
.modal__secure {
    border-top: 0.1rem solid rgba(176, 179, 210, 0.2);
    color: #b0b3d2;
    margin-top: 2rem;
    text-transform: uppercase;
    width: 100%;
}
.modal__secure.without-indent {
    border: none;
    margin-top: 0;
}
.modal__social-section {
    align-items: center;
    background-color: #f7f8f9;
    display: flex;
    flex-direction: column;
}
.modal__social-txt {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 1.1rem 0;
}
.modal__socials-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 0 -0.7rem;
}
.modal__socials-list--attached {
    justify-content: start;
    margin-left: -0.7rem;
}
.modal__social-item {
    align-items: center;
    border-radius: 0.3rem;
    color: #fff;
    display: flex;
    font-size: 2.4rem;
    height: 3.6rem;
    justify-content: center;
    margin: 0 0.5rem 0.7rem;
    position: relative;
    text-decoration: none;
    width: 3.6rem;
}
.modal__social-item:before {
    font-family: vegas-icons;
    position: relative;
    z-index: 1;
}
.modal__social-item:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.15s;
}
.modal__social-item:hover {
    cursor: pointer;
}
.modal__social-item:hover:after {
    transform: scale(1.1);
}
.modal__socials-list--attached .modal__social-item:not(.active) {
    opacity: 0.3;
}
.modal__social-item--vk:before {
    content: "";
}
.modal__social-item--vk:after {
    background: #56749f;
}
.modal__social-item--go:before {
    content: "";
}
.modal__social-item--go:after {
    background: #e14c44;
}
.modal__social-item--fa:before {
    content: "";
}
.modal__social-item--fa:after {
    background: #556aaf;
}
.modal__social-item--tw:before {
    content: "";
}
.modal__social-item--tw:after {
    background: #71a8d9;
}
.modal__social-item--ma:before {
    content: "";
}
.modal__social-item--ma:after {
    background: #4470b5;
}
.modal__social-item--od:before {
    content: "";
}
.modal__social-item--od:after {
    background: #e5883f;
}
.modal__social-item--in {
    font-size: 2rem;
}
.modal__social-item--in:before {
    content: "";
}
.modal__social-item--in:after {
    background: #f09433;
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
}
.modal__social-item--ya:before {
    content: "";
    font-size: 3rem;
}
.modal__social-item--ya:after {
    background: #ea3030;
}
.modal .error-message {
    color: #f53804;
    font-size: 1.2rem;
    padding-top: 0.6rem;
}
.text-alert {
    color: #f53804;
    display: block;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 600;
    line-height: 1.8;
}
.note__wrap {
    height: 0;
    left: 1rem;
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: auto;
    z-index: 200;
}
@media screen and (min-width: 752px) {
    .note__wrap {
        bottom: 0;
        left: auto;
        right: 2rem;
        top: 11.5rem;
    }
}
.note__message {
    position: relative;
}
.note__icon {
    padding-right: 1rem;
}
@media screen and (min-width: 752px) {
    .note__icon {
        padding-right: 2rem;
    }
}
.note__icon img {
    height: auto;
    max-width: 6rem;
}
@media screen and (min-width: 752px) {
    .note__icon img {
        max-width: 7rem;
    }
}
.note__body {
    display: flex;
    flex: 1;
    flex-flow: column;
    justify-content: center;
}
@media screen and (min-width: 516px) {
    .note__body {
        align-items: center;
        flex-flow: row;
        justify-content: space-between;
    }
}
.note__content {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    padding-right: 1rem;
}
@media screen and (min-width: 752px) {
    .note__content {
        flex: 1;
    }
}
.note__title {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}
@media screen and (min-width: 752px) {
    .note__title {
        font-size: 1.4rem;
    }
}
.note__text {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
@media screen and (min-width: 752px) {
    .note__text {
        font-size: 1.4rem;
    }
    .note__text + .note__text {
        margin-top: 0.5rem;
    }
}
.note__text.bold,
.note__value {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
}
.note__value {
    font-size: 1.4rem;
    line-height: 1;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .note__value {
        font-size: 1.8rem;
    }
    .note__btns {
        align-items: center;
        display: flex;
        flex-flow: column;
        margin: 0 1rem 0 auto;
    }
}
.note__close {
    color: #b0b3d2;
    cursor: pointer;
    font-size: 2.6rem;
    position: absolute;
    right: 0;
    top: 0;
}
.note__btn {
    margin-top: 0.5rem;
}
@media screen and (min-width: 752px) {
    .note__btn {
        margin-top: 0;
    }
}
.note__btn.primary,
.note__btn.secondary {
    font-size: 1.1rem;
    min-height: 3rem;
    padding: 0.6rem 1.8rem;
}
@media screen and (min-width: 752px) {
    .note__btn.primary,
    .note__btn.secondary {
        font-size: 1.2rem;
        min-height: 4rem;
    }
    .note__btn.secondary {
        font-size: 1.4rem;
        padding: 0.9rem 1.8rem;
    }
}
.note__btn.link {
    display: none;
}
@media screen and (min-width: 752px) {
    .note__btn.link {
        color: #06d;
        display: inline-flex;
        min-height: 3rem;
        padding: 1rem 0 0;
    }
}
.note__btn--ok {
    min-width: 8rem;
}
.note__game {
    display: flex;
    flex-flow: column;
}
@media screen and (min-width: 516px) {
    .note__game {
        align-items: center;
        flex-flow: row;
        justify-content: space-between;
    }
}
.note__game-action {
    margin-top: 0.3rem;
}
@media screen and (min-width: 516px) {
    .note__game-action {
        margin-top: 0;
    }
}
.note__overlay {
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.6rem 1.6rem 0 rgba(0, 7, 52, 0.26);
    display: flex;
    margin-bottom: 2rem;
    min-height: 5rem;
    padding: 1.5rem;
}
@media screen and (min-width: 516px) {
    .note__overlay {
        width: 47.5rem;
    }
}
@media screen and (min-width: 752px) {
    .note__overlay {
        align-items: center;
    }
}
.note__overlay .note__content {
    color: #1b204f;
}
.note__overlay a {
    color: #06d;
    text-decoration: none;
}
.note__overlay.dark {
    background-color: #06d;
}
.note__overlay.dark .note__content {
    color: #fff;
}
.note__overlay.dark a {
    color: #06d;
}
.note__overlay.dark .note__btn:active {
    background-color: #0076ff;
    color: #fff;
}
@media screen and (min-width: 752px) {
    .pass-change__body {
        margin: 0 auto;
        max-width: 80rem;
        padding: 2rem;
    }
}
.pass-change__notes {
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
    padding: 2rem 2rem 0;
}
@media screen and (min-width: 752px) {
    .pass-change__notes {
        line-height: 2rem;
        padding: 0;
    }
}
.pass-change__fields {
    margin: 0 2rem;
    padding: 2rem 0 1rem;
}
@media screen and (min-width: 752px) {
    .pass-change__fields {
        grid-gap: 1rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin: 0;
    }
    .pass-change__fields .form__group {
        margin: 0 0 2rem;
    }
}
.pass-change__btns {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
}
.pass-change__change {
    display: block;
    min-width: 14rem;
}
.prediction {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.5rem;
    color: #fff;
    font-size: 14px;
    min-width: 46rem;
    overflow: visible;
    width: 46rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction {
        min-width: 32rem;
        width: 32rem;
    }
}
.prediction.modal__content {
    margin: auto;
    padding: 0;
}
.prediction .modal__close {
    color: #fff;
    opacity: 1;
    z-index: 5;
}
.prediction .modal__inner {
    background: none;
    overflow: visible;
}
.prediction__wrap {
    background-position: 50%;
    background-size: 46rem;
    min-height: 57rem;
    min-width: 46rem;
    position: relative;
    width: 46rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__wrap {
        min-width: 32rem;
        width: 32rem;
    }
}
.prediction__bg {
    background-repeat: no-repeat;
    border-radius: 2rem;
    bottom: 0;
    height: 57rem;
    left: 0;
    position: absolute;
    width: 46rem;
}
.webp .prediction__bg {
    background-image: url(/vulkanvegas/img/frontend/prediction/bg.webp);
}
.no-webp .prediction__bg {
    background-image: url(/vulkanvegas/img/frontend/prediction/bg.png);
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__bg {
        width: 32rem;
    }
}
.prediction__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 57rem;
}
.prediction__tarot-card {
    height: 100%;
    max-width: 100%;
    width: 100%;
}
.prediction__tarot-card--front {
    display: none;
}
.prediction__tarot--open .prediction__tarot-card--front {
    display: block;
}
.prediction__tarot--open .prediction__tarot-card--back {
    display: none;
}
.prediction__tarot {
    border-radius: 0.9rem;
    box-shadow: 0 0.5rem 0.3rem rgba(0, 0, 0, 0.3);
    height: 33.6rem;
    margin: 0 auto -3.5rem;
    position: relative;
    transition: width 0.5s ease-in;
    width: 21.7rem;
    z-index: 0;
}
.prediction__tarot--hide {
    width: 1px;
}
.prediction__tarot--open {
    transition: width 0.5s ease-out;
}
.prediction__crystal {
    position: absolute;
    transition: transform 0.1s;
}
.prediction__crystal--1 {
    right: 5rem;
    top: 7.5rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__crystal--1 {
        right: 1rem;
        z-index: 2;
    }
}
.prediction__crystal--2 {
    bottom: 12.5rem;
    left: 2rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__crystal--2 {
        bottom: 1rem;
        left: 0.2rem;
    }
}
.prediction__crystal--3 {
    bottom: -2.5rem;
    right: 2rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__crystal--3 {
        bottom: 5.5rem;
        right: 0.5rem;
    }
}
.prediction__ribbon {
    background-repeat: no-repeat;
    background-repeat: repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #000;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
    margin: 5.5rem 0 3.8rem;
    padding: 0 2rem;
    position: relative;
    text-align: center;
    width: 39.6rem;
}
.webp .prediction__ribbon {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon.webp);
}
.no-webp .prediction__ribbon {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon.png);
}
.prediction__ribbon span {
    display: block;
    margin: -1.7rem 0 -2.5rem;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__ribbon {
        margin: 5.5rem 0 3rem;
        width: 32rem;
    }
}
.prediction__ribbon:after,
.prediction__ribbon:before {
    background-repeat: no-repeat;
    content: "";
    height: 5.7rem;
    left: 0;
    position: absolute;
    right: 0;
}
.prediction__ribbon:before {
    background-repeat: no-repeat;
    background-size: contain;
    top: -5.69rem;
}
.webp .prediction__ribbon:before {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon-top.webp);
}
.no-webp .prediction__ribbon:before {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon-top.png);
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__ribbon:before {
        height: 4.6rem;
        top: -4.59rem;
    }
}
.prediction__ribbon:after {
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -4.5rem;
    height: 4.5rem;
}
.webp .prediction__ribbon:after {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon-bottom.webp);
}
.no-webp .prediction__ribbon:after {
    background-image: url(/vulkanvegas/img/frontend/prediction/ribbon-bottom.png);
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__ribbon:after {
        bottom: -4.3rem;
        height: 4.3rem;
    }
}
.prediction__text {
    color: #000;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 2rem;
    font-style: italic;
    font-weight: 600;
    height: 7rem;
    line-height: 1.35;
    margin: 0;
    text-align: center;
    width: 35.5rem;
}
@media screen and (min-width: 0) and (max-width: 515px) {
    .prediction__text {
        height: 9.6rem;
        width: 28.5rem;
    }
}
.prediction__message {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: -5rem;
    opacity: 0;
    position: relative;
    transition: opacity 1s;
}
.prediction__content--show .prediction__message {
    opacity: 1;
}
.prediction__content--has-game-tmb .prediction__message {
    flex: 1;
    justify-content: space-between;
    margin-bottom: 0;
}
.prediction__content--has-game-tmb .prediction__message:after {
    content: "";
    display: block;
}
.prediction__tmb {
    background-size: contain;
    border-radius: 0.3rem;
    height: 13rem;
    margin: 1rem 0 0;
    width: 13rem;
}
.prediction__link {
    margin: 1rem 0;
}
.profile-data__form {
    padding: 2rem 0 3rem;
}
@media screen and (min-width: 752px) {
    .profile-data__form {
        min-height: 600px;
        overflow: hidden;
        padding: 3rem 1rem 4rem;
    }
}
.profile-data .form__groups--profile-footer {
    position: relative;
}
@media screen and (min-width: 752px) {
    .profile-data .form__groups--profile-footer:after,
    .profile-data .form__groups--profile-footer:before {
        background: #e4e5eb;
        bottom: 5rem;
        content: "";
        height: 0.1rem;
        position: absolute;
        width: 99rem;
    }
    .profile-data .form__groups--profile-footer:before {
        right: 100%;
        transform: translateX(-42px);
    }
    .profile-data .form__groups--profile-footer:after {
        left: 100%;
        transform: translateX(42px);
    }
    .profile-data .form__group {
        margin: 0 0 2.4rem;
        width: calc(50% - 2.7rem);
    }
    .profile-data .form__group--align-right {
        margin-left: auto;
    }
}
.profile-data .form__group .form__group {
    margin: 0 0 0.6rem;
    width: 100%;
}
.profile-data .form__group.sms-code {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.8rem 2.2rem rgba(75, 74, 120, 0.24);
    left: -1rem;
    padding: 0.6rem 1rem 2.4rem;
    position: absolute;
    right: -1rem;
    width: auto;
    z-index: 2;
}
.profile-data .form__group.phone {
    margin: 0;
}
.profile-data .form__group.subscribe {
    align-items: flex-end;
    display: flex;
}
@media screen and (min-width: 752px) {
    .profile-data .form__group.limits-link {
        margin-top: 2rem;
    }
}
@media screen and (max-width: 350px) {
    .profile-data .form__group--cta {
        flex-wrap: wrap;
        margin: 0 2rem;
    }
    .profile-data .form__group--cta .profile-data__change-pass,
    .profile-data .form__group--cta .profile-data__save {
        margin-bottom: 2rem;
    }
}
.profile-data .form__field-wrap .i-check {
    color: #9fbc2d;
    font-size: 3rem;
    position: absolute;
    right: 0.6rem;
    top: 0.5rem;
}
.profile-data__phone-example {
    color: #b0b3d2;
    font-size: 1.2rem;
    padding-top: 0.2rem;
    position: absolute;
    top: 100%;
}
.error .profile-data__phone-example {
    display: none;
}
.profile-data__phone-confirmed {
    background: #fff;
    color: #9fbc2d;
    display: none;
    font-size: 3rem;
    position: absolute;
    right: 0.6rem;
    top: 0.3rem;
}
.profile-data__phone-confirmed.show {
    display: inline-block;
}
.profile-data__btns {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.profile-data__btn {
    align-items: center;
    background: #f7f8f9;
    border: none;
    box-shadow: 0 0 2rem 1.2rem #f7f8f9;
    color: #ff5823;
    display: flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    position: absolute;
    right: 1.6rem;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
    width: auto;
    z-index: 2;
}
.profile-data__btn:active,
.profile-data__btn:hover {
    color: #d43a09;
    cursor: pointer;
}
.profile-data__btn[disabled] {
    color: #abacbc;
    pointer-events: none;
}
.profile-data__btn-part {
    align-items: center;
    display: inline-flex;
    position: relative;
}
.profile-data__btn-countdown {
    display: inline-block;
    margin-left: 0.4rem;
}
.profile-data__btn-icon {
    color: #808aa6;
    height: 1.6rem;
    pointer-events: none;
    width: 1.6rem;
}
.profile-data__change-pass,
.profile-data__save {
    font-size: 1.4rem;
    height: 5.2rem;
    text-align: center;
}
.profile-data__change-pass {
    color: #06d;
    margin-right: 1.6rem;
}
.profile-data__checks {
    align-items: center;
    display: flex;
    margin-bottom: 0.5rem;
}
.profile-data__limits-link {
    color: #1b204f;
    text-decoration: none;
}
.profile-data__limits-link,
.profile-data__player-id,
.profile-data__registration {
    color: #808aa6;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
}
.profile-data__registration {
    margin-bottom: 0.6rem;
}
.profile-data__id-value,
.profile-data__registration-date {
    color: #1b204f;
}
.profile-data .date-ranger {
    height: 100%;
    position: relative;
    width: 100%;
}
.phone-confirm__example {
    color: #b0b3d2;
    font-size: 1.2rem;
    padding-top: 0.2rem;
    position: absolute;
    top: 100%;
}
.error .phone-confirm__example {
    display: none;
}
.phone-confirm__close {
    color: #555a8f;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    right: -2rem;
    top: -2rem;
    z-index: 1;
}
.tooltip-unlink {
    display: none;
    height: 1.8rem;
    position: absolute;
    right: -0.9rem;
    top: -0.9rem;
    width: 1.8rem;
    z-index: 5;
}
.socials-auth__item.active .tooltip-unlink {
    display: inline-flex;
}
.tooltip-unlink__icon-wrap {
    background-color: #65b812;
    border-radius: 50%;
    height: 1.8rem;
    position: absolute;
    transition: background-color 0.15s;
    width: 1.8rem;
}
.tooltip-unlink__icon-wrap:hover {
    background-color: #da3f53;
}
.tooltip-unlink__icon-wrap:hover .check {
    opacity: 0;
    visibility: hidden;
}
.tooltip-unlink__icon-wrap:hover .close {
    opacity: 1;
    visibility: visible;
}
.tooltip-unlink__icon {
    color: #fff;
    height: 1.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s;
    width: 1.2rem;
}
.tooltip-unlink__icon.close {
    opacity: 0;
    visibility: hidden;
}
.profile-loyalty {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    margin-right: -4rem;
    padding-right: 1rem;
    z-index: 3;
}
@media screen and (min-width: 752px) {
    .profile-loyalty {
        margin-right: 0;
        position: relative;
        transform: translateY(5%);
    }
}
.profile-loyalty__body {
    background-color: #19222e;
    border-radius: 0.3rem;
    cursor: default;
    left: 50%;
    min-width: 25rem;
    opacity: 0;
    padding: 2rem;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: translate(-50%, 5%);
    transition: 0.25s ease-in;
    visibility: hidden;
    z-index: 5;
}
.profile-loyalty:hover .profile-loyalty__body {
    opacity: 1;
    visibility: visible;
}
@media screen and (min-width: 752px) {
    .profile-loyalty__body {
        left: auto;
        position: absolute;
        right: 10%;
        top: 100%;
        transform: translateY(10%);
        z-index: 10;
    }
}
@media screen and (min-width: 1052px) {
    .profile-loyalty__body {
        left: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
    }
}
.profile-loyalty__body:before {
    border: 0.6rem solid transparent;
    border-bottom: 0.5rem solid #19222e;
    bottom: 100%;
    content: "";
    display: block;
    position: absolute;
    right: 20%;
}
@media screen and (min-width: 516px) {
    .profile-loyalty__body:before {
        bottom: 100%;
        position: absolute;
        right: 7%;
    }
}
@media screen and (min-width: 1052px) {
    .profile-loyalty__body:before {
        border-bottom: 0.6rem solid transparent;
        border-right: 0.5rem solid #19222e;
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
    }
}
.profile-loyalty__tooltip.tooltip-info__icon {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    height: 3rem;
    letter-spacing: 0.05rem;
    letter-spacing: 0;
    margin-left: 0;
    width: 3rem;
}
.profile-loyalty__list {
    margin-bottom: 2rem;
}
.profile-loyalty__item {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.profile-loyalty__item_status {
    margin-bottom: 1.5rem;
}
.profile-loyalty__item-title,
.profile-loyalty__item-value {
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
}
.profile-loyalty__btn {
    background-color: #06d;
    border: 0.2rem solid #06d;
    border-radius: 2.8rem;
    color: #fff;
    display: block;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 1.1rem 2rem;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out;
}
.profile-loyalty__btn:hover {
    background-color: transparent;
}
.profile-info .modal__inner {
    background: #fff;
    overflow: visible;
}
.profile-info .modal__header {
    background: none;
    padding: 1.5rem 4rem 1.5rem 1.5rem;
}
.profile-info__form {
    margin: 0 auto;
    max-width: 30rem;
    padding: 1.5rem 0 3rem;
}
@media screen and (max-width: 320px) {
    .profile-info__form {
        max-width: 27rem;
    }
}
.profile-info .form__group {
    margin: 0 0 2rem;
}
.profile-info__finish {
    min-width: 11rem;
}
.signin {
    margin: 0 auto;
    max-width: 34rem;
    padding: 1.5rem 0 0;
}
.signin__forgot {
    padding: 0 0 2rem;
    text-align: center;
}
.signin__forgot--link {
    color: #06d;
    display: block;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}
.signin__registr {
    margin: 2rem 0;
}
.signin__check-txt {
    color: #1b204f;
    font-size: 1rem;
    line-height: 1.2rem;
}
.signup {
    background: #fff;
}
.signup__form {
    padding: 1.5rem 0 2rem;
}
.signup__form .form__group {
    margin-bottom: 2.2rem;
}
.signup__inner {
    margin: 0 auto;
    max-width: 34rem;
}
.signup__group-promo {
    align-items: center;
    display: flex;
    flex-flow: column;
    margin-bottom: 0;
    position: relative;
}
@media screen and (min-width: 516px) {
    .signup__group-promo {
        align-items: flex-start;
        flex-flow: row;
    }
}
.signup__form--footer .signup__btns {
    margin-top: 3rem;
}
.signup__finish {
    padding: 2.5rem 0;
}
.signup__check-txt {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
}
.signup__check-txt.align-center {
    align-items: center;
    display: inline-flex;
}
.signup__check-txt a {
    color: #3982d6;
    text-decoration: none;
}
.profile-data .signup__check-txt {
    font-size: 1.4rem;
}
.signup__form--footer .signup__check-txt {
    color: #fff;
    font-size: 1.2rem;
}
.signup__form--footer .signup__check-txt a {
    color: inherit;
    text-decoration: underline;
}
.signup__form--footer .signup__check-txt a:active,
.signup__form--footer .signup__check-txt a:hover {
    text-decoration: none;
}
.signup__exist-account {
    align-items: center;
    background: #f7f8f9;
    display: flex;
    flex-direction: column;
    padding-top: 1.8rem;
}
.signup__already-account {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
}
.signup__login {
    margin: 2rem 0;
}
.signup__promocode {
    margin: 0 0 2rem;
}
.signup__promocode.hidden:not(.active) {
    display: none;
}
@media screen and (min-width: 516px) {
    .signup__promocode {
        margin: 0 0 2rem;
    }
}
.signup-bonus {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 28rem;
    padding: 1rem 2rem;
}
.signup-bonus__img {
    flex: none;
    width: 7rem;
}
@media screen and (min-width: 752px) {
    .signup-bonus__img {
        width: 7.6rem;
    }
}
.signup-bonus__img img {
    height: auto;
    max-width: 100%;
}
.signup-bonus__info {
    color: #250b3a;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    margin-left: 2rem;
}
.signup-bonus__text {
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 0.7rem;
}
.signup-bonus__sum {
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
}
.signup-promo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1.2rem;
    padding: 2rem 1rem 2.2rem;
}
.webp .signup-promo {
    background-image: url(/vulkanvegas/img/frontend/profile/promocode-profile.webp);
}
.no-webp .signup-promo {
    background-image: url(/vulkanvegas/img/frontend/profile/promocode-profile.png);
}
.signup-promo.hidden {
    display: none;
}
.signup-promo__inner {
    margin: 0 auto;
    max-width: 34rem;
}
.signup-promo__group {
    margin: 0 2rem;
    position: relative;
}
.signup-promo__field {
    background: #fff;
    border: none;
    border-radius: 2.25rem;
    box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, 0.11);
    box-sizing: border-box;
    color: #1b204f;
    height: 4rem;
    outline: none;
    padding: 0 12.8rem 0 1.6rem;
    width: 100%;
}
@media screen and (min-width: 516px) {
    .signup-promo__field {
        padding: 0 12.8rem 0 2.8rem;
    }
}
.signup-promo__btn {
    height: 3.6rem;
    min-width: 8.2rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    z-index: 1;
}
.signup-promo__status {
    height: 0;
    left: 0;
    margin: 0.2rem 0 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateX(-200%);
    transition: all 0.2s;
    visibility: hidden;
}
.signup-promo__status.show {
    height: auto;
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}
.signup-promo__status-msg {
    border-radius: 1.5rem;
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.1rem 0.6rem;
    white-space: nowrap;
}
.signup-promo__status-msg.is-invalid {
    background: #f53804;
}
.signup-promo__status-msg.is-valid {
    background: #9fbc2d;
}
.tooltip-info {
    display: inline-flex;
    margin-left: 0.4rem;
    position: relative;
}
.tooltip-info__icon {
    align-items: center;
    background-color: #edeffb;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    color: #06d;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    font-weight: 600;
    height: 2.6rem;
    justify-content: center;
    letter-spacing: 0.05rem;
    transition: background-color 0.15s, color 0.15s;
    width: 2.6rem;
}
.tooltip-info__icon:hover {
    background: #06d;
    color: #fff;
}
.tooltip-info i.tooltip-info__icon {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
}
.tooltip-info__body,
.tooltip-unlink__body {
    background: #19222e;
    border-radius: 0.3rem;
    color: #fff;
    display: none;
    flex-flow: row wrap;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    left: 0;
    letter-spacing: 0.05rem;
    min-width: 25rem;
    padding: 1.5rem;
    position: absolute;
    top: 2.9rem;
    transform: translateX(-50%);
    z-index: 2;
}
@media screen and (min-width: 516px) {
    .tooltip-info__body,
    .tooltip-unlink__body {
        transform: none;
    }
}
@media screen and (min-width: 752px) {
    .tooltip-info__body,
    .tooltip-unlink__body {
        font-size: 1.4rem;
    }
}
.tooltip-info:hover .tooltip-info__body,
.tooltip-info:hover .tooltip-unlink__body {
    display: flex;
}
.tooltip-info--large .tooltip-info__icon {
    font-size: 1.2rem;
    height: 2.2rem;
    width: 2.2rem;
}
@media screen and (min-width: 752px) {
    .tooltip-info--large .tooltip-info__icon {
        font-size: 1.8rem;
        height: 3.6rem;
        width: 3.6rem;
    }
}
.tooltip-info--large .tooltip-info__body,
.tooltip-info--large .tooltip-unlink__body {
    left: 0;
    position: absolute;
    top: 4rem;
    z-index: 2;
}
.tooltip-info--invert {
    align-items: center;
    background-color: #edeffb;
    background: none;
    border: 0.1rem solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #06d;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    font-weight: 600;
    height: 2.6rem;
    justify-content: center;
    letter-spacing: 0.05rem;
    margin: 0 1rem;
    transition: background-color 0.15s, color 0.15s;
    width: 2.6rem;
}
.tooltip-info--invert:hover {
    background: #06d;
    color: #fff;
}
.user-info {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
}
@media screen and (min-width: 752px) {
    .user-info {
        max-width: 55rem;
        width: 100%;
    }
}
.user-info_profile {
    flex-flow: row;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 752px) {
    .user-info_profile {
        height: 100%;
        margin: 0 auto;
        max-width: 98rem;
        text-align: left;
    }
}
.user-info_profile i {
    text-shadow: none;
}
.user-info__loyalty-wrap {
    display: flex;
}
.user-info__statistics {
    margin-top: 14rem;
    order: 3;
    position: relative;
    width: 50%;
}
@media screen and (min-width: 752px) {
    .user-info__statistics {
        margin-top: 0;
    }
}
.user-info__contacts {
    margin-top: 14rem;
    order: 1;
    position: relative;
    text-align: center;
    width: 50%;
}
.user-info__contacts:after {
    border-right: 1px solid #e4e5eb;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
@media screen and (min-width: 752px) {
    .user-info__contacts:after {
        display: none;
    }
    .user-info__contacts {
        margin-top: 0;
        text-align: right;
    }
}
@media screen and (max-width: 751px) {
    .user-info__email {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 1rem;
    }
}
.user-info__status {
    align-items: center;
    display: flex;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: center;
    line-height: 2.2rem;
    margin: 0 2rem;
    overflow: hidden;
    padding-bottom: 0.4rem;
    position: relative;
    text-overflow: ellipsis;
}
@media screen and (min-width: 752px) {
    .user-info__status {
        justify-content: flex-start;
        margin: 0;
    }
}
.user-info__level {
    display: flex;
    font-size: 1.3rem;
    font-weight: 700;
    justify-content: center;
}
@media screen and (min-width: 752px) {
    .user-info__level {
        justify-content: flex-start;
    }
}
.user-info__level-value {
    display: flex;
    padding-right: 4px;
}
.user-info__body {
    text-align: center;
}
@media screen and (min-width: 752px) {
    .user-info__body {
        display: flex;
        flex-flow: column;
        padding-top: 0;
        text-align: left;
    }
}
.user-info__name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin: 0 2rem;
    overflow: hidden;
    padding-bottom: 0.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (min-width: 752px) {
    .user-info__name {
        margin: 0;
    }
}
.user-info__detail {
    color: #fff;
    font-family: Open Sans Condensed, Roboto, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    padding: 0.7rem 0 2rem;
}
.user-info__edit-link {
    display: inline-block;
    text-decoration: none;
}
.user-info__edit-link .i-pencil {
    color: #fff;
    font-size: 1rem;
    padding-right: 4px;
}
.user-info__edit-link span {
    color: #fff;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
}
.user-info__confirm {
    margin-right: 1.2rem;
    padding: 0.4rem 1.6rem 0.4rem 1.2rem;
    white-space: nowrap;
}
.user-info__confirm .i-attention {
    display: inline-block;
    margin-right: 0.7rem;
}
.user-info__player-id {
    color: #fff;
    font-family: Open Sans, Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    margin-left: 1rem;
}
.game-popup {
    -webkit-animation: shadow 0.7s ease-in;
    animation: shadow 0.7s ease-in;
    bottom: auto;
    left: 50%;
    max-width: 45.2rem;
    position: absolute;
    right: auto;
    top: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 0;
}
.game-popup--blocked {
    max-width: 40rem;
    width: 85%;
}
.game-popup--blocked .game-popup__close {
    color: #1b204f;
}
.game-popup__top {
    height: 20rem;
    overflow: hidden;
    position: relative;
}
.game-popup__close {
    align-items: center;
    background: transparent;
    border: 0;
    bottom: auto;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 2.6rem;
    height: 2.5rem;
    justify-content: center;
    left: auto;
    padding: 0;
    position: absolute;
    right: 1.6rem;
    text-decoration: none;
    top: 1.6rem;
    transition: 0.5s linear;
    width: 2.5rem;
    z-index: 0;
}
.game-popup__close:hover {
    transform: rotate(180deg);
}
.game-popup__content {
    color: #1b204f;
    font-family: Open Sans, Roboto, sans-serif;
    font-weight: 700;
    padding: 40px 0;
    text-align: center;
}
.game-popup__title {
    font-size: 2.4rem;
    margin: 0 0 1.5rem;
}
.game-popup__subtitle {
    color: #808aa6;
    font-size: 2rem;
    margin: 0 0 2.5rem;
}
.game-popup__bonus {
    font-size: 3.6rem;
    margin: 0 0 3rem;
}
.game-popup__btn {
    font-size: 1.3rem;
    height: auto;
    line-height: 1.8rem;
    padding: 1.4rem 4rem;
    text-transform: uppercase;
}
@-webkit-keyframes shadow {
    0% {
        top: 150%;
    }
    90% {
        top: 40%;
    }
    to {
        top: 50%;
    }
}
@keyframes shadow {
    0% {
        top: 150%;
    }
    90% {
        top: 40%;
    }
    to {
        top: 50%;
    }
}
.game-blocked__icon {
    display: inline-block;
    height: 6rem;
    margin-top: 3.6rem;
    width: 6rem;
}
@media screen and (min-width: 752px) {
    .game-blocked__icon {
        height: 7.2rem;
        margin-top: 6rem;
        width: 7.2rem;
    }
}
.game-blocked__top {
    height: auto;
    text-align: center;
}
.game-blocked__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 0 3.2rem;
}
@media screen and (min-width: 752px) {
    .game-blocked__content {
        padding: 0 0 4.4rem;
    }
}
.game-blocked__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin: 2.4rem 4rem;
    text-align: center;
}
@media screen and (min-width: 752px) {
    .game-blocked__title {
        font-size: 2.4rem;
        margin-bottom: 4rem;
    }
}
.game-blocked__btn {
    min-width: 13rem;
}