@font-face {
    font-family: poster;
    src: url(../fonts/PosterizerKG.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

body,
html {}

.promocode__container {
    display: block !important;
    position: relative !important;
    margin-top: 10px !important
}

.cb-modal-form-container .form_body__fields>div+div {
    margin-top: 10px !important
}

.currency__container+.promocode__container::after {
    content: '';
    position: absolute;
    background-image: url(../img/new_spins/promo_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
    bottom: 13px;
    left: 10px;
    z-index: 1
}

.promocode__title+.promocode__input::placeholder {
    color: #fff !important
}

.currency__container {
    display: block !important;
    margin-top: 10px !important
}

.promocode__title {
    margin-right: 10px
}

#cb-promocode-input {
    border-radius: 10px !important;
    font-size: 22px;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    line-height: 26px !important;
    width: 100% !important;
    border: 1px solid #d7b564 !important;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    margin-left: 0 !important;
    background-color: #fff !important
}

.iti__country-list {
    z-index: 3 !important;
    border: 1px solid #d7b564 !important;
    border-radius: 8px !important
}

.cb-modal-close {
    top: 33px !important;
    right: 25px !important;
    position: absolute;
    width: 31px;
    height: 31px;
    opacity: .5;
    transition: .2s
}

.cb-modal-close:hover {
    cursor: pointer;
    opacity: 1
}

.affise-promo-title {
    margin-bottom: 20px
}

.affise-promo-title span:nth-of-type(even) {
    font-family: montserrat, Arial, sans-serif;
    color: #d7b564;
    font-weight: 500;
    font-size: 3.2em;
    /* padding: 0 1.75em; */
    text-shadow: 1px 1px #000
}

.affise-promo-title span:nth-of-type(odd) {
    text-transform: uppercase;
    color: #d7b564;
    font-size: 4.3em;
    font-family: poster, roboto, Arial, sans-serif;
    text-shadow: 1px 1px #000
}

.cb-modal-close::after,
.cb-modal-close::before {
    position: absolute;
    content: '';
    width: 27px;
    height: 3px;
    background-color: #000;
    top: 13px;
    right: 2px;
    transform: rotate(45deg)
}

.cb-modal-close::before {
    transform: rotate(135deg)
}

.modal__custom-wrap {
    position: relative
}

.cb-modal-close::after,
.cb-modal-close::before {
    background-color: #fde8b6 !important
}

.cb-modal-form-container .form_body {
    zoom: .9
}

.payments-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px;
    filter: contrast(0)
}

.cb-modal-form-wrapper {
    overflow-y: scroll !important
}

.cb-modal-close {
    display: none !important
}

@media(max-width:600px) and (max-height:600px) {
    .cb-modal-form-wrapper {
        align-items: flex-start !important
    }
}

.payment-item {
    width: 84px;
    height: 48px;
    margin: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

#footer,
.advantages,
.layout {
    transition: 1s
}

.wheel_wrap>div,
.cta-img-con {
    transition: .3s;
    opacity: 1
}

/* .pbn-loading #footer,
.pbn-loading .advantages,
.pbn-loading.cta-img-con,
.pbn-loading.wheel_wrap>div {
    opacity: 0
} */

.page .cb-modal-form-container .form_content {
    border-radius: 10px;
    background-color: #fff;
    max-width: 600px
}

.page .cb-modal-form-container .form_input input,
.page .cb-modal-form-container .promocode__input {
    border: 1px solid #d7b564;
    border-radius: 10px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    text-align: center;
    padding: 12px;
    background: #fff;
    font-weight: 300;
    font-size: 23px;
    line-height: 26px;
    position: relative;
    color: #232323
}

#cb-email-input::placeholder,
#cb-password-input::placeholder,
#cb-phone-input::placeholder {
    color: #232323 !important;
    opacity: .7
}

.cb-modal-form-container .checkmark {
    height: 32px !important;
    width: 32px !important;
    background: #fff;
    border: 2px solid #d7b564;
    border-radius: 4px
}

.cb-modal-form-container .form_container .checkmark:after {
    left: 10px !important;
    top: 2px !important;
    width: 8px !important;
    height: 16px !important;
    border: solid #232323 !important;
    border-width: 0 5px 5px 0 !important
}

.term__modal,
.cb-modal-form-container .submit__button a {
    color: #d7b564 !important;
    text-decoration: none;
    font-size: 1.5em
}

.tc__custom-con {
    padding-top: 20px
}

.checkbox__text {
    color: #fff !important;
    text-shadow: 1px 1px #000
}

.cb-modal-form-container .form-midline {
    background-color: unset !important
}

.checkbox__text .term__modal {
    font-size: unset
}

.cb-modal-form-container .form_content {
    min-height: 800px;
    background-image: url(../img/new_spins/form_bg-mob.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.cb-modal-form-container .form_title {
    background-color: unset !important;
    padding-top: 55px !important;
    font-family: poster !important;
    color: #d7b564 !important;
    font-size: 36px !important
}

.cb-modal-form-container .form-midline {
    margin: 15px 0 !important
}

#cb-form .nice-select {
    border: 1px solid #d7b564;
    border-radius: 10px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    background: #fff;
    font-weight: 300;
    font-size: 18px;
    position: relative;
    margin-bottom: 15px;
    color: #232323;
    margin-left: 0 !important;
    z-index: 2
}

#cb-form .nice-select .list {
    max-height: 261px;
    overflow-y: auto;
    min-width: 100%;
    border-radius: unset
}

#cb-form .nice-select .option:hover,
#cb-form .nice-select .option.focus,
#cb-form .nice-select .option.selected.focus {
    background-color: #e5e6eb
}

#layout {
    min-height: 100%;
    position: relative;
    z-index: 2;
    overflow-x: hidden
}

.iti {
    width: 100%;
    opacity: 0
}

.currency__title,
.promocode__title {
    font-weight: 700;
    font-size: 18px !important;
    line-height: 22px !important;
    text-align: center;
    color: #d7b564 !important;
    display: block !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: montserrat
}

.promo__custom-item {
    font-weight: 700
}

.page {
    font-size: 10px;
    background-image: url(../img/new_spins/bg.jpg);
    font-family: montserrat, Arial, sans-serif;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100vw;
    overflow-x: hidden;
    background-color: #0b0c16
}

.main-wrapper {
    position: relative;
    width: 100vw;
    height: 100vh
}

@media(max-height:600px) and (min-width:900px) {
    .main-wrapper {
        height: fit-content
    }
}

.bg-left {
    background-image: url(../img/new_spins/promo_icon.svg);
    position: absolute
}

.pers_l {
    background-image: url(../img/new_spins/woman.png);
    background-size: contain;
    height: 100%;
    width: 77.5em;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 3
}

.pers_r {
    background-image: url(../img/new_spins/money.png);
    background-size: contain;
    height: 100%;
    width: 98em;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 1
}

@media(max-width:1650px) {
    .pers_l {
        background-position-x: calc(50vw - 700px);
        z-index: 2
    }

    .pers_r {
        background-position-x: calc(1050px - 50vw);
        z-index: 1
    }
}

@media(max-width:850px) {
    .pers_l {
        width: 37em;
        background-position: bottom
    }

    .pers_r {
        width: 73em;
        background-position: bottom
    }
}

@media(max-width:650px) {
    .pers_l {
        background-image: url(../img/new_spins/woman_mob.png);
        width: 37em;
        background-position: left bottom
    }

    .pers_r {
        display: none
    }
}

@media(max-width:350px) {
    .pers_l {
        width: 14em;
        background-position: bottom
    }

    .cta-img-con {
        position: absolute !important;
        bottom: 0 !important
    }
}

#container {
    padding-top: 2em;
    max-width: 77.5em;
    margin: 2em auto;
    overflow: hidden;
    padding-bottom: 30px
}

.logo {
    display: block;
    margin: 0 auto 4em;
    background: url(../img/logo.png) 0 0 no-repeat;
    width: 26.2em;
    height: 5em;
    background-size: contain
}

.wheel_wrap {
    position: relative;
    width: 56.2em;
    margin: 0 auto;
    height: 56.2em;
    padding-left: 10px
}

.wheel_holder {
    width: 55.2em;
    height: 58.2em;
    position: relative;
    z-index: 2
}

.wheel_holder::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/new_spins/wheel_frame_new.png) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 3
}

.wheel_spinner {
    background: url(../img/new_spins/wheel_fields_EN.png) 0 0 no-repeat;
    background-size: contain;
    width: 48.7em;
    margin: 0 auto;
    position: relative;
    top: 4em;
    z-index: 2;
    height: 48.7em;
    transform: rotate(180deg)
}

.wheel_spinner.wheel_spinner_en {
    background: url(../img/new_spins/wheel_fields_EN.png) 0 0 no-repeat;
    background-size: contain
}

.wheel_spinner.wheel_spinner_es {
    background: url(../img/new_spins/wheel_fields_ES.png) 0 0 no-repeat;
    background-size: contain
}

.wheel_spinner.wheel_spinner_pt {
    background: url(../img/new_spins/wheel_fields_PT.png) 0 0 no-repeat;
    background-size: contain
}

.wheel_spinner.wheel_spinner_no {
    background: url(../img/new_spins/wheel_fields_NO.png) 0 0 no-repeat;
    background-size: contain
}

.wheel-center {
    font-size: inherit;
    border: none;
    background-color: transparent;
    outline: none;
    width: 21.5em;
    height: 21.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-52%);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    z-index: 4;
    cursor: pointer
}

.wheel_btn {
    font-size: inherit;
    border: none;
    background-color: transparent;
    outline: none;
    background: url(../img/new_spins/wheel_btn_EN_default.png) 0 0 no-repeat;
    width: 21.5em;
    height: 21.5em;
    position: absolute;
    top: 18em;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain !important;
    display: block;
    z-index: 5;
    cursor: pointer
}

.wheel_btn.wheel_btn_en {
    background: url(../img/new_spins/wheel_btn_EN_default.png) 0 no-repeat, url(../img/new_spins/wheel_btn_EN_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_EN_pressed.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_EN_default.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_EN_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_EN_pressed.png) 10000px no-repeat
}

.wheel_btn.wheel_btn_en:hover {
    background-position: 10000px, 0, 10000px, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_en:active {
    background-position: 10000px, 10000px, 0, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_en.spin_2__custom {
    background-position: 10000px, 10000px, 10000px, 0, 10000px, 10000px
}

.wheel_btn.wheel_btn_en.spin_2__custom:hover {
    background-position: 10000px, 10000px, 10000px, 10000px, 0, 10000px
}

.wheel_btn.wheel_btn_en.spin_2__custom:active {
    background-position: 10000px, 10000px, 10000px, 10000px, 10000px, 0
}

.wheel_btn.wheel_btn_es {
    background: url(../img/new_spins/wheel_btn_ES_default.png) 0 no-repeat, url(../img/new_spins/wheel_btn_ES_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_ES_pressed.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_ES_default.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_ES_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_ES_pressed.png) 10000px no-repeat
}

.wheel_btn.wheel_btn_es:hover {
    background-position: 10000px, 0, 10000px, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_es:active {
    background-position: 10000px, 10000px, 0, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_es.spin_2__custom {
    background-position: 10000px, 10000px, 10000px, 0, 10000px, 10000px
}

.wheel_btn.wheel_btn_es.spin_2__custom:hover {
    background-position: 10000px, 10000px, 10000px, 10000px, 0, 10000px
}

.wheel_btn.wheel_btn_es.spin_2__custom:active {
    background-position: 10000px, 10000px, 10000px, 10000px, 10000px, 0
}

.wheel_btn.wheel_btn_pt {
    background: url(../img/new_spins/wheel_btn_PT_default.png) 0 no-repeat, url(../img/new_spins/wheel_btn_PT_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_PT_pressed.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_PT_default.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_PT_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_PT_pressed.png) 10000px no-repeat
}

.wheel_btn.wheel_btn_pt:hover {
    background-position: 10000px, 0, 10000px, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_pt:active {
    background-position: 10000px, 10000px, 0, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_pt.spin_2__custom {
    background-position: 10000px, 10000px, 10000px, 0, 10000px, 10000px
}

.wheel_btn.wheel_btn_pt.spin_2__custom:hover {
    background-position: 10000px, 10000px, 10000px, 10000px, 0, 10000px
}

.wheel_btn.wheel_btn_pt.spin_2__custom:active {
    background-position: 10000px, 10000px, 10000px, 10000px, 10000px, 0
}

.wheel_btn.wheel_btn_no {
    background: url(../img/new_spins/wheel_btn_NO_default.png) 0 no-repeat, url(../img/new_spins/wheel_btn_NO_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_NO_pressed.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_NO_default.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_NO_hover.png) 10000px no-repeat, url(../img/new_spins/wheel_btn_again_NO_pressed.png) 10000px no-repeat
}

.wheel_btn.wheel_btn_no:hover {
    background-position: 10000px, 0, 10000px, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_no:active {
    background-position: 10000px, 10000px, 0, 10000px, 10000px, 10000px
}

.wheel_btn.wheel_btn_no.spin_2__custom {
    background-position: 10000px, 10000px, 10000px, 0, 10000px, 10000px
}

.wheel_btn.wheel_btn_no.spin_2__custom:hover {
    background-position: 10000px, 10000px, 10000px, 10000px, 0, 10000px
}

.wheel_btn.wheel_btn_no.spin_2__custom:active {
    background-position: 10000px, 10000px, 10000px, 10000px, 10000px, 0
}

.wheel_win_frame {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 23.8em;
    height: 23.1em;
    background-size: contain;
    z-index: 3;
    top: 3px;
    filter: drop-shadow(0 2px rgba(0, 0, 0, 0.7))
}

.wheel_counter {
    position: absolute;
    z-index: 1;
    width: 21.2em;
    height: 21.1em;
    background-size: contain;
    top: 0;
    right: -1em
}

.wheel_counter_num {
    font-family: roboto, Arial, sans-serif;
    font-weight: 700;
    color: #74260b;
    font-size: 3.7em;
    position: absolute;
    top: .85em;
    right: 1.15em
}

.wheel_bonus_wrap {
    position: absolute;
    left: 1em;
    bottom: 0;
    width: 20.7em;
    height: 16em;
    z-index: 4
}

.wheel_bonus {
    display: none;
    position: absolute;
    left: 0;
    width: 20.7em;
    height: 7.5em;
    background-size: contain;
    background-repeat: no-repeat
}

.advantages {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 3
}

.advantages li {
    display: flex;
    flex-direction: column;
    align-items: center
}

.page .advantages div {
    margin: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 10em;
    height: 10em
}

.advantages p {
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-family: roboto, Arial, sans-serif;
    font-size: 1.2em;
    max-width: 100px;
    margin: 0 auto;
    text-transform: uppercase;
    text-shadow: 1px 1px #000
}

#footer {
    text-align: center;
    color: #797582;
    font-family: Arial, sans-serif;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center
}

#footer img {
    padding: .5rem 1rem;
    height: auto;
    display: flex
}

.footer-div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#footer img.mob {
    display: none;
    max-width: 51.3em
}

#footer img.desk {
    display: block;
    max-width: 92.9em
}

#footer p {
    font-size: 1.05em;
    max-width: 90em;
    margin: 0 auto 1.5em;
    width: 90%;
    line-height: 1.5;
    opacity: .6
}

.popup_overlay {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap
}

.popup_window {
    margin-top: 12.5em;
    background: url(../img/new_spins/popup.png) 0 0 no-repeat;
    width: 68em;
    height: 57em;
    background-size: contain;
    box-sizing: border-box;
    text-align: center;
    padding: 4.4em 4.4em 7em 5.2em;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: center;
    position: relative
}

.popup_title {
    text-transform: uppercase;
    color: #d7b564;
    font-size: 4.3em;
    font-family: poster, roboto, Arial, sans-serif;
    text-shadow: 1px 1px #000
}

#popup_1 .popup_title {
    padding: .5em 0
}

#popup_2 .popup_title {
    padding-bottom: .5em
}

.popup_txt {
    font-family: montserrat, Arial, sans-serif;
    color: #d7b564;
    font-weight: 500;
    font-size: 3.2em;
    padding: 0 1.75em;
    text-shadow: 1px 1px #000
}

#popup_1 .popup_txt {
    padding: 0 1.75em 1em
}

#popup_2 .popup_txt {
    padding: 0 1.75em 1.4em
}

.popup_txt span {
    color: #d7b564
}

#popup_2 .popup_txt span:last-of-type {
    display: block
}

.btn_custom_wrap {
    margin: 0 auto;
    width: 32em;
    height: 7.7em;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.popup_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-decoration: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: url(../img/new_spins/popup_btn_default.png) center center no-repeat, url(../img/new_spins/popup_btn_hover.png) 10000px no-repeat, url(../img/new_spins/popup_btn_pressed.png) 10000px no-repeat;
    background-size: contain !important;
    text-align: center;
    padding: 5px 7px 5px 5px
}

.popup_btn span {
    text-transform: uppercase;
    color: #654225;
    font-size: 2.85em;
    font-family: poster, roboto, Arial, sans-serif;
    padding-top: 5px
}

.popup_btn:hover {
    background-position: 10000px, center, 10000px;
    background-size: contain !important;
    width: 100%;
    margin-top: 3px;
    padding-top: 2px
}

.popup_btn:active {
    background-position: 10000px, 10000px, center center;
    background-size: contain !important
}

.cb-modal-form-container .submit__button button {
    cursor: pointer;
    margin: 0 auto;
    text-decoration: none;
    box-sizing: border-box;
    background: url(../img/new_spins/register_btn_default.png) 0 no-repeat, url(../img/new_spins/register_btn_hover.png) 10000px no-repeat, url(../img/new_spins/register_btn_pressed.png) 10000px no-repeat !important;
    background-size: contain !important;
    font-size: 36px;
    font-family: poster, Arial;
    line-height: 42px !important;
    color: #654225
}

.submit__button button:hover {
    background-position: 10000px, center, 10000px !important;
    background-size: contain !important;
    width: 100%
}

.submit__button button:active {
    background-position: 10000px, 10000px, 0 !important;
    background-size: contain !important
}

.wheel_custom_wrapper {
    position: relative
}

.animated_static_point {
    animation: 2s spinner-static_1 ease-in-out infinite
}

@keyframes spinner-static_1 {
    0% {
        transform: rotate(3deg)
    }

    50% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(3deg)
    }
}

@media(max-width:812px) and (orientation:landscape) {
    .page {
        background-size: 812px
    }

    #layout {
        font-size: 45%
    }
}

@media(max-width:667px) and (orientation:landscape) {
    .page {
        background-size: 667px
    }

    #layout {
        font-size: 40%
    }
}

@media(max-width:568px) and (orientation:landscape) {
    .page {
        background-size: 568px
    }

    #layout {
        font-size: 35%
    }
}

@media(max-width:629px) and (orientation:portrait) {
    .cb-modal-form-container .form_content {
        max-width: 415px !important;
        min-height: 666px;
        background-image: url(../img/new_spins/form_bg-mob-414.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        zoom: .9
    }

    .cb-modal-close {
        top: 21px !important;
        right: 17px !important
    }

    .reg_form .nice-select {
        padding: 12px !important
    }

    #cb-promocode-input {
        padding: 12px !important
    }

    .form_body {
        padding: 0 30px 30px !important
    }

    .cb-modal-form-container .currency {
        width: 1.875rem !important;
        height: 1.875rem !important
    }

    .cb-modal-form-container .currency__title,
    .promocode__title {
        margin-right: 1.25rem !important;
        font-size: 16px !important;
        min-width: 120px !important
    }

    .promocode__container {
        margin-top: 15px !important
    }

    .cb-modal-form-container .checkbox__text {
        color: #fff !important
    }
}

@media(max-width:600px) {
    .cb-modal-form-container .form_content {
        max-width: 384px !important
    }
}

@media(max-width:414px) and (orientation:portrait) {
    .cb-modal-form-container .form_content {
        max-width: 345px !important;
        min-height: 665px;
        background-image: url(../img/new_spins/form_bg-mob-375.jpg);
        background-size: auto;
        background-repeat: no-repeat
    }
}

@media(max-width:374px) and (orientation:portrait) {
    .cb-modal-form-container .form_content {
        max-width: 290px !important;
        min-height: 665px;
        background-image: url(../img/new_spins/form_bg-mob-320.jpg);
        background-size: auto;
        background-repeat: no-repeat
    }

    .form_body {
        padding: 0 20px 30px
    }

    .form_title {
        zoom: .9
    }
}

@media(max-width:604px) and (orientation:portrait) {
    .page {
        background: #0b0c16 url(../img/new_spins/bg_mob.jpg) no-repeat;
        background-size: cover
    }

    .logo {
        width: 31.9em;
        height: 6.1em
    }

    #footer img.mob {
        display: block
    }

    .advantages {
        max-width: 40em;
        margin: 0 auto;
        padding: 6em 0 2em
    }

    .advantages li {
        margin-bottom: 4em;
        width: 50%
    }

    .advantages p {
        max-width: 70%
    }

    #footer p {
        font-size: 1.2em
    }

    .wheel_wrap {
        font-size: 94.5%;
        padding-left: 3px
    }

    .popup_overlay {
        font-size: 70%
    }
}

@media(max-width:550px) and (orientation:portrait) {
    .cb-modal-close {
        zoom: .8
    }

    #container {
        font-size: 90%
    }

    #footer {
        font-size: 95%
    }

    .cb-modal-close {
        top: 30px !important;
        right: 25px !important
    }
}

@media(max-width:500px) and (orientation:portrait) {
    #container {
        font-size: 80%
    }

    #footer {
        font-size: 90%
    }
}

@media(max-width:450px) and (orientation:portrait) {
    .popup_overlay {
        font-size: 60%
    }

    #container {
        font-size: 70%
    }

    #footer {
        font-size: 80%
    }
}

@media(max-width:420px) and (orientation:portrait) {
    .popup_overlay {
        zoom: .9
    }

    .cb-modal-close {
        zoom: .75;
        top: 30px !important;
        right: 25px !important
    }
}

@media(max-width:375px) {
    .cb-modal-close {
        zoom: .75;
        top: 26px !important;
        right: 17px !important
    }
}

@media(max-width:360px) and (orientation:portrait) {
    .popup_overlay {
        zoom: .8
    }
}

@media(max-width:340px) and (orientation:portrait) {
    .popup_overlay {
        zoom: .75
    }

    .cb-modal-close {
        zoom: .7;
        top: 30px !important;
        right: 17px !important
    }
}

@media(max-width:450px) {
    #cb-form .promocode__container {
        flex-direction: column;
        margin-top: 10px;
        text-align: center
    }

    #cb-form .currency__container {
        width: 100%;
        margin-top: 10px;
        text-align: center
    }

    .cb-modal-form-container .currency__title,
    .promocode__title {
        margin-bottom: 5px
    }
}

@media(max-width:389px) and (orientation:portrait) {
    #container {
        font-size: 60%
    }

    #footer {
        font-size: 70%
    }
}

.bg_chips_1 {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 618px;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-animation: vibrate-2 8s linear infinite both;
    animation: vibrate-2 8s linear infinite both
}

.bg_chips_2 {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 716px;
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-animation: vibrate-2 12s linear infinite reverse both;
    animation: vibrate-2 12s linear infinite reverse both
}

.bg_chips_3 {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 654px;
    height: 100%;
    right: 0;
    position: absolute;
    -webkit-animation: vibrate-2 8s linear infinite both;
    animation: vibrate-2 8s linear infinite both
}

.bg_chips_4 {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 210px;
    height: 100%;
    right: 0;
    position: absolute;
    -webkit-animation: vibrate-2 12s linear infinite reverse both;
    animation: vibrate-2 12s linear infinite reverse both
}

.chips-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute
}

@media(max-width:600px) {
    .cb-modal-form-container .submit__button button {
        margin-bottom: 6px !important;
        padding: 25px 30px 20px !important
    }

    .bg_chips_1 {
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 50%;
        height: 100%;
        left: 0;
        top: -30px;
        position: absolute;
        -webkit-animation: vibrate-2 8s linear infinite both;
        animation: vibrate-2 8s linear infinite both
    }

    .bg_chips_2 {
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 50%;
        height: 100%;
        left: 0;
        top: -50px;
        position: absolute;
        -webkit-animation: vibrate-2 12s linear infinite reverse both;
        animation: vibrate-2 12s linear infinite reverse both
    }
}

.cta-img-con {
    background-image: url(../img/new_spins/cta.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    position: absolute;
    width: 100%;
    height: 225px;
    z-index: 4;
    right: 0;
    top: 0
}

@media(max-width:1000px) {
    .cta-img-con {
        background-image: url(../img/new_spins/cta.png);
        background-position: bottom;
        background-size: contain;
        position: relative;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
        right: unset;
        top: unset
    }
}

.cta-img-con.to-back_custom {
    z-index: 1
}

@-webkit-keyframes vibrate-2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(15px, -15px);
        transform: translate(15px, -15px)
    }

    40% {
        -webkit-transform: translate(15px, 15px);
        transform: translate(15px, 15px)
    }

    60% {
        -webkit-transform: translate(-15px, 15px);
        transform: translate(-15px, 15px)
    }

    80% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes vibrate-2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(15px, -15px);
        transform: translate(15px, -15px)
    }

    40% {
        -webkit-transform: translate(15px, 15px);
        transform: translate(15px, 15px)
    }

    60% {
        -webkit-transform: translate(-15px, 15px);
        transform: translate(-15px, 15px)
    }

    80% {
        -webkit-transform: translate(-15px, -15px);
        transform: translate(-15px, -15px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}