html,
body {
    font-family: Gotham, sans-serif;

    &.language-lv,
    &.language-lt,
    &.language-pl,
    &.language-ru {
        font-family: Raleway, sans-serif;
    }

    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

.bm-container-page {
    background: $game-background;
}

.bm-page {
    > .bm-content {
        width: 32rem;
        margin: 0 auto;
    }
    z-index: 1;
    background: transparent;
}

// *::-webkit-scrollbar {
//     display: none;
// }

// /* Hide scrollbar for IE, Edge and Firefox */
// * {
//     -ms-overflow-style: none;
//     /* IE and Edge */
//     scrollbar-width: none;
//     /* Firefox */
// }

body {
    &.okta {
        .bm-menu-button {
            margin-right: 3rem;
        }
    }

    .intro-messagebg {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 5;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .intro-message {
        position: absolute;
        top: 50%;
        left: 2rem;
        z-index: 6;
        transform: translateY(-50%);

        .bubble {
            background-color: #fff;
            color: #000;
            padding: 1rem;
            width: 17rem;
            border-radius: 1rem;
            font-size: 1.2rem;
            text-align: center;
        }

        .ck-button {
            width: 15rem;
        }

        .skip {
            width: 15rem;
            text-align: center;
            margin: 3rem auto 0px;
            text-decoration: underline;
            font-weight: 900;
            font-style: italic;
        }
    }
}

.multilang-default {
    .bm-page-hub .nav-bar .nav-button .nav-label {
        font-size: 0.6rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-game .banner .checkin .list .open-checkin label {
        display: none;
    }
    .bm-page-hub .nav-content-wrapper.nav-game .game-button {
        width: 26rem;
    }
    .bm-page-user-info .skip {
        font-size: 1rem;
    }
    .ck-invite-friend .ck-button {
        font-size: 1rem;
    }
    .bm-page-user-info .box-parent .ck-subline {
        font-size: 1.6rem;
    }
    .bm-page-user-info .ck-headline {
        font-size: 2.2rem;
    }
    .bm-form .bm-input-row.custom-label label {
        font-size: 1.4rem;
    }
    .bm-page-user-opinion .ck-headline {
        font-size: 1.4rem;
    }
    .ck-invite-friend .coin-list label {
        font-size: 0.4rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-scan .list {
        font-size: 0.9rem;
    }

    .nav-wallet .recent-prize .ck-headline {
        font-size: 2.1rem;
        width: 30rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-wallet .ck-wallet-countdown .headline {
        font-size: 1.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-image .ad-image.bonusgame .counter .headline {
        font-size: 1.4rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-image .ad-image.bonusgame .ck-button {
        font-size: 1.2rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-form .value {
        font-size: 1.3rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .ad-list .ad-title {
        top: -2.3rem;
        font-size: 1.15rem;
    }
    .modal-bonus-game-status .ck-button {
        font-size: 1.4rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-shop .shop-shop .ck-headline {
        display: none;
    }
    .bm-page-user-opinion .ck-headline {
        font-size: 1.2rem;
    }
}

.forced-alt .multilang {
    display: none !important;
}

.multilang-default {
    .bm-page-hub .nav-content-wrapper.nav-shop .list .item.disabled .ck-button {
        font-size: 0.7rem;
    }

    .modal-prizes,
    .nav-prize {
        .nav div {
            font-size: 1.2rem;
        }
    }
    .bm-page-hub .nav-content-wrapper.nav-scan .ck-headline-img {
        margin-top: -4rem;
    }

    .bm-page-hub .nav-content-wrapper.nav-scan .step0 {
        font-size: 1.1rem;
        margin-top: -1.5rem;
    }
    .bm-form .bm-input-row.checkbox-style .bottom .view .no {
        right: 1rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-social .text {
        font-size: 0.9rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-social .row {
        padding-left: 4.5rem;
    }

    @media only screen and (min-height: 632px) and (max-width: 409px),
        only screen and (min-height: 716px) and (max-width: 446px) {
        .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-invite .ck-invite-friend .ck-button {
            font-size: 1.1rem;
        }
    }
    .bm-page-hub .nav-content-wrapper.nav-bonus .card-ad-form .sms .bm-input-row.checkbox-style > label {
        font-size: 0.45rem;
    }

    .bm-modal.modal-premiumpass.signupentry .background {
        height: 63rem;
    }
    .bm-modal.modal-premiumpass.signupentry .bm-form {
    }

    .bm-modal.modal-premiumpass {
        &.couponbook {
            height: 40rem;
        }
    }
}

.language-nh {
    .step0 {
        font-size: 1.2rem !important;
    }

    .bm-page-hub .nav-content-wrapper.nav-scan .grandprize {
        margin-top: 1rem;
    }
    .bm-page-hub .nav-content-wrapper.nav-scan .entires {
        margin-bottom: 1rem;
    }
}