/* DESKTOP MENU */

#menuToggle {
    display: block;
    position: relative;
    top: 9px;
    left: 0px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
    width: 49%;
    display: inline-block;
}

#menuToggle a:hover {
    color: #f9e481;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    /* hide this */
    z-index: 2;
    /* and place it over the hamburger */
    -webkit-touch-callout: none;
}


/*
 * Just a quick hamburger
 */

#menuToggle span {
    display: block;
    width: 25px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: #f9e481;
    border-radius: 5px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}


/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */

#menuToggle input:checked~span {
    opacity: 1;
    transform: rotate(45deg) translate(0px, 2px);
    background: #f9e481;
}


/*
 * But let's hide the middle one.
 */

#menuToggle input:checked~span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}


/*
 * Ohyeah and the last one should go the other direction
 */

#menuToggle input:checked~span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

@media screen(max-width:768px) {
    #menuToggle.mobile-acc {
        display: none;
    }
}


/*
 * Make this absolute positioned
 * at the top left of the screen
 */

#menu {
    position: absolute;
    width: 300px;
    margin: 11px 0 0 -233px;
    padding: 25px;
    background: linear-gradient(to right, #000000 0%, #222222 100%);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    border-radius: 0 0 0 6px;
    border: 1px solid #f9e481;
}

#menu li {
    padding: 10px 0;
    font-size: 15px;
    display: grid;
    text-align: center;
}

#menu i {
    font-size: 25px;
    color: #fff;
    padding: 5px;
}

#menuToggle #menu li:hover,
#menuToggle #menu li i:hover {
    color: #f9e481;
}


/*
 * And let's slide it in from the left
 */

#menuToggle input:checked~ul {
    transform: none;
}


/*----- Toggle Button -----*/

.toggle-nav {
    display: none;
}

.desk-acc a.button {
    min-width: 125px;
    height: 38px;
    background: #333;
    display: flex;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 14%,#b17a19 38%, #eec95b 83%, #f9e481 100%);
    border-bottom: 1px solid #f9e48100;
    border-radius: 15px;
    justify-content: center;
    align-items: center;
}

.desk-acc a.button span.text {
    /* position: absolute; */
    top: 16px;
    left: 35px;
    font-size: 14px;
    text-shadow: 1px 1px 1px black;
}

.desk-acc a.button span.shine {
    content: '';
    position: absolute;
    height: 400px;
    width: 20px;
    background: white;
    top: -80px;
    left: -20px;
    display: block;
    opacity: 0.8;
    -webkit-box-shadow: 0px 0px 20px 10px white;
    -moz-box-shadow: 0px 0px 20px 10px white;
    box-shadow: 0px 0px 20px 10px white;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation: 5s ease-in-out infinite;
}

.desk-acc a.button:active {
    -webkit-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .4), inset 0px 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 1px 0 rgba(255, 255, 255, .5);
    -moz-box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .4), inset 0px 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 1px 0 rgba(255, 255, 255, .5);
    box-shadow: inset 0px 1px 15px 0px rgba(0, 0, 0, .4), inset 0px 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 1px 0 rgba(255, 255, 255, .5);
}

.desk-acc a.button:hover span.shine {
    left: 170px;
    top: -300px;
}

.login-btn {
    background: none;
    font-size: 14px;
    color: #fff;
    height: 38px;
    padding: 0px 10px;
    border: none;
    border-radius: 15px;
    min-width: 125px;
    margin-right: 10px;
}

.login-btn:hover {
    -webkit-transition: -webkit-box-shadow .25s linear;
    transition: -webkit-box-shadow .25s linear;
    -o-transition: box-shadow .25s linear;
    transition: box-shadow .25s linear;
    transition: box-shadow .25s linear, -webkit-box-shadow .25s linear;
    background: none;
}

.login-btn:focus {
    outline: none;
}

.desk-acc i {
    font-size: 15px;
    margin-right: 5px;
}

.login {
    background: url(../images/common/common_bg.jpg)no-repeat top center;
    background-size: cover;
}

.lp-right.register {
    background: url(../images/common/contact/contact_bg.jpg)no-repeat top center;
    background-size: cover;
}

.contact-page {
    background: url(../images/common/contact/contact_bg.jpg)no-repeat top center;
    background-size: cover;
    min-height: 450px;
    border-radius: 20px;
    margin-top: 20px;
}

.info-page {
    background: url(../images/common/contact/contact_bg.jpg)no-repeat top center;
    background-size: cover;
    min-height: 450px;
    border-radius: 20px;
}

.table-bank {
    overflow: auto;
}

.content h2 {
    margin-bottom: 15px;
    padding-top: 10px;
}

.card-header {
    padding: 5px;
}


/*----- Menu -----*/

@media screen and (min-width: 860px) {
    .menu {
        width: 45%;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
        border-radius: 3px;
        background: #303030;
        float: right;
    }
}

@media screen and (min-width: 768px) {
    .menu {
        display: none;
    }
    .desk-menu {
        display: block;
    }
}

.menu ul {
    display: inline-block;
}

.menu li {
    margin: 0px 50px 0px 0px;
    float: left;
    list-style: none;
    font-size: 17px;
}

.menu li:last-child {
    margin-right: 0px;
}

.menu a {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    color: #fff;
    transition: color linear 0.15s;
}

.menu a:hover,
.menu .current-item a {
    text-decoration: none;
    color: #f9e481;
}

.menu li a {
    display: grid;
}


/*----- Responsive -----*/

@media screen and (max-width: 860px) {
    .menu {
        position: relative;
        display: inline-block;
        float: right;
    }
    .menu ul.active {
        display: none;
    }
    .menu ul {
        position: absolute;
        top: 55px;
        right: -50px;
        padding: 10px;
        box-shadow: 0px 0 3px #f9e481;
        border-radius: 6px;
        background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
        width: 320px;
        transition: ease-in-out 0.3s;
    }
    .menu ul:after {
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        right: 22px;
        content: '';
        transform: translate(0%, -100%);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #f9e481;
    }
    .menu li {
        margin: 5px 0px 5px 0px;
        float: none;
        display: inline-block;
        width: 49%;
    }
    .menu a {
        display: block;
        text-align: center;
    }
    .toggle-nav {
        padding: 0px 10px;
        float: right;
        display: inline-block;
        border-radius: 3px;
        color: #f9e481;
        font-size: 25px;
        height: 50px;
        padding: 9px 13px;
        transition: color linear 0.15s;
    }
    .toggle-nav i {
        font-size: 22px;
    }
    .toggle-nav:hover,
    .toggle-nav.active {
        text-decoration: none;
        color: #f9e481;
    }
    .search-form {
        margin: 12px 0px 0px 20px;
        float: left;
    }
    .search-form input {
        box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1);
    }
    .f-b {
        margin: 0 auto;
        text-align: center;
    }
    .copyright {
        text-align: center;
    }
}


/* JACKPOT */

.m-jackpot-box {
    display: none;
}

.m-li-wrap {
    display: none;
}

.jackpot-box {
    display: flex;
    margin-top: 15px;
    position: relative;
}

.jack-in {
    height: 215px;
    background: url(../images/common/jackpot/Jackpot.gif) no-repeat center top;
    width: 1000px;
    position: relative;
    margin: 0 auto;
    background-size: contain;
}

.jack-amt h3 {
    color: #ffea3d;
    font-size: 60px;
    text-align: center;
    position: absolute;
    left: 0%;
    top: 28%;
    width: 100%;
    font-family: 'DS-Digital Normal';
}

@media (max-width:990px) {
    .jack-amt h3 {
        font-size: 45px;
        top: 28%;
    }
    .games-bl-header {
        font-size: 30px;
    }
    .slick-arrow {
        font-size: 42px;
        padding: 7px 18px 16px;
    }
    .fl-b {
        width: 100%;
    }
    .jack-in {
        height: 150px;
    }
}

@media (max-width:767px) {
    .m-jack-in {
        max-width: 400px;
        height: 175px;
        background: url(../images/common/jackpot/jackpot_m.gif) no-repeat center top;
        position: relative;
        margin: 0 auto;
        background-size: contain;
    }
    .m-jack-amt h3 {
        color: #ffea3d;
        font-size: 38px;
        text-align: center;
        position: absolute;
        left: 0%;
        top: 43%;
        width: 100%;
        font-family: 'DS-Digital Normal';
    }
    .m-jackpot-box {
        display: block;
    }
    .jackpot-box {
        display: none;
    }
}

@media (max-width:480px) {
    .games-bl-header {
        font-size: 26px;
    }
    .slick-arrow {
        font-size: 40px;
        padding: 7px 17px 12px;
    }
    .li-wrap {
        display: none;
    }
    .m-li-wrap {
        display: block;
    }
    #accordion ul {
        padding: 15px;
    }
    .tnc-li li {
        padding-bottom: 10px;
    }
    .contact-01 i {
        margin: 0;
    }
    .filter-menu a {
        font-size: 11px;
    }
}

@media (max-width:400px) {
    .m-jack-in {
        max-width: 320px;
        height: 152px;
    }
    .m-jack-amt h3 {
        font-size: 28px;
        top: 45%;
    }
    .announceIcon {
        width: 20% !important;
    }
    .annContent {
        width: 80% !important;
    }
}


/* CASINO */

.casino {}


/* PROMOTION SECTION */

#accordion {
    margin: auto;
}

.box {
    position: relative;
    background: rgb(21, 21, 21);
    height: 64px;
    transition: all .15s ease-in-out;
}

.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 3px 5px rgba(0, 255, 231, 0.2), inset 0 0 5px rgba(0, 255, 208, 0.1), 0px 1px 0 #113c3a;
    border-bottom: 1px solid #185855;
}

header.box {
    background: #00BCD4;
    z-index: 100;
    cursor: initial;
    box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px -2px rgba(0, 0, 0, .12), 0 2px 4px -4px rgba(0, 0, 0, .24);
}

header .box-title {
    margin: 0;
    font-weight: normal;
    font-size: 16pt;
    color: rgb(0, 239, 231);
    cursor: initial;
}

.box-title {
    width: calc(100% - 40px);
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.box-content {
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-size: 11pt;
    color: #fff;
    display: none;
}

.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}

.promo-content {
    margin-top: 40px;
    margin-bottom: 25px;
}

.promo-content .card {
    margin-bottom: 10px;
}

input:checked+.box {
    height: auto;
    margin: 16px 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

input:checked+.box .box-title {
    border-bottom: 1px solid rgba(0, 0, 0, .18);
}

input:checked+.box .box-content,
input:checked+.box .box-close {
    display: inline-block;
}

.arrows section .box-title {
    padding-left: 44px;
    width: calc(100% - 64px);
}

.arrows section .box-title:before {
    position: absolute;
    display: block;
    content: '\203a';
    font-size: 18pt;
    left: 20px;
    top: -2px;
    transition: transform .15s ease-in-out;
    color: rgba(0, 0, 0, .54);
}

input:checked+section.box .box-title:before {
    transform: rotate(90deg);
}


/* DOWNLOAD */

.card-link {
    width: 232px;
    text-align: center;
    height: 370px;
    cursor: pointer;
    background: none;
    margin: 0 auto;
}

.card-link img {
    box-shadow: 0 0 7px 3px rgba(0, 255, 231, 0.2), inset 2px -2px 5px rgba(0, 255, 208, 0.1), 0px 1px 0 #113c3a;
    border-radius: 10px;
}

.modal-header {
    min-height: 16.43px;
    border-bottom: 1px solid #fadd91;
}

h4#myModalLabel {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #fadd91;
}

.download-modal .modal-content {
    background: #151515;
    color: #f9e481;
}

.modal-bg {
    display: block;
    margin: auto;
}

.modal-bg img {
    height: 108px;
    margin-top: 10px;
}

.modal-bg h4 {
    font-size: 14px;
    margin-top: 14px;
    color: #ffffff;
}

.modal-content {
    position: relative;
    background-color: #0337527d;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
}

.modal-dialog {
    margin-top: 5%;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border: none;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: normal;
    line-height: 0;
    color: #fadd91;
    opacity: 1;
    text-shadow: none;
}

button.close {
    -webkit-appearance: none;
    cursor: pointer;
    border: 0;
}

button.close span {
    position: relative;
    font-size: 50px;
    top: 10px;
}

.close:focus,
.close:hover {
    color: #efefef;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
}

.download-modal .table {
    color: #fff;
}

.download-modal .table thead th {
    border: none;
}

.download-modal .table input {
    height: 25px;
}

.download-modal .table .chg-password {
    padding: 8px;
    font-size: 12px;
}

.color-b {
    color: #fff;
    background: #182939 !important;
}

.btn-primary {
    margin-top: 10px;
    color: #fff;
    border-color: #634320;
    border-radius: 4px;
    text-transform: uppercase;
    border: none;
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 14%,#b17a19 38%, #eec95b 83%, #f9e481 100%);
    font-size: 13px;
}

.btn-primary:hover {
    /* background: linear-gradient(to bottom, rgba(255,1,69,1) 0%,rgba(166,0,52,1) 100%); */
    border: none;
    filter: brightness(0.5);
}

.btn-primary:focus,
.btn-primary.focus {
    color: #000 !important;
    border-color: #634320;
    border-radius: 4px;
    border: none;
    background: rgba(248, 253, 65, 1);
    background: -moz-linear-gradient(top, rgba(248, 253, 65, 1) 0%, rgba(225, 166, 3, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 253, 65, 1)), color-stop(100%, rgba(225, 166, 3, 1)));
    background: -webkit-linear-gradient(top, rgba(248, 253, 65, 1) 0%, rgba(225, 166, 3, 1) 100%);
    background: -o-linear-gradient(top, rgba(248, 253, 65, 1) 0%, rgba(225, 166, 3, 1) 100%);
    background: -ms-linear-gradient(top, rgba(248, 253, 65, 1) 0%, rgba(225, 166, 3, 1) 100%);
    background: linear-gradient(to bottom, rgba(248, 253, 65, 1) 0%, rgba(225, 166, 3, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8fd41', endColorstr='#e1a603', GradientType=0);
    outline: none;
    outline-offset: 0px;
}

.modal-content {
    background: rgba(0, 0, 0, 0.411);
}

@media only screen and (max-width:320px) {
    .menu ul {
        width: 200px;
    }
}

@media only screen and (max-width: 450px) {
    .f-inside>div {
        min-width: 250px;
    }
    .contact-content {
        width: 100%;
    }
    #accordion p {
        padding: 0;
        font-size: 14px;
    }
    .contact-01 {
        width: 40%;
        display: grid;
    }
    .lp-left.login,
    .lp-right.register {
        background-position: left !important;
    }
    .info-page,
    .contact-page {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width:768px) {
    .info-page,
    .contact-page {
        width: 95%;
    }
    .faq-page #accordion {
        width: 100%;
    }
    .faq-page #accordion .btn {
        text-align: initial;
    }
}


/* PROMOTION */

.mix {
    display: none;
}

.promo-part {
    padding: 10px;
    margin: 0 auto;
}

.promotion-secion {
    padding: 0;
    margin: 0 auto;
    padding-bottom: 30px;
}

.promotab.active {
    /* background-image: linear-gradient(to bottom, rgb(1, 217, 210) 2%, rgb(6, 95, 92) 60%, rgb(8, 66, 64) 100%); */
    /* border-bottom: 1px solid #00e3db; */
    text-decoration: none;
    color: #d7982b;
}

.promotab {
    background: none;
    padding: 10px 10px;
    width: 25%;
    text-align: center;
    /* background: linear-gradient(to bottom, rgb(97, 97, 97) 0%, rgba(0, 0, 0, 1) 100%); */
    text-transform: uppercase;
}

.promotab:first-child {
    border-radius: 6px 0 0 6px;
}

.promotab:last-child {
    border-radius: 0 6px 6px 0;
}

h1.filter-title {
    color: #fff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.77);
    margin-left: 30px;
    font-weight: 900;
}

.filter-box {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}

.filter-menu {
    display: flex;
}

.filter-menu a {
    color: #fff;
}

.promo-body {}

.card-body {
    padding: 15px;
    color: #fff;
    border-radius: 6px;
}

.card-promo {
    position: relative;
    padding-bottom: 15px;
    width: 100%;
}

.bannerpromo {
    /* border: 1px solid #00e3db; */
}

.bannerpromo img {
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .6);
}


/****************************
****** download CSS ******
****************************/

.card-box {
    display: inline-flex;
    margin-bottom: 15px;
}

.box-download {
    padding-top: 30px;
    padding-bottom: 30px;
}

.box-download .card {
    position: relative;
    float: left;
    padding-bottom: 25%;
    width: 232px;
    text-align: center;
    height: 370px;
    cursor: pointer;
    background: none;
    margin: 0 auto;
}


/* card fronts and backs */

.box-download .card__front,
.box-download .card__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 7px 3px rgba(0, 255, 231, 0.2), inset 2px -2px 5px rgba(0, 255, 208, 0.1), 0px 1px 0 #113c3a;
    border-radius: 15px;
}

.box-download .card__front,
.box-download .card__back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
}

.box-download .card__back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}


/* card text */

.box-download .card__text {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #fff;
    background: #151515;
    border-radius: 15px;
}

.box-download .card__text h4 {
    margin-top: 16px;
    font-size: 18px;
    color: #0868a0;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0px;
    background: none;
    box-shadow: none;
}

.box-download .card__text p.blue-g {
    background: rgba(227, 227, 227, 1);
    background: -moz-linear-gradient(left, rgba(227, 227, 227, 1) 0%, rgba(38, 116, 161, 1) 50%, rgba(227, 227, 227, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227, 227, 227, 1)), color-stop(50%, rgba(38, 116, 161, 1)), color-stop(100%, rgba(227, 227, 227, 1)));
    background: -webkit-linear-gradient(left, rgba(227, 227, 227, 1) 0%, rgba(38, 116, 161, 1) 50%, rgba(227, 227, 227, 1) 100%);
    background: -o-linear-gradient(left, rgba(227, 227, 227, 1) 0%, rgba(38, 116, 161, 1) 50%, rgba(227, 227, 227, 1) 100%);
    background: -ms-linear-gradient(left, rgba(227, 227, 227, 1) 0%, rgba(38, 116, 161, 1) 50%, rgba(227, 227, 227, 1) 100%);
    background: linear-gradient(to right, rgba(227, 227, 227, 1) 0%, rgba(38, 116, 161, 1) 50%, rgba(227, 227, 227, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#e3e3e3', GradientType=1);
    font-weight: 100;
    padding: 3px;
}


/* checked effect */

input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked+.child .card__front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

input[type="checkbox"]:checked+.child .card__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.download-btn ul li {
    list-style: none;
    float: left;
    margin: 15px 10px;
    display: inline-flex;
}

.download-btn ul {
    display: flex;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.download-btn2 ul li {
    list-style: none;
    float: left;
    margin: 5px 10px;
    display: inline-flex;
    padding: 0px;
}

.download-btn2 ul {
    display: flex;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.btn-win {
    background: rgba(8, 195, 232, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(8, 195, 232, 1) 0%, rgba(74, 230, 238, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(8, 195, 232, 1)), color-stop(100%, rgba(74, 230, 238, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(8, 195, 232, 1) 0%, rgba(74, 230, 238, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(8, 195, 232, 1) 0%, rgba(74, 230, 238, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(8, 195, 232, 1) 0%, rgba(74, 230, 238, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(8, 195, 232, 1) 0%, rgba(74, 230, 238, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08c3e8', endColorstr='#4ae6ee', GradientType=1);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px #bfbab8;
    font-weight: 100;
    font-size: 12px;
    border: 1px solid #7ce7fc;
}

.btn-os {
    background: rgba(224, 224, 224, 1);
    background: -moz-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(197, 197, 197, 1) 49%, rgba(218, 218, 218, 1) 50%, rgba(226, 226, 226, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224, 224, 224, 1)), color-stop(49%, rgba(197, 197, 197, 1)), color-stop(50%, rgba(218, 218, 218, 1)), color-stop(100%, rgba(226, 226, 226, 1)));
    background: -webkit-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(197, 197, 197, 1) 49%, rgba(218, 218, 218, 1) 50%, rgba(226, 226, 226, 1) 100%);
    background: -o-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(197, 197, 197, 1) 49%, rgba(218, 218, 218, 1) 50%, rgba(226, 226, 226, 1) 100%);
    background: -ms-linear-gradient(top, rgba(224, 224, 224, 1) 0%, rgba(197, 197, 197, 1) 49%, rgba(218, 218, 218, 1) 50%, rgba(226, 226, 226, 1) 100%);
    background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 0%, rgba(197, 197, 197, 1) 49%, rgba(218, 218, 218, 1) 50%, rgba(226, 226, 226, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e2e2e2', GradientType=0);
    color: #000;
    padding: 10px 24px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px #bfbab8;
    font-weight: 100;
    font-size: 12px;
    border: 1px solid #fff;
}

.btn-and {
    background: rgba(179, 195, 38, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(179, 195, 38, 1) 0%, rgba(203, 227, 107, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(179, 195, 38, 1)), color-stop(100%, rgba(203, 227, 107, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(179, 195, 38, 1) 0%, rgba(203, 227, 107, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(179, 195, 38, 1) 0%, rgba(203, 227, 107, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(179, 195, 38, 1) 0%, rgba(203, 227, 107, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(179, 195, 38, 1) 0%, rgba(203, 227, 107, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b3c326', endColorstr='#cbe36b', GradientType=1);
    color: #fff;
    padding: 10px 17px;
    border-radius: 5px;
    box-shadow: 0px 2px 0px #bfbab8;
    font-weight: 100;
    font-size: 12px;
    border: 1px solid #fff;
}

@media (max-width:768px) {
    .content h2 {
        display: none !important;
    }
}

#accordion .btn {
    text-align: left;
}

h1.login-title {
    display: block !important;
}

.download-btn2 img {
    width: 80px;
}

.mobile-lang {
    /* display: none; */
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobile-lang a {
    width: 25%;
}

@media (max-width:768px) {
    .mobile-lang {
        display: flex;
        width: 90%;
        padding-bottom: 15px;
    }
    .mobile-lang a {
        width: 20%;
        margin: 0 auto;
        margin-top: 5px;
        margin-bottom: 5px;
        cursor: pointer;
        justify-content: center;
    }
    .table-amount {
        display: none;
    }
}

@media (max-width: 768px) {
    .content h1 {
        text-align: center;
        color: #f9e481;
        margin-top: 0;
        padding-top: 10px;
    }
    .cover-banner {
        /* display: none; */
    }
    .lp-left.login,
    .lp-right.register,
    .info-page,
    .contact-page {
        background-position: left;
    }
    .games-list .pos-rel.flex-cont {
        /* display: none; */
    }
}

@media (min-width:769px) {
    .mobile-table-amount {
        display: none;
    }
}

@media (min-width:769px) {
    .content h1 {
        display: none;
    }
}


/* DEPOSIT */

.bln-box,
.bln-box:hover {
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
    background: #000000;
    padding: 7px 5px;
    font-size: 13px;
    margin-top: 10px;
    color: #f9e481;
    border: 1px solid #f9e481;
}

.bln-box.collapsed {
    color: #f9e481;
}

.bln-box.collapsed:before {
    content: '+';
    font-size: 20px;
    color: #f9e481;
    position: absolute;
    left: 279px;
    right: 0;
    top: 3px;
}

.bln-box:before {
    content: 'x';
    font-size: 16px;
    color: #f9e481;
    position: absolute;
    left: 279px;
    right: 0;
    top: 5px;
}

.his-info {
    margin-right: 10px;
}

.his-info select {
    color: #f9e481;
}


/* ANNOUCEMENT */

.announcement {
    display: inline-flex;
    width: 100%;
    padding: 10px;
    background: #000;
    align-items: center;
}

.announceIcon {
    width: 5%;
    /* color: #f9e481; */
    /* border-right: 1px solid #f9e481; */
    text-align: center;
}

.announceIcon i {
    margin-right: 10px;
}
.announceIcon img{
    width: 17px;
}

.annContent {
    width: 95%;
}


/* INBOX */

.history_table table {
    width: 100%;
    color: #000;
    text-align: center;
}

.history_table table tr:first-child {
    background-color: #161616;
    color: #f9e481;
}

.history_table table tr td {
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
    color: #fff;
}

.history_table table tr td i {
    font-size: 20px;
}

.history_table table tr th {
    padding: 8px;
}

.history_to {
    color: #000;
    display: flex;
    align-items: center;
}

.form-control.date_custom {
    padding: 0 10px;
}

.inbox_msg_text {
    color: #f9e481 !important;
    cursor: pointer;
}

#inbox_msg .modal-content {
    background: #000;
    color: #fff;
    border: 1px solid #f9e481;
}


/* VOUCHER */

.voucher-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    padding: 20px;
    max-width: 700px;
}

.voucher-wrapper .reg-input {
    height: auto;
    padding: 4px;
    border: 1px solid #9e9e9e;
}


/* BLOG */

.blog-wrapper {
    max-width: 1000px;
    border-radius: 10px;
    margin: 0 auto;
    background: #00000045;
    box-shadow: 1px 1px 16px #f9e481, inset 0px 0px 5px rgb(0 255 208 / 10%), -1px 0px 0 #113c3a;
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-title-box {
    background: #000;
    box-shadow: 1px 1px 16px #f9e481, inset 0px 0px 5px rgb(0 255 208 / 10%), -1px 0px 0 #113c3a;
    padding: 5px;
    text-align: initial;
    border-radius: 10px;
}

.blog-title-box i {
    font-size: 28px;
    color: #f9e481;
    margin-left: 10px;
    margin-right: 10px;
}

.blog-boxer {
    display: grid;
    grid-template-columns: 40% 60%;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    max-width: 100%;
    height: auto;
    align-content: center;
    margin: 25px 0;
    grid-gap: 10px;
}

.blog-content-page {
    margin-bottom: 10px;
}

.blog-boxer img {
    width: 100%;
}

.blog-boxer h4 {
    color: #f9e481;
    font-weight: 600;
    font-size: 26px;
    text-align: initial;
}

.blog-time-title {
    color: #166138;
}

.blog-time-title p {
    color: #f9e481;
    text-align: initial;
}

.blog-time-title p i {
    margin-right: 10px;
    color: #f9e481;
}

.blog-content {
    color: #fff;
    margin-bottom: 15px;
    max-height: 95px;
    overflow: auto;
    text-align: initial;
}

.blog-boxer .moreinfo_btn {
    display: flex;
    align-items: center;
    min-width: 24%;
    justify-content: space-around;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
}

.blog-boxer .moreinfo_btn:hover {
    color: #000;
}

.blog-boxer_inner {
    display: grid;
    padding-bottom: 10px;
}

.blog-boxer .moreinfo_btn i {
    background: #fff;
    color: #ff7200;
    border-radius: 50%;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    padding: 2px;
    padding-left: 5px;
}

.seperate-line {
    height: 5px;
    width: 80%;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}

.moreinfo_btn {
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 14%,#b17a19 38%, #eec95b 83%, #f9e481 100%);
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    font-size: 13px;
}

@media (max-width:768px) {
    .blog-boxer {
        display: block;
    }
    .blog-boxer .moreinfo_btn {
        width: 50%;
        margin: 0 auto;
    }
    .inner_head_tit{
        /* display: none; */
    }
    .games-list .gl-content {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }
}


/* REBATE */

.rebate-qr {
    text-align: center;
}

.rebate-qr label {
    margin-bottom: 10px;
}

.rebate-qr img {
    max-width: 150px;
    margin: 30px auto;
}

.rebate-qr input {
    margin: 0 auto;
    margin-top: 10px;
    max-width: 100%;
}

.rebate-table {
    margin-top: 20px;
}


/* 15/9/2021 */

.mobile-lang div {
    padding-left: 65px;
}

.mobile-lang a img {
    display: inline-block;
    vertical-align: middle;
}

.mobile-lang a::before {
    display: none;
}

@media(min-width:768px) {
    .mobile-lang div {
        padding-left: 75px;
    }
}

.directory-guide {
    padding-bottom: 10px;
}

.float-icon {
    display: block;
    position: fixed;
    text-align: center;
    z-index: 999;
    bottom: 5%;
    right: -55px;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
    animation: float 3s ease-in-out infinite;
}

.float-icon img {
    max-width: 45%;
}

.ls-float {
    position: absolute;
    right: 0;
    top: 23%;
    z-index: 999;
    transform: translatey(0px);
    animation: float 2s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}


/* FORTUNE WHEEL */

.fortunewheel-bg {
    background: url(../images/common/fortunewheel/desktop-spin-bg.jpg)no-repeat center top;
    min-height: 665px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fortunewheel-bg img {
    max-width: 40%;
    margin: 0 auto;
}
.header_menu_des{

height: 100%;

display: flex;

align-items: center;
}
.header_menu_des ul{
    display: flex;
    align-items: center;
    height: 100%;
}
.head_menu{
    display: flex;
    align-items: center;
}
.header_menu_des ul li{height: 100%;}
.header_menu_des ul li a{
    padding: 0px 10px;
    display: flex;
    height: 100%;
    align-items: center;
}
.header_menu_des ul li a img{
    width: 33px;
    margin-right: 2px;
}
.login-btn{
    position: relative;
}
.login-btn:before,.login-btn:after{
    content: ' ';
    position: absolute;
    border-radius: 15px;
}
.login-btn:before{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
    /* background: #503b9a; */
    background: -moz-linear-gradient(left, #503b9a 0%, #269cc1 100%);
    /* background: -webkit-gradient(linear, left top, right top, color-stop(0%,#503b9a), color-stop(100%,#269cc1)); */
    /* background: -webkit-linear-gradient(left, #503b9a 0%,#269cc1 100%); */
    background: -o-linear-gradient(left, #503b9a 0%,#269cc1 100%);
    background: -ms-linear-gradient(left, #503b9a 0%,#269cc1 100%);
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 14%,#b17a19 38%, #eec95b 83%, #f9e481 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#503b9a', endColorstr='#269cc1',GradientType=1 );
}
.login-btn:after{
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    background: linear-gradient(to bottom, #404448 0%, #040404 100%);
    z-index: -1;
    opacity: 1;
    transition: all 0.6s ease-in-out;
}
.vip_main_tit{
    text-decoration: none;
    background: #FADD91;
    background: linear-gradient(to bottom, #FADD91 0%, #D7A341 14%, #D7982A 38%, #EEC95B 83%, #F9E481 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
}
.vip_sub_tit{
    text-decoration: none;
    background: #FADD91;
    background: linear-gradient(to bottom, #FADD91 0%, #D7A341 14%, #D7982A 38%, #EEC95B 83%, #F9E481 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.vip_wrap{
    padding: 50px 0;
}
.vip_badge_all{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.vip_text_det{
    color: #d7982b;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}
.vip_text_det2{
    color: #d7982b;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.vip_section{
    padding: 20px 0;
}
.vip_txt_wrapper{
    padding: 20px 0;
}
table.vip_table{
    /* border: 1px solid #d7982b; */
    color: #d7982b;
}
table.vip_table tr th{
    border: 1px solid #d7982b;
    padding: 5px;
    text-align: center;
}
table.vip_table tr td{
    border: 1px solid #d7982b;
    padding: 5px;
    text-align: center;
}
table.vip_table tr th:first-child{
    text-align: left;
}
table.vip_table tr td:first-child{
    text-align: left;
}
ol.vip_ol{
    list-style: decimal;
    color: #d7982b;
    padding: 0 10px;
}
ol.vip_ol li{
    margin-bottom: 5px;
}
.mobile_voc{
    display: flex;
    margin-top: 20px;
}
.mobile_voc .btn-submit-info{
    margin-right: 0;
}
.bln-table tr td,.bln-table tr th{
    padding: 5px;
}
.info-wrapper p{
    margin-bottom: 5px;
}
.msg_noti{
    position: relative;
}
.badgemsg {
  position: absolute;
  top: -12px;
  right: -9px;
  padding: 2px 5px;
  border-radius: 50%;
  background: red;
  color: white;
  z-index: 111;
}
.msg_noti .badgemsg{
    
top: 5px;
    
right: 35px;
}
.profile_bank_table{
    margin: 20px 0;
}
.deposit_select_wrap{
    display: flex;
    align-items: center;
    margin: 15px 0 0 0;
    padding: 0 10px;
}
.deposit_select_wrap a{
    border: 1px solid #919191;
    box-shadow: 0px 0px 6px #f9e48100;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    font-weight: 600;
    max-width: 100%;
    margin: 0 3px;
    border-radius: 6px;
    background-color: #000;
    min-width: 110px;
}
.deposit_select_wrap a.active,.deposit_select_wrap a:hover{
    /* background: #f9e481; */
    color: #000;
    border: 1px solid #f9e481;
    box-shadow: 0px 0px 6px #f9e481b3;
}
.deposit_select_wrap a img{
    width: 66px;
    border-radius: 6px;
    margin: auto;
}
.deposit_select_wrap a .dep_img_hover{
    display: none;
}
.deposit_select_wrap a.active .dep_img_hover,.deposit_select_wrap a:hover .dep_img_hover{
    display: block;
}
.deposit_select_wrap a.active .dep_img_normal,.deposit_select_wrap a:hover .dep_img_normal{
    display: none;
}
.deposit_bank_pro {
    display: flex;

    margin: 10px 0;
    justify-content: center;
    flex-wrap: wrap;
}

.deposit_bank_pro_wrap {
    padding: 3px 8px;
    color: grey;
    text-align: center;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
    /* min-width: 139px; */
    margin: 5px 5px;
    cursor: pointer;
}

.deposit_bank_pro_txt {
    display: block;
    font-size: 11px;
}

.deposit_bank_pro_wrap img {
    filter: grayscale(1) contrast(0.5);
    width: 33px;
}

.deposit_bank_pro_wrap.active img,
.deposit_bank_pro_wrap:hover img {
    filter: grayscale(0);
}

.deposit_bank_pro_wrap.active,
.deposit_bank_pro_wrap:hover {
    color: #f9e481;
    border: 1px solid #f9e481;
}
.crypto_input input.reg-input,.crypto_input select.reg-input{
    max-width: 100%;
}
.sidepanel_copy {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}
.deposit_sidepanel_w{
    display: grid;
    align-items: center;
    grid-template-columns: 155px auto;
    padding: 0 0px 0 10px;
}
.mobile_display_column{
    display: none;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}
.date-receipt input, .date-receipt select {
    background: #232323;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    color: #fff;
    height: 30px;
    margin-right: 10px;
}
.custom-file-label {
    background: #313131;
    border: none;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5px 10px;
    min-width: 300px;
    color: #fff;
    height: 32px;
    /* max-width: 300px; */
    border: 1px solid #f9e481;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: auto;
    padding: 0.375rem 0.75rem;
    line-height: 1.15;
    color: #000000;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    background: #f9e481;
    /* box-shadow: 0 0px 5px rgb(0 255 255); */
}
.afterlogin_header {
    z-index: 2;
    top: 67px;
    height: 50px;
    justify-content: center;
}
.afterlogin_wrap{
    margin: 116px 0 0;
}
.redo_i{
    margin-left: 5px;
    cursor: pointer;
}
.widget-top .iframe-upcoming,.widget-top .iframe-highlight {
    height: 765px;
}
.widget_custom{
    max-width: 1246px;
    margin: auto;
    padding: 0 10px;
    background-color: #a1a1a1a3;
    width: 100%;
}
.vip_status{
    font-size: 16px;
    margin: 15px 0;
    color: #f9e481;
    font-weight: 600;
}
.vip_status img{
    width: 42px;
}
.dropdown.btn_reg_drop_menu {
    display: grid;
    grid-template-columns: 20% 78%;
    position: relative;
    grid-gap: 10px;
}
span#contac_num_head_icon {
    position: absolute;
    top: 16px;
    left: 5%;
    transform: translate(-50%, -50%);
}
.btn_reg_drop_menu img {
    width: 24px;
}
.btn_reg_drop{
    background: rgb(0, 0, 0, .7);
    border-radius: 5px;
    border: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font: 300 13px 'IBM Plex Sans', sans-serif;
    height: 33px;
    /* max-width: 500px; */
    outline: 0;
    padding-left: 0;
    padding-right: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-appearance: none;
    width: 100%;
    min-height: 33px;
}
.btn_reg_drop:hover,.btn_reg_drop:focus{
    background: rgb(0, 0, 0, .7);
    border: 2px solid transparent;
    color: #fff;
    padding: 0;
}
.register-form .p-row input,.register-form .u-row input{
    background: rgb(0, 0, 0, .7);
}
.register-form .p-row input,.register-form .u-row input{
    background: rgb(0, 0, 0, .7);
}
#login-form .p-row input,.#login-form .u-row input{
    background: rgb(0, 0, 0, .7);
}
#login-form .p-row input,#login-form .u-row input{
    background: rgb(0, 0, 0, .7);
}
.w-btn {
    width: 100%;
    background: #313131;
    color: #ffffff;
    border-radius: 3px;
    border: 1px solid #f9e481;
    padding: 7px 15px;
    font-size: 15px;
    position: relative;
    text-align: left;
}
.w-dropdown-toggle::after {
    position: absolute;
    right: 6px;
    top: 12px;
}
.w-dropdown-menu {
    padding: 0;
    background: #404040;
    width: 100%;
}
.w-dropdown-menu ul {
    padding: 0;
    list-style: none;
}
.w-dropdown-product {
    display: block;
    padding: 10px;
    position: relative;
    color: #000;
    /* background-color: #1a1a1a; */
    /* border: 1px solid #f9e481; */
    background-color: #fff;
}
.w-dropdown-product:hover{
    color: #000;
    background-color: #bdbdbd;
}
.w-dropdown-menu ul li .dropdown-item {
    padding: 0;
}
.w-dropdown-menu ul li .dropdown-item .card-body {
    border-radius: 0;
    padding: 0;
    background-color: #ffffff;
    color: #000;
}
.w-dropdown-product::before {
    content: '';
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
    right: 1rem;
    display: block;
    transition: all 0.3s;
}
.w-dropdown-product[aria-expanded='true']::before {
    transform: rotate(180deg);
}
.w-dropdown-product::after {
    content: '';
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    top: calc(50% - 7px);
    right: calc(1rem + 6px);
    display: block;
    transition: all 0.3s;
}
.w-dropdown-product[aria-expanded='true']::after {
    transform: rotate(90deg) translateX(-1px);
}
.w-dropdown-menu .card ul li a{text-transform: uppercase;font-size: 14px;padding: 0;}
.w-dropdown-menu .card ul li{
    padding: 7px 10px;
    cursor: pointer;
}
.w-dropdown-menu .card ul li:hover{
    background-color: #bdbdbd;
}
.winner-board {
    width: 100%;
    max-width: 580px;
}
.btn-in {
    display: flex;
    padding: 5px 20px;
    border-radius: 20px 20px 0px 0px;
    font-size: 12px;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to bottom, #fadd91 0%,#d7a341 14%,#b17a19 38%, #eec95b 83%, #f9e481 100%);
    padding-bottom: 25px;
}
.payout {
    background: #0000003b;
    padding: 8px;
    border-radius: 50px;
}
.ttl-bet h4 {
    font-style: italic;
    font-weight: bold;
}
.ttl-bet p {
    letter-spacing: 2px;
}
.payout ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0px;
    gap: 5px;
}
.payout ul li {
    border-radius: 40px;
    border: 1px solid #ffffff7d;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}
.boar-btm {
    background: #fff;
    padding: 14px;
    position: relative;
    top: -20px;
    border-radius: 20px;
}
table.board-tlb {
    width: 100%;
    border-collapse: collapse;
    width: 100%;
}
table.board-tlb tr {
    border-radius: 10px;
    display: flex;
    width: 100%;
    color: var(--text-color);
}
table.board-tlb tr:nth-child(odd) {
    background: #e1e1e1;
    border-radius: 10px;
    display: flex;
    width: 100%;
}
table.board-tlb tr:first-child {
    background: none;
    font-weight: bold;
}
table.board-tlb tr th {
    color: #5e6f70;
    font-weight: 100;
    width: 33.33%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}
table.board-tlb tr th:first-child {
    text-align: left;
}
table.board-tlb tr td {
    text-align: left;
    padding: 10px;
    font-size: 13px;
    width: 33.33%;
    text-align: center;
    color: #000;
}
table.board-tlb tr td:last-child {
    text-align: right;
}
.widgetlive_wrapper{
    display: flex;
    padding: 0 20px;
    margin: 20px auto;
    grid-gap: 20px;
    max-width: 1830px;
    margin: 20px 0 3px 32px;
}
table.board-tlb tr td:first-child {
    text-align: left;
}
table.board-tlb tr th:last-child {
    text-align: right;
}
.deposit_select_wrap_title{
    
color: #fff;
    
font-size: 8px;
    
letter-spacing: 1px;
    
line-height: 1.7;
}
/* Tooltips */
.info-field_cus{
    position: relative;
}
.tool_tipwrap{
    position: absolute;
    left: -28px;
}
.tooltip_info{
    position: relative;
    color: #f9e481;
    cursor: pointer;
}
.tooltip_info:hover .tooltip_custom{
    opacity: 1;
}
.tooltip_custom {
    display: block;
    position: absolute;
    top: 23px;
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 1;
    width: 274px;
    left: -18px;
    background-color: rgb(0 0 0 / 90%);
    border: 1px solid #f9e481;
    text-align: left;
    color: #ffffff;
    line-height: 1.17;
    font: 300 14px 'IBM Plex Sans', sans-serif;
}
.tooltip_custom:after {
    display: block;
    position: absolute;
    top: -17px;
    left: 24px;
    width: 0;
    height: 0;
    content: "";
    border: solid;
    border-color: #ec000000;
    -webkit-transform: translate(-50%, 100%);
    /* transform: translate(-50%, 100%); */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(249 228 129);
}
.long_drag img{
    width: 80px;
}
.table_vip_responsive{
      overflow-x: hidden;
      margin-left: 10.2em;
      overflow-y: visible;
      padding: 0;
}
.headcol {
  position: absolute;
  width: 12em;
  left: 0;
  top: auto;
  border-top-width: 2px;
  margin-top: -1px;
  height: auto;
}
.long_drag{
    min-height: 50px;
}
.table_vip_wrap{
    position: relative;
}
.table_vip_responsive tr:first-child,.table_vip_responsive tr:first-child th.headcol{
    height: 140px;
}
.table_vip_responsive tr td,.table_vip_responsive tr th{
    height: 42px;
}
.table_vip_responsive tr th.headcol{
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 0px;
}
table.vip_table tr td{
    border-left: none;
}

@media only screen and (max-width :1024px) {
    .sidepanel_copy {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(2, 1fr);
    }
    .deposit_sidepanel_w {
        display: grid;
        align-items: center;
        grid-template-columns: 75px auto;
        padding: 0 0px 0 4px;
        grid-gap: 9px;
        margin-top: 6px;
    }
    .table_vip_responsive{
          overflow-x: scroll;
          margin-left: 10.2em;
          overflow-y: visible;
          padding: 0;
    }
}

@media (max-width:990px) {
    .header.afterlogin_header{
        display: none;
    }

    .fortunewheel-bg {
        background: url(../images/common/fortunewheel/mobile-spin-bg.jpg)no-repeat center top;
        min-height: 768px;
        display: flex;
        background-size: cover;
        justify-content: center;
        align-items: center;
    }
    .fortunewheel-bg img {
        max-width: 72%;
        margin: 0 auto;
    }
    .head_menu .header_menu_des{
        display: none;
    }
    .head_menu{
        display: none;
    }
    .header {
        background: linear-gradient(to bottom, #404448 0%, #040404 100%);
        color: #fff;
        height: 53px;
        width: 100%;
        padding: 0px 12px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        border-bottom: 1px solid #f9e481;
        display: block;
        justify-content: space-between;
    }
    .wrap {
        margin: 52px 0 0;
        padding-left: 0;
        background: #3b2443;
    }
    .header_menu_des ul li a img{
        width: 100%;
    }
    .header_menu_des ul li a {
        padding: 5px 6px;
        display: flex;
        height: 100%;
        align-items: center;
    }
    .header_menu_mobile ul li a.active{
        filter: brightness(1.15) drop-shadow(0 0 4px #f0b90b);
    }
    .vip_wrap {
        padding: 0;
    }
    .msg_noti .badgemsg {
        top: -6px;
        right: 51px;
        font-size: 9px;
    }
    .toggle-nav {
        padding: 0px 10px;
        float: right;
        display: inline-block;
        border-radius: 3px;
        color: #f9e481;
        font-size: 25px;
        height: 50px;
        padding: 9px 13px;
        transition: color linear 0.15s;
    }
    .dropdown.btn_reg_drop_menu {
        display: grid;
        grid-template-columns: 30% 68%;
        position: relative;
        grid-gap: 10px;
    }
    .widgetlive_wrapper{
        flex-direction: column;
        margin: 0;
    }
    .deposit_select_wrap a img {
        width: 60px;
        border-radius: 6px;
        margin: auto;
    }
    .deposit_select_wrap a {
        border: 1px solid #919191;
        box-shadow: 0px 0px 6px #f9e48100;
        color: #fff;
        font-size: 14px;
        display: inline-block;
        text-align: center;
        padding: 5px 5px;
        font-weight: 600;
        max-width: 100%;
        margin: 0 3px;
        border-radius: 6px;
        background-color: #000;
        min-width: 92px;
    }

    .seo-content-wrap{
        display: block !important;
    }

    .footer-seo{
        padding: 20px !important;
        line-height: 20px;
        background-color: #1a1a1a;
        margin: 0 auto;
        text-align: justify;
    }

    #seo-content-wrap .grid-2,
    #seo-content-wrap .grid-3,
    #seo-content-wrap .grid-4 {
        display: none;
    }

    #footer-see-more-button {
        display: block;
        cursor: pointer;
        margin: 0 auto;
        text-align: center;
    }

    #footer-see-more-button.active {
        display: none;
    }

    #footer-see-less-button {
        display: none;
        cursor: pointer;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width:480px) {
    .sidepanel_copy{
        display: none;
    }
    .mobile_display_column{
        display: block;
    }
    .fortunewheel-bg {
        justify-content: inherit;
        align-items: inherit;
    }
    .fortunewheel-bg img {
        max-width: 100%;
        margin: 0 auto;
        margin-top: 79px;
    }
    .tooltip_custom:after {
        display: block;
        position: absolute;
        top: -17px;
        left: 12px;
        width: 0;
        height: 0;
        content: "";
        border: solid;
        border-color: #ec000000;
        -webkit-transform: translate(-50%, 100%);
        /* transform: translate(-50%, 100%); */
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid rgb(249 228 129);
    }
    .tooltip_custom {
        display: block;
        position: absolute;
        top: 23px;
        padding: 10px;
        border-radius: 6px;
        font-size: 12px;
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s ease;
        z-index: 1;
        width: 274px;
        left: -3px;
        background-color: rgb(0 0 0 / 90%);
        border: 1px solid #f9e481;
        text-align: left;
        color: #ffffff;
        line-height: 1.17;
        font: 300 14px 'IBM Plex Sans', sans-serif;
    }
}
@media (min-width:990px){
    .hidden-menu{
        display: none;
    }
    .btn-menu{
        display: none;
    }
    .wrap{
        padding-left: 0;
    }
    .header_menu_mobile{
        display: none;
    }
    .vip_badge_all{
        grid-gap: 50px;
    }
}

/* 11102023 */

.seo-content-wrap{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 45px;
}

.footer-seo-title {
    text-align: center;
    padding-top: 10px;
}

.footer-seo h1,h2,h3,h4 {
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
}

.footer-seo h1{
    font-size: 35px;
    padding-bottom: 10px;
}

.footer-seo h2{
    font-size: 15px;
    margin-top:10px;
    margin-bottom: 5px;
}

.footer-seo h3{
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.footer-seo{
    padding: 10px 100px;
    line-height: 20px;
    background-color: #1a1a1a;
    margin: 0 auto;
}

.footer-seo span{
    font-weight: bold;
    font-size: 13px;
}

.p-seo{
    margin-bottom: 5px;
}

#footer-see-more-button {
    text-align: center;
    text-decoration: underline;
    padding-top: 10px;
}

#footer-see-less-button {
    text-align: center;
    text-decoration: underline;
    padding-top: 10px;
}

/* 10112023 */

.yellow-text{
    color:#f5e507;
}

.footer-seo{
    color: #d7982b;
}

/* 21112024 */
.zi-games-bl.slider-1 .slick-track {
    margin-left: 0;
    margin-right: 0;
}