﻿<style >
.anim-fade-out[_ngcontent-lcc-c56] {
    opacity: 0;
    animation: fadeout 4s
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.v-overlay[_ngcontent-lcc-c56] {
    align-items: center;
    border-radius: inherit;
    display: flex;
    justify-content: center;
    position: fixed;
    inset: 0;
    pointer-events: none;
    transition: .3s cubic-bezier(.25,.8,.5,1),z-index 1ms
}

.v-overlay__scrim[_ngcontent-lcc-c56] {
    border-radius: inherit;
    height: 100%;
    inset: 0;
    position: absolute;
    transition: inherit;
    width: 100%;
    will-change: opacity
}

.v-overlay__content[_ngcontent-lcc-c56] {
    position: relative
}

.pulse[_ngcontent-lcc-c56]:after {
    animation-delay: 1s
}

.pulse[_ngcontent-lcc-c56] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12.1875rem;
    height: 12.1875rem;
    border-radius: 9.375rem;
    background: rgba(255,255,255,.9)
}

    .pulse[_ngcontent-lcc-c56]:after, .pulse[_ngcontent-lcc-c56]:before {
        content: "";
        position: absolute;
        inset: -2px;
        border: 2px solid #df082a;
        border-radius: 50%;
        animation: animate 2s linear infinite
    }

@keyframes animate {
    0% {
        box-shadow: 0 0 .0625rem #df082a
    }

    30%, 35% {
        box-shadow: 0 0 2.1875rem #df082a
    }

    60%, 65% {
        box-shadow: 0 0 #df082a
    }

    to {
        box-shadow: 0 0 1px #df082a
    }
}

.fixed[_ngcontent-lcc-c56] {
    position: fixed
}

.z-30[_ngcontent-lcc-c56] {
    z-index: 30
}

.z-50[_ngcontent-lcc-c56] {
    z-index: 50
}

img[src][_ngcontent-lcc-c56] {
    visibility: inherit !important
}

.new-slidercx[_ngcontent-lcc-c56] {
    background: #13427b;
    padding: 10px 16px
}

.popup-container[_ngcontent-lcc-c56] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000c;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

.popup-content[_ngcontent-lcc-c56] {
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    max-width: 80%;
    text-align: center
}

    .popup-content[_ngcontent-lcc-c56] img[_ngcontent-lcc-c56] {
        width: 100%;
        height: auto;
        border-radius: 10px
    }

.close-icon[_ngcontent-lcc-c56] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none
}

    .close-icon[_ngcontent-lcc-c56]:hover {
        color: red
    }

.close-btn[_ngcontent-lcc-c56] {
    z-index: 9999;
    color: #fff;
    cursor: pointer;
    height: 25px;
    width: 25px;
    right: 15px;
    top: 45px;
    position: absolute;
    transition: .25s ease
}

    .close-btn[_ngcontent-lcc-c56]:after {
        transform: rotate(45deg)
    }

    .close-btn[_ngcontent-lcc-c56]:before {
        transform: rotate(-45deg)
    }

    .close-btn[_ngcontent-lcc-c56]:before, .close-btn[_ngcontent-lcc-c56]:after {
        content: "";
        height: 2px;
        background: #fff;
        width: 100%;
        top: 50%;
        left: 5%;
        position: absolute;
        transition: .25s ease
    }

.golden-button[_ngcontent-lcc-c56] {
    touch-action: manipulation;
    display: inline-block;
    outline: none;
    font-family: inherit;
    font-size: 1em;
    box-sizing: border-box;
    border: none;
    border-radius: .3em;
    height: 2.75em;
    line-height: 2.5em;
    text-transform: uppercase;
    padding: 0 5em;
    box-shadow: 0 3px 6px #00000029,0 3px 6px #6e501466,inset 0 -2px 5px 1px #8b4208,inset 0 -1px 1px 3px #fae385;
    background-image: linear-gradient(160deg,#a54e07,#b47e11,#fef1a2,#bc881b,#a54e07);
    border: 1px solid #a55d07;
    color: #783205;
    text-shadow: 0 2px 2px #fae385;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-size: 100% 100%;
    background-position: center
}

    .golden-button[_ngcontent-lcc-c56]:focus, .golden-button[_ngcontent-lcc-c56]:hover {
        background-size: 150% 150%;
        box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003b,inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px #fae385;
        border: 1px solid rgba(165,93,7,.6);
        color: #783205cc
    }

    .golden-button[_ngcontent-lcc-c56]:active {
        box-shadow: 0 3px 6px #00000029,0 3px 6px #6e501466,inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px #fae385
    }


header[_ngcontent-lcc-c48] .btn-signupbazzi365[_ngcontent-lcc-c48] {
    display: block;
    width: 28.8vw;
    background-image: linear-gradient(-180deg,#bb0623 0%,#333333 100%);
    border-color: #000;
    text-align: center
}

header[_ngcontent-lcc-c48] .btn-signup[_ngcontent-lcc-c48] {
    display: block;
    background-image: linear-gradient(-180deg,#666666 0%,#333333 100%);
    border-color: #000
}

header[_ngcontent-lcc-c48] .btn-demo[_ngcontent-lcc-c48], header[_ngcontent-lcc-c48] .btn-signup[_ngcontent-lcc-c48], header[_ngcontent-lcc-c48] .login-index[_ngcontent-lcc-c48] {
    max-width: 28.8vw;
    height: 8.5333333333vw;
    box-shadow: inset 0 .2666666667vw #ffffff80;
    line-height: 8.5333333333vw;
    padding: 0;
    color: #fff;
    border-radius: 1.0666666667vw;
    margin-top: .2666666667vw
}


.icons-cricket[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>') no-repeat
}

.select[_ngcontent-lcc-c49] .icons-cricket[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M4.565 2.84c.505-.414 1.042-.79 1.608-1.123l15.66 19.1c-.436.487-.91.94-1.416 1.356L4.565 2.84zm-1.79 1.806l15.522 18.93C16.565 24.487 14.592 25 12.5 25 5.596 25 0 19.404 0 12.5c0-2.975 1.04-5.707 2.775-7.854zM8.557.636C9.797.222 11.122 0 12.5 0 19.404 0 25 5.596 25 12.5c0 2.252-.596 4.366-1.638 6.19L8.557.636z"/></svg>') no-repeat
}

.icons-soccer[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>') no-repeat
}

.select[_ngcontent-lcc-c49] .icons-soccer[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="evenodd" d="M19.63 2.945c-.77-.574-1.602-1.052-2.492-1.43-.49-.205-.987-.378-1.495-.516-.4.162-.892.472-1.714 1.174-.687-.073-1.38-.076-2.076-.01-.91.086-1.822.288-2.715.604-.808.283-1.446.606-1.876.853-.626-.223-1.49-.496-1.937-.64-.44.333-.86.697-1.256 1.093-1.02 1.02-1.835 2.197-2.428 3.5-.074.785-.037 1.595.018 2.21-.294.738-.505 1.508-.628 2.3-.128.827-.18 2.328-.12 3.223.15.625.352 1.237.605 1.835.6 1.42 1.46 2.695 2.554 3.79.304.302.62.587.95.853-.013-.275-.096-1.328-.09-1.727l4.106-1.37 4.74 2.05c.367 1.485.56 2.295.583 2.43-.87.57-3.007.998-4 1.063.7.126 1.415.19 2.14.19 1.608 0 3.17-.315 4.64-.936.786-.333 1.528-.745 2.22-1.232-.878.453-1.912.55-2.89.71-.086.012-1.312.1-1.32.063l-.617-2.51 3.337-3.474 4.324-.394c.065.673.273 1.665.337 2.3.368-.57.686-1.174.953-1.805.62-1.47.937-3.03.937-4.64 0-1.14-.16-2.26-.474-3.338-.002.01-.002.016-.002.023-.26-.502-.564-.985-.908-1.444-.544-.727-1.19-1.396-1.923-1.992-.133-.664-.5-1.707-1.484-2.803zm1.707.715c1.147 1.15 2.048 2.484 2.68 3.976.652 1.54.983 3.18.983 4.865 0 1.69-.33 3.326-.982 4.867-.63 1.49-1.53 2.825-2.68 3.973-1.146 1.147-2.483 2.048-3.972 2.678-1.54.65-3.18.982-4.866.982-1.69 0-3.325-.33-4.866-.982-1.49-.63-2.826-1.53-3.973-2.678-1.147-1.148-2.048-2.484-2.678-3.973C.332 15.827 0 14.187 0 12.5c0-1.687.33-3.323.982-4.864.63-1.49 1.53-2.826 2.68-3.973C4.807 2.515 6.144 1.615 7.633.985 9.174.33 10.81.003 12.497 0c1.69 0 3.325.33 4.866.982 1.49.63 2.826 1.53 3.974 2.678zm-4.37 2.287l-2.138 5.835-5.13.985L5.463 8.39C5.748 6.403 7.11 4.644 7.11 4.644c.007-.005.894-.646 2.318-1.142.83-.292 1.675-.478 2.518-.557.688-.063 1.373-.052 2.05.03l2.97 2.97zM2.07 16.63c-.12-.445-.263-1.09-.334-1.865-.08-.875-.055-1.744.076-2.576.1-.64.26-1.26.48-1.855.865-.73 2.01-1.158 2.642-1.355l4.16 4.296-.436 4.708-3.915 1.283c-1.034-.76-2.03-1.695-2.674-2.638zm20.236-.87c-.015.026-.077.062-.092.094l-4.296.392-2.37-4.144 2.144-5.847 3.025.19c.643.54 1.213 1.138 1.696 1.784.604.81 1.074 1.7 1.395 2.643-.336 2.92-1.17 4.38-1.502 4.887z"/></svg>') no-repeat
}

.icons-tennis[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>') no-repeat
}

.select[_ngcontent-lcc-c49] .icons-tennis[_ngcontent-lcc-c49] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="M11.327.048c.358 3.07 1.93 6.34 4.608 9.02 2.68 2.68 5.95 4.25 9.015 4.606-.26 2.8-1.46 5.53-3.605 7.674-2.148 2.143-4.87 3.347-7.676 3.607-.354-3.07-1.926-6.336-4.607-9.017-2.68-2.68-5.946-4.25-9.017-4.607.26-2.8 1.463-5.53 3.608-7.673C5.8 1.513 8.53.31 11.327.047zM25 12.123c-2.687-.346-5.57-1.77-7.96-4.16C14.65 5.57 13.223 2.684 12.877 0c3.076.095 6.126 1.308 8.47 3.655C23.693 6.002 24.91 9.048 25 12.123zM0 12.88c2.684.35 5.57 1.773 7.958 4.163 2.392 2.39 3.816 5.275 4.162 7.957-3.075-.09-6.12-1.308-8.466-3.652C1.308 19.002.09 15.955 0 12.88z"/></svg>') no-repeat
}

.aligh[_ngcontent-lcc-c49] {
    text-align: center
}

.para[_ngcontent-lcc-c49] {
    text-align: center;
    font-size: 15px;
    padding-top: 50px
}

.overlay[_ngcontent-lcc-c49] .frame-wrap[_ngcontent-lcc-c49] {
    width: 89.33333vw;
    height: 65%;
    font-family: monospace
}

.luckco7-frame[_ngcontent-lcc-c49] {
    width: 100vw;
    height: 71.4666666667vw;
    position: fixed;
    background-color: #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 0 20px 5px #0009;
    z-index: 99;
    visibility: hidden;
    bottom: -20px;
    opacity: 0;
    transition: all .3s ease-out
}

.luckco7-frame-active[_ngcontent-lcc-c49] {
    visibility: visible;
    opacity: 1;
    bottom: 0
}

.displayblock[_ngcontent-lcc-c49] {
    display: block
}

.displayblock[_ngcontent-lcc-c49] {
    display: none
}

.container[_ngcontent-lcc-c49] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent
}

.lobby[_ngcontent-lcc-c49] {
    width: 100%;
    height: 100%;
    border-radius: 35px 35px 0 0;
    background-repeat: no-repeat;
    background-image: url(lobby-bg.f6f256e26bf1c502bf02.webp);
    background-size: contain
}

.header[_ngcontent-lcc-c49] {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    background: linear-gradient(-180deg,black 0%,black 100%);
    border-radius: 35px 35px 0 0;
    font-weight: 700
}

.titleimg[_ngcontent-lcc-c49] {
    width: 140px;
    height: 30px
}

.iconclose[_ngcontent-lcc-c49] {
    width: 50px;
    height: 30px
}

.header__number[_ngcontent-lcc-c49] {
    position: absolute;
    left: 31%;
    top: 8px;
    color: #e6c500;
    font-size: 13px
}

.lobby[_ngcontent-lcc-c49] .main[_ngcontent-lcc-c49] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    padding: 20px 5px;
    height: 100%;
    overflow-x: scroll
}

    .lobby[_ngcontent-lcc-c49] .main[_ngcontent-lcc-c49] .card-wrapper[_ngcontent-lcc-c49] {
        display: flex;
        height: 380px
    }

.game-card[_ngcontent-lcc-c49] {
    position: relative;
    width: 120px;
    height: 175px;
    margin-right: 7px;
    padding: 2px;
    border-radius: 5px;
    background-color: #fff
}

    .game-card[_ngcontent-lcc-c49] .game-img[_ngcontent-lcc-c49] .game-img__img[_ngcontent-lcc-c49] {
        border-radius: 18px;
        width: 120px;
        height: 125px
    }

    .game-card[_ngcontent-lcc-c49] .player[_ngcontent-lcc-c49] {
        position: absolute;
        bottom: 20%;
        left: 0;
        width: 60px;
        height: 26px;
        background: black;
        border: 3px solid white;
        border-radius: 30px
    }

    .game-card[_ngcontent-lcc-c49] .player__icon[_ngcontent-lcc-c49] {
        display: inline-flex;
        position: relative;
        left: 2px;
        top: 3px;
        width: 20px;
        height: 19px;
        background: linear-gradient(-180deg,#ebdd84 0%,#cfae21 100%);
        border-radius: 30px;
        padding-left: 1px;
        padding-top: 1px
    }

        .game-card[_ngcontent-lcc-c49] .player__icon[_ngcontent-lcc-c49] .player__icon__img[_ngcontent-lcc-c49] {
            display: block;
            position: relative;
            left: 15%;
            top: 15%;
            width: 15px;
            height: 15px
        }

    .game-card[_ngcontent-lcc-c49] .player__number[_ngcontent-lcc-c49] {
        color: #ffe262;
        font-size: 13px;
        position: relative;
        left: 5px;
        top: -2px
    }

    .game-card[_ngcontent-lcc-c49] .game-name[_ngcontent-lcc-c49] {
        display: flex;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 80%;
        transform: translate(-50%);
        width: 180px
    }

    .game-card[_ngcontent-lcc-c49] .game-name__text[_ngcontent-lcc-c49] {
        color: #000;
        font-size: 13px;
        font-weight: 900
    }

@keyframes slideToLeft1 {
    0% {
        transform: translate(20px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slideToLeft2 {
    0% {
        transform: translate(40px)
    }

    to {
        transform: translate(0)
    }
}

.slide-in1[_ngcontent-lcc-c49] {
    animation: slideToLeft1 .5s ease-out
}

.slide-in2[_ngcontent-lcc-c49] {
    animation: slideToLeft2 .5s ease-out
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n), #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd) {
    position: relative
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li.active[_ngcontent-lcc-c49] {
    background-image: none
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd) a[_ngcontent-lcc-c49] {
    --footeractivemenubackground: linear-gradient(56deg, #ffb80c 4%, #ffb80c 42%);
    background-color: none;
    background: #000;
    border-radius: 7vw 7vw 0 0
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n) a[_ngcontent-lcc-c49], #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd) a[_ngcontent-lcc-c49] {
    position: relative;
    z-index: 99
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd):after {
    left: 95%
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd):after, #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd):before {
    --footeractivemenubackground: linear-gradient(56deg, #ffb80c 4%, #ffb80c 42%);
    background-color: none;
    background: #000;
    bottom: -1px;
    content: "";
    height: 7vw;
    position: absolute;
    width: 7vw;
    z-index: 1
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(odd):before {
    right: 95%
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n):after {
    left: 95%
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n):after, #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n):before {
    --footeractivemenubackground: linear-gradient(56deg, #ffb80c 4%, #ffb80c 42%);
    background: #000;
    content: "";
    height: 7vw;
    position: absolute;
    top: 0;
    width: 7vw;
    z-index: 1
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n):before {
    right: 95%
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li.main-nav[_ngcontent-lcc-c49]:before {
    top: auto !important
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49]:nth-child(2n) a[_ngcontent-lcc-c49] {
    --footeractivemenubackground: linear-gradient(56deg, #ffb80c 4%, #ffb80c 42%);
    background: #000;
    border-radius: 0 0 7vw 7vw
}

#nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li.active[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49], #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li.active[_ngcontent-lcc-c49]:after, #nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li.active[_ngcontent-lcc-c49]:before {
    background: linear-gradient(56deg,#ffb80c 4%,#ffb80c 42%);
    text-shadow: 0 0 8px #000
}

#nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
    text-align: center
}

#nav[_ngcontent-lcc-c49] .main-nav[_ngcontent-lcc-c49]:before, #nav[_ngcontent-lcc-c49] img[_ngcontent-lcc-c49] {
    display: block
}

#nav[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] {
    display: flex
}

#nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#nav[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49] {
    list-style: none
}

#nav[_ngcontent-lcc-c49] {
    background-image: url(/Content/images/mobile/play25/footer_shape.9b7e542460127c3f72dc.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 60vw;
    bottom: 0;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 10
}

    #nav[_ngcontent-lcc-c49] .main-nav[_ngcontent-lcc-c49], #nav[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] {
        position: relative
    }

    #nav[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] {
        z-index: 2
    }

    #nav[_ngcontent-lcc-c49]:after {
        border-radius: 3.4vw 0 0;
        left: auto;
        right: 0;
        width: 40.6vw
    }

    #nav[_ngcontent-lcc-c49]:after, #nav[_ngcontent-lcc-c49]:before {
        content: "";
        height: 13vw;
        position: absolute;
        top: 0
    }

    #nav[_ngcontent-lcc-c49]:before {
        border-radius: 0 3.4vw 0 0;
        width: 100%
    }

    #nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
        color: #fff;
        font-size: 3.2vw;
        height: 13.33333vw;
        line-height: 1.1;
        padding: 1.86667vw 2.66667vw 0;
        width: 20vw
    }

    #nav[_ngcontent-lcc-c49] img[_ngcontent-lcc-c49] {
        height: 5.33333vw;
        margin: 0 auto .53333vw;
        width: 5.33333vw
    }

    #nav[_ngcontent-lcc-c49] .icon-home[_ngcontent-lcc-c49] {
        width: 6.66667vw
    }

    #nav[_ngcontent-lcc-c49] .mini-lobby[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
        width: 16.8vw
    }

    #nav[_ngcontent-lcc-c49] .mini-lobby[_ngcontent-lcc-c49] .main-nav[_ngcontent-lcc-c49]:before {
        height: 5.33333vw;
        margin-left: -.26667vw;
        top: -4.53333vw;
        width: 110%
    }

    #nav[_ngcontent-lcc-c49] .mini-lobby[_ngcontent-lcc-c49] .main-nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
        height: 16.8vw;
        margin-top: -4.53333vw;
        padding-top: 1.33333vw
    }

@media (orientation: landscape) {
    #nav[_ngcontent-lcc-c49] {
        display: none
    }
}

#nav[_ngcontent-lcc-c49] .game-nav[_ngcontent-lcc-c49]:before {
    height: 5.3333333333vw;
    margin-left: -.2666666667vw;
    top: -4.5333333333vw;
    width: 110%
}

#nav[_ngcontent-lcc-c49] .game-nav[_ngcontent-lcc-c49] {
    position: relative
}

    #nav[_ngcontent-lcc-c49] .game-nav[_ngcontent-lcc-c49]:before {
        background-image: url(/Content/images/mobile/play25/graphic.1adce6166e1d27296c20.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        height: 4.5333333333vw;
        left: 3px;
        pointer-events: none;
        position: absolute;
        top: -4.2666666667vw;
        width: 100%;
        z-index: -1
    }

    #nav[_ngcontent-lcc-c49] .game-nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
        height: 16.8vw;
        margin-top: -4.5333333333vw;
        padding-top: 1.3333333333vw
    }

#nav[_ngcontent-lcc-c49] ul[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
    width: 20vw
}

#nav[_ngcontent-lcc-c49] .main-nav[_ngcontent-lcc-c49] a[_ngcontent-lcc-c49] {
    margin-top: 0
}

.betbtn[_ngcontent-lcc-c49] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #313131;
    cursor: vertical-text;
    float: left;
    letter-spacing: 5px;
    margin-left: 0;
    padding: 5px 10px;
    position: fixed;
    text-transform: uppercase;
    text-transform: 1px 1px 0 rgba(0,0,0,.5);
    text-transform: capitalize;
    transform-origin: left top 0;
    z-index: 10
}

.z-100[_ngcontent-lcc-c49] {
    z-index: 100
}

.overlay_sk[_ngcontent-lcc-c49] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(0,0,0,.6)
}

#sportDiv.open2[_ngcontent-lcc-c49] {
    animation: height1 .2s forwards;
    animation-timing-function: linear;
    box-shadow: 2px 2px 15px #ccc
}

#sportDiv[_ngcontent-lcc-c49] {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    height: auto;
    z-index: 999;
    width: 90vw;
    margin: auto 5vw 14vw;
    overflow: auto;
    border-radius: 7px;
    max-height: 80vw;
    transition: 2s
}

    #sportDiv[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49] {
        border-bottom: 1px solid #ccc;
        height: 15vw;
        padding-left: 4vw;
        display: flex;
        align-items: center;
        margin: 0 4vw;
        font-size: 3.46667vw;
        color: #222;
        font-weight: 600
    }

        #sportDiv[_ngcontent-lcc-c49] li[_ngcontent-lcc-c49] img[_ngcontent-lcc-c49] {
            width: 6.5vw;
            margin-right: 4vw
        }

img[_ngcontent-lcc-c49] {
    background-size: contain !important
}

nav.cls-footer-sec.sk-footer[_ngcontent-lcc-c49] {
    background-image: none;
    z-index: 50 !important
}

#close-btn_sports[_ngcontent-lcc-c49] {
    display: none
}

.icon-sport[_ngcontent-lcc-c49] {
    background: url(sport.74b951b76d1bc31db8bb.webp)
}

@keyframes height1 {
    0% {
        height: 0px
    }

    to {
        height: 77vw
    }
}


@charset "UTF-8";

.entrance-title[_ngcontent-lcc-c45] {
    background-image: linear-gradient(270deg,rgba(41,42,42,.62) 4%,#000 97%)
}

#coming_soon[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
    max-width: 100%;
    height: auto
}

#coming_soon[_ngcontent-lcc-c45] .news-wrap.news-wrap-frame[_ngcontent-lcc-c45] {
    height: auto
}

#Evolution[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
    max-width: 100%;
    height: auto
}

#Evolution[_ngcontent-lcc-c45] .news-wrap.news-wrap-frame[_ngcontent-lcc-c45] {
    height: auto;
    margin-left: 20px;
    margin-top: 100px
}

#marketing[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
    max-width: 100%;
    height: auto
}

#marketing[_ngcontent-lcc-c45] .news-wrap.news-wrap-frame[_ngcontent-lcc-c45] {
    height: auto;
    margin-left: 0;
    margin-top: 0
}

.baji[_ngcontent-lcc-c45] {
    margin-top: 3px
}

.main[_ngcontent-lcc-c45] {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    background-image: url(/assets/images/bgimg.webp);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

    .main[_ngcontent-lcc-c45]:before {
        content: "";
        position: absolute;
        left: 50%;
        width: 2px;
        height: 95%
    }

    .main[_ngcontent-lcc-c45]:after {
        position: absolute;
        left: 50.25%;
        top: 50%;
        width: 50px;
        height: 50px;
        margin-left: -25px;
        margin-top: -25px;
        background-color: #fff;
        border-radius: 50%;
        text-transform: uppercase;
        color: #20bfa9;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] {
        width: 100%;
        height: 95%;
        background-color: #fff;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }

        .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] div[_ngcontent-lcc-c45]:not(.features) {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
            height: 100px;
            background-color: #282828;
            color: #fff;
            font-weight: bold;
            font-size: 19px;
            border-radius: 15px 15px 0 0;
            -webkit-border-radius: 15px 15px 0 0;
            -moz-border-radius: 15px 15px 0 0;
            -ms-border-radius: 15px 15px 0 0;
            -o-border-radius: 15px 15px 0 0
        }

            .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] div[_ngcontent-lcc-c45]:not(.features) label[_ngcontent-lcc-c45] {
                margin-top: 15px;
                font-size: 17px
            }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] div[_ngcontent-lcc-c45]:not(.features) label[_ngcontent-lcc-c45] span[_ngcontent-lcc-c45] {
                    color: #4caf50;
                    margin-left: 6px
                }

        .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] {
            width: 81%;
            height: 95%;
            margin: -50px auto 40px;
            padding: 10px;
            background-color: #fff;
            box-shadow: #282828;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            border-radius: 15px;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            -ms-border-radius: 15px;
            -o-border-radius: 15px
        }

            .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] h4[_ngcontent-lcc-c45] {
                font-size: 20px;
                margin-block: 20px;
                text-align: center
            }

            .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] ul[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
                list-style: none;
                font-size: 16px;
                padding-bottom: 10px
            }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] ul[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45]:before {
                    content: "\2022";
                    position: relative;
                    top: 4px;
                    right: 5px;
                    color: #f73859;
                    font-weight: bold;
                    font-size: 30px
                }

            .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45] {
                width: 80%;
                padding: 10px;
                margin: 20px auto;
                background-color: #f73859;
                position: relative;
                text-align: center;
                text-decoration: none;
                color: #fff;
                transition: .3s;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                -ms-transition: .3s;
                -o-transition: .3s
            }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:before, .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:after {
                    content: "";
                    position: absolute;
                    width: 20px;
                    height: 2px;
                    background-color: inherit;
                    transition: .3s;
                    -webkit-transition: .3s;
                    -moz-transition: .3s;
                    -ms-transition: .3s;
                    -o-transition: .3s
                }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:before {
                    top: -4px;
                    left: 0
                }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:after {
                    bottom: -4px;
                    right: 0
                }

                .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:hover {
                    transform: scale(1.1);
                    -webkit-transform: scale(1.1);
                    -moz-transform: scale(1.1);
                    -ms-transform: scale(1.1);
                    -o-transform: scale(1.1)
                }

                    .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:hover:before, .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] .features[_ngcontent-lcc-c45] .btncls[_ngcontent-lcc-c45]:hover:after {
                        width: 100%
                    }

@media (max-width: 1099px) {
    .main[_ngcontent-lcc-c45] {
        grid-gap: 60px;
        gap: 60px
    }

        .main[_ngcontent-lcc-c45]:before {
            left: 7.5%;
            width: 85%;
            height: 2px
        }

        .main[_ngcontent-lcc-c45] .prod[_ngcontent-lcc-c45] {
            width: 95%
        }
}

.features[_ngcontent-lcc-c45] h2[_ngcontent-lcc-c45] {
    font-size: 12px
}

.info[_ngcontent-lcc-c45] i[_ngcontent-lcc-c45] {
    font-size: 20px;
    color: #47b2e4;
    float: left;
    width: 44px;
    height: 44px;
    background: #e7f5fb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.fa-phone[_ngcontent-lcc-c45]:before {
    content: "\f095"
}

.mobfont[_ngcontent-lcc-c45] {
    padding-top: 12px;
    color: #000;
    font-size: 25px;
    padding-left: 10px;
    font-family: fantasy
}

.fa-skype[_ngcontent-lcc-c45]:before {
    content: "\f17e"
}

.side-content[_ngcontent-lcc-c45] h3[_ngcontent-lcc-c45] {
    background-image: none !important;
    color: #000 !important
}

#marketing[_ngcontent-lcc-c45] .frame-wrap[_ngcontent-lcc-c45] {
    width: 100% !important;
    height: 90%
}

.imgzoom[_ngcontent-lcc-c45] {
    overflow: hidden;
    margin: 0 auto
}

    .imgzoom[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
        transition: .1s
    }

        .imgzoom[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45]:hover {
            -webkit-transform: scale3d(1.1,1.1,2);
            transition: all .5s linear
        }

.tab[_ngcontent-lcc-c45] {
    min-width: 96.9%;
    width: 96.9%;
    border-left: 1px solid #3b5160;
    border-radius: 5px;
    display: flex;
    text-align: center;
    margin-left: 5px
}

    .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
        list-style: none;
        border: 1px solid #3b5160;
        border-width: 1px 0
    }

        .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45]:first-child {
            border-radius: 4px
        }

            .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45]:first-child a[_ngcontent-lcc-c45] {
                border-radius: 3px
            }

    .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
        border-radius: 4px
    }

        .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45]:last-child a[_ngcontent-lcc-c45] {
            border-radius: 3px
        }

    .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
        background-color: #212121;
        border: 1px solid #9b9b9b;
        color: #3b5160;
        font-size: 11px;
        line-height: 27px;
        font-weight: 700;
        padding: 1px 7px;
        margin-right: 7px
    }

    .tab[_ngcontent-lcc-c45] .select[_ngcontent-lcc-c45] {
        color: #fff;
        border: 1px solid #fff
    }

        .tab[_ngcontent-lcc-c45] .select[_ngcontent-lcc-c45] a[_ngcontent-lcc-c45] {
            color: #fff
        }

    .tab[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] a[_ngcontent-lcc-c45] {
        color: #fff
    }

    .tab[_ngcontent-lcc-c45] .select[_ngcontent-lcc-c45]:hover {
        text-decoration: none
    }

.tab.col2[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
    width: 50%
}

.tab.col3[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
    width: 100%
}

.tab.col4[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
    width: 25%
}

.tab.col5[_ngcontent-lcc-c45] li[_ngcontent-lcc-c45] {
    width: 20%
}

.casino-box-tabs[_ngcontent-lcc-c45] {
    top: 50px;
    padding: 3px 0
}

.casino-box-tabs[_ngcontent-lcc-c45] {
    position: sticky;
    margin: 3px 0 0;
    z-index: 1;
    width: 100%;
    background: #23292e;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.casino-tabs-menu[_ngcontent-lcc-c45] {
    width: 100%
}

.casino-tabs-menu[_ngcontent-lcc-c45] {
    position: relative;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    transition: .75s
}

li[_ngcontent-lcc-c45], ul[_ngcontent-lcc-c45] {
    list-style: none;
    padding: 0;
    margin: 0
}

.arrow-tabs.arrow-left[_ngcontent-lcc-c45] {
    left: 0
}

.arrow-tabs.arrow-right[_ngcontent-lcc-c45] {
    right: 0
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .arrow-tabs[_ngcontent-lcc-c45] {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 1279px) {
    .arrow-tabs[_ngcontent-lcc-c45] {
        top: 0
    }
}

.arrow-tabs[_ngcontent-lcc-c45] {
    display: none;
    width: 21px;
    position: absolute;
    top: 0px;
    height: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    color: #aaafb5;
    font-size: 16px
}

.casino-box-tabs[_ngcontent-lcc-c45] ul[_ngcontent-lcc-c45] {
    display: flex;
    margin: 0 5px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.casino-box-tabs[_ngcontent-lcc-c45] ul[_ngcontent-lcc-c45] {
    margin: 0 24px;
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow-x: hidden
}

.casino-box-tabs[_ngcontent-lcc-c45] ul[_ngcontent-lcc-c45] {
    overflow: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    overflow-x: auto
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-item[_ngcontent-lcc-c45] {
    margin-right: 10px
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-link[_ngcontent-lcc-c45] {
    min-height: unset;
    border-radius: 12px;
    padding: 5px
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-link.active[_ngcontent-lcc-c45] {
    border: 2px solid #fdcf13
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-link[_ngcontent-lcc-c45] {
    border: 2px solid #3c444b;
    color: #aaafb5;
    background-color: transparent;
    display: flex;
    align-items: center
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-item[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
    height: 20px
}

.casino-box-tabs[_ngcontent-lcc-c45] .nav-pills[_ngcontent-lcc-c45] .nav-item[_ngcontent-lcc-c45] img[_ngcontent-lcc-c45] {
    height: 30px;
    margin-right: 5px
}

.overlay[_ngcontent-lcc-c45] {
    position: fixed;
    top: 30%;
    left: 20px;
    width: 100%;
    height: 50%;
    background-color: transparent !important;
    z-index: 99;
    justify-content: center;
    align-items: center;
    animation: fadeIn .5s ease
}

.aligh[_ngcontent-lcc-c45] {
    text-align: center
}

.para[_ngcontent-lcc-c45] {
    text-align: center;
    font-size: 15px;
    padding-top: 50px
}

.overlay[_ngcontent-lcc-c45] .frame-wrap[_ngcontent-lcc-c45] {
    width: 89.33333vw;
    height: 65%;
    font-family: monospace
}

.betbtn1[_ngcontent-lcc-c45] {
    transform: rotate(0);
    transform-origin: left top 0;
    color: #313131;
    margin-left: 25px;
    padding: 5px 10px;
    text-transform: uppercase;
    text-transform: 1px 1px 0px rgba(0,0,0,.5);
    float: left;
    cursor: vertical-text;
    letter-spacing: 5px;
    position: fixed;
    z-index: 10;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: capitalize
}

.bounce-4[_ngcontent-lcc-c45] {
    animation-name: bounce-4;
    animation-timing-function: ease;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    margin: 0 auto;
    transform-origin: bottom
}

@keyframes bounce-4 {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(1.1,.9) translateY(0)
    }

    30% {
        transform: scale(.9,1.1) translateY(-51px)
    }

    50% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

.draggablecls[_ngcontent-lcc-c45] {
    position: absolute;
    cursor: grab;
    -webkit-user-select: none;
    user-select: none
}

.fixed[_ngcontent-lcc-c45] {
    position: fixed
}

.z-30[_ngcontent-lcc-c45] {
    z-index: 30
}

img[src][_ngcontent-lcc-c45] {
    visibility: inherit !important
}

.new-slidercx[_ngcontent-lcc-c45] {
    background: #13427b;
    padding: 10px 16px
}


.promo-banner-wrap.active[_ngcontent-lcc-c32] {
    overflow: hidden;
    padding-top: 0;
    height: auto
}

.promo-banner-wrap[_ngcontent-lcc-c32] {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 24.8366%
}

.promo-banner[_ngcontent-lcc-c32] img[_ngcontent-lcc-c32] {
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.promo-banner[_ngcontent-lcc-c32] .promo-control-nav[_ngcontent-lcc-c32] {
    justify-content: center;
    align-items: center
}


#tabs[swipeAnimation=left][_ngcontent-lcc-c37], #tabs[swipeAnimation=right][_ngcontent-lcc-c37], .content-box[_ngcontent-lcc-c37] {
    transition: transform .3s ease-in-out
}

.mh[_ngcontent-lcc-c37] {
    max-height: 0
}

.nav[_ngcontent-lcc-c37] {
    display: flex;
    flex-wrap: nowrap !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.pop-bg[_ngcontent-lcc-c37], .pop-wrap[_ngcontent-lcc-c37] {
    display: block
}

#tabs[_ngcontent-lcc-c37] {
    overflow: hidden
}

#tabs[swipeAnimation=left][_ngcontent-lcc-c37] {
    transform: translate(-100%)
}

#tabs[swipeAnimation=right][_ngcontent-lcc-c37] {
    transform: translate(100%)
}

.list-loading[_ngcontent-lcc-c37] {
    position: fixed;
    top: 58%;
    left: 45%;
    z-index: 1000
}

.pop-wrap[_ngcontent-lcc-c37] {
    top: 25%;
    left: 5%
}

.Umfi9LgWBsqZ8cr1lxFl[_ngcontent-lcc-c37] img[_ngcontent-lcc-c37] {
    height: 5.3333333333vw
}

.home-card[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] p[_ngcontent-lcc-c37] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 64.3px;
    margin: 0 auto
}

.card1[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] p[_ngcontent-lcc-c37] {
    color: #000;
    font-size: 3.4666666667vw;
    text-align: center
}

.nav-wrap[_ngcontent-lcc-c37] {
    overflow: hidden
}

    .nav-wrap[_ngcontent-lcc-c37] .nav-content-wrap[_ngcontent-lcc-c37] {
        display: block;
        width: 100%;
        overflow: visible
    }

        .nav-wrap[_ngcontent-lcc-c37] .nav-content-wrap[_ngcontent-lcc-c37] .nav-content-inner[_ngcontent-lcc-c37] {
            display: inline-flex;
            flex-direction: row;
            width: 100vw;
            transition: all .3s ease-in-out
        }

        .nav-wrap[_ngcontent-lcc-c37] .nav-content-wrap[_ngcontent-lcc-c37] .content-box[_ngcontent-lcc-c37] {
            display: block;
            position: relative;
            width: 100%;
            flex-shrink: 0;
            max-height: 10000px;
            transition: all .5s ease-in-out
        }

.nav[_ngcontent-lcc-c37] .btn.selected[_ngcontent-lcc-c37] {
    background: #005DAC
}

    .nav[_ngcontent-lcc-c37] .btn.selected[_ngcontent-lcc-c37] p[_ngcontent-lcc-c37] {
        color: #fff
    }

    .nav[_ngcontent-lcc-c37] .btn.selected[_ngcontent-lcc-c37]:before {
        box-shadow: 0 .5333333333vw 1.3333333333vw #0000004d
    }

.nav.nav-auto[_ngcontent-lcc-c37] {
    display: flex;
    overflow: auto
}

.cdk-overlay-container[_ngcontent-lcc-c37] {
    z-index: 9000
}

.nav-category[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37] .item-icon[_ngcontent-lcc-c37] {
    display: block;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 0 auto 1.8666666667vw;
    transition: all .3s;
    border-radius: 10.6666666667vw;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.btn[_ngcontent-lcc-c37] {
    border-radius: 0 !important;
    border: none;
    background-image: none;
    line-height: 14px !important
}

.nav-category[_ngcontent-lcc-c37] {
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    transition: all .3s;
    border-bottom: .2666666667vw solid #e3e3e3;
    background-color: #004179
}

.nav[_ngcontent-lcc-c37] .btn.selected[_ngcontent-lcc-c37]:after {
    display: block
}

.nav[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37] p[_ngcontent-lcc-c37] {
    color: #fff
}

.nav-category[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37]:after {
    content: "";
    display: none;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    border-width: 2.1333333333vw;
    border-style: solid;
    border-color: transparent transparent #fff !important
}

.nav-category[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37] p[_ngcontent-lcc-c37] {
    font-size: 3.4666666667vw;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nav-category[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37] {
    position: relative;
    width: 100%;
    padding: 4vw 0;
    transition: all .3s;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.content-title[_ngcontent-lcc-c37] {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    width: 94.6666666667vw;
    margin: 0 auto;
    padding: 2.6666666667vw 0
}

    .content-title[_ngcontent-lcc-c37] h2[_ngcontent-lcc-c37] {
        color: #000;
        font-size: 4vw;
        font-weight: 700
    }

        .content-title[_ngcontent-lcc-c37] h2[_ngcontent-lcc-c37] span[_ngcontent-lcc-c37] {
            display: inline-block;
            vertical-align: middle
        }

        .content-title[_ngcontent-lcc-c37] h2[_ngcontent-lcc-c37]:before {
            content: "";
            display: inline-block;
            width: 1.0666666667vw;
            height: 4vw;
            margin-right: 1.3333333333vw;
            background-color: #005dac;
            vertical-align: middle
        }

.card1[_ngcontent-lcc-c37] {
    width: 100%;
    height: auto;
    margin-bottom: 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

    .card1[_ngcontent-lcc-c37] ul[_ngcontent-lcc-c37] {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto
    }

.layout-brand[_ngcontent-lcc-c37] {
    padding: 0 2.6666666667vw
}

.layout-brand[_ngcontent-lcc-c37] {
    display: block
}

.card1[_ngcontent-lcc-c37] ul[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] {
    list-style: none
}

    .card1[_ngcontent-lcc-c37] ul[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] a[_ngcontent-lcc-c37] {
        outline: none
    }

.card1[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] a[_ngcontent-lcc-c37] {
    display: block;
    padding: 2.6666666667vw 0;
    text-decoration: none;
    cursor: none
}

.card1[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] {
    position: relative;
    width: 24.3%;
    border: .1333333333vw solid #f5f5f5;
    background-color: #fff
}

.card1[_ngcontent-lcc-c37] ul[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] .iconSport[_ngcontent-lcc-c37], .card1[_ngcontent-lcc-c37] ul[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] .icon-sport[_ngcontent-lcc-c37] {
    width: 100%;
    height: 13.3333333333vw
}

.icon-sport.awcmbc[_ngcontent-lcc-c37] {
    -webkit-mask: url(/Content/images/mobile/play25/icon-awcmbc.svg) no-repeat 50% 20%/cover;
    mask: url(/Content/images/mobile/play25/icon-awcmbc.svg) no-repeat 50% 20%/cover
}

.card1[_ngcontent-lcc-c37] li[_ngcontent-lcc-c37] img[_ngcontent-lcc-c37] {
    display: block;
    width: 50%;
    margin: 0 auto 1.3333333333vw
}

.recommend[_ngcontent-lcc-c37] {
    position: relative;
    width: 96%;
    height: auto;
    padding: 2.6666666667vw 0 2.6666666667vw 4vw;
    background-color: #ededed
}

    .recommend[_ngcontent-lcc-c37] h2[_ngcontent-lcc-c37] {
        margin-bottom: 2.6666666667vw;
        color: #000;
        font-size: 4vw;
        font-weight: 700
    }

        .recommend[_ngcontent-lcc-c37] h2[_ngcontent-lcc-c37]:before {
            content: "";
            display: inline-block;
            width: 1.0666666667vw;
            height: 4vw;
            margin-right: 1.3333333333vw;
            background-color: #005dac;
            vertical-align: middle
        }

.recommend-card[_ngcontent-lcc-c37] {
    overflow: hidden;
    border-radius: 1.3333333333vw;
    background: none;
    line-height: 0
}

.recommend-card[_ngcontent-lcc-c37] {
    display: inline-block;
    position: relative;
    width: 72vw;
    height: 41.3333333333vw;
    margin: 1.3333333333vw 2.6666666667vw 1.3333333333vw 0;
    border-radius: .8vw;
    background-color: var(--reports);
    box-shadow: 0 0 .8vw #000c;
    vertical-align: top
}

.recommend[_ngcontent-lcc-c37] .recommend-bg[_ngcontent-lcc-c37] .recommend-main[_ngcontent-lcc-c37] {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.recommend[_ngcontent-lcc-c37] .recommend-bg[_ngcontent-lcc-c37] {
    width: 100%;
    height: auto
}

.recommend-card[_ngcontent-lcc-c37]:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1.3333333333vw #ffffff80
}

.recommend-card[_ngcontent-lcc-c37] > a[_ngcontent-lcc-c37] > img[_ngcontent-lcc-c37] {
    width: 100%;
    height: 100%
}

.games[_ngcontent-lcc-c37] .recommend-main[_ngcontent-lcc-c37] .games-box[_ngcontent-lcc-c37] {
    display: inline-block;
    margin: 0 2.6666666667vw 0 0;
    line-height: 0;
    vertical-align: top
}

.games[_ngcontent-lcc-c37] .games-box[_ngcontent-lcc-c37] {
    position: relative;
    width: 46vw;
    height: auto;
    margin: 0 1.3333333333vw 2.6666666667vw;
    overflow: hidden;
    border-radius: .8vw
}

.games[_ngcontent-lcc-c37] .pic[_ngcontent-lcc-c37] {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 0
}

.games[_ngcontent-lcc-c37] .recommend-main[_ngcontent-lcc-c37] .games-box[_ngcontent-lcc-c37] .text[_ngcontent-lcc-c37] {
    line-height: 1;
    display: flex
}

.games[_ngcontent-lcc-c37] .games-box[_ngcontent-lcc-c37] .text[_ngcontent-lcc-c37] {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1.3333333333vw 2.6666666667vw;
    background-color: #fff
}

    .games[_ngcontent-lcc-c37] .games-box[_ngcontent-lcc-c37] .text[_ngcontent-lcc-c37] h4[_ngcontent-lcc-c37] {
        width: 74%;
        margin-bottom: 1.3333333333vw;
        overflow: hidden;
        color: #000c;
        font-size: 4vw;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 400
    }

.games[_ngcontent-lcc-c37] .pic[_ngcontent-lcc-c37] img[_ngcontent-lcc-c37] {
    width: 100%;
    height: 32vw
}

.nav.nav-auto[_ngcontent-lcc-c37] .btn[_ngcontent-lcc-c37] {
    width: auto;
    min-width: 18.1818181818%
}

.content-down[_ngcontent-lcc-c37] .nav-category.active[_ngcontent-lcc-c37] {
    top: 24.4vw !important
}

.nav-category.active[_ngcontent-lcc-c37] {
    position: fixed;
    z-index: 3;
    top: 13.0666666667vw;
    box-shadow: 0 0 .8vw #0000004d
}

    .nav-category.active[_ngcontent-lcc-c37] .item-icon[_ngcontent-lcc-c37] {
        height: 0 !important;
        margin: 0 auto !important;
        opacity: 0 !important
    }

.nav-balance[_ngcontent-lcc-c37] .balance-box[_ngcontent-lcc-c37] {
    font-size: 3.4666666667vw;
    color: #fff;
    width: 100%;
    max-width: 53.3333333333vw
}

.nav-balance[_ngcontent-lcc-c37] {
    justify-content: space-between;
    padding: 2.6666666667vw 4vw;
    background: #004f94 !important
}

    .nav-balance[_ngcontent-lcc-c37] .nav-item[_ngcontent-lcc-c37] {
        display: grid;
        position: relative;
        padding-left: 4vw;
        font-size: 3.2vw;
        color: #fff;
        text-align: center;
        line-height: 3.4666666667vw
    }

    .nav-balance[_ngcontent-lcc-c37] .nav-group[_ngcontent-lcc-c37] {
        display: flex;
        width: 40%
    }

    .nav-balance[_ngcontent-lcc-c37] .nav-item[_ngcontent-lcc-c37] img[_ngcontent-lcc-c37] {
        margin: 1.0666666667vw auto;
        width: 8vw;
        height: 8vw;
        background: #005DAC;
        border-radius: 50%
    }

    .nav-balance[_ngcontent-lcc-c37] .username[_ngcontent-lcc-c37] {
        margin: 1.3333333333vw 0 2.6666666667vw;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .nav-balance[_ngcontent-lcc-c37] .nav-item[_ngcontent-lcc-c37] span[_ngcontent-lcc-c37] {
        width: 52px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.nav-category[_ngcontent-lcc-c37] {
    border: 0
}

.nav-balance[_ngcontent-lcc-c37] .nav-item[_ngcontent-lcc-c37]:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(50%,-50%);
    width: .2666666667vw;
    height: 8vw;
    background: rgba(255,255,255,.2)
}


.disclaimer[_ngcontent-lcc-c39] {
    padding: 0 8px 20px;
    text-align: center;
    color: #787878
}

select[_ngcontent-lcc-c39] {
    margin-left: 35%;
    background: #202020;
    color: #fff;
    padding: 4px;
    border-radius: 4px
}

.divpad[_ngcontent-lcc-c39] {
    padding: 0 8px 146px
}


.announcement-row[_ngcontent-lcc-c35] {
    display: flex;
    position: relative;
    width: 100%;
    height: 8vw;
    border-top: .2666666667vw solid #bdcedd30;
    border-bottom: .2666666667vw solid #bdcedd30;
    background-color: #005dac;
    color: var(--reports);
    font-size: 3.4666666667vw;
    line-height: 8vw
}

    .announcement-row[_ngcontent-lcc-c35] .marquee[_ngcontent-lcc-c35] {
        width: 84vw;
        margin: 0 2.6666666667vw;
        overflow: hidden
    }

    .announcement-row[_ngcontent-lcc-c35] .item-icon[_ngcontent-lcc-c35] {
        display: block;
        width: 8vw;
        height: 8vw;
        margin-left: 2.6666666667vw;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-size: 80% auto;
        mask-size: 80% auto
    }

.announcement-row[_ngcontent-lcc-c35] {
    color: #fff
}


.fa-eye-slash[_ngcontent-lcc-c75], .fa-eye[_ngcontent-lcc-c75] {
    position: absolute;
    color: #212121;
    right: 3px;
    top: 65%;
    transform: translateY(-70%);
    border: none;
    padding: 7px
}

.form-login[_ngcontent-lcc-c75] img[_ngcontent-lcc-c75] {
    right: .86667vw;
    top: 2.13333vw
}

.login-head[_ngcontent-lcc-c75] h2[_ngcontent-lcc-c75], .pass-head[_ngcontent-lcc-c75] h2[_ngcontent-lcc-c75] {
    top: 35.66667vw;
    width: 100%;
    height: 35.13333vw;
    background-image: url(/assets/images/mobile/play25/play25-login-signup-banner.webp);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat
}

.marquee[_ngcontent-lcc-c75] {
    overflow: hidden;
    width: calc(100% - 2*(9vw));
    margin-left: 33px
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.play22 .clicked_mkt {
    color: #1E1E1E !important;
    background-image: linear-gradient(-180deg, #83ae18 15%, #83ae18 100%) !important;
    border-color: rgba(51,51,51,0.3) !important;
}