@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700|Lobster");

[v-cloak] {
    display: none
}

* {
    color: #333;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto",sans-serif
}

body.is-locked {
    overflow: hidden
}

    body.is-locked::-webkit-scrollbar {
        width: 0px;
        background: transparent
    }

#rwc {
    background-color: #111;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

    #rwc.index-bg {
        background-image: url("/asset/img/background.jpg");
        /* background-image: url("/asset/img/bg-raya2023.jpg"); */
        /*background-image: url("/asset/img/bg-cny2023.jpg");*/
    }

.text-alert-container, .img-alert-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: auto;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
    z-index: 9995;
    pointer-events: none
}

    .text-alert-container.is-visible, .img-alert-container.is-visible {
        pointer-events: auto
    }

.text-alert, .img-alert {
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    border-radius: 3px;
    font-weight: 700;
    z-index: 9750;
    color: #333;
    display: inline-block;
    cursor: pointer;
    max-width: 100%
}

@media (max-width: 768px) {
    .text-alert, .img-alert {
        font-size: 0.8rem
    }
}

.text-alert > h2, .img-alert > h2 {
    background-color: gold;
    font-size: 1rem;
    font-weight: 700;
    padding: 1rem 1rem
}

.text-alert > p, .img-alert > p {
    font-weight: 400;
    font-size: 0.8rem;
    padding: 1rem 1rem;
    background-color: gold;
    vertical-align: top
}

.text-alert > img, .img-alert > img {
    max-width: 90vw;
    width: 25rem;
    vertical-align: top
}

.text-alert > div, .img-alert > div {
    background-color: #111;
    display: block;
    width: 100%;
    height: 3rem;
    background-image: url("/asset/img/logo.svg");
    background-size: auto 50%;
    background-position: center;
    background-repeat: no-repeat
}

#segment-sticky-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #080808;
    z-index: 9000;
    text-align: center;
    overflow: hidden;
    padding: 0.25rem 0.25rem
}

@media (min-width: 960px) {
    #segment-sticky-bottom {
        display: none
    }
}

#segment-sticky-bottom > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 4rem)
}

    #segment-sticky-bottom > div > div {
        -webkit-flex-basis: 4rem;
        -ms-flex-preferred-size: 4rem;
        flex-basis: 4rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        #segment-sticky-bottom > div > div:nth-of-type(1) p, #segment-sticky-bottom > div > div:nth-of-type(2) p {
            padding: 0.5rem 0.25rem;
            margin: 0rem 0.25rem
        }

.shroom-haze {
    background: -webkit-linear-gradient(to bottom, #4389A2, #5C258D);
    background: -webkit-linear-gradient(top, #4389A2, #5C258D);
    background: linear-gradient(to bottom, #4389A2, #5C258D);
    background-size: 400% 400%;
    background-position: 0% 0%;
    -webkit-transition: background-position 0.5s;
    transition: background-position 0.5s;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #F5F5F5
}

    .shroom-haze:hover {
        background-position: 50% 50%
    }

.green-glow {
    background: -webkit-linear-gradient(225deg, #38ef7d 50%, #11998e 90%);
    background: linear-gradient(225deg, #38ef7d 50%, #11998e 90%);
    background-size: 400% 400%;
    background-position: 0% 0%;
    -webkit-transition: background-position 0.5s;
    transition: background-position 0.5s;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700
}

    .green-glow:hover {
        background-position: 50% 50%
    }

.gold-glow {
    background: -webkit-linear-gradient(225deg, gold, #ff0 55%, orange 75%);
    background: linear-gradient(225deg, gold, #ff0 55%, orange 75%);
    background-size: 400% 400%;
    background-position: 0% 0%;
    -webkit-transition: background-position 0.5s;
    transition: background-position 0.5s;
    cursor: pointer;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700
}

    .gold-glow:hover {
        background-position: 50% 50%
    }

.not-a-button {
    font-size: 0.8rem;
    font-weight: 700;
    color: #F5F5F5
}

    .not-a-button a, .not-a-button p, .not-a-button span {
        color: #F5F5F5
    }

.language-picker {
    display: block;
    padding: 0.5em 0.25em;
    white-space: nowrap
}

    .language-picker > span {
        vertical-align: middle;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        display: inline-block;
        height: 1.5em;
        margin: 0em 0.25em;
        width: 2.25em
    }

        .language-picker > span:nth-of-type(1) {
            background-image: url("/asset/img/flag-uk.svg")
        }

        .language-picker > span:nth-of-type(2) {
            background-image: url("/asset/img/flag-malaysia.svg")
        }

        .language-picker > span:nth-of-type(3) {
            background-image: url("/asset/img/flag-china.svg")
        }

.marquee-promo {
    background-color: #111;
    overflow: hidden;
    height: 1rem
}

    .marquee-promo > div {
        height: 1rem;
        -webkit-animation: scrollMarquee 20s infinite linear;
        animation: scrollMarquee 20s infinite linear
    }

@media (min-width: 768px) {
    .marquee-promo > div {
        -webkit-animation: scrollMarquee 40s infinite linear;
        animation: scrollMarquee 40s infinite linear
    }

        .marquee-promo > div:hover {
            -webkit-animation-play-state: paused;
            animation-play-state: paused
        }
}

@-webkit-keyframes scrollMarquee {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes scrollMarquee {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.marquee-promo > div > div {
    display: inline-block;
    white-space: nowrap;
    width: auto
}

    .marquee-promo > div > div > a {
        text-decoration: none;
        vertical-align: top;
        display: inline-block;
        width: auto;
        font-size: 70%;
        color: #F5F5F5;
        line-height: 1rem
    }

        .marquee-promo > div > div > a:nth-of-type(n+2) {
            margin-left: 3rem
        }

.fade-enter-active {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

.fade-leave-active {
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

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

.index-page-flex-organizer .wallet-recentwinner {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 960px) {
    .index-page-flex-organizer .wallet-recentwinner {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

.index-page-flex-organizer .wheel-only {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width: 945px) {
    .index-page-flex-organizer .wheel-only {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.index-page-flex-organizer #openinghours-notifier-postnav-contact {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.index-page-flex-organizer {
    padding-bottom: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: auto;
    background-color: rgba(0,0,0,0.5)
}

    .index-page-flex-organizer .wallet-recentwinner, .index-page-flex-organizer .wheel-only, .index-page-flex-organizer #openinghours-notifier-postnav-contact {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .index-page-flex-organizer .wallet-recentwinner {
        display: none
    }

@media (min-width: 1100px) {
    .index-page-flex-organizer .wallet-recentwinner {
        display: block;
        -webkit-flex-basis: 18rem;
        -ms-flex-preferred-size: 18rem;
        flex-basis: 18rem
    }
}

.index-page-flex-organizer .wheel-only {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .index-page-flex-organizer .wheel-only {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
}

@media (min-width: 1100px) {
    .index-page-flex-organizer .wheel-only {
        -webkit-flex-basis: 30rem;
        -ms-flex-preferred-size: 30rem;
        flex-basis: 30rem
    }
}

.index-page-flex-organizer #openinghours-notifier-postnav-contact {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 768px) {
    .index-page-flex-organizer #openinghours-notifier-postnav-contact {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media (min-width: 1100px) {
    .index-page-flex-organizer #openinghours-notifier-postnav-contact {
        -webkit-flex-basis: 18rem;
        -ms-flex-preferred-size: 18rem;
        flex-basis: 18rem
    }
}

#header-mobile {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: block;
    z-index: 9000
}

    #header-mobile .opening-notice {
        background-color: transparent;
        text-align: center;
        padding: 0.15rem 0.25rem
    }

        #header-mobile .opening-notice.is-open {
            background-color: #00ff7f
        }

            #header-mobile .opening-notice.is-open span {
                color: #333
            }

        #header-mobile .opening-notice.is-closed {
            background-color: #ff4500
        }

            #header-mobile .opening-notice.is-closed span {
                color: #F5F5F5
            }

        #header-mobile .opening-notice span {
            font-weight: 700;
            text-transform: capitalize;
            font-size: 70%
        }

    #header-mobile .fold {
        max-width: 0%;
        overflow: hidden;
        position: fixed;
        top: 3rem;
        background-color: #111;
        bottom: 0;
        z-index: 9000;
        -webkit-transition: max-width 0.5s;
        transition: max-width 0.5s
    }

@media (max-width: 960px) {
    #header-mobile .fold.space-bottom {
        bottom: 3rem
    }
}

#header-mobile .fold.fold-left {
    left: 0
}

#header-mobile .fold.fold-right {
    right: 0
}

#header-mobile .fold.is-opened {
    max-width: 100%;
    overflow-y: auto
}

#header-mobile .access, #header-mobile .contact {
    margin: 0.5rem 1rem
}

#header-mobile .contact {
    padding: 1rem 0rem
}

    #header-mobile .contact > div {
        margin-bottom: 0.5rem;
        white-space: nowrap
    }

        #header-mobile .contact > div:nth-of-type(1) > div {
            background-image: url("/asset/img/icon-wechat.svg")
        }

        #header-mobile .contact > div:nth-of-type(2) > div {
            background-image: url("/asset/img/icon-whatsapp.svg")
        }

        #header-mobile .contact > div:nth-of-type(3) > div {
            background-image: url("/asset/img/icon-livechat.svg")
        }

        #header-mobile .contact > div:nth-of-type(4) > div {
            background-image: url("/asset/img/icon-telegram.svg")
        }

        #header-mobile .contact > div:nth-of-type(5) > div {
            background-image: url("/asset/img/icon-email.svg")
        }

        #header-mobile .contact > div > div, #header-mobile .contact > div > a {
            display: inline-block;
            height: 3rem;
            vertical-align: middle
        }

        #header-mobile .contact > div div {
            width: 2rem;
            background-size: 80% 80%;
            background-position: top center;
            background-repeat: no-repeat;
            margin-right: 0.5rem
        }

        #header-mobile .contact > div span {
            display: block;
            line-height: 1rem;
            padding: 0.25rem 0.25rem
        }

            #header-mobile .contact > div span:nth-of-type(2) {
                font-weight: 400
            }

#header-mobile .access {
    padding: 1rem 0rem
}

    #header-mobile .access .vip-status {
        border-radius: 100%;
        width: 3rem;
        height: 3rem;
        margin: auto;
        background-image: url("/asset/img/vip-crown.svg");
        background-size: 80% auto;
        background-position: center;
        background-repeat: no-repeat
    }

    #header-mobile .access .profile > a {
        font-size: 0.8rem;
        vertical-align: middle;
        color: #F5F5F5;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        display: block;
        margin-bottom: 1rem
    }

        #header-mobile .access .profile > a.has-rewards {
            -webkit-animation: pulseSize 0.25s infinite alternate;
            animation: pulseSize 0.25s infinite alternate
        }

@-webkit-keyframes pulseSize {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
}

@keyframes pulseSize {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
}

#header-mobile .access .profile > p {
    font-size: 0.8rem;
    line-height: 150%
}

    #header-mobile .access .profile > p:nth-of-type(1) {
        margin-top: 1rem;
        color: #F5F5F5
    }

    #header-mobile .access .profile > p:nth-of-type(2) {
        color: gold;
        font-weight: 700
    }

#header-mobile .access > p {
    padding: 0.5rem 0.5rem;
    text-align: center;
    margin-bottom: 0.5rem
}

#header-mobile .nav {
    background-color: gold
}

    #header-mobile .nav > div > div:nth-of-type(1) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-home.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(2) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-livecasino.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(3) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-slots.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(4) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-sports.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(5) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-4d.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(6) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-promotions.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(7) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-banking.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(8) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-contactus.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(9) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-profile.svg")
    }

    #header-mobile .nav > div > div:nth-of-type(10) span:nth-of-type(1) {
        background-image: url("/asset/img/icon-history.svg")
    }

    #header-mobile .nav a {
        display: inline-block;
        padding: 0.5rem 0.5rem;
        text-decoration: none;
        white-space: nowrap;
        font-weight: 700;
        font-size: 0.8rem
    }

        #header-mobile .nav a:hover > span:nth-of-type(2) {
            border-bottom: 1px solid #333;
            line-height: 2.5rem;
            margin-top: -0.5rem
        }

    #header-mobile .nav span {
        display: inline-block;
        vertical-align: middle
    }

        #header-mobile .nav span:nth-of-type(1) {
            height: 2rem;
            width: 2rem;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin-right: 0.25rem
        }

        #header-mobile .nav span:nth-of-type(2) {
            height: 2rem;
            line-height: 2rem;
            margin-top: 0rem;
            border-bottom: 0px solid #333;
            -webkit-transition: line-height 0.25s,margin-top 0.25s,border-bottom 0.25s;
            transition: line-height 0.25s,margin-top 0.25s,border-bottom 0.25s
        }

#header-mobile .mast {
    width: 100%;
    background-color: #080808;
    padding: 0.5rem 0rem
}

    #header-mobile .mast > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #header-mobile .mast > div > a {
            background-image: url("/asset/img/logo.svg");
            -webkit-flex-basis: calc(100% - 6rem);
            -ms-flex-preferred-size: calc(100% - 6rem);
            flex-basis: calc(100% - 6rem);
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            background-size: auto 80%;
            background-repeat: no-repeat;
            background-position: center;
            height: 2em
        }

        #header-mobile .mast > div > div {
            background-size: auto 80%;
            background-repeat: no-repeat;
            background-position: center;
            height: 2em
        }

            #header-mobile .mast > div > div:nth-of-type(1) {
                background-image: url("/asset/img/icon-menu.svg");
                -webkit-flex-basis: 3rem;
                -ms-flex-preferred-size: 3rem;
                flex-basis: 3rem;
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            #header-mobile .mast > div > div:nth-of-type(2) {
                background-image: url("/asset/img/icon-contact-alt.svg");
                -webkit-flex-basis: 3rem;
                -ms-flex-preferred-size: 3rem;
                flex-basis: 3rem;
                -webkit-box-flex: 0;
                -webkit-flex-grow: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

@media (min-width: 960px) {
    #header-mobile {
        display: none
    }
}

#header-desktop {
    display: none;
    background-color: #080808
}

@media (min-width: 960px) {
    #header-desktop {
        display: block
    }
}

#header-desktop .mast {
    display: block;
    width: 100%;
    padding: 1rem 0rem;
    max-width: 1920px;
    margin: auto
}

    #header-desktop .mast > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: right
    }

    #header-desktop .mast .branding {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        #header-desktop .mast .branding > div {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

            #header-desktop .mast .branding > div > a {
                -webkit-flex-basis: 14rem;
                -ms-flex-preferred-size: 14rem;
                flex-basis: 14rem;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -webkit-flex-shrink: 1;
                -ms-flex-negative: 1;
                flex-shrink: 1;
                height: 5rem;
                margin: 0rem 0.5rem;
                background-image: url("/asset/img/logo.svg");
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain
            }

            #header-desktop .mast .branding > div > div {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -webkit-flex-shrink: 1;
                -ms-flex-negative: 1;
                flex-shrink: 1;
                height: 5rem;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain
            }

                #header-desktop .mast .branding > div > div:nth-of-type(1) {
                    -webkit-flex-basis: 6rem;
                    -ms-flex-preferred-size: 6rem;
                    flex-basis: 6rem;
                    background-image: url("/asset/img/medal-1.png")
                }

                #header-desktop .mast .branding > div > div:nth-of-type(2) {
                    -webkit-flex-basis: 6rem;
                    -ms-flex-preferred-size: 6rem;
                    flex-basis: 6rem;
                    background-image: url("/asset/img/medal-2.png")
                }

    #header-desktop .mast .access-display {
        -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        #header-desktop .mast .access-display > div {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: right;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        #header-desktop .mast .access-display .auth-ed > div {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        #header-desktop .mast .access-display .auth-ed .vip-status {
            height: 3rem;
            width: 3rem;
            background-image: url("/asset/img/vip-crown.svg");
            background-size: 80%;
            background-position: center;
            background-repeat: no-repeat;
            margin-right: 1rem;
            border-radius: 100%
        }

        #header-desktop .mast .access-display .auth-ed .logout-option > p {
            padding: 0.5rem 1rem
        }

        #header-desktop .mast .access-display .auth-ed .user-details {
            text-align: left;
            margin-right: 1rem
        }

            #header-desktop .mast .access-display .auth-ed .user-details > p {
                font-size: 0.8rem;
                vertical-align: middle;
                display: inline-block
            }

                #header-desktop .mast .access-display .auth-ed .user-details > p:nth-of-type(1) {
                    font-weight: 400;
                    color: #F5F5F5
                }

                #header-desktop .mast .access-display .auth-ed .user-details > p:nth-of-type(2) {
                    font-weight: 700;
                    color: gold
                }

            #header-desktop .mast .access-display .auth-ed .user-details > a {
                font-size: 0.8rem;
                vertical-align: middle;
                color: #F5F5F5;
                font-weight: 700;
                text-decoration: none;
                cursor: pointer;
                display: block
            }

                #header-desktop .mast .access-display .auth-ed .user-details > a.has-rewards {
                    -webkit-animation: pulseSize 0.25s infinite alternate;
                    animation: pulseSize 0.25s infinite alternate
                }

@keyframes pulseSize {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    100% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
}

#header-desktop .mast .access-display .access > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    #header-desktop .mast .access-display .access > div > div {
        -webkit-flex-basis: 6rem;
        -ms-flex-preferred-size: 6rem;
        flex-basis: 6rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center
    }

    #header-desktop .mast .access-display .access > div input, #header-desktop .mast .access-display .access > div p {
        vertical-align: middle;
        width: calc(100% - 1rem);
        display: inline-block;
        margin: 0rem 0.5rem;
        padding: 0.5rem 0.5rem;
        border: none;
        outline: none;
        border-radius: 3px
    }

#header-desktop .nav {
    background-color: gold
}

    #header-desktop .nav > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: center;
        max-width: 1920px;
        margin: auto
    }

        #header-desktop .nav > div > div {
            -webkit-flex-basis: 3rem;
            -ms-flex-preferred-size: 3rem;
            flex-basis: 3rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

            #header-desktop .nav > div > div:nth-of-type(1) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-home.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(2) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-livecasino.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(3) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-slots.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(4) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-sports.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(5) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-4d.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(6) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-promotions.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(7) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-banking.svg")
            }

            #header-desktop .nav > div > div:nth-of-type(8) span:nth-of-type(1) {
                background-image: url("/asset/img/icon-contactus.svg")
            }

    #header-desktop .nav a {
        display: inline-block;
        padding: 0.5rem 0.5rem;
        text-decoration: none;
        white-space: nowrap;
        font-weight: 700
    }

        #header-desktop .nav a:hover > span:nth-of-type(2) {
            border-bottom: 1px solid #333;
            line-height: 2.5rem;
            margin-top: -0.5rem
        }

    #header-desktop .nav span {
        display: inline-block;
        vertical-align: middle
    }

        #header-desktop .nav span:nth-of-type(1) {
            height: 2rem;
            width: 2rem;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin-right: 0.25rem
        }

        #header-desktop .nav span:nth-of-type(2) {
            height: 2rem;
            line-height: 2rem;
            margin-top: 0rem;
            border-bottom: 0px solid #333;
            -webkit-transition: line-height 0.25s,margin-top 0.25s,border-bottom 0.25s;
            transition: line-height 0.25s,margin-top 0.25s,border-bottom 0.25s
        }

#segment-wallet, #segment-wallet-mobile, #segment-transaction, #segment-notification, #segment-contact, #segment-news, #segment-extra-nav, #segment-wheel, #segment-opening-hours, #segment-tournament {
    margin-top: 0.5rem !important
}

#segment-wallet, #segment-wallet-mobile, #segment-transaction, #segment-notification, #segment-tournament {
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    padding: 0.5rem 0.5rem;
    margin: 0rem 0.5rem
}

    #segment-wallet > p, #segment-wallet-mobile > p, #segment-transaction > p, #segment-notification > p, #segment-tournament > p {
        padding: 0.5rem 0rem;
        font-size: 1rem;
        font-weight: 700;
        color: gold
    }

    #segment-notification .per-notification {
        margin-top: 0.5rem;
        display: table;
        width: 100%;
        border-radius: 3px;
        overflow: hidden
    }

        #segment-notification .per-notification > div {
            display: table-cell
        }

    #segment-notification .notification-content {
        padding: 0.5rem 0.25rem;
        padding-left: 1rem;
        width: calc(100% - 2rem);
        font-size: 0.8rem;
        background-color: rgba(0,0,0,0.25)
    }

        #segment-notification .notification-content p {
            color: #F5F5F5
        }

            #segment-notification .notification-content p span {
                font-weight: 700;
                color: #F5F5F5
            }

        #segment-notification .notification-content.accepted {
            box-shadow: inset 0.5rem 0rem 0rem 0rem #00ff7f
        }

        #segment-notification .notification-content.pending {
            box-shadow: inset 0.5rem 0rem 0rem 0rem coral
        }

        #segment-notification .notification-content.rejected {
            box-shadow: inset 0.5rem 0rem 0rem 0rem red
        }

    #segment-notification .discard-notification {
        width: 2rem;
        height: 100%;
        background-color: rgba(0,0,0,0.25);
        background-image: url("/asset/img/close.svg");
        background-size: 1rem;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer
    }

    #segment-transaction .prefix-currency:before {
        content: "RM "
    }

    #segment-transaction #live-transaction-progress-container {
        padding: 0.5rem 0.5rem
    }

        #segment-transaction #live-transaction-progress-container .info {
            padding-left: 0.5rem;
            -webkit-flex-basis: calc(100% - 3rem);
            -ms-flex-preferred-size: calc(100% - 3rem);
            flex-basis: calc(100% - 3rem);
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch
        }

        #segment-transaction #live-transaction-progress-container .icon {
            -webkit-flex-basis: 3rem;
            -ms-flex-preferred-size: 3rem;
            flex-basis: 3rem;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            height: 2rem;
            -webkit-align-self: stretch;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat
        }

            #segment-transaction #live-transaction-progress-container .icon.accepted, #segment-transaction #live-transaction-progress-container .icon.A {
                background-image: url("/asset/img/check.svg")
            }

            #segment-transaction #live-transaction-progress-container .icon.pending, #segment-transaction #live-transaction-progress-container .icon.N {
                background-image: url("/asset/img/loading.svg")
            }

            #segment-transaction #live-transaction-progress-container .icon.rejected, #segment-transaction #live-transaction-progress-container .icon.S {
                background-image: url("/asset/img/close.svg")
            }

        #segment-transaction #live-transaction-progress-container > div {
            padding: 0.5rem 0.5rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            border-radius: 3px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: rgba(0,0,0,0.5)
        }

            #segment-transaction #live-transaction-progress-container > div.accepted, #segment-transaction #live-transaction-progress-container > div.A {
                background-color: #00ff7f
            }

            #segment-transaction #live-transaction-progress-container > div.pending, #segment-transaction #live-transaction-progress-container > div.N {
                background-color: coral
            }

            #segment-transaction #live-transaction-progress-container > div.rejected, #segment-transaction #live-transaction-progress-container > div.S {
                background-color: red
            }

                #segment-transaction #live-transaction-progress-container > div.rejected p, #segment-transaction #live-transaction-progress-container > div.rejected span, #segment-transaction #live-transaction-progress-container > div.S p, #segment-transaction #live-transaction-progress-container > div.S span {
                    color: #FFF;
                    text-shadow: 1px 1px rgba(0,0,0,0.25)
                }

        #segment-transaction #live-transaction-progress-container p {
            font-weight: 400;
            font-size: 0.8rem
        }

            #segment-transaction #live-transaction-progress-container p span {
                font-weight: 700
            }

    #segment-transaction #drawer select {
        width: 100%;
        padding: 0.5rem 0.5rem;
        border: 0px solid transparent;
        background-color: rgba(255,255,255,0.5);
        border-radius: 3px;
        color: #F5F5F5
    }

    #segment-transaction #drawer option {
        display: block;
        color: #333;
        width: 100%
    }

    #segment-transaction #drawer #deposit input, #segment-transaction #drawer #withdrawal input, #segment-transaction #drawer #transfer input {
        width: 100%;
        border: 0px;
        padding: 0.5rem 0.5rem;
        max-width: 100%;
        border-radius: 3px
    }

    #segment-transaction #drawer #withdrawal #withdrawal-control > div, #segment-transaction #drawer #withdrawal #withdrawal-details > div {
        padding: 0.25rem 0.25rem
    }

    #segment-transaction #drawer #withdrawal #withdrawal-from-to, #segment-transaction #drawer #withdrawal #withdrawal-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #segment-transaction #drawer #withdrawal #withdrawal-from-to > div, #segment-transaction #drawer #withdrawal #withdrawal-control > div {
            -webkit-flex-basis: 8rem;
            -ms-flex-preferred-size: 8rem;
            flex-basis: 8rem;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0.25rem 0.25rem
        }

    #segment-transaction #drawer #transfer #transfer-from-to, #segment-transaction #drawer #transfer #transfer-control {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #segment-transaction #drawer #transfer #transfer-from-to > div, #segment-transaction #drawer #transfer #transfer-control > div {
            -webkit-flex-basis: 8rem;
            -ms-flex-preferred-size: 8rem;
            flex-basis: 8rem;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0.25rem 0.25rem
        }

    #segment-transaction #drawer #deposit #receipt-uploader {
        margin: 0.25rem 0.25rem
    }

        #segment-transaction #drawer #deposit #receipt-uploader #imgPreviewer {
            position: fixed;
            top: 100%
        }

        #segment-transaction #drawer #deposit #receipt-uploader input {
            display: none
        }

        #segment-transaction #drawer #deposit #receipt-uploader label {
            display: block;
            padding: 0.75rem 0.75rem;
            border-radius: 3px;
            background-color: rgba(0,0,0,0.25);
            box-shadow: inset 0px 0px 0px 1px gold
        }

            #segment-transaction #drawer #deposit #receipt-uploader label p {
                font-size: 0.8rem;
                font-weight: 700;
                color: gold
            }

    #segment-transaction #drawer #deposit #deposit-promotions > div {
        padding: 0.25rem 0.25rem
    }

    #segment-transaction #drawer #deposit #bank-details {
        background-color: rgba(0,0,0,0.5);
        border-radius: 3px;
        padding: 0.5rem 0.5rem;
        margin: 0.25rem 0.25rem
    }

        #segment-transaction #drawer #deposit #bank-details a {
            display: block;
            width: 100%;
            text-align: center;
            text-decoration: none
        }

            #segment-transaction #drawer #deposit #bank-details a > span {
                display: inline-block;
                margin: auto;
                padding: 0.5rem 0.25rem;
                border-top: 1px solid rgba(255,255,255,0.25);
                margin-top: 0.25rem;
                color: gold;
                font-size: 0.8rem;
                font-weight: 700
            }

        #segment-transaction #drawer #deposit #bank-details p {
            color: #F5F5F5
        }

            #segment-transaction #drawer #deposit #bank-details p:nth-of-type(odd) {
                font-size: 0.8rem;
                border-bottom: 1px solid #F5F5F5;
                padding-bottom: 0.25rem;
                margin-bottom: 0.25rem;
                display: inline-block
            }

            #segment-transaction #drawer #deposit #bank-details p:nth-of-type(even) {
                font-size: 1rem;
                font-weight: 400;
                line-height: 200%
            }

                #segment-transaction #drawer #deposit #bank-details p:nth-of-type(even) > span:nth-of-type(1) {
                    color: #F5F5F5;
                    font-weight: 700
                }

                #segment-transaction #drawer #deposit #bank-details p:nth-of-type(even) > span:nth-of-type(2) {
                    float: right;
                    color: gold;
                    cursor: pointer;
                    font-size: 0.8rem;
                    font-weight: 700
                }

    #segment-transaction #drawer #deposit #deposit-from-to, #segment-transaction #drawer #deposit #deposit-control, #segment-transaction #drawer #deposit #deposit-preset {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #segment-transaction #drawer #deposit #deposit-from-to > div, #segment-transaction #drawer #deposit #deposit-control > div, #segment-transaction #drawer #deposit #deposit-preset > div {
            -webkit-flex-basis: 8rem;
            -ms-flex-preferred-size: 8rem;
            flex-basis: 8rem;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0.25rem 0.25rem
        }

            #segment-transaction #drawer #deposit #deposit-control > div input {
                -webkit-transition: padding 0.25s;
                transition: padding 0.25s
            }

            #segment-transaction #drawer #deposit #deposit-control > div span {
                display: none
            }

            #segment-transaction #drawer #deposit #deposit-control > div.with-input {
                position: relative
            }

                #segment-transaction #drawer #deposit #deposit-control > div.with-input input {
                    padding-left: 2.25rem
                }

                #segment-transaction #drawer #deposit #deposit-control > div.with-input span {
                    display: inline-block;
                    font-size: 0.8rem;
                    font-weight: 700;
                    position: absolute;
                    left: 1rem;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%)
                }

    #segment-transaction #drawer #deposit #deposit-preset {
        text-align: center
    }

        #segment-transaction #drawer #deposit #deposit-preset p {
            padding: 0.5rem 0.25rem
        }

            #segment-transaction #drawer #deposit #deposit-preset p:before {
                content: "RM "
            }

    #segment-transaction #selector {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #segment-transaction #selector > div {
            -webkit-flex-basis: 5rem;
            -ms-flex-preferred-size: 5rem;
            flex-basis: 5rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding: 0.5rem 0.5rem
        }

            #segment-transaction #selector > div > div {
                box-shadow: 0px 0px 0px 2px gold;
                border-radius: 3px
            }

                #segment-transaction #selector > div > div > p {
                    text-align: center;
                    font-size: 0.8rem;
                    font-weight: 700;
                    color: gold;
                    text-transform: capitalize;
                    background-color: transparent;
                    -webkit-transition: background-color 0.25s,color 0.25s;
                    transition: background-color 0.25s,color 0.25s;
                    padding: 0.5rem 0.5rem;
                    cursor: pointer
                }

                    #segment-transaction #selector > div > div > p:hover, #segment-transaction #selector > div > div > p.is-selected {
                        background-color: gold;
                        color: #333
                    }

    #segment-wallet #submit-winnings, #segment-wallet-mobile #submit-winnings {
        padding: 0.5rem 0.5rem
    }

        #segment-wallet #submit-winnings select, #segment-wallet-mobile #submit-winnings select {
            width: 100%;
            padding: 0.5rem 0.5rem;
            border: 0px solid transparent;
            background-color: rgba(255,255,255,0.5);
            border-radius: 3px;
            color: #F5F5F5
        }

        #segment-wallet #submit-winnings option, #segment-wallet-mobile #submit-winnings option {
            display: block;
            color: #333;
            width: 100%
        }

        #segment-wallet #submit-winnings input, #segment-wallet-mobile #submit-winnings input {
            margin-top: 0.5rem;
            width: 100%;
            border: 0px;
            padding: 0.5rem 0.5rem;
            max-width: 100%;
            border-radius: 3px
        }

    #segment-wallet #rwc-wallet, #segment-wallet-mobile #rwc-wallet {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #segment-wallet #rwc-wallet > div, #segment-wallet-mobile #rwc-wallet > div {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding: 0.5rem 0.5rem
        }

            #segment-wallet #rwc-wallet > div > p, #segment-wallet-mobile #rwc-wallet > div > p {
                font-size: 0.8rem
            }

                #segment-wallet #rwc-wallet > div > p:nth-of-type(1), #segment-wallet-mobile #rwc-wallet > div > p:nth-of-type(1) {
                    font-weight: 700;
                    color: #F5F5F5
                }

                #segment-wallet #rwc-wallet > div > p:nth-of-type(2), #segment-wallet-mobile #rwc-wallet > div > p:nth-of-type(2) {
                    font-weight: 700;
                    padding: 0.25rem 0.5rem;
                    background-color: gold;
                    border-radius: 3px;
                    text-align: center;
                    margin-top: 0.5rem
                }

    #segment-wallet #other-wallet, #segment-wallet-mobile #other-wallet {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #segment-wallet #other-wallet > div, #segment-wallet-mobile #other-wallet > div {
            -webkit-flex-basis: 5rem;
            -ms-flex-preferred-size: 5rem;
            flex-basis: 5rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding: 0.5rem 0.5rem
        }

@media (min-width: 1200px) {
    #segment-wallet #other-wallet > div, #segment-wallet-mobile #other-wallet > div {
        -webkit-flex-basis: 8rem;
        -ms-flex-preferred-size: 8rem;
        flex-basis: 8rem
    }
}

#segment-wallet #other-wallet > div > p, #segment-wallet-mobile #other-wallet > div > p {
    color: #F5F5F5
}

    #segment-wallet #other-wallet > div > p:nth-of-type(1) span, #segment-wallet-mobile #other-wallet > div > p:nth-of-type(1) span {
        display: block;
        color: #F5F5F5;
        font-size: 0.8rem;
        font-weight: 700
    }

@media (min-width: 1200px) {
    #segment-wallet #other-wallet > div > p:nth-of-type(1) span, #segment-wallet-mobile #other-wallet > div > p:nth-of-type(1) span {
        display: inline-block
    }

        #segment-wallet #other-wallet > div > p:nth-of-type(1) span:nth-of-type(1), #segment-wallet-mobile #other-wallet > div > p:nth-of-type(1) span:nth-of-type(1) {
            margin-right: 0.25rem
        }
}

#segment-wallet #other-wallet > div > p:nth-of-type(2), #segment-wallet-mobile #other-wallet > div > p:nth-of-type(2) {
    font-size: 1rem;
    font-weight: 400
}

#segment-wallet #other-wallet > div > a, #segment-wallet-mobile #other-wallet > div > a {
    font-size: 0.8rem;
    font-weight: 700;
    color: gold;
    cursor: pointer
}

#segment-wallet-mobile {
    display: block
}

@media (min-width: 1100px) {
    #segment-wallet-mobile {
        display: none
    }
}

#segment-tournament #tournament-timers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    #segment-tournament #tournament-timers div {
        -webkit-flex-basis: 5rem;
        -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        padding: 0.5rem 0rem
    }

        #segment-tournament #tournament-timers div p {
            color: #F5F5F5;
            max-width: 95%;
            font-size: 0.8rem
        }

            #segment-tournament #tournament-timers div p:nth-of-type(1) {
                font-weight: 700;
                border-bottom: 1px solid rgba(255,255,255,0.25);
                margin-bottom: 0.25rem;
                padding-bottom: 0.25rem
            }

                #segment-tournament #tournament-timers div p:nth-of-type(1) span {
                    color: gold;
                    display: block
                }

#segment-tournament img {
    display: block;
    background-image: url("/asset/img/placeholder.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 100%
}

#segment-footer {
    padding: 1rem 1rem;
    background-color: #111
}

@media (max-width: 960px) {
    #segment-footer {
        padding-bottom: 4rem
    }
}

#segment-footer .footer-title {
    font-weight: 700;
    color: gold
}

#segment-footer img {
    margin: 0.5rem 0.5rem
}

#segment-footer p {
    font-size: 70%;
    color: #AAA;
    line-height: 200%;
    max-width: 100%
}

    #segment-footer p:not(.footer-title) {
        margin-top: 0.25rem
    }

#segment-footer > div {
    max-width: 1920px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    #segment-footer > div:nth-of-type(1) {
        display: none
    }

@media (min-width: 960px) {
    #segment-footer > div:nth-of-type(1) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

#segment-footer > div:nth-of-type(2) {
    display: block
}

@media (min-width: 960px) {
    #segment-footer > div:nth-of-type(2) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #222;
        margin-top: 1rem;
        padding-top: 1rem
    }
}

#segment-footer > div > div {
    -webkit-flex-basis: calc(1/3*100%);
    -ms-flex-preferred-size: calc(1/3*100%);
    flex-basis: calc(1/3*100%);
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    #segment-footer > div > div > div {
        margin-top: 0.5rem;
        padding: 1rem 0.5rem
    }

#segment-contact {
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    padding: 0.25rem 0.25rem;
    margin: 0rem 0.5rem
}

    #segment-contact > p {
        padding: 0.5rem 0.25rem;
        font-size: 1rem;
        font-weight: 700;
        color: gold
    }

    #segment-contact > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        #segment-contact > div > div {
            -webkit-flex-basis: 4rem;
            -ms-flex-preferred-size: 4rem;
            flex-basis: 4rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

            #segment-contact > div > div > a {
                display: block;
                box-shadow: inset 0px 0px 0px 1px gold;
                white-space: nowrap;
                border-radius: 3px;
                overflow: hidden;
                margin: 0.25rem 0.25rem
            }

                #segment-contact > div > div > a > span {
                    display: inline-block;
                    vertical-align: middle
                }

                    #segment-contact > div > div > a > span:nth-of-type(1) {
                        width: 2rem;
                        height: 2rem;
                        background-size: 75% auto;
                        background-position: center;
                        background-repeat: no-repeat
                    }

                    #segment-contact > div > div > a > span:nth-of-type(2) {
                        width: calc(100% - 2rem);
                        padding: 0rem 0.5rem;
                        height: 2rem;
                        font-size: 0.8rem;
                        line-height: 2rem
                    }

#segment-news-details-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
    z-index: 9500
}

    #segment-news-details-container #segment-news-details {
        position: absolute;
        top: 2rem;
        left: 50%;
        width: calc(100% - 2rem);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 35rem;
        bottom: 2rem;
        overflow: auto
    }

        #segment-news-details-container #segment-news-details .info {
            background-color: #F5F5F5;
            text-align: left;
            padding: 1rem 1rem
        }

            #segment-news-details-container #segment-news-details .info .i-container {
                max-width: 100%;
                margin-top: 1rem
            }

                #segment-news-details-container #segment-news-details .info .i-container img {
                    width: 100%;
                    max-width: 100%
                }

            #segment-news-details-container #segment-news-details .info .t-container {
                margin-top: 1rem
            }

                #segment-news-details-container #segment-news-details .info .t-container .t-content {
                    background-color: #FFF
                }

                #segment-news-details-container #segment-news-details .info .t-container .t-header {
                    font-weight: 700;
                    background-color: #333
                }

                    #segment-news-details-container #segment-news-details .info .t-container .t-header p {
                        color: #F5F5F5
                    }

                #segment-news-details-container #segment-news-details .info .t-container .t-header, #segment-news-details-container #segment-news-details .info .t-container .t-row {
                    padding: 0.25rem 0.25rem;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-flex-wrap: nowrap;
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -webkit-flex-direction: row;
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    #segment-news-details-container #segment-news-details .info .t-container .t-header > div, #segment-news-details-container #segment-news-details .info .t-container .t-row > div {
                        padding: 0.25rem 0.25rem;
                        -webkit-flex-basis: auto;
                        -ms-flex-preferred-size: auto;
                        flex-basis: auto;
                        -webkit-box-flex: 1;
                        -webkit-flex-grow: 1;
                        -ms-flex-positive: 1;
                        flex-grow: 1;
                        -webkit-flex-shrink: 1;
                        -ms-flex-negative: 1;
                        flex-shrink: 1
                    }

            #segment-news-details-container #segment-news-details .info h1, #segment-news-details-container #segment-news-details .info p {
                color: #333;
                font-size: 0.8rem;
                line-height: 200%
            }

    #segment-news-details-container > div {
        display: block
    }

        #segment-news-details-container > div > div {
            width: 100%;
            position: relative;
            vertical-align: top
        }

            #segment-news-details-container > div > div:nth-of-type(1) img {
                width: 100%;
                max-width: 100%
            }

#segment-news {
    border-radius: 3px;
    margin: 0rem 0.5rem;
    overflow: hidden
}

    #segment-news .per-news {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    #segment-news #news-board {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: rgba(0,0,0,0.75)
    }

@media (min-width: 380px) {
    #segment-news #news-board {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#segment-news .news-ann {
    height: 100%;
    padding: 0.5rem 0.5rem
}

    #segment-news .news-ann img {
        width: 100%;
        max-width: 100%
    }

    #segment-news .news-ann p {
        color: #F5F5F5;
        padding: 0rem 0.25rem;
        font-size: 0.8rem
    }

        #segment-news .news-ann p:nth-of-type(1) {
            font-weight: 900
        }

        #segment-news .news-ann p:nth-of-type(2) {
            line-height: 150%
        }

#segment-news #news-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    #segment-news #news-control > div {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center;
        padding: 0.5rem 0.5rem;
        background-color: #080808
    }

        #segment-news #news-control > div > div {
            cursor: pointer
        }

    #segment-news #news-control #go-all > div {
        line-height: 2.5rem;
        font-weight: 700;
        color: gold;
        font-size: 0.8rem
    }

    #segment-news #news-control #go-prev, #segment-news #news-control #go-next, #segment-news #news-control #go-all {
        vertical-align: middle
    }

        #segment-news #news-control #go-prev > div, #segment-news #news-control #go-next > div, #segment-news #news-control #go-all > div {
            vertical-align: middle;
            height: 2.5rem
        }

        #segment-news #news-control #go-prev > div, #segment-news #news-control #go-next > div {
            width: 2.5rem;
            display: inline-block;
            background-size: 1.5rem 1.5rem;
            background-repeat: no-repeat
        }

    #segment-news #news-control #go-next {
        text-align: right
    }

        #segment-news #news-control #go-next > div {
            background-image: url("/asset/img/rwc-right-arrow.png");
            background-position: right center
        }

    #segment-news #news-control #go-prev {
        text-align: left
    }

        #segment-news #news-control #go-prev > div {
            background-image: url("/asset/img/rwc-left-arrow.png");
            background-position: left center
        }

#segment-news.center-panel {
    display: none
}

@media (min-width: 768px) {
    #segment-news.center-panel {
        display: block
    }
}

@media (min-width: 1100px) {
    #segment-news.center-panel {
        display: none
    }
}

#segment-news.right-panel {
    display: none
}

@media (max-width: 768px) {
    #segment-news.right-panel {
        display: block
    }
}

#segment-news > p {
    padding: 0.75rem 0.5em;
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    background-color: gold;
    text-align: center
}

#segment-opening-hours {
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    margin: 0rem 0.5rem;
    padding: 0.25rem 0.25rem;
    display: none
}

@media (min-width: 960px) {
    #segment-opening-hours {
        display: block
    }
}

#segment-opening-hours p {
    padding: 0.25rem 0.25rem
}

#segment-opening-hours .is-open {
    text-shadow: 0px 0px 10px #00ff7f;
    color: #00ff7f
}

#segment-opening-hours .is-closed {
    text-shadow: 0px 0px 10px #ff4500;
    color: #ff4500
}

#segment-opening-hours .welcome-greeting {
    font-size: 1rem;
    font-weight: 700;
    display: block
}

#segment-opening-hours .welcome-note {
    font-size: 2rem;
    font-weight: 700;
    display: block;
    line-height: 2rem
}

#segment-opening-hours .timing-note {
    color: #F5F5F5;
    line-height: 1rem;
    font-size: 0.8rem;
    text-transform: capitalize;
    font-weight: 700
}

#segment-opening-hours .current-time {
    display: block;
    font-weight: 400;
    color: #F5F5F5
}

#segment-extra-nav {
    margin: 0rem 0.5rem;
    border-radius: 3px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
    padding: 0.25rem 0.25rem
}

    #segment-extra-nav > p {
        padding: 0.5rem 0.25rem;
        font-size: 1rem;
        font-weight: 700;
        color: gold
    }

@media (max-width: 960px) {
    #segment-extra-nav .desktop-only {
        display: none
    }
}

#segment-extra-nav > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    #segment-extra-nav > div > div {
        -webkit-flex-basis: 5rem;
        -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        padding: 0.25rem 0.25rem
    }

        #segment-extra-nav > div > div > div {
            height: 100%;
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            padding: 0.25rem 0.5rem
        }

            #segment-extra-nav > div > div > div p {
                width: 100%;
                display: block;
                text-align: left
            }

            #segment-extra-nav > div > div > div span {
                display: inline-block;
                text-align: center;
                height: 1.75rem;
                vertical-align: middle
            }

                #segment-extra-nav > div > div > div span:nth-of-type(1) {
                    width: 1.75rem;
                    background-size: 1.5rem auto;
                    background-repeat: no-repeat;
                    background-position: center;
                    margin-right: 0.25rem
                }

                #segment-extra-nav > div > div > div span:nth-of-type(2) {
                    line-height: 1.75rem;
                    width: auto
                }

            #segment-extra-nav > div > div > div a {
                -webkit-align-self: center;
                -ms-flex-item-align: center;
                align-self: center;
                color: #FFF;
                -webkit-flex-basis: 100%;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                text-decoration: none;
                display: block;
                padding: 0.25rem 0.25rem;
                vertical-align: middle
            }

#segment-promo-space {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #111;
    text-align: center;
    position: relative
}

    #segment-promo-space > div {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 0rem 1rem;
        padding-top: 4rem;
        padding-bottom: 1rem
    }

        #segment-promo-space > div:hover .button-left, #segment-promo-space > div:hover .button-right {
            opacity: 1;
            pointer-events: auto;
            cursor: pointer
        }

@media (min-width: 960px) {
    #segment-promo-space > div {
        padding: 2rem 1rem
    }
}

#segment-promo-space > div .button-left, #segment-promo-space > div .button-right {
    opacity: 0;
    display: inline-block;
    pointer-events: none;
    height: 2rem;
    width: 2rem;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: calc(50% - 1rem);
    z-index: 25;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/asset/img/back.svg")
}

#segment-promo-space > div .button-left {
    left: 2rem
}

#segment-promo-space > div .button-right {
    right: 2rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#segment-promo-space > div .right-block {
    right: 0;
    background-position: right
}

@media (min-width: 960px) {
    #segment-promo-space > div .right-block {
        background-position: 80% 50%
    }
}

#segment-promo-space > div .left-block {
    left: 0;
    background-position: left
}

@media (min-width: 960px) {
    #segment-promo-space > div .left-block {
        background-position: 20% 50%
    }
}

#segment-promo-space > div .right-block, #segment-promo-space > div .left-block {
    position: relative;
    z-index: 8
}

#segment-promo-space > div .hooked-block, #segment-promo-space > div .filler-block {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat
}

#segment-promo-space > div > .text-block {
    display: block;
    position: relative;
    z-index: 10;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.95)
}

    #segment-promo-space > div > .text-block > a {
        font-size: 0.8rem;
        font-weight: 700;
        padding: 0.5rem 0.5rem;
        text-decoration: none;
        color: #F5F5F5;
        display: inline-block;
        border-top: 1px solid #F5F5F5;
        margin-top: 0.25rem
    }

    #segment-promo-space > div > .text-block > p {
        margin: auto;
        color: #FFF
    }

        #segment-promo-space > div > .text-block > p:nth-of-type(1) {
            font-family: "Lobster",sans-serif;
            font-size: 2rem;
            font-weight: 400;
            max-width: 35rem; /*25rem*/
        }

@media (min-width: 960px) {
    #segment-promo-space > div > .text-block > p:nth-of-type(1) {
        font-size: 3.5rem
    }
}

#segment-promo-space > div > .text-block > p:nth-of-type(2) {
    max-width: 30rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 150%
}

    #segment-promo-space > div > .text-block > p:nth-of-type(2) > span {
        color: #FFF;
        display: block
    }

@media (min-width: 960px) {
    #segment-promo-space > div > .text-block > p:nth-of-type(2) > span {
        display: inline-block
    }
}

.fullscreen-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    overflow-x: hidden;
    z-index: 9990;
    background-color: #111;
    display: block
}

    .fullscreen-modal.is-opened {
        bottom: 0%
    }

    .fullscreen-modal .modal-header, .fullscreen-modal .modal-content {
        display: block;
        max-width: 25rem;
        margin: auto
    }

@media (min-width: 768px) {
    .fullscreen-modal .modal-header, .fullscreen-modal .modal-content {
        max-width: 30rem
    }
}

.fullscreen-modal .modal-content {
    padding: 2rem 1rem
}

.fullscreen-modal .modal-header {
    padding: 0rem 1rem
}

    .fullscreen-modal .modal-header > a {
        background-image: url("/asset/img/logo.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        margin: 1rem auto;
        height: 4rem;
        width: 12rem
    }

    .fullscreen-modal .modal-header > div {
        font-size: 1.25rem;
        text-align: center;
        position: relative
    }

        .fullscreen-modal .modal-header > div span {
            display: inline-block;
            vertical-align: middle;
            color: gold;
            font-size: 1.25rem;
            font-weight: 700;
            height: 2rem;
            line-height: 2rem
        }

            .fullscreen-modal .modal-header > div span:nth-of-type(1) {
                width: 2rem;
                position: absolute;
                left: 0;
                top: 0;
                background-image: url("/asset/img/back.svg");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                cursor: pointer
            }

#modal-level #level-summary > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

#modal-level #level-summary .user-level, #modal-level #level-summary .season-info {
    -webkit-flex-basis: 15rem;
    -ms-flex-preferred-size: 15rem;
    flex-basis: 15rem;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.25rem 0.25rem
}

    #modal-level #level-summary .user-level > div, #modal-level #level-summary .season-info > div {
        padding: 0.25rem 0.5rem
    }

        #modal-level #level-summary .user-level > div .user-level-bar-overlay {
            z-index: 9000;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            background-color: teal
        }

        #modal-level #level-summary .user-level > div .user-level-info-overlay {
            z-index: 9100;
            position: relative;
            font-size: 0.8rem;
            font-weight: 700;
            color: #F5F5F5
        }

        #modal-level #level-summary .season-info > div > p, #modal-level #level-summary .user-level > div > p {
            color: #F5F5F5
        }

            #modal-level #level-summary .season-info > div > p:nth-of-type(1), #modal-level #level-summary .user-level > div > p:nth-of-type(1) {
                font-size: 0.8rem;
                font-weight: 700;
                margin-bottom: 0.25rem
            }

            #modal-level #level-summary .season-info > div > p:nth-of-type(2), #modal-level #level-summary .user-level > div > p:nth-of-type(2) {
                background-color: #080808;
                border-radius: 3px;
                padding: 0.25rem 0.25rem;
                text-align: center;
                position: relative;
                font-size: 0.8rem
            }

#modal-level .per-reward {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1rem 1rem;
    pointer-events: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.25);
    border-radius: 3px
}

    #modal-level .per-reward.is-claimable {
        pointer-events: auto;
        padding: 0.25rem 1rem;
        padding-right: 0.5rem
    }

    #modal-level .per-reward > p {
        vertical-align: middle;
        font-size: 0.8rem;
        font-weight: 700;
        color: #F5F5F5
    }

        #modal-level .per-reward > p:nth-of-type(1) {
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

        #modal-level .per-reward > p:nth-of-type(n+2) {
            -webkit-flex-basis: 3rem;
            -ms-flex-preferred-size: 3rem;
            flex-basis: 3rem;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            text-align: center
        }

            #modal-level .per-reward > p:nth-of-type(n+2) span {
                display: block;
                margin: 0.25rem auto;
                cursor: pointer;
                padding: 0.5rem 1rem;
                white-space: nowrap
            }

    #modal-level .per-reward:nth-of-type(n+2) {
        margin-top: 1rem
    }

#modal-history #history-controller {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #modal-history #history-controller > div {
        -webkit-flex-basis: 15rem;
        -ms-flex-preferred-size: 15rem;
        flex-basis: 15rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-bottom: 1rem
    }

        #modal-history #history-controller > div p {
            font-weight: 700;
            font-size: 1rem;
            color: gold
        }

    #modal-history #history-controller .filter-controller {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

        #modal-history #history-controller .filter-controller > span {
            margin: 0rem 0.25rem;
            margin-top: 0.5rem;
            -webkit-flex-basis: 5rem;
            -ms-flex-preferred-size: 5rem;
            flex-basis: 5rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
            color: #F5F5F5;
            padding: 0.5rem 0.25rem;
            border-radius: 3px;
            font-size: 0.8rem;
            cursor: pointer
        }

            #modal-history #history-controller .filter-controller > span:hover, #modal-history #history-controller .filter-controller > span.is-selected {
                background-color: gold;
                color: #333
            }

#modal-history #history-table {
    box-shadow: 0px 0px 0px 1px gold;
    margin: 0rem 0.25rem;
    border-radius: 3px
}

    #modal-history #history-table #history-table-header, #modal-history #history-table .transaction-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 100%
    }

        #modal-history #history-table #history-table-header > p, #modal-history #history-table .transaction-details > p {
            -webkit-flex-basis: 3rem;
            -ms-flex-preferred-size: 3rem;
            flex-basis: 3rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            font-size: 0.8rem;
            padding: 0.5rem 0.5rem;
            text-align: center;
            vertical-align: middle
        }

        #modal-history #history-table .transaction-details span.icon {
            height: 2rem;
            width: 2rem;
            margin: auto;
            background-size: 1.5rem 1.5rem;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 5px
        }

            #modal-history #history-table .transaction-details span.icon.Completed {
                background-image: url("/asset/img/check.svg");
                background-color: #00ff7f
            }

            #modal-history #history-table .transaction-details span.icon.Pending {
                background-image: url("/asset/img/loading.svg");
                background-color: coral
            }

            #modal-history #history-table .transaction-details span.icon.Rejected {
                background-image: url("/asset/img/close.svg");
                background-color: red
            }

@media (max-width: 400px) {
    #modal-history #history-table .transaction-details {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 400px) {
    #modal-history #history-table .transaction-details > p:nth-of-type(1) {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: left
    }

        #modal-history #history-table .transaction-details > p:nth-of-type(1) span {
            display: inline-block;
            font-weight: 700
        }
}

#modal-history #history-table #history-table-header {
    background-color: gold;
    color: #333
}

@media (max-width: 400px) {
    #modal-history #history-table #history-table-header > p:nth-of-type(1) {
        display: none
    }
}

#modal-history #history-table .per-transaction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%
}

    #modal-history #history-table .per-transaction .extra-message {
        background-color: rgba(0,0,0,0.25);
        margin: 0.5rem 0.5rem;
        font-size: 0.8rem;
        padding: 0.25rem 0.25rem
    }

        #modal-history #history-table .per-transaction .extra-message span {
            display: inline-block;
            vertical-align: middle
        }

        #modal-history #history-table .per-transaction .extra-message .icon {
            background-position: left center;
            background-size: 0.8rem 0.8rem;
            background-repeat: no-repeat;
            height: 1rem;
            width: 1rem
        }

        #modal-history #history-table .per-transaction .extra-message.rejected {
            background-color: red
        }

            #modal-history #history-table .per-transaction .extra-message.rejected .icon {
                background-image: url("/asset/img/close.svg")
            }

    #modal-history #history-table .per-transaction:nth-of-type(odd) {
        background-color: rgba(255,255,255,0.25)
    }

    #modal-history #history-table .per-transaction p, #modal-history #history-table .per-transaction span {
        color: #F5F5F5
    }

    #modal-history #history-table .per-transaction span {
        white-space: nowrap;
        display: block
    }

#modal-profile #profile-display > div {
    margin-bottom: 1rem
}

#modal-profile #profile-display p {
    display: block;
    font-size: 0.8rem;
    color: #F5F5F5
}

    #modal-profile #profile-display p:nth-of-type(1) {
        font-weight: 700;
        margin-bottom: 0.25rem
    }

    #modal-profile #profile-display p:nth-of-type(2) {
        background-color: rgba(255,255,255,0.05);
        padding: 0.5rem 0.5rem;
        border-radius: 3px;
        width: 100%
    }

#modal-profile #profile-display input {
    border: none;
    display: block;
    background-color: rgba(255,255,255,0.25);
    width: 100%;
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    outline-color: gold;
    color: #F5F5F5
}

#modal-profile input {
    display: block;
    border: none;
    outline: none;
    width: 100%;
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    color: #333
}

.vip-7 {
    background: #c21500;
    background: -webkit-linear-gradient(to left, #ffc500, #c21500);
    background: -webkit-linear-gradient(right, #ffc500, #c21500);
    background: linear-gradient(to left, #ffc500, #c21500)
}

.vip-6 {
    background: #c31432;
    background: -webkit-linear-gradient(to right, #240b36, #c31432);
    background: -webkit-linear-gradient(left, #240b36, #c31432);
    background: linear-gradient(to right, #240b36, #c31432)
}

.vip-5 {
    background: #360033;
    background: -webkit-linear-gradient(to left, #0b8793, #360033);
    background: -webkit-linear-gradient(right, #0b8793, #360033);
    background: linear-gradient(to left, #0b8793, #360033)
}

.vip-4 {
    background: #34e89e;
    background: -webkit-linear-gradient(to right, #0f3443, #34e89e);
    background: -webkit-linear-gradient(left, #0f3443, #34e89e);
    background: linear-gradient(to right, #0f3443, #34e89e)
}

.vip-3 {
    background: #00b09b;
    background: -webkit-linear-gradient(to right, #96c93d, #00b09b);
    background: -webkit-linear-gradient(left, #96c93d, #00b09b);
    background: linear-gradient(to right, #96c93d, #00b09b)
}

.vip-2 {
    background: #dd3e54;
    background: -webkit-linear-gradient(to left, #6be585, #dd3e54);
    background: -webkit-linear-gradient(right, #6be585, #dd3e54);
    background: linear-gradient(to left, #6be585, #dd3e54)
}

.vip-1 {
    background-color: #333
}

#modal-vipclub #current-month-benefits {
    background-color: #F5F5F5;
    padding: 1rem 1rem
}

    #modal-vipclub #current-month-benefits > div p {
        font-size: 0.8rem
    }

    #modal-vipclub #current-month-benefits > div > p {
        font-size: 1.25rem;
        font-weight: 700;
        padding: 0.5rem 0.5rem;
        text-align: center
    }

    #modal-vipclub #current-month-benefits > div > div > div {
        padding: 0rem 0.5rem;
        padding-bottom: 0.5rem
    }

        #modal-vipclub #current-month-benefits > div > div > div > p:nth-of-type(1) {
            font-weight: 700
        }

#modal-vipclub #progression-nodes > div {
    margin-bottom: 0.25rem
}

    #modal-vipclub #progression-nodes > div.is-leveling .tier-details {
        display: block
    }

    #modal-vipclub #progression-nodes > div > div.tier-header {
        padding: 0.5rem 0.5rem;
        position: relative;
        line-height: 2.5rem
    }

        #modal-vipclub #progression-nodes > div > div.tier-header span {
            color: #F5F5F5;
            font-size: 0.8rem;
            vertical-align: middle;
            display: block
        }

            #modal-vipclub #progression-nodes > div > div.tier-header span:nth-of-type(1) {
                width: 1.5rem;
                height: 1.5rem;
                margin-right: 0.5rem;
                display: inline-block;
                vertical-align: top;
                background-image: url("/asset/img/vip-crown.svg");
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat
            }

            #modal-vipclub #progression-nodes > div > div.tier-header span:nth-of-type(2) {
                height: 1.5rem;
                line-height: 1.5rem;
                vertical-align: top;
                display: inline-block;
                font-weight: 700
            }

            #modal-vipclub #progression-nodes > div > div.tier-header span:nth-of-type(3), #modal-vipclub #progression-nodes > div > div.tier-header span:nth-of-type(4) {
                margin-top: -0.75rem;
                line-height: 1rem;
                text-shadow: 2px 2px 2px rgba(0,0,0,0.5)
            }

    #modal-vipclub #progression-nodes > div > div.tier-details {
        background-color: #F5F5F5;
        color: #333;
        display: none;
        padding: 1rem 1rem
    }

        #modal-vipclub #progression-nodes > div > div.tier-details .tier-benefits > p, #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > p {
            font-size: 0.8rem
        }

            #modal-vipclub #progression-nodes > div > div.tier-details .tier-benefits > p:nth-of-type(1), #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > p:nth-of-type(1) {
                font-weight: 700
            }

            #modal-vipclub #progression-nodes > div > div.tier-details .tier-benefits > p:nth-of-type(2), #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > p:nth-of-type(2) {
                font-weight: 400;
                line-height: 150%
            }

        #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress {
            margin-top: 0.5rem
        }

            #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > div {
                margin-top: 0.25rem;
                position: relative;
                background-color: #EEE;
                border-radius: 3px;
                overflow: hidden
            }

                #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > div p {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    white-space: nowrap
                }

                #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > div span {
                    margin: 0rem 0.25rem;
                    font-size: 0.8rem;
                    font-weight: 700
                }

                #modal-vipclub #progression-nodes > div > div.tier-details .tier-progress > div div {
                    height: 2rem;
                    border-radius: 3px;
                    background-color: #00ff7f
                }

#modal-login .input-style-padding, #modal-register .input-style-padding {
    padding: 0.5rem 0rem;
    background-color: rgba(255,255,255,0.25);
    border-radius: 3px;
    width: 100%;
    margin-bottom: 0.5rem
}

    #modal-login .input-style-padding .selection-container, #modal-register .input-style-padding .selection-container {
        padding: 0rem 0.5rem
    }

    #modal-login .input-style-padding .label-container, #modal-register .input-style-padding .label-container {
        display: block
    }

        #modal-login .input-style-padding .label-container .label, #modal-register .input-style-padding .label-container .label {
            vertical-align: middle;
            color: #F5F5F5;
            display: inline-block;
            padding: 0.25rem 0.5rem
        }

        #modal-login .input-style-padding .label-container .icon, #modal-register .input-style-padding .label-container .icon {
            display: inline-block;
            vertical-align: middle;
            height: 3.25rem;
            width: 2.75rem;
            margin-left: 0.25rem;
            margin-right: -0.75rem;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center
        }

        #modal-login .input-style-padding .label-container .dob, #modal-register .input-style-padding .label-container .dob {
            background-image: url("/asset/img/icon-date-of-birth.svg")
        }

    #modal-login .input-style-padding select, #modal-register .input-style-padding select {
        padding: 0.5rem 0.5rem;
        border: 0px solid transparent;
        background-color: rgba(255,255,255,0.5);
        border-radius: 3px;
        color: #F5F5F5;
        margin: 0.5rem 0.5rem
    }

    #modal-login .input-style-padding option, #modal-register .input-style-padding option {
        display: block;
        color: #333;
        width: 100%
    }

#modal-login form, #modal-register form {
    padding: 1rem 1rem
}

#modal-login input[placeholder='Contact Number'], #modal-register input[placeholder='Contact Number'] {
    background-image: url("/asset/img/icon-mobile.svg")
}

#modal-login input[placeholder='Password'], #modal-login input[placeholder='Confirm Password'], #modal-register input[placeholder='Password'], #modal-register input[placeholder='Confirm Password'] {
    background-image: url("/asset/img/icon-password.svg")
}

#modal-login input[placeholder='Full Name'], #modal-register input[placeholder='Full Name'] {
    background-image: url("/asset/img/icon-full-name.svg")
}

#modal-login input[placeholder='Date Of Birth (DD/MM/YYYY)'], #modal-register input[placeholder='Date Of Birth (DD/MM/YYYY)'] {
    background-image: url("/asset/img/icon-date-of-birth.svg")
}

#modal-login input[value=Register], #modal-login input[value=Login], #modal-register input[value=Register], #modal-register input[value=Login] {
    display: block;
    font-weight: 700;
    padding: 1rem 0.5rem;
    color: #333;
    text-align: center;
    width: 100%;
    border: none;
    outline: none;
    margin-bottom: 0.5rem
}

#modal-login input[readonly], #modal-register input[readonly] {
    display: block;
    width: 100%;
    padding: 1rem 0.5rem;
    border: none;
    cursor: pointer;
    outline: none;
    margin-bottom: 0.5rem;
    text-align: center;
    background-color: transparent;
    color: #F5F5F5;
    font-weight: 700
}

#modal-login input[type=text], #modal-login input[type=password], #modal-register input[type=text], #modal-register input[type=password] {
    border: none;
    display: block;
    background-color: rgba(255,255,255,0.25);
    width: 100%;
    padding: 1rem 0.5rem;
    border-radius: 3px;
    outline-color: gold;
    color: #F5F5F5;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    text-indent: 2.5rem;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

#segment-wheel > div {
    margin: 0rem 0.5rem
}

#segment-wheel .action-buttons {
    width: calc(100% - 2.25rem);
    margin-left: 2.25rem;
    display: block;
    vertical-align: middle
}

    #segment-wheel .action-buttons > div {
        display: inline-block;
        vertical-align: middle
    }

        #segment-wheel .action-buttons > div > p {
            cursor: pointer;
            font-size: 0.8rem;
            font-weight: 700;
            display: inline-block;
            text-align: center;
            padding: 0.25rem 0.5rem;
            border-radius: 3px;
            background-color: gold;
            white-space: nowrap
        }

        #segment-wheel .action-buttons > div > input {
            outline: none;
            border: none;
            border-radius: 3px;
            padding: 0.25rem 0.25rem;
            max-width: 3rem;
            width: 100%;
            vertical-align: middle;
            margin-right: 0.25rem
        }

@media (min-width: 480px) {
    #segment-wheel .action-buttons > div > input {
        width: auto
    }
}

#segment-wheel .action-buttons > p {
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    background-color: gold;
    white-space: nowrap
}

    #segment-wheel .action-buttons > p:nth-of-type(n+2) {
        margin-left: 0.25rem
    }

#segment-wheel .button-title {
    font-size: 0.8rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem
}

    #segment-wheel .button-title > span {
        display: inline-block;
        color: #F5F5F5;
        vertical-align: middle
    }

        #segment-wheel .button-title > span:nth-of-type(1) {
            color: gold;
            height: 1.5rem;
            width: 1.5rem;
            margin-left: 0.5rem;
            margin-right: 0.25rem;
            border-radius: 100%;
            line-height: 1.5rem;
            text-align: center;
            box-shadow: 0px 0px 0px 1px gold;
            cursor: pointer
        }

#segment-wheel #wheel-jackpot {
    background-color: rgba(0,0,0,0.75);
    text-align: center;
    padding: 1rem 1rem
}

    #segment-wheel #wheel-jackpot .sub-jackpot-details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        #segment-wheel #wheel-jackpot .sub-jackpot-details > div {
            -webkit-flex-basis: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding: 1rem 1rem
        }

        #segment-wheel #wheel-jackpot .sub-jackpot-details span {
            display: block;
            font-weight: 700
        }

            #segment-wheel #wheel-jackpot .sub-jackpot-details span:nth-of-type(1) {
                color: #F5F5F5;
                font-size: 0.8rem
            }

            #segment-wheel #wheel-jackpot .sub-jackpot-details span:nth-of-type(2) {
                color: gold;
                font-size: 1rem
            }

                #segment-wheel #wheel-jackpot .sub-jackpot-details span:nth-of-type(2):before {
                    content: "RM "
                }

    #segment-wheel #wheel-jackpot .progressive-jackpot {
        color: gold
    }

        #segment-wheel #wheel-jackpot .progressive-jackpot span {
            font-weight: 700;
            display: block;
            vertical-align: middle;
            padding: 0em 0.5rem;
            line-height: 150%
        }

            #segment-wheel #wheel-jackpot .progressive-jackpot span:nth-of-type(1) {
                font-size: 1.25rem;
                color: #F5F5F5
            }

            #segment-wheel #wheel-jackpot .progressive-jackpot span:nth-of-type(2) {
                font-size: 1.75rem;
                color: gold;
                text-shadow: 0px 0px 10px gold
            }

                #segment-wheel #wheel-jackpot .progressive-jackpot span:nth-of-type(2):before {
                    content: "RM "
                }

#segment-wheel #wheel-control {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(0,0,0,0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

    #segment-wheel #wheel-control > div {
        white-space: nowrap;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-flex-basis: 10rem;
        -ms-flex-preferred-size: 10rem;
        flex-basis: 10rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        #segment-wheel #wheel-control > div > div {
            padding: 1rem 0.5rem
        }

#segment-wheel #result-ticker {
    background-color: rgba(0,0,0,0.95);
    padding: 1rem 0rem;
    bottom: 0;
    left: 0;
    right: 100%;
    white-space: nowrap;
    -webkit-transition: right 0.25s;
    transition: right 0.25s;
    display: none;
    max-width: 100%
}

    #segment-wheel #result-ticker.is-visible {
        display: block
    }

    #segment-wheel #result-ticker > div:nth-of-type(1) {
        padding: 0rem 1rem;
        padding-bottom: 0.25rem
    }

        #segment-wheel #result-ticker > div:nth-of-type(1) > p {
            font-size: 0.8rem;
            font-weight: 700;
            color: #F5F5F5;
            border-bottom: 1px solid #F5F5F5;
            padding-bottom: 0.25rem
        }

    #segment-wheel #result-ticker > div:nth-of-type(2) {
        max-width: 100%;
        overflow: hidden
    }

        #segment-wheel #result-ticker > div:nth-of-type(2) > p {
            padding: 0rem 1rem;
            line-height: 150%;
            color: #F5F5F5;
            font-size: 0.8rem
        }

            #segment-wheel #result-ticker > div:nth-of-type(2) > p:nth-of-type(2) {
                opacity: 0.5
            }

            #segment-wheel #result-ticker > div:nth-of-type(2) > p:nth-of-type(3) {
                opacity: 0.25
            }

#segment-wheel #wheel-container {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden
}

    #segment-wheel #wheel-container #the-wheel-frame {
        z-index: 24;
        background-image: url("/asset/img/the-wheel-outer-glow.svg")
    }

    #segment-wheel #wheel-container #the-wheel {
        z-index: 18;
        background-image: url("/asset/img/the-wheel.png")
    }

    #segment-wheel #wheel-container #the-button {
        z-index: 22;
        background-image: url("/asset/img/the-wheel-spin.svg")
    }

    #segment-wheel #wheel-container #the-shadow {
        z-index: 20;
        background-image: url("/asset/img/the-shadow.svg")
    }

    #segment-wheel #wheel-container #result-ticker {
        z-index: 26
    }

    #segment-wheel #wheel-container #the-splash {
        z-index: 28
    }

    #segment-wheel #wheel-container #play-now {
        z-index: 30
    }

    #segment-wheel #wheel-container #the-shadow, #segment-wheel #wheel-container #the-wheel, #segment-wheel #wheel-container #the-wheel-frame {
        pointer-events: none
    }

    #segment-wheel #wheel-container #play-now, #segment-wheel #wheel-container #the-button {
        cursor: pointer
    }

    #segment-wheel #wheel-container #the-wheel-frame, #segment-wheel #wheel-container #the-wheel, #segment-wheel #wheel-container #the-button, #segment-wheel #wheel-container #the-shadow, #segment-wheel #wheel-container #the-splash {
        position: absolute;
        overflow: hidden
    }

    #segment-wheel #wheel-container #the-wheel-frame, #segment-wheel #wheel-container #the-wheel, #segment-wheel #wheel-container #the-button, #segment-wheel #wheel-container #the-shadow, #segment-wheel #wheel-container #the-splash {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }

    #segment-wheel #wheel-container #the-splash {
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%
    }

    #segment-wheel #wheel-container #the-wheel-frame {
        top: 1%;
        left: 1%;
        right: 1%;
        bottom: 1%
    }

    #segment-wheel #wheel-container #the-wheel {
        background-color: #111;
        will-change: transform;
        -webkit-filter: contrast(1.5);
        filter: contrast(1.5);
        top: 9%;
        left: 9%;
        right: 9%;
        bottom: 9%;
        border-radius: 100%;
        box-shadow: inset 0px 0px 80px 50px rgba(0,0,0,0.75)
    }

        #segment-wheel #wheel-container #the-wheel[state=spinning] {
            -webkit-animation: pulseSpin 0.25s alternate infinite;
            animation: pulseSpin 0.25s alternate infinite
        }

@-webkit-keyframes pulseSpin {
    0% {
        box-shadow: inset 0px 0px 80px 50px rgba(0,0,0,0.75),0px 0px 10px 0px gold
    }

    100% {
        box-shadow: inset 0px 0px 50px 50px rgba(0,0,0,0.75),0px 0px 50px 0px gold
    }
}

@keyframes pulseSpin {
    0% {
        box-shadow: inset 0px 0px 80px 50px rgba(0,0,0,0.75),0px 0px 10px 0px gold
    }

    100% {
        box-shadow: inset 0px 0px 50px 50px rgba(0,0,0,0.75),0px 0px 50px 0px gold
    }
}

#segment-wheel #wheel-container #the-button {
    top: 40%;
    left: 40%;
    right: 40%;
    bottom: 40%
}

#segment-wheel #wheel-container #the-frame {
    width: calc(100% - 2rem);
    margin: 0rem 1rem;
    padding-top: 100%;
    pointer-events: none
}

#segment-wheel #wheel-container #the-shadow {
    top: 9%;
    left: 9%;
    right: 9%;
    bottom: 9%;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0
}

    #segment-wheel #wheel-container #the-shadow.is-spinning {
        opacity: 1
    }

    #segment-wheel #wheel-container #the-shadow.is-static {
        opacity: 0
    }

#segment-wheel #wheel-container #play-now, #segment-wheel #wheel-container #the-splash {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1
}

    #segment-wheel #wheel-container #play-now.has-seen, #segment-wheel #wheel-container #the-splash.has-seen {
        opacity: 0;
        pointer-events: none
    }

#segment-wheel #wheel-container #play-now {
    position: absolute;
    left: 50%;
    bottom: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 2.5rem;
    font-weight: 700;
    color: #F5F5F5;
    white-space: nowrap;
    -webkit-animation: textGlow 0.75s alternate infinite;
    animation: textGlow 0.75s alternate infinite
}

@-webkit-keyframes textGlow {
    0% {
        text-shadow: 0px 0px 10px gold
    }

    100% {
        text-shadow: 0px 0px 25px gold
    }
}

@keyframes textGlow {
    0% {
        text-shadow: 0px 0px 10px gold
    }

    100% {
        text-shadow: 0px 0px 25px gold
    }
}

#segment-wheel #wheel-container #the-splash {
    background-image: url("/asset/img/the-wheel-splash.png");
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

#segment-wheel #bonus-triggers {
    pointer-events: none
}

    #segment-wheel #bonus-triggers span {
        position: absolute;
        height: 1rem;
        width: 1rem;
        border-radius: 100%;
        box-shadow: 0px 0px 0px 2px gold;
        line-height: 1rem;
        text-align: center;
        font-size: 0.8rem;
        font-weight: 700;
        color: gold;
        cursor: pointer
    }

#segment-wheel #bonus-special, #segment-wheel #bonus-incredible, #segment-wheel #bonus-vipstreak, #segment-wheel #bonus-ultra {
    position: absolute;
    height: 15%;
    width: 15%;
    pointer-events: none;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.75
}

    #segment-wheel #bonus-special.ready-to-claim, #segment-wheel #bonus-incredible.ready-to-claim, #segment-wheel #bonus-vipstreak.ready-to-claim, #segment-wheel #bonus-ultra.ready-to-claim {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 1;
        cursor: pointer;
        pointer-events: auto
    }

    #segment-wheel #bonus-special span, #segment-wheel #bonus-incredible span, #segment-wheel #bonus-vipstreak span, #segment-wheel #bonus-ultra span {
        cursor: pointer;
        pointer-events: auto
    }

    #segment-wheel #bonus-special[state=active], #segment-wheel #bonus-incredible[state=active], #segment-wheel #bonus-vipstreak[state=active], #segment-wheel #bonus-ultra[state=active] {
        pointer-events: auto
    }

#segment-wheel #bonus-special {
    background-image: url("/asset/img/bonus-special.png");
    opacity: 0.75
}

    #segment-wheel #bonus-special.ready-to-claim {
        background-image: url("/asset/img/claim-bonus-special.svg")
    }

#segment-wheel #bonus-incredible {
    background-image: url("/asset/img/bonus-incredible.png");
    opacity: 0.75
}

    #segment-wheel #bonus-incredible.ready-to-claim {
        background-image: url("/asset/img/claim-bonus-incredible.svg")
    }

#segment-wheel #bonus-vipstreak {
    background-image: url("/asset/img/bonus-vipstreak.png");
    opacity: 0.75
}

    #segment-wheel #bonus-vipstreak.ready-to-claim {
        background-image: url("/asset/img/claim-bonus-vipstreak.svg")
    }

#segment-wheel #bonus-ultra {
    background-image: url("/asset/img/bonus-ultra.png");
    opacity: 0.75
}

    #segment-wheel #bonus-ultra.ready-to-claim {
        background-image: url("/asset/img/claim-bonus-ultra.svg")
    }

#segment-wheel #bonus-special-progress {
    top: 0;
    right: 0
}

#segment-wheel #bonus-special {
    top: 1rem;
    right: 1rem
}

    #segment-wheel #bonus-special span {
        top: -0.5rem;
        right: -0.5rem
    }

#segment-wheel #bonus-incredible-progress {
    bottom: 0;
    right: 0
}

#segment-wheel #bonus-incredible {
    bottom: 1rem;
    right: 1rem
}

    #segment-wheel #bonus-incredible span {
        bottom: -0.5rem;
        right: -0.5rem
    }

#segment-wheel #bonus-vipstreak-progress {
    bottom: 0;
    left: 0
}

#segment-wheel #bonus-vipstreak {
    bottom: 1rem;
    left: 1rem
}

    #segment-wheel #bonus-vipstreak span {
        bottom: -0.5rem;
        left: -0.5rem
    }

#segment-wheel #bonus-ultra-progress {
    top: 0;
    left: 0
}

#segment-wheel #bonus-ultra {
    top: 1rem;
    left: 1rem
}

    #segment-wheel #bonus-ultra span {
        top: -0.5rem;
        left: -0.5rem
    }

#segment-wheel #bonus-special-progress {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

#segment-wheel #bonus-incredible-progress {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#segment-wheel #bonus-vipstreak-progress {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#segment-wheel #bonus-ultra-progress {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

#segment-wheel #bonus-progress #bonus-special-progress, #segment-wheel #bonus-progress #bonus-incredible-progress, #segment-wheel #bonus-progress #bonus-vipstreak-progress, #segment-wheel #bonus-progress #bonus-ultra-progress {
    position: absolute;
    height: 50%;
    width: 50%;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-0, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-0, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-0, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-0 {
        background-image: url("/asset/img/bonus-progress-special-0.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-1, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-1, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-1, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-1 {
        background-image: url("/asset/img/bonus-progress-special-1.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-2, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-2, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-2, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-2 {
        background-image: url("/asset/img/bonus-progress-special-2.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-3, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-3, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-3, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-3 {
        background-image: url("/asset/img/bonus-progress-special-3.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-4, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-4, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-4, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-4 {
        background-image: url("/asset/img/bonus-progress-special-4.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-5, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-5, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-5, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-5 {
        background-image: url("/asset/img/bonus-progress-special-5.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-6, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-6, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-6, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-6 {
        background-image: url("/asset/img/bonus-progress-special-6.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-special-7, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-special-7, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-special-7, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-special-7 {
        background-image: url("/asset/img/bonus-progress-special-7.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-0, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-0, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-0, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-0 {
        background-image: url("/asset/img/bonus-progress-incredible-0.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-1, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-1, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-1, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-1 {
        background-image: url("/asset/img/bonus-progress-incredible-1.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-2, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-2, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-2, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-2 {
        background-image: url("/asset/img/bonus-progress-incredible-2.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-3, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-3, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-3, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-3 {
        background-image: url("/asset/img/bonus-progress-incredible-3.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-4, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-4, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-4, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-4 {
        background-image: url("/asset/img/bonus-progress-incredible-4.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-5, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-5, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-5, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-5 {
        background-image: url("/asset/img/bonus-progress-incredible-5.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-6, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-6, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-6, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-6 {
        background-image: url("/asset/img/bonus-progress-incredible-6.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-incredible-7, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-incredible-7, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-incredible-7, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-incredible-7 {
        background-image: url("/asset/img/bonus-progress-incredible-7.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-0, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-0, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-0, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-0 {
        background-image: url("/asset/img/bonus-progress-ultra-0.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-1, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-1, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-1, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-1 {
        background-image: url("/asset/img/bonus-progress-ultra-1.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-2, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-2, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-2, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-2 {
        background-image: url("/asset/img/bonus-progress-ultra-2.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-3, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-3, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-3, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-3 {
        background-image: url("/asset/img/bonus-progress-ultra-3.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-4, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-4, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-4, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-4 {
        background-image: url("/asset/img/bonus-progress-ultra-4.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-5, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-5, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-5, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-5 {
        background-image: url("/asset/img/bonus-progress-ultra-5.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-6, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-6, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-6, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-6 {
        background-image: url("/asset/img/bonus-progress-ultra-6.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-ultra-7, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-ultra-7, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-ultra-7, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-ultra-7 {
        background-image: url("/asset/img/bonus-progress-ultra-7.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-0, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-0, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-0, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-0 {
        background-image: url("/asset/img/bonus-progress-vipstreak-0.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-1, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-1, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-1, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-1 {
        background-image: url("/asset/img/bonus-progress-vipstreak-1.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-2, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-2, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-2, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-2 {
        background-image: url("/asset/img/bonus-progress-vipstreak-2.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-3, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-3, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-3, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-3 {
        background-image: url("/asset/img/bonus-progress-vipstreak-3.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-4, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-4, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-4, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-4 {
        background-image: url("/asset/img/bonus-progress-vipstreak-4.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-5, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-5, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-5, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-5 {
        background-image: url("/asset/img/bonus-progress-vipstreak-5.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-6, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-6, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-6, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-6 {
        background-image: url("/asset/img/bonus-progress-vipstreak-6.svg")
    }

    #segment-wheel #bonus-progress #bonus-special-progress.progress-vipstreak-7, #segment-wheel #bonus-progress #bonus-incredible-progress.progress-vipstreak-7, #segment-wheel #bonus-progress #bonus-vipstreak-progress.progress-vipstreak-7, #segment-wheel #bonus-progress #bonus-ultra-progress.progress-vipstreak-7 {
        background-image: url("/asset/img/bonus-progress-vipstreak-7.svg")
    }

#page-promotions, #page-contactus, #page-banking {
    border-radius: 3px;
    padding: 1rem 0rem
}

    #page-promotions .segment-subtitle, #page-contactus .segment-subtitle, #page-banking .segment-subtitle {
        font-size: 1rem;
        color: #F5F5F5;
        padding: 0.5rem 1rem
    }

        #page-promotions .segment-subtitle > span, #page-contactus .segment-subtitle > span, #page-banking .segment-subtitle > span {
            color: gold;
            font-weight: 700
        }

    #page-promotions .segment-title, #page-contactus .segment-title, #page-banking .segment-title {
        font-size: 1.5rem
    }

.tnc-notes {
    padding: 1rem 1rem;
    background-color: rgba(0,0,0,0.25)
}

    .tnc-notes p {
        color: gray
    }

    .tnc-notes ol {
        padding-left: 1rem
    }

    .tnc-notes li {
        color: gray;
        line-height: 200%;
        font-size: 0.8rem
    }

.background-fill {
    background-image: url("/asset/img/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed
}

#page-promotions, #page-banking, #page-contactus {
    margin: 0.5rem 0.5rem
}

    #page-contactus > div {
        padding: 0rem 1rem;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 60rem
    }

        #page-contactus > div > div {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding: 0.5rem 0.5rem
        }

            #page-contactus > div > div.contact-options {
                -webkit-flex-basis: 15rem;
                -ms-flex-preferred-size: 15rem;
                flex-basis: 15rem
            }

            #page-contactus > div > div.contact-form {
                -webkit-flex-basis: 20rem;
                -ms-flex-preferred-size: 20rem;
                flex-basis: 20rem
            }

        #page-contactus > div .contact-options > div {
            background-color: rgba(0,0,0,0.25);
            padding: 0.5rem 0.5rem
        }

            #page-contactus > div .contact-options > div:nth-of-type(n+2) {
                margin-top: 1rem
            }

            #page-contactus > div .contact-options > div > span {
                display: inline-block;
                vertical-align: middle
            }

                #page-contactus > div .contact-options > div > span:nth-of-type(1) {
                    background-size: 80% auto;
                    background-position: center;
                    background-repeat: no-repeat;
                    height: 3rem;
                    width: 3rem;
                    margin-right: 1rem
                }

                #page-contactus > div .contact-options > div > span:nth-of-type(2) {
                    font-weight: 700;
                    font-size: 1.25rem;
                    color: gold;
                    margin-right: 1rem
                }

            #page-contactus > div .contact-options > div > a {
                display: inline-block;
                vertical-align: middle;
                padding: 0.5rem 0.5rem;
                text-decoration: none
            }

            #page-contactus > div .contact-options > div > p {
                font-size: 0.8rem;
                line-height: 150%;
                color: #F5F5F5
            }

        #page-contactus > div .contact-form > div {
            background-color: rgba(0,0,0,0.25);
            padding: 0.5rem 0.5rem
        }

            #page-contactus > div .contact-form > div > p {
                color: #F5F5F5;
                line-height: 150%
            }

            #page-contactus > div .contact-form > div > div > p {
                font-weight: 700;
                color: gold;
                margin-top: 1rem;
                display: block
            }

        #page-contactus > div input[type=submit] {
            margin-top: 1rem;
            color: #333
        }

        #page-contactus > div input {
            border: none;
            display: block;
            background-color: rgba(255,255,255,0.25);
            width: 100%;
            padding: 0.5rem 0.5rem;
            border-radius: 3px;
            outline-color: gold;
            color: #F5F5F5
        }

    #page-banking .banking-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        #page-banking .banking-content > div:nth-of-type(1) {
            -webkit-flex-basis: 20rem;
            -ms-flex-preferred-size: 20rem;
            flex-basis: 20rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

        #page-banking .banking-content > div:nth-of-type(2) {
            -webkit-flex-basis: 40rem;
            -ms-flex-preferred-size: 40rem;
            flex-basis: 40rem;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

        #page-banking .banking-content > div .gallery {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            #page-banking .banking-content > div .gallery > div {
                -webkit-flex-basis: 12rem;
                -ms-flex-preferred-size: 12rem;
                flex-basis: 12rem;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -webkit-flex-shrink: 1;
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

                #page-banking .banking-content > div .gallery > div > div {
                    text-align: center;
                    padding: 0.5rem 0.5rem
                }

                    #page-banking .banking-content > div .gallery > div > div > div {
                        background-color: #F5F5F5;
                        border-radius: 3px;
                        padding: 0rem 0.5rem
                    }

                        #page-banking .banking-content > div .gallery > div > div > div > img {
                            min-height: 4rem;
                            max-width: 100%;
                            margin: auto
                        }

        #page-banking .banking-content > div .transaction-details {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            #page-banking .banking-content > div .transaction-details > div {
                -webkit-flex-basis: 20rem;
                -ms-flex-preferred-size: 20rem;
                flex-basis: 20rem;
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -webkit-flex-shrink: 1;
                -ms-flex-negative: 1;
                flex-shrink: 1;
                box-shadow: inset 0px 0px 0px 1px gold;
                border-radius: 3px;
                margin: 0.5rem 0.5rem
            }

                #page-banking .banking-content > div .transaction-details > div > p {
                    font-weight: 700;
                    font-size: 1.25rem;
                    background-color: gold;
                    color: #333;
                    border-radius: 3px;
                    border-bottom-left-radius: 0px;
                    border-bottom-right-radius: 0px;
                    text-align: center;
                    padding: 1rem 0.5rem
                }

                #page-banking .banking-content > div .transaction-details > div > div {
                    background-color: rgba(0,0,0,0.25)
                }

                    #page-banking .banking-content > div .transaction-details > div > div > div {
                        padding: 0.5rem 0.5rem
                    }

                        #page-banking .banking-content > div .transaction-details > div > div > div:nth-of-type(even) {
                            background-color: rgba(255,255,255,0.025)
                        }

                        #page-banking .banking-content > div .transaction-details > div > div > div:nth-of-type(odd) {
                            background-color: rgba(0,0,0,0.25)
                        }

                        #page-banking .banking-content > div .transaction-details > div > div > div > p:nth-of-type(1) {
                            font-weight: 700;
                            font-size: 0.8rem;
                            color: gold
                        }

                        #page-banking .banking-content > div .transaction-details > div > div > div > p:nth-of-type(2) {
                            color: #F5F5F5
                        }

#page-4d #page-4d-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

    #page-4d #page-4d-results .per-result {
        -webkit-flex-basis: 15rem;
        -ms-flex-preferred-size: 15rem;
        flex-basis: 15rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-align: center;
        max-width: 20rem
    }

        #page-4d #page-4d-results .per-result > div {
            border-radius: 3px;
            background-color: rgba(255,255,255,0.75);
            margin: 1rem 1rem;
            overflow: hidden
        }

            #page-4d #page-4d-results .per-result > div .label-logo {
                padding: 1rem 1rem;
                padding-bottom: 0rem;
                width: calc(100% + 2rem);
                margin-left: -1rem;
                margin-top: -1rem;
                background-color: #222;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: nowrap;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center
            }

                #page-4d #page-4d-results .per-result > div .label-logo > div {
                    padding: 0.5rem 0.5rem;
                    -webkit-flex-basis: 50%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%;
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    -webkit-flex-shrink: 1;
                    -ms-flex-negative: 1;
                    flex-shrink: 1
                }

                    #page-4d #page-4d-results .per-result > div .label-logo > div:nth-of-type(1) {
                        text-align: left
                    }

                        #page-4d #page-4d-results .per-result > div .label-logo > div:nth-of-type(1) p {
                            color: #F5F5F5;
                            font-size: 0.8rem;
                            line-height: 1rem;
                            white-space: nowrap
                        }

                            #page-4d #page-4d-results .per-result > div .label-logo > div:nth-of-type(1) p:nth-of-type(1) {
                                font-weight: 700
                            }

                    #page-4d #page-4d-results .per-result > div .label-logo > div:nth-of-type(2) {
                        text-align: right
                    }

                        #page-4d #page-4d-results .per-result > div .label-logo > div:nth-of-type(2) img {
                            height: 3rem
                        }

            #page-4d #page-4d-results .per-result > div .result-table > div {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                background-color: rgba(255,255,255,0.5);
                overflow: hidden
            }

                #page-4d #page-4d-results .per-result > div .result-table > div > p {
                    -webkit-flex-basis: 100%;
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                    -webkit-box-flex: 1;
                    -webkit-flex-grow: 1;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    -webkit-flex-shrink: 0;
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    font-weight: 700;
                    color: #F5F5F5;
                    font-size: 0.8rem;
                    padding: 0.25rem 0.25rem
                }

                #page-4d #page-4d-results .per-result > div .result-table > div > div > p {
                    font-size: 0.75rem;
                    padding: 0.25rem 0.25rem
                }

                    #page-4d #page-4d-results .per-result > div .result-table > div > div > p:nth-of-type(odd) {
                        background-color: rgba(0,0,0,0.15)
                    }

            #page-4d #page-4d-results .per-result > div .result-table .fixed-table {
                display: table;
                table-layout: fixed;
                width: 100%;
                white-space: nowrap
            }

                #page-4d #page-4d-results .per-result > div .result-table .fixed-table > div p:nth-of-type(1) {
                    font-weight: 700;
                    font-size: 0.8rem
                }

                #page-4d #page-4d-results .per-result > div .result-table .fixed-table > p, #page-4d #page-4d-results .per-result > div .result-table .fixed-table div {
                    display: table-cell
                }

#page-tournament {
    padding: 2rem 1rem;
    background-image: url("/asset/img/background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

    #page-tournament #tournament-0 {
        text-align: center
    }

        #page-tournament #tournament-0 img {
            margin: auto;
            max-width: 100%;
            width: 25rem
        }

    #page-tournament.tourney-1, #page-tournament.tourney-2, #page-tournament.tourney-3 {
        background-size: cover;
        background-repeat: no-repeat
    }

    #page-tournament.tourney-0 {
        background-image: url("/asset/img/tournamentbg.png");
        background-position: center
    }

    #page-tournament.tourney-slots {
        background-image: url("/asset/img/tournament-slots.png");
        background-position: left
    }

    #page-tournament.tourney-sports {
        background-image: url("/asset/img/tournament-sports.png");
        background-position: left top
    }

    #page-tournament.tourney-livecasino {
        background-image: url("/asset/img/tournament-livecasino.png");
        background-position: left
    }

    #page-tournament .tournament-notice {
        text-align: center;
        padding: 8rem 0.5rem;
        background-color: rgba(0,0,0,0.25)
    }

        #page-tournament .tournament-notice p:nth-of-type(1) {
            text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
            font-size: 2rem;
            font-weight: 700;
            color: #FFF
        }

        #page-tournament .tournament-notice p:nth-of-type(2) span {
            text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
            font-size: 4rem;
            font-weight: 700;
            color: gold
        }

    #page-tournament .tournament-header {
        text-align: center;
        padding: 1rem 0.5rem
    }

        #page-tournament .tournament-header > p {
            color: #FFF;
            font-weight: 700
        }

        #page-tournament .tournament-header > div p span {
            text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
            font-size: 1.25rem;
            font-weight: 400;
            color: gold
        }

    #page-tournament #tournament-splash {
        text-align: center;
        padding: 0.5rem 0.5rem
    }

        #page-tournament #tournament-splash p {
            font-size: 1.25rem;
            font-weight: 700;
            color: gold
        }

    #page-tournament #tournament-viewer {
        margin-top: 1rem
    }

    #page-tournament .tournament-table {
        border-radius: 3px;
        overflow: hidden;
        display: table;
        table-layout: fixed;
        width: auto;
        min-width: 30%;
        max-width: 85%;
        margin: auto;
        background-color: rgba(0,0,0,0.25)
    }

        #page-tournament .tournament-table .the-user {
            box-shadow: inset 0px 0px 0px 1px gold
        }

            #page-tournament .tournament-table .the-user div {
                font-weight: 700;
                color: gold
            }

        #page-tournament .tournament-table > div {
            display: table-row
        }

            #page-tournament .tournament-table > div > div {
                display: table-cell;
                padding: 0.5rem 0.5rem;
                color: #F5F5F5;
                font-size: 0.8rem;
                vertical-align: middle;
                line-height: 0.8rem
            }

                #page-tournament .tournament-table > div > div:nth-of-type(1) {
                    text-align: center
                }

                #page-tournament .tournament-table > div > div:nth-of-type(4) {
                    text-align: right
                }

                #page-tournament .tournament-table > div > div:nth-of-type(1), #page-tournament .tournament-table > div > div:nth-of-type(4) {
                    width: 4rem
                }

                #page-tournament .tournament-table > div > div:nth-of-type(n+2) {
                    box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25)
                }

                #page-tournament .tournament-table > div > div.going-up:after {
                    vertical-align: text-top;
                    content: "▴";
                    color: #00ff7f;
                    font-size: 1.5rem;
                    margin-left: 0.5rem;
                    line-height: 0.8rem
                }

                #page-tournament .tournament-table > div > div.going-down:after {
                    vertical-align: text-top;
                    content: "▾";
                    color: #ff4500;
                    font-size: 1.5rem;
                    margin-left: 0.5rem;
                    line-height: 0.8rem
                }

            #page-tournament .tournament-table > div:nth-of-type(even) {
                background-color: rgba(0,0,0,0.85)
            }

            #page-tournament .tournament-table > div:nth-of-type(odd) {
                background-color: rgba(0,0,0,0.75)
            }

            #page-tournament .tournament-table > div:nth-of-type(1) {
                background-color: gold;
                text-align: center
            }

                #page-tournament .tournament-table > div:nth-of-type(1) > div {
                    color: #333;
                    font-weight: 700;
                    font-size: 0.8rem;
                    padding: 0.5rem 0.5rem
                }

    #page-tournament #tournament-selector {
        text-align: center
    }

        #page-tournament #tournament-selector .flash-to-select {
            -webkit-animation: pulseGlow 0.5s alternate infinite;
            animation: pulseGlow 0.5s alternate infinite
        }

@-webkit-keyframes pulseGlow {
    0% {
        box-shadow: 0px 0px 10px 0px gold
    }

    100% {
        box-shadow: 0px 0px 20px 0px gold
    }
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0px 0px 10px 0px gold
    }

    100% {
        box-shadow: 0px 0px 20px 0px gold
    }
}

#page-tournament #tournament-selector select {
    outline: none;
    padding: 0.5rem 0.5rem;
    border: 0px solid transparent;
    background-color: rgba(0,0,0,0.5);
    border-radius: 3px;
    color: #F5F5F5
}

#page-tournament #tournament-selector option {
    background-color: #F5F5F5;
    border: 0px solid transparent
}

#page-promotions .pop-promo-info {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
    z-index: 9500;
    pointer-events: none;
    display: none
}

    #page-promotions .pop-promo-info.is-visible {
        display: block;
        pointer-events: auto
    }

        #page-promotions .pop-promo-info.is-visible > div {
            display: block
        }

    #page-promotions .pop-promo-info > div {
        display: none;
        position: absolute;
        top: 2rem;
        left: 50%;
        width: calc(100% - 2rem);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 35rem;
        bottom: 2rem;
        overflow: auto
    }

        #page-promotions .pop-promo-info > div > div {
            display: block
        }

            #page-promotions .pop-promo-info > div > div > div {
                width: 100%;
                position: relative;
                vertical-align: top
            }

                #page-promotions .pop-promo-info > div > div > div:nth-of-type(1) img {
                    width: 100%
                }

    #page-promotions .pop-promo-info .promo-details {
        max-width: 100%;
        background-color: #F5F5F5;
        text-align: left
    }

        #page-promotions .pop-promo-info .promo-details ol {
            padding: 2rem
        }

        #page-promotions .pop-promo-info .promo-details table {
            width: 100%;
            border-collapse: collapse
        }

            #page-promotions .pop-promo-info .promo-details table th {
                background-color: #333;
                color: #FFF
            }

            #page-promotions .pop-promo-info .promo-details table tr:nth-of-type(odd) {
                background-color: #F5F5F5
            }

            #page-promotions .pop-promo-info .promo-details table th, #page-promotions .pop-promo-info .promo-details table td {
                padding: 0rem 0.15rem
            }

        #page-promotions .pop-promo-info .promo-details .table {
            background-color: #FFF;
            box-shadow: 0px 0px 10px 0px #CCC
        }

            #page-promotions .pop-promo-info .promo-details .table.shrink > div > p:nth-of-type(1) {
                width: 8rem
            }

            #page-promotions .pop-promo-info .promo-details .table > div {
                display: table;
                table-layout: fixed;
                width: 100%;
                padding: 0.25rem 0.25rem
            }

                #page-promotions .pop-promo-info .promo-details .table > div.header {
                    background-color: #333;
                    color: #F5F5F5;
                    font-weight: 700
                }

                    #page-promotions .pop-promo-info .promo-details .table > div.header p {
                        color: #F5F5F5;
                        font-weight: 700
                    }

                #page-promotions .pop-promo-info .promo-details .table > div:nth-of-type(even) {
                    background-color: rgba(0,0,0,0.05)
                }

                #page-promotions .pop-promo-info .promo-details .table > div > p {
                    display: table-cell
                }

        #page-promotions .pop-promo-info .promo-details span {
            font-weight: 700
        }

        #page-promotions .pop-promo-info .promo-details li {
            font-size: 0.8rem;
            line-height: 200%
        }

            #page-promotions .pop-promo-info .promo-details li:nth-of-type(n+2) {
                margin-top: 0.5rem
            }

        #page-promotions .pop-promo-info .promo-details p {
            font-size: 0.8rem;
            line-height: 200%
        }

#page-promotions .back {
    max-width: 100%
}

#page-promotions .front, #page-promotions .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%
}

#page-promotions .gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    #page-promotions .gallery > div {
        -webkit-flex-basis: 18rem;
        -ms-flex-preferred-size: 18rem;
        flex-basis: 18rem;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

        #page-promotions .gallery > div > div {
            padding: 1rem 1rem
        }

            #page-promotions .gallery > div > div > div {
                position: relative;
                max-width: 25rem;
                min-width: 18rem;
                margin: auto;
                vertical-align: top
            }

@media (min-width: 960px) {
    #page-promotions .gallery > div > div > div {
        min-width: 20rem
    }
}

#page-promotions .gallery > div > div > div > p {
    width: 100%;
    text-align: center;
    padding: 0.5rem 0.5rem
}

.always-on-opening-notice {
    background-color: transparent;
    text-align: center;
    padding: 0.15rem 0.25rem;
    display: none
}

@media (min-width: 960px) {
    .always-on-opening-notice {
        display: block
    }
}

.always-on-opening-notice.is-open {
    background-color: #00ff7f
}

    .always-on-opening-notice.is-open span {
        color: #333
    }

.always-on-opening-notice.is-closed {
    background-color: #ff4500
}

    .always-on-opening-notice.is-closed span {
        color: #F5F5F5
    }

.always-on-opening-notice span {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 70%
}

.page-header {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

    .page-header.center {
        background-position: center
    }

    .page-header > div {
        padding: 3rem 2rem;
        text-align: center;
        display: inline-block;
        width: 100%;
        background-color: rgba(0,0,0,0.5)
    }

        .page-header > div .page-title p {
            display: inline-block;
            width: 100%;
            line-height: 150%;
            font-size: 8vw;
            font-weight: 700;
            word-break: break-word;
            color: gold;
            text-shadow: 0px 0px 50px gold
        }

@media (max-width: 500px) {
    .page-header > div .page-title p {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        border-bottom: 1px solid gold
    }
}

@media (min-width: 768px) {
    .page-header > div .page-title p {
        font-size: 6rem
    }
}

.page-header > div .page-desc p {
    color: gold;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 200%;
    width: 100%
}

    .page-header > div .page-desc p span {
        color: gold;
        text-decoration: underline
    }

.layout-side-dock {
    width: 100%;
    background-color: #222
}

    .layout-side-dock > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1920px;
        margin: auto
    }

        .layout-side-dock > div > div {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            padding-bottom: 0.5rem
        }

            .layout-side-dock > div > div:nth-of-type(1) {
                -webkit-flex-basis: 55rem;
                -ms-flex-preferred-size: 55rem;
                flex-basis: 55rem;
                background-color: rgba(0,0,0,0.75)
            }

            .layout-side-dock > div > div:nth-of-type(2) {
                -webkit-flex-basis: 20rem;
                -ms-flex-preferred-size: 20rem;
                flex-basis: 20rem
            }

.get-downloaders {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding-top: 3em
}

    .get-downloaders > div {
        -webkit-flex-basis: 25em;
        -ms-flex-preferred-size: 25em;
        flex-basis: 25em;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 4em 1em;
        padding-bottom: 3em
    }

        .get-downloaders > div > div {
            max-width: 20em;
            width: 100%;
            margin: auto;
            box-shadow: 0px 0px 0px 2px gold;
            border-radius: 5px
        }

            .get-downloaders > div > div > img {
                max-width: 100%;
                margin-top: -5em
            }

            .get-downloaders > div > div > div:nth-of-type(1) {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-justify-content: space-evenly;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                padding: 1em 1em;
                background-color: #222
            }

                .get-downloaders > div > div > div:nth-of-type(1) > div {
                    padding: 0.5em 0.5em;
                    -webkit-flex-basis: 50%;
                    -ms-flex-preferred-size: 50%;
                    flex-basis: 50%
                }

                    .get-downloaders > div > div > div:nth-of-type(1) > div > a {
                        display: block;
                        padding: 0.5em 1em;
                        border-radius: 3px;
                        text-decoration: none;
                        color: #333;
                        width: 100%;
                        font-size: 0.8rem;
                        text-align: center;
                        font-weight: 700
                    }

            .get-downloaders > div > div > div.club-login-register {
                width: 100%;
                text-align: center
            }

                .get-downloaders > div > div > div.club-login-register > a {
                    display: block;
                    padding: 1em 1em;
                    color: #F5F5F5;
                    font-weight: 700;
                    text-decoration: none
                }

            .get-downloaders > div > div > div.club-login-details {
                width: 100%;
                padding: 0.25rem 0.25rem
            }

                .get-downloaders > div > div > div.club-login-details p {
                    margin: 0.5rem 0.25rem;
                    font-size: 0.85rem;
                    background-color: #F5F5F5;
                    border-radius: 3px;
                    overflow: hidden
                }

                    .get-downloaders > div > div > div.club-login-details p > span {
                        display: inline-block;
                        vertical-align: top;
                        color: #333;
                        line-height: 1.5rem;
                        padding: 0rem 0.25rem
                    }

                        .get-downloaders > div > div > div.club-login-details p > span:nth-of-type(1) {
                            width: 2rem;
                            font-weight: 700;
                            background-color: gold
                        }

                        .get-downloaders > div > div > div.club-login-details p > span:nth-of-type(2) {
                            font-weight: 700
                        }

                        .get-downloaders > div > div > div.club-login-details p > span:nth-of-type(3) {
                            float: right;
                            border-radius: 0px
                        }