body{
    background-color: #eeeff3;
    background-color: #141414;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    -webkit-overflow-scrolling: touch;
    font-family: 'Poppins', sans-serif;
}
.hf{
    float: left;
    width: 100%;
}
.ns{
    width: 1200px;
    margin: 0 auto;
}
a:hover{
    color: inherit;
    text-decoration: none;
}
.d-flex{
    display: flex;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-evenly{
    justify-content: space-evenly;
}

/* scroller */
i.shout-icon:before{
    content: url(../../images/desktop/shout-icon.png);
}
.scroller .ns{
    position: relative;
}
.scroller i.shout-icon{
    position: absolute;
    left: 0;
    top: 7px;
}
.banner-container{
    position: relative;
}
.scroller{
    background: #061222;
    color: #fff;
    font-size: 13px;
    height: 34px;
    position: relative;
    bottom: 1px;
    display: none;
}
.scroller marquee{
    width: 100%;
    float: left;
    margin-left: 30px;
    position: relative;
    top: 7px;
}


/* slick */
.slick-slide img{
    width: 100%;
}
.slick-slider, .slick-dotted.slick-slider{
    margin-bottom: -6px;
}
.slick-next{
    right: 30px;
}
.slick-next{
    right: 30px;
}
.slick-prev {
    left: 30px;
    z-index: 1;
}
.slick-dots{
/*    bottom: 15px;*/
    bottom: -25px;
    z-index: 1001;
}

.slick-dots li button:before{
    font-size: 10px;
    line-height: 20px;
}
/* slick end */

.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #1ba0fe;
}


/* ie */
.ie{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    font-family: arial;
}
.ie button{
    background: #1a73e8;
    color: #fff;
    font-size: 20px;
    border: none;
    padding: 10px 0;
    border-radius: 3px;
    cursor: pointer;
    width: 240px;
}
.ie img{
    display: block;
    margin: 10px auto;
}
.ie .center{
    height: 130px;
    float: left;
    width: 260px;
    left: 50%;
    top: 50%;
    position: relative;
    margin-top: -65px;
    margin-left: -130px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie{
        display: block;
    }       
}
/* ie end */


header{
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9;
    box-shadow: 0px 1px 6px 1px #00000030;
}
header button{
    width: 117px;
    padding: 6px 0;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 1px 2px 0px #0000009c;
    font-weight: 600;
    font-size: 13px;
    height: 30px;
}
.content{
    background-color: #f3f3f3;
    padding-top: 70px;
}
.btn-blue{
    background: #2d609d;
    color: #fff;
}
.btn-yellow{
    background: #e8be3d;
    color: #000;
}
.btn-green{
    background: linear-gradient(45deg, #00724a, #008856);
    color: #fff;
}
i.money-icon:before {
    content: url(../../images/desktop/money-icon.png);
}
header .header-item{
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
}
header .header-item.burger-nav-cont{
    font-size: 30px;
    padding: 0 20px;
    text-align: left;
    color: #1c4347;
}
header .header-item.login-cont{
    text-align: right;
    padding: 0 20px;
}
#burger-nav{
    cursor: pointer;
}
.side-nav{
    width: 100%;
    position: fixed;
    background: #0000008a;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.side-nav-body{
    position: absolute;
    width: 230px;
    top: 0;
    left: 0;
    background: #f1f1f1;
    height: 100%;
    text-align: center;
    transition: .5s;
}
.side-nav-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer;
    top: 0;
    left: 0;
}
.side-nav-btns{
    display: grid;
    justify-content: center;
    gap: 10px;
    padding: 30px 0 20px;
    background: #141414;
    position: relative;
    width: 100%;
}
.side-nav-btns button{
    width: 180px;
}
.side-nav-btns button.close{
    position: absolute;
    right: 8px;
    top: 4px;
    width: auto;
    opacity: .5;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    transition: .1s;
}
.side-nav-btns button.close:hover{
    opacity: 1;
}
.side-nav-items{
    padding: 25px;
    display: grid;
    gap: 10px;
}
.side-nav-item{
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
}
.side-nav-item .nav-icon{
    width: 36px;
    height: 36px;
    background-image: url(../../images/desktop/1-HOMEPAGE-MENU-ICONS.png);
    background-size: 89px;
    background-position-x: -6px;
    background-position-y: -6px;
}
.side-nav-item .nav-icon.slotsIcon{
    background-position-y: -47px;
}
.side-nav-item .nav-icon.lcIcon{
    background-position-y: -89px;
}
.side-nav-item .nav-icon.sportsIcon{
    background-position-y: -129px;
}
.side-nav-item .nav-icon.fishIcon{
    background-position-y: -171px;
}
.side-nav-item .nav-icon.sabongIcon{
    background-position-y: -209px;
}
.side-nav-item .nav-icon.arcadeIcon{
    background-position-y: -251px;
}
.side-nav-item .nav-icon.tableGamesIcon{
    background-position-y: -294px;
}
.side-nav-item .nav-icon.promoIcon{
    background-position-y: -336px;
}
.side-nav-item .nav-icon.vipIcon{
    background-position-y: -376px;
}
.side-nav-item .nav-icon.newsIcon{
    background-position-y: -417px;
}
.side-nav-item .nav-icon.contactIcon{
    background-position-y: -457px;
}
.side-nav-item .nav-icon.agentIcon{
    background-position-y: -497px;
}

.side-nav-item.active, .side-nav-item:hover{
    background-color: #2d619d;  
    color: #fff;  
}
.side-nav-item.active .nav-icon, .side-nav-item:hover .nav-icon{
    background-position-x: -44px;
}
.side-nav-item.active label, .side-nav-item:hover label{
    color: #fff;
    font-weight: 600;
}
.side-nav.closed{
    width: 0%;
}
.side-nav.closed .side-nav-body{
    left: -230px;
}
.slider-form-item img{
    width: 190px;
    border-radius: 5px;
}
.slider-form{
    position: relative;
    margin: 20px 0;
}
.slider-form .slick-next{
    position: absolute;
    top: -20px;
    right: 10px;
}
.slider-form .slick-prev{
    position: absolute;
    top: -20px;
    right: 20px;
}
.slider-form-top{
    display: flex;
    justify-content: space-between;
    margin: 0px 10px 10px 0;
}
.slider-form-title{
    display: flex;
    align-items: center;
    gap: 10px;
}
.slider-form-title label{
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}
.slider-title-icon{
    width: 30px;
    height: 30px;
}
.slider-title-icon img{
    width: 100%;
}
.slider-form-btns button{
    height: 30px;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 0px 10px;
    margin: 0 2px;
    font-size: 14px;
    color: #606060;
}
.slider-form-btns button:hover{
    color: #000;
}
.slider-form-body-lc .slider-form-item img{
    width: 290px;
}
.slider-form-body-no-slide{
    display: flex;
    gap: 10px;
}
.slider-form-body-no-slide .slider-form-item{
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 12%);
    overflow: hidden;
    cursor: pointer;
}
.slider-form-body-no-slide .slider-form-item .sfi-img{
    width: 100%;
    height: 208px;
}
.slider-form-body-no-slide .slider-form-item .sfi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    box-shadow: none;
}
.slider-form-body-no-slide .slider-form-item .sfi-title{
    font-size: 16px;
    font-weight: 600;
    color: #2d619d;
    width: 100%;
    padding: 15px 10px 5px;
    height: 42px;
    overflow: hidden;
}
.slider-form-body-no-slide .slider-form-item .sfi-desc{
    font-size: 13px;
    font-weight: 400;
    color: #141414;
    width: 100%;
    padding: 0px 10px 5px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 15px;
}
.slider-form-item img{
    box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 25%);
}
.counters-home{
    display: flex;
}
.ch-item{
    position: relative;
}
.counters-home img.bg{
    width: 600px;
    position: relative;
}
.counters-home .provider{
    position: absolute;
    top: 40px;
    right: 45px;
    height: 33px;
    width: 101px;
    text-align: center;
}
.counters-home .provider img{
    height: 100%;
}
.counters-home .timer{
    position: absolute;
    top: 80px;
    right: 227px;
    height: 33px;
    width: 121px;
    color: #fff;
    vertical-align: middle;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
}
.counters-home .total-bonus{
    position: absolute;
    top: 127px;
    right: 37px;
    height: 76px;
    width: 386px;
    color: #fff;
    vertical-align: middle;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
}
.counters-home .total-bonus div:first-child{
    font-weight: 500;
    font-size: 16px;
    width: 80px;
}
.counters-home .total-bonus div:last-child{
    font-weight: 600;
    font-size: 42px;
    max-width: 317px;
    overflow: hidden;
}
footer{
    background-color: #141414;
}
footer .footer-nav{
    background-color: #2d619d;
    text-align: center;
    padding: 5px 0;
}
footer .footer-nav a{
    color: #fff;
    font-size: 12px;
    margin: 0 20px;
    position: relative;
}
footer .footer-nav a::after{
    content: '';
    width: 1px;
    height: 80%;
    background-color: #fff;
    position: absolute;
    right: -25px;
    top: 2px;
}
footer .footer-nav a:last-child::after{
    display: none;
}
.footer-bottom{
    padding: 30px 0 0;
}
.footer-bottom label{
    color: #82878f;
    font-weight: 600;
    margin: 10px 0 0;
}
footer .partners-cont div{
    background-image: url(../../images/desktop/partners.png);
    height: 62px;
    display: inline-block;
    margin-right: 13px;
}
footer .partners-cont div.jdb{
    background-position-x: 0px;
    width: 83px;
}
footer .partners-cont div.jili{
    background-position-x: -76px;
    width: 83px;
}
footer .partners-cont div.sexy{
    background-position-x: -159px;
    width: 83px;
}
footer .partners-cont div.wbet{
    background-position-x: -249px;
    width: 109px;
}
footer .partners-cont div.fcai{
    background-position-x: -367px;
    width: 143px; 
}
footer .partners-cont div.tbs{
    background-position-x: -526px;
    width: 131px;
}
footer .partners-cont div.evo{
    background-position-x: -675px;
    width: 103px;
}
footer .partners-cont div.sa{
    background-position-x: -792px;
    width: 113px;
}
footer .partners-cont div.tomh{
    background-position-x: -922px;
    width: 118px;
}
footer .partners-cont div.turbo{
    background-position-x: -1705px;
    width: 88px;
}
footer .partners-cont div.sp{
    background-position-x: -1596px;
    width: 88px;
}
footer .partners-cont div:hover{
    background-position-y: -62px;
}
.follow_us_footer a{
    color: #2d619d;
    font-size: 26px;
    margin-right: 5px;
    display: inline-block;
    margin-top: 5px;
}
.footer-bottom p{
    text-align: center;
    color: #82878f;
    font-weight: 300;
    font-size: 12px;
    border-top: 1px solid #82878f2e;
    float: left;
    width: 100%;
    margin: 20px 0 0;
    padding: 10px;
}
.products_nav{
    display: flex;
    justify-content: center;
    margin: 30px 0;
    gap: 40px;
}
.products_nav .products_nav_item{
    cursor: pointer;
}
.products_nav .products_nav_icon{
    background-image: url(../../images/desktop/PRODUCTS-ICONS.png);
    width: 85px;
    height: 85px;
    background-position-x: 0px;
    background-position-y: -20px;
    cursor: pointer;
}
.products_nav .products_nav_icon.sports{
    background-position-x: -20px;
}
.products_nav .products_nav_icon.live-casino{
    background-position-x: -155px;
}
.products_nav .products_nav_icon.slots{
    background-position-x: -286px;
}
.products_nav .products_nav_icon.fishing{
    background-position-x: -419px;
}
.products_nav .products_nav_icon.sabong{
    background-position-x: -561px;
}
.products_nav .products_nav_icon.arcade {
    background-position-x: -700px;
}
.products_nav .products_nav_icon.table {
    background-position-x: -840px;
    margin-bottom: 0;
}
.products_nav .products_nav_icon.other{
    background-position-x: -700px;
}
.products_nav .products_nav_icon{
    margin: 0 auto;
}
.products_nav div.active .products_nav_icon, .products_nav div:hover .products_nav_icon{
    background-position-y: -112px;
}
.products_nav_title{
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
}
.products_nav div.active .products_nav_title, .products_nav div:hover .products_nav_title{
    color: #1261a2;
}

.slots_nav{
    display: flex;
    justify-content: center;
    margin: 30px 0;
}
.slots_nav .slots_nav_item{
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    border-right: 2px solid #19181d;
    padding: 0 7px;
}
.slots_nav .slots_nav_item:last-child{
    border: none;
}
.slots_nav_item.active::after, .slots_nav_item:hover::after{
    content: '';
    position: absolute;
    width: 89%;
    height: 2px;
    bottom: -4px;
    left: 6%;
    background-color: #1261a2;
}
.slots_nav_item .slots_nav_icon, .other_nav_icon{
    background-image: url(../../images/desktop/SLOTS-LOGOS.png?v=2);
    height: 35px;
    background-position-x: 0px;
    background-position-y: -10px;
    background-size: 1199px;
    margin-right: 5px;
}
.other_nav_icon{
    background-image: url(../../images/desktop/OTHER-PAGE.png);
    background-size: 965px;
}
.other_nav_icon.all{
    width: 30px;
    background-position-x: -8px;
}
.slots_nav_item .slots_nav_icon.pp{
    width: 26px;
    background-position-x: -1058px;
}
.slots_nav_item .slots_nav_icon.gsps{
    width: 34px;
    background-position-x: -1128px;
}
.slots_nav_item .slots_nav_icon.jili{
    width: 42px;
    background-position-x: -18px;
}
.slots_nav_item .slots_nav_icon.yellowbet{
    width: 24px;
    background-position-x: -505px;
}
.slots_nav_item .slots_nav_icon.fc{
    width: 21px;
    background-position-x: -156px;
}
.slots_nav_item .slots_nav_icon.jdb{
    width: 35px;
    background-position-x: -285px;
}
.slots_nav_item .slots_nav_icon.tomhorn{
    width: 24px;
    background-position-x: -417px;
}
.slots_nav_item .slots_nav_icon.sp{
    width: 29px;
    background-position-x: -600px;
}
.slots_nav_item .slots_nav_icon.cq9{
    width: 42px;
    background-position-x: -689px;
}
.slots_nav_item .slots_nav_icon.ameba{
    width: 20px;
/*    background-position-x: -899px;*/
    background-position-x: -806px;
}
.slots_nav_item .slots_nav_icon.pg{
    width: 42px;
/*    background-position-x: -980px;*/
    background-position-x: -886px;
}
.slots_nav_item .slots_nav_icon.evo{
    width: 50px;
    background-position-x: -966px;
}

.slots_nav_item.active .slots_nav_icon, .slots_nav_item:hover .slots_nav_icon, .other_nav_item.active .other_nav_icon, .slots_nav_item:hover .slots_nav_icon{
    background-position-y: -55px;
}
.slots_nav_item .slots_nav_title{
    text-transform: uppercase;
    color: #7b7b7b;
    font-size: 14px;
    font-weight: 400;
}
.slots_nav_item.active .slots_nav_title, .slots_nav_item:hover  .slots_nav_title{
    color: #1261a2;
}
.slots_category{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
.slots_category .slots_category_div{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.slots_category_div .slots_category_item{
    color: #7b7b7b;
    cursor: pointer;
}
.slots_category_div .slots_category_item.active, .slots_category_div .slots_category_item:hover{
    color: #000;
}
.slots_category_div .search_btn{
    position: relative;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.slots_category_div .search_btn i{
    position: absolute;
    top: 8px;
    color: #2d619d;
    font-size: 21px;
    left: 6px;
}
.slots_category_div .search_btn input{
    font-size: 14px;
    width: 260px;
    height: 35px;
    position: relative;
    background: none;
    border: none;
    border-radius: 20px;
    padding: 0px 0px 0px 33px;
}
.slots_cont{
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    gap: 10px;
    margin-bottom: 40px;
}
.slots_thumb_img{
    height: 152px;
    width: 100%;
}
.slots_thumb_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slots_thumb_title{
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 18px;
    margin: 5px 0 15px;
    color: #000;
    /* overflow: hidden; */
}
.live_casino_cont, .fishing_cont{
    display: flex;
    justify-content: space-between;
}
.live_casino_item, .fishing_item{
    cursor: pointer;
    transition: .2s;
}
.fishing_item{
    opacity: .5;
}
.live_casino_item:hover{
    filter: brightness(115%);
}
.fishing_item:hover{
    opacity: 1;
}
.live_casino_item img, .fishing_item img{
    width: 100%;
}
#loginModal .modal-content{
    background-color: #061222;
}
#loginModal .modal-title{
    color: #fff;
    text-align: center;
    font-size: 22px;
}
#loginModal .close{
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1;
    color: #8b8b8b;
    text-shadow: 0 1px 0 #000;
}
#loginModal .modal-header{
    border: none;
}
#loginModal .modal-dialog{
    width: 400px;
}
#loginModal .modal-body{
    display: grid;
    padding: 0px 40px 20px;
    gap: 15px;
}
#loginModal .modal-body input{
    border-radius: 20px;
    border: none;
    padding: 5px 20px;
    font-size: 14px;
}
#loginModal .modal-body input[type="submit"]{
    background: linear-gradient(307deg, #f5d83e, #e0ab3b);
    font-weight: 800;
    color: #000;
}
#loginModal .modal-body a{
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}
#postlogin-form{
    display: flex;
    justify-content: right;
    gap: 6px;
    align-items: start;
/*    display: none;*/
}
#prelogin-form{
    /* display: none; */
}
#postlogin-form .btn-green{
    width: 170px;
    padding: 5px 20px;
}
#postlogin-form .btn-green i{
    position: relative;
}
#postlogin-form .btn-green i.fa-sort-down{
    top: -3px;
    left: 5px;
}
#postlogin-form .btn-green i.money-icon{
    top: 2px;
    left: -4px;
}
.logout-btn{
    display: block;
    text-align: center;
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    margin-top: 3px;
    cursor: pointer;
}
.uname-cont{
    display: inline-block;
    margin: 5px;
    text-align: center;
    text-wrap: nowrap;
}
.uname-cont a{
    color: #000;
    font-weight: 600;
}
.uname-cont a:hover{
    text-decoration: underline;
}
button{
    transition: opacity .2s ease-in-out;
}
button:hover{
    opacity: .8;
}
.p-relative{
    position: relative;
}
.p-absolute{
    position: absolute;
}
.balanceModal{
    top: 35px;
    right: 0;
    width: 300px;
    background: #fff;
    border: 1px solid #0000002e;
    border-radius: 10px;
    padding: 10px;
    z-index: 1;
    display: grid;
    gap: 5px;
    display: none;
}
.balanceModal_item{
    display: flex;
    justify-content: space-between;
}
.balanceModal_item div:last-child{
    font-weight: 700;
}


/* new postlogin */
.postlogin_menu, .postlogin_body{
    background-color: #fff;
}
.postlogin_menu{
    text-align: center;
    width: 250px;
    margin: 20px 10px;
    padding: 30px 20px;
    border-radius: 20px;
}
.postlogin_body{
    width: 910px;
    margin: 20px 10px;
    padding: 30px 20px;
    border-radius: 20px;
}
.pl_list, .pl_list_upper{
    display: grid;
    text-align: left;
    font-weight: 500;
    gap: 20px;
    padding: 20px 0;
}
.pl_list_item{
    color: #b3b3b3;
    display: flex;
    align-items: center;
    gap: 15px;
}
.pl_list .pl_list_item.active, .pl_list .pl_list_item:hover, .pl_uname{
    color: #135288;
    font-weight: 600;
    cursor: pointer;
}
.pl_list .pl_list_item p, .pl_list_upper .pl_list_item p{
    margin: 0;
}
.pl_list_upper .pl_list_item{   
    color: #135288;
    font-weight: 600;
}
.pl_uname{
    margin: 10px 0 0;
}
.pl_list_icon{
    width: 30px;
    height: 30px;
    background-image: url(../../images/desktop/ACCOUNT-ICONS.png);
    background-size: 89px;
    background-position-x: -8px;
    background-position-y: 0px;
}
.pl_list_icon.userIcon{
    background-position-y: -21px;
}
.pl_list_icon.balIcon{
    background-position-y: -71px;
}
.pl_list_icon.depIcon{
    background-position-y: -158px;
}
.pl_list_icon.withIcon{
    background-position-y: -216px;
}
.pl_list_icon.tranIcon{
    background-position-y: -269px;
}
.pl_list_icon.histIcon{
    background-position-y: -324px;
}
.pl_list_icon.stateIcon{
    background-position-y: -384px;
}
.pl_list_icon.profIcon{
    background-position-y: -442px;
}
.pl_list_icon.inbIcon{
    background-position-y: -501px;
}
.pl_list_item:hover .pl_list_icon, .pl_list_item.active .pl_list_icon{
    background-position-x: -48px;
}
#refreshIcon{
    cursor: pointer;
    transition: .3s;
}
#refreshIcon:hover{
    transform: rotate(181deg);
}

/* register */
.register_cont{
    padding: 40px 300px;
    background: #fff;
    box-shadow: 1px 20px 20px 10px rgb(0 0 0/15%);
    margin: 20px 0;
    border-radius: 20px;
}
.register_nav{
    display: flex;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
}
.register_nav div{
    width: 50%;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}
.register_nav div.active, .register_nav div:hover{
    border-bottom: 1px solid #B72523;
    color: #B72523;
}
.signup_body .row{
    width: 100%;
    margin: 5px 0;
}
.signup_body .row .col1{
    width: 37%;
}
.signup_body .row .col2{
    width: 63%;
    float: right;
}
.signup_body .row .col2 input{
    width: 100%;
    font-size: 13px;
    color: #000;
    height: 38px;
    padding: 0 6px;
    border: 1px solid #979797;
    border-radius: 5px;
    background: 0 0;
}
.formErr{
    font-size: 11px;
    color: red;
    position: relative;
    top: 0px;
    left: 5px;
    line-height: 12px;
    display: block;
    margin-bottom: 5px;
}
.signup_body .agreement label{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    position: relative;
    top: -1px;
    margin-top: 15px;
}
.signup_body .agreement label a{
    color: #e8be3d;
    font-weight: 500;
}
.signup_body button.btn-yellow{
    margin: 10px auto;
    display: block;
    border: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px;
    padding: 7px 80px;
}
.contactInput{
    width: 100%;
    position: relative;
}
.contactInpCountry{
    background: #e0e0e0;
    position: absolute;
    color: #061222;
    font-size: 14px;
    top: 2px;
    left: 2px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 89%;
    width: 66px;
    padding: 0 7px;
    line-height: 2.5;
}
.contactInpCountry div{
    display: inline-block;
}
.signup_body .code{
    display: inline-block;
    border-radius: 5px;
}
.signup_body .code img{
    border-radius: 5px;
    width: 121px;
}
.register-page{
    background-image: url(../../images/desktop/registerbg.jpg);
    background-size: cover;
}
.register-page .socmed-items {
    display: flex;
    justify-content: center;
}
.socmed-items .socmed-item {
    height: 43px;
    background-image: url(../../images/desktop/socmeds.png);
    float: left;
    background-position-y: 0;
    margin: 5px 0;
    margin-right: 10px;
    transition: .2s;
}
.socmed-items .socmed-item.fb {
    width: 41px;
    background-position-x: -1px;
}
.socmed-items .socmed-item.tg {
    width: 41px;
    background-position-x: -43px;
}
.socmed-items .socmed-item.ig {
    width: 41px;
    background-position-x: -85px;
}
.socmed-items .socmed-item.vb {
    width: 41px;
    background-position-x: -127px;
}
.socmed-items .socmed-item.lc {
    width: 41px;
    background-position-x: -169px;
}



/* promo page */
.promo-nav div{
    font-size: 16px;
    font-weight: 600;
    color: #061222;
    display: inline-block;
    cursor: pointer;
    margin: 20px 25px;
    position: relative;
    transition: .2s;
}
.promo-nav div.active, .promo-nav div:hover{
    color: #1ba0fe;
}
.promo-nav div::after{
    content: '';
    position: absolute;
    width: 0%;
    left: 0;
    height: 2px;
    background-color: #1ba0fe;
    bottom: -5px;
    transition: .2s;
}
.promo-nav div.active::after, .promo-nav div:hover::after{
    width: 100%;
}
.promo-cont .promo-box{
    width: 333px;
    height: 289px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px 1px #0000001c;
}
.promo-cont .promo-box:nth-child(3n+3){
    margin-right: 0;
}
.promo-cont .promo-box .promo-img{
    width: 100%;
    height: 162px;
}
.promo-cont .promo-box .promo-img img{
    height: 100%;
}
.promo-cont .promo-box .promo-title{
    font-size: 17px;
    font-weight: 600;
    height: 63px;
    text-align: left;
    padding: 6px 15px;
    overflow: hidden;
    color: #0a1c34;
    border-bottom: 1px solid #e4e4e4;
}
.promo-cont .promo-box button{
    font-weight: 600;
    font-size: 14px;
    margin: 16px auto;
    display: block;
    width: 128px;
    height: 31px;
    background: transparent;
    border-radius: 16px;
    color: #0b9cfe;
    border: 2px solid #1ba0fe;
    cursor: pointer;
    outline: none;
    transition: .1s;
}
.promo-cont .promo-box button:hover{
    border: transparent;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
}
.mymodal.promo-modal .cont{
    width: 1025px;
    margin-left: -512.5px;
    height: 620px;
    margin-top: -310px;
    border-radius: 15px;
}
.mymodal.promo-modal .close-btn{
    background: #000;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    top: 5px;
    line-height: 1;
    text-align: center;
}
.promo-modal-img{
    width: 100%;
    height: auto;
    border-radius: 15px;
    overflow: hidden;
}
.promo-modal-img img{
    width: 100%;
    height: 100%;
}
.promo-modal-cont{
    width: 100%;
    height: 397px;
    overflow: auto;
    position: relative;
    /* background: #efefef; */
    margin: 10px 0 0;
    border-radius: 20px;
}
.promo-modal-title{
    width: 80%;
    min-height: 50px;
    font-size: 22px;
    font-weight: bold;
    color: #1ba0fe;
    padding: 10px 0 10px 20px;
}
.promo-modal-details{
    padding: 0 20px 10px;
    font-size: 14px;
}
.promo-modal-details ol, .promo-modal-details ul{
    padding-left: 15px;
    margin: 5px 0;
}
.promo-modal-details p{
    margin: 0;
}
.promo-modal-details table{
    width: 100%;
    float: left;
    margin: 20px 0;
    text-align: center;
    table-layout: fixed;
}
.promo-modal-details table th{
    background: #1ba0fe;
    color: #fff;
    padding: 7px 0;
    border: 1px solid #eee;
    text-align: center;
}
.promo-modal-details table td{
    background: #dedede;
    color: #252525;
    padding: 7px 0;
    border: 1px solid #eee;
}
#promo-modal button.close{
    position: absolute;
    top: 4px;
    right: 3px;
    font-size: 24px;
    background: #000;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    color: #fff;
    font-weight: 500;
}
.promo-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 10px 0 50px;
}
.promo-nav{
    margin-top: 10px;
}






/* vip page */
.vip-cont{
    height: 960px;
    background-image: url(../../images/desktop/vip/vip-bg.jpg);
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: top center; 
}
.vip-cont .ns{
    position: relative;
}
.vip-page .ns{
    width: 1020px;
}
.vip-page .vip-desc{
    position: absolute;
    top: 195px;
    left: 50px;
}
.vip-page .vip-desc p{
    margin: 0;
    color: #061222;
}
.vip-page .vip-desc p:nth-child(1){
    font-size: 25px;
    font-weight: 500;
}
.vip-page .vip-desc p:nth-child(2){
    font-size: 15px;
}
.vip-page table.vip-tbl{
    width: 752px;
    position: absolute;
    top: 360px;
    font-size: 15px;
    font-weight: 600;
}
.vip-page table.vip-tbl img{
    display: block;
    margin: 0 auto;
}
.vip-page table.vip-tbl tr td{
    display: table-cell;
    position: relative;
    height: 40px;
    width: 137px;
    border-right: 1px solid #e0e0e0;
}
.vip-page table.vip-tbl tr:nth-child(even){
    background: rgb(255 255 255 / 85%);
}
.vip-page table.vip-tbl tr:nth-child(odd){
    background: rgb(242 242 242 / 85%);
}
.vip-page table.vip-tbl tr:first-child{
    background: rgb(6 18 34 / 85%);
    color: #fff;
    font-weight: bold;
}
.vip-page table.vip-tbl tr:first-child td{
    height: 70px;
    border-right: none;
}
.vip-page table.vip-tbl tr:first-child td div{
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
}
.vip-page table.vip-tbl tr:first-child td:first-child{
    border-top-left-radius: 10px;
}
.vip-page table.vip-tbl tr:first-child td:last-child{
    border-top-right-radius: 10px;
}
.vip-page table.vip-tbl tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
}
.vip-page table.vip-tbl tr:last-child td:last-child{
    border-bottom-right-radius: 10px;
}
.vip-page table.vip-tbl tr td:first-child{
    text-align: left;
    width: 204px;
    padding-left: 16px;
    font-weight: 400;
}
.vip-page table.vip-tbl tr td.blue{
    height: 28px;
    color: #fff;
    background: rgb(27 160 254 / 85%);
    font-weight: 600;
}
.vip-page table.vip-tbl tr td:last-child{
    border-right: none;
}
.vip-page .rules{
    background: #e9ebec;
    padding: 30px 0;
}
.vip-page .rules p{
    font-weight: bold;
    font-size: 22px;
}
.vip-page .rules ol{
    font-size: 15px;
    padding-left: 16px;
    line-height: 2;
}





/* other page */
.other-page-bg{
    /*background-image: url(../../images/desktop/other/other-bg.jpg);*/
    /*background-color: #3b0505;*/
    background-repeat: no-repeat;
    background-position: top center;
}
.other-page-white-bg{
    background: #fff;
    padding: 15px 10px;
}
.other-page-menu{
    width: 239px;
    height: 157px;
    background: #061222;
    border-radius: 5px;
    text-align: center;
    padding: 4px 0;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.other-page-menu a{
    outline: none;
    text-decoration: none;
}
.other-page-menu a .opm-item{
    color: #b7b7b7;
    font-size: 15px;
    font-weight: bold;
    height: 37px;
    line-height: 2.5;
}
.other-page-menu a.active .opm-item{
    background: #1ba0fe;
    color: #fff;
}
.other-page-cont{
    display: inline-block;
    margin: 0 10px;
    width: 730px;
    vertical-align: top;
}
.other-title{
    font-size: 18px;
    font-weight: bold;
    background: #e2e2e2;
    padding: 0 15px;
    height: 36px;
    line-height: 1.9;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
}
.other-page-cont p, .other-page-cont ol, .other-page-cont ul{
    font-size: 14px;
}
.other-page-cont strong{
    font-size: 16px;
}
.other-page-cont a{
    color: #1ba0fe !important;
}
.fold .fold-title{
    border-top: 2px solid #1ba0fe;
    border-bottom: 2px solid #1ba0fe;
    height: 55px;
    line-height: 3;
    padding-left: 5px;
    cursor: pointer;
    position: relative;
}
.fold .fold-cont{
    padding-top: 18px;
    display: none;
}
.fold .fold-title:after{
    content: '\2304';
    color: #1ba0fe;
    font-weight: bold;
    font-size: 30px;
    position: absolute;
    right: 25px;
    height: 100%;
    top: -32px;
}
.fold.open .fold-title:after{
    content: '\2303';
    top: -12px;
}
.other-page-cont .fold{
    width: 100%;
    float: left;
    margin-top: -2px;
}
.other-page-cont table{
    width: 90%;
    margin: 10px auto 30px;
    text-align: center;
    background: #3b0505;
    color: #fff;
    font-size: 14px;
}
.other-page-cont table th{
    background: linear-gradient(0deg, #8a1818, #c12222);
    color: #fcdf58;
}
.other-page-cont table th, .other-page-cont table td{
    padding: 5px 0;
}
.opci-icons{
    width: 58px;
    height: 58px;
    background-image: url(../../images/desktop/other/contact-icons.png);
    float: left;
    margin: 0 10px;
}
.opc-items{
    width: 270px;
    float: left;
    color: #1d1d1d;
    margin: 10px 20px 10px 0;
}
.opc-items div:nth-child(2){
    font-size: 16px;
    font-weight: bold;
    margin-top: 7px;
}
.opc-items div:nth-child(3){
    font-size: 14px;
}




/* old postlogin */
/* transfer page */
.tranfer-cont{
    font-size: 14px;
}
.tranfer-cont table td, .tranfer-cont table th{
    height: 37px;
}
.tranfer-cont table.tbl-1 th{
    background: #0a1c34;
    color: #fff;
    text-align: center;
}
.tranfer-cont table.tbl-1 td{
    background: #e2e2e2;
}
.tranfer-cont table.tbl-1 tr td:first-child{
    padding-left: 40px;
}
.tranfer-cont table.tbl-1 tr td:last-child{
    width: 120px;
    text-align: center;
}
.tranfer-cont table.tbl-1 tr{
    border-bottom: 1px solid #fff;
}
.tranfer-cont table.tbl-1{
    margin: 20px 0 50px;
}
.tranfer-cont strong{
    display: block;
}
.tranfer-cont table.tbl-2 tr td:first-child{
    font-weight: bold;
    width: 135px; /*200*/
    height: 50px;
}
.tranfer-cont table.tbl-2 select, .tranfer-cont table.tbl-2 input{
    width: 240px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    padding: 0 5px;
}
.tranfer-cont table.tbl-2 input{
    width: 321px;
    margin-right: 5px;
}
.tranfer-cont table.tbl-2 button{
    width: 180px;
    height: 38px;
    border-radius: 18px;
    border: none;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}


/* history page */
.history-cont{
    font-size: 14px;
}
.history-nav div{
    font-weight: bold;
    display: inline-block;
    border: 1px solid #c2c2c2;
    border-radius: 19px;
    padding: 5px 20px;
    margin-right: 5px;
    cursor: pointer;
}
.history-nav div.active{
    background: linear-gradient(45deg, #9f1414, #c12222);
    color: #fff;
}
.history-cont table th, .history-cont table td{
    padding: 8px 5px;
    text-align: center;
}
.history-cont table th{
    background: #0a1c34;
    color: #fff;
}
.history-cont table td{
    background: #e2e2e2;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.history-cont table tr td:last-child{
    border-right: none;
    text-align: center;
}
.history-nav{
    margin-bottom: 15px;
}


/* profile page */
.profile-box{
    background: #eeeff3;
    font-size: 14px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.pb-title{
    color: #061222;
    font-weight: bold;
    float: left;
    margin: 15px 0;
    position: relative;
    height: 31px;
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.profile-box form{
    padding: 0 25px 20px;
}
.profile-box form label{
    float: left;
    width: 30%;
    line-height: 40px;
    font-weight: bold;
    color: #061222;
}
.profile-box form input[type="text"], .profile-box form input[type="password"], .profile-box form select{
    float: left;
    width: 70%;
    margin-bottom: 10px;
    height: 40px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 0 10px;
}
.profile-box form input[type="submit"]{
    width: 180px;
    height: 38px;
    border-radius: 19px;
    border: none;
    font-weight: bold;
    margin-top: 20px;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
    cursor: pointer;
}

/* new deposit & withdraw */
.postlogin-title {
    font-size: 18px;
    font-weight: 700;
    background: #e2e2e2;
    padding: 0 15px;
    height: 36px;
    line-height: 1.9;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
}
.depNav{
    display: flex;
    justify-content: center;
    gap: 20px;
}
.depNav .depNav_item{
    width: 277px;
    height: 58px;
    background-image: url(../../images/desktop/deposit/deposit-menu.png);
    background-position-y: 58px;
    cursor: pointer;
}
.depNav .depNav_item#depNav_btn_local_bank{
    background-position-x: 0px;
}
.depNav .depNav_item#depNav_btn_wallet{
    background-position-x: -277px;
}
.depNav .depNav_item.active, .depNav .depNav_item:hover{
    background-position-y: 0;
}
.depWalletNav{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 15px 0;
}
.depWalletNav .depWalletNav_item{
    display: flex;
    gap: 6px;
    border: 1px solid #d5d5d5;
    height: 38px;
    align-items: center;
    padding: 0 30px;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
}
.depWalletNav .depWalletNav_item.active, .depWalletNav .depWalletNav_item:hover{
    border-color: #2d609d;
}
.depWalletNav_item_extra_text{
    color: #0da1d7;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}
.depWalletNav_item .depWalletNav_item_icon{
    width: 31px;
    height: 27px;
}
.depWalletNav_item .depWalletNav_item_icon.gcash{
    background-image: url(../../images/desktop/deposit/gcash.png);
}
.depWalletNav_item.active .depWalletNav_item_icon.gcash, .depWalletNav_item:hover .depWalletNav_item_icon.gcash{
    background-image: url(../../images/desktop/deposit/gcash-active.png);
}
.depWalletNav_item .depWalletNav_item_icon.paymaya{
    background-image: url(../../images/desktop/deposit/paymaya.png);
}
.depWalletNav_item.active .depWalletNav_item_icon.paymaya, .depWalletNav_item:hover .depWalletNav_item_icon.paymaya{
    background-image: url(../../images/desktop/deposit/paymaya-active.png);
}
h3.depBodyTitle{
    font-size: 18px;
    font-weight: 700;
}
p.depBodyTitleDesc{
    font-size: 14px;
    font-weight: 400;
}
.depBodyGcashDetails{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.depBodyGcashDetails img{
    height: 30px;
}
.depBodyGcashDetails #GCashName{
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0;
}
.depBodyGcashDetails #GCashAcc{
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}
.depBody_tbl{
    width: 100%;
}
.depBody_tbl tr td:first-child{
    font-weight: 700;
}
.depBody_tbl tr td:first-child span.required, .depBody_tbl tr td span.err{
    color: red;
    font-size: 12px;
    font-weight: 400;
}
.depBody_tbl tr td input[type="text"], .depBody_tbl tr td select, .depBody_tbl tr td input[type="number"]{
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;

}
.depBody_tbl tr td{
    padding: 5px 0;
}
.depBody_tbl button{
    width: 180px;
    height: 38px;
    border-radius: 18px;
    border: none;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    font-size: 15px;
}
.depCont table.step1-tbl{
    width: 100%;
}
.depCont table.step1-tbl th, .depCont table.step1-tbl td {
    height: 37px;
    text-align: center;
}
.depCont table.step1-tbl th{
    background: #0a1c34;
    color: #fff;
}
.depCont table.step1-tbl tr td {
    background: #e2e2e2;
    border: 1px solid #fff;
}
.depCont table.step1-tbl tr td:first-child {
    font-weight: bold;
    border-left: none;
}
.depCont table.step1-tbl tr:nth-child(2) td {
    border-top: none;
}
.withdraw_page #depCont_local_bank table.step1-tbl tr td{
    text-align: left;
    padding: 10px 20px;
}
.withdraw_page #depCont_local_bank table.step1-tbl input, .withdraw_page #depCont_local_bank table.step1-tbl select{
    width: 100%;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.withdraw_page .balStyle{
    color: #0aa3fe;
    font-weight: 700;
    font-size: 18px;
}
.btnAction {
    width: 180px;
    height: 38px;
    border-radius: 19px;
    border: none;
    font-weight: 700;
    margin-top: 20px;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
    cursor: pointer;
}
.record_page_filter{
    display: flex;
    gap: 10px;
    font-size: 16px;
    align-items: center;
}
.record_page_filter button{
    margin: 0;
}
.record-cont table{
    width: 100%;
    margin: 30px 0;
}
.record-cont table th, .record-cont table td{
    padding: 5px;
}
.record-cont table td{
    background: #e2e2e2;
}
.record-cont table th{
    background: #0a1c34;
    color: #fff;
    text-align: center;
}
#inboxTable{
    width: 100%;
    margin-bottom: 10px;
}



/* reset password */
#resetPassword{
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #ffffff2e;
}
#resetPassword .code-cont{
    background: #fff;
    color: #061222;
    font-size: 24px;
    font-family: serif;
    font-weight: 800;
    width: fit-content;
    padding: 0px 10px;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 30px;
    padding-bottom: 6px;    
}
#resetPassword .code-refresh{
    cursor: pointer;
    color: #f1d03e;
    font-size: 11px;
    display: block;
}
#resetPassword button{
    background: linear-gradient(307deg, #f5d83e, #e0ab3b);
    font-weight: 800;
    color: #000;
    border-radius: 20px;
    border: none;
    padding: 5px 20px;
    font-size: 14px;
    text-transform: uppercase;
}
#resetPassword button.back-btn{
    background: linear-gradient(307deg, #818181, #c9c9c9);
}


.swal2-popup.swal2-modal.swal2-show{
    padding: 0;
}
.swal2-header{
    padding-top: 10px!important;
    background: #2d609d;
}

.swal2-title{
    color: #fff!important;
}

.swal2-popup .swal2-close{
    font-family: monospace;
}
.swal2-content{
    padding-top: 10px!important;
}
#swal2-content{
    font-size: 14px!important;
}
.swal2-content ul{
    list-style-type: none;
}
.swal2-actions{
    padding-bottom: 10px;
}

.btnAction {
    width: 180px;
    height: 38px;
    border-radius: 19px;
    border: none;
    font-weight: 700;
    margin-top: 20px;
    background: linear-gradient(45deg, #0b9cfe, #06c9ff);
    color: #fff;
    cursor: pointer;
}


.fishing-page .fishing_item {
    height: 600px;
    margin-top: 0 !important;
}

#fishGamePopup {
    position: absolute;
    width: 660px;
    height: 356px;
    top: 50%;
    left: 50%;
    margin-top: -185px;
    margin-left: -330px;
    display: none;
    justify-content: center;
    align-items: center;
    gap: 1%;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0;
    background: #fff;
    border-radius: 15px;
    border: 5px solid #139bfe;
    box-shadow: 0 0 7px 2px #00000078;
}


.fish_icons {
    width: 19%;
}
.fish_icons img {
    width: 100%;
}
.fish_icons_title {
    font-size: 12px;
}


/* MAINTENANCE */
.maintenance-page header {
    height: auto;
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    background: #051222
}

.maintenance-page header .logo {
    height: auto;
    float: none;
    max-width: 268px;
    width: 14%;
    display: inline-block;
    padding: .3% 0%;
    margin:0 auto;
}

.maintenance-page header .logo img,
.maintenance-cont .girl img {
    width: 100%
}

.maintenance-cont {
    background-image: url(../../images/desktop/maintenance/12-Maintenance-BG.jpg);
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.maintenance-cont .girl {
    max-width: 339px;
    position: absolute;
    width: 17.8%;
    margin-top: 4%;
    right: 30%
}

.maintenance-cont .details {
    width: 26.04%;
    position: absolute;
    right: 46%;
    margin-top: 10.5%;
    text-align: center
}

.maintenance-cont .details title {
    display: block;
    color: #139bfd;
    font-weight: 700;
    font-size: 2.1vw;
    margin: 0 0 2%
}

.maintenance-cont .details p {
    font-size: .8vw;
    line-height: 1.3vw;
    margin-bottom: 4%
}

.maintenance-cont .details strong {
    font-size: 18px;
    margin: 30px 0 5px;
    display: block;
    font-weight: 600
}

.maintenance-cont .details button {
    color: #ba2022;
    border: 1px solid #ba2022;
    font-size: .8vw;
    font-weight: 700;
    padding: 1% 3%;
    border-radius: 25px;
    cursor: pointer;
    background: 0 0
}

.maintenance-cont .maintenance-sched {
    background-image: url(../../images/desktop/maintenance/Untitled-1.png);
    width: 276px;
    height: 126px;
    padding: 50px 0 0;
    margin: 0 auto;
    font-size: 20px
}

.maintenance-cont .maintenance-sched .mtime {
    font-weight: 700
}

.maintenance-cont .socmed-items .socmed-item {
    float: none;
    display: inline-block
}

/* MAINTENANCE */    


/* vip page 2 */
.vip-page table.vip-tbl{
    width: 100%;
    top: 400px;
}
.vip-page table.vip-tbl tr td.gold{
    height: 28px;
    color: #fff;
    background: #c1a05d;
    font-weight: 600;
}
.vip-page table.vip-tbl{
    font-size: 12px;
}
.vip-page table.vip-tbl tr:first-child td{
    height: 75px;
    line-height: 1;
}
.vip-cont{
    height: 1096px;
}
.vip-page table.vip-tbl tr:first-child{
    font-weight: 600;
}

.affiliate_page {
    background: #fff;
}

.affiliate_tagline {
    position: relative;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    color: #061222;
    margin: 15px 0;
}

.affiliate_steps {
    display: table;
    text-align: center;
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
}

.affiliate_steps div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.affiliate_steps div button {
    background: linear-gradient(45deg, #01744d, #018454);
    color: #fff;
    font-size: 22px;
    border: none;
    border-radius: 25px;
    font-weight: 700;
    padding: 0 50px;
    height: 52px;
    cursor: pointer;
}

#agent-Login-btn {
    background: linear-gradient(45deg, #dab462, #D4AF37) !important;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    transition: .2s;
    font-family: poppins, sans-serif;
    font-size: 13px;    
    height: 29px;
    border-radius: 14.5px;
    outline: none;
    padding: 7px 10px;
    line-height: 14px;
}

#agent-Signup-btn {
    /* background: linear-gradient(45deg, #01714b, #028856); */
    background: linear-gradient(45deg, #b93d35, #b61d1d);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    transition: .2s;
    font-family: poppins, sans-serif;
    font-size: 13px;    
    height: 29px;
    border-radius: 14.5px;
    outline: none;
    padding: 7px 10px;
    line-height: 14px;
}

#agent-Commission-btn {
    background: linear-gradient(45deg, #ca06ca, #800080);
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    transition: .2s;
    font-family: poppins, sans-serif;
    font-size: 13px;    
    height: 29px;
    border-radius: 14.5px;
    outline: none;
    padding: 7px 10px;
    line-height: 14px;
}

.agent-menu-buttons{
    display: inline-flex;
}

.affiliate_plan {
    width: 95%;
    max-width: 1025px;
    margin: 2% auto;
    display: flex;
}

.planImage {
    width: 495px;
    height: 330px;
}

.planTextTop {
    margin-top: 35px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    background-color: #f3ec78;
    background-image: linear-gradient(45deg, #0b9cfe, #49d4fb);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.planTextBottom {
    color: white;
    padding: 5px 50px;
    font-size: 15px;
}

.affiliate_list {
    width: 95%;
    max-width: 1025px;
    margin: 2% auto;
    display: flex;
}

.affiliate_contact {
    display: table;
    width: 100%;
/*    max-width: 1025px;*/
    max-width: 400px;
    margin: 0 auto 30px;
    text-align: center;
}

.affiliate_contact a {
    display: table-cell;
}

@media only screen and (max-width: 1200px){
    
}


.sport_content{
    display: block;
    text-align: center;
}

.sport_item img{
    cursor: pointer;
    margin-bottom: 30px;
    border-radius: 20px;
    width: 80%;
}

.launch-game-wrapper{
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: black;
    background-repeat: no-repeat;
    background-size: 100%;
    display: none;    
}

.launch-game-wrapper.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.launch-game-wrapper .launch-game-container.full {
    width: 100%;
    height: 100%;
}
.launch-game-wrapper .launch-game-container {
    width: 100%;
    height: 100%;
    background: black;
}

.launch-game-wrapper .launch-game-container .launch-game-header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding: 0 20px;
    background: black;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #fff;
}

.launch-game-wrapper .launch-game-container .launch-game-header > i:first-of-type {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}

.launch-game-wrapper .launch-game-container .launch-game-header > i {
    color: #fff;
    font-size: 2.5rem;
    padding: 5px 10px;
    cursor: pointer;
}

.launch-game-wrapper .launch-game-container .launch-game-content {
    width: 100%;
    height: calc(100% - 45px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.launch-game-wrapper .launch-game-container .launch-game-content > span.failed {
    color: red;
}

.launch-game-wrapper .launch-game-container .launch-game-content #myProgress {
    width: 100%;
    background-color: #272727;
    position: relative;
    border-radius: 4px;
    max-width: calc(375px* 0.92);
}

.launch-game-wrapper .launch-game-container .launch-game-content > iframe {
    width: 100%;
    height: 100%;
    display: ;
}