@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

body { font-family: 'Roboto', sans-serif; font-size: 14px; color:#ffffff; overflow-x: hidden; margin:0 auto;}
.bodybg { position:fixed; width:100%; height:100%; z-index:-1; background: linear-gradient(125deg, #01021e 0%, #01021e 30%, #491660 100%); }

* {transition: all 0.3s;}
*, ::after, ::before {box-sizing: border-box;}

a {text-decoration: none;}
a.ss1 { font-weight:bold; color:#de00b5 }
    a.ss1:hover { color:#ffffff }

img {max-width: 100%;}

.w100px { width:100px }

label.error { color:#ff0000; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center }

.note { margin-top: 5px; display: block; font-size: 11px; color: #df0e0b; font-weight: bold; }

#loading { z-index: 1080; position: fixed; width: 100%; top: 0; bottom: 0; display:none }
#loading.aaa { display:block }
#loading .mask { height: 100%; width: 100%; background: #000; opacity: .6;}
#loading .mask img { position: absolute; top: 50%; left: 50%; width: 100px; margin: -50px; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;}
#loading .logo { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin: -40px; background-size: cover; background-position: center; background-color: #000; border-radius: 100%;}

.startgame-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1079; display:none }
.startgame-wrapper.aaa { display:block }
.startgame { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffffff }
    .startgame .frame { width:100%; height:calc(100% - 46px) }
        .startgame .frame iframe { width:100%; height:100%; }
    .startgame .frame-close { height:46px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#222222; display:flex; justify-content:center; align-items:center; cursor:pointer; text-transform:uppercase }
        .startgame .frame-close:hover { filter:brightness(1.3) }
.startgame-close { display:none; position:absolute; width:100%; height:100%; top:0; left:0; justify-content:center; align-items:center; background:rgba(0,0,0,0.6); z-index:1 }
.startgame-close.aaa { display:flex }
.sgc { padding:24px; background-color:#111111; color:#ffffff }
    .sgc h5 { font-size:16px; }
    .sgc .sgc-btn { margin-top:20px; display:flex; justify-content:center; align-items:center; gap:12px }
    .sgc .sgc-btn button { border:2px solid #ffffff; color:#ffffff; background:transparent; width:100%; padding:2px; text-transform:uppercase }
    .sgc .sgc-btn button:hover { color:#ffc107; border-color:#ffc107 }

.btn-submit { font-size:18px; font-weight:bold; padding:8px 24px; border-radius:8px; color:#ffffff; background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); border:0; width:100%; cursor:pointer }
    .btn-submit:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #de00b5) }
    .btn-submit[disabled] { filter:grayscale(1) brightness(0.5); pointer-events:none } 

.btns { font-size:16px; font-weight:bold; padding:6px 18px; border-radius:8px; color:#ffffff!important; border:1px solid #de00b5; white-space:nowrap; display:inline-block}
    .btns.s1 { background-color:#0d0127 }
    .btns.s2 { background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); }
    .btns:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #de00b5) }
    .btns.upper { text-transform:uppercase }
    .btns.ani { animation-name:buttonGlowing; animation-duration:1.5s; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:infinite; }
    .btns.small { font-size:12px; padding:4px 12px }

@keyframes buttonGlowing {
  60% {filter:brightness(1.4) drop-shadow(0px 0px 12px #de00b5) }
}

.btnsvg { display:flex; justify-content:center; align-items:center; flex-direction:column; gap:4px; color:#ffffff; background-color:#0d0127; padding:4px; border-radius:8px; border:2px solid #de00b5; font-size:12px }
    .btnsvg svg, .btnsvg img { max-height:32px }
    .btnsvg.aaa, .btnsvg:hover { background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); }

.btnsvg2 { display:flex; justify-content:center; align-items:center; flex-direction:column; gap:4px; color:#ffffff; padding:8px 4px 4px 4px; font-size:12px; position:relative }
    .btnsvg2 svg { height:28px }
    .btnsvg2.aaa, .btnsvg2:hover { color:#de00b5 }

.btnmg { display:flex; gap:4px; background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); border-radius:8px; padding:0 16px; align-items:center; font-size:14px; color:#ffffff; font-weight:bold; }
    .btnmg img { max-height:42px }
    .btnmg:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #de00b5) }

.btntt { display:flex; gap:12px; padding:4px 16px; align-items:center; font-size:14px; color:#ffffff;}
    .btntt i { font-size:16px }
    .btntt.aaa, .btntt:hover { color:#de00b5 }

.btncircle { display:flex; align-items:center; justify-content:center; font-size:9px; line-height:9px; font-weight:bold; color:#ffffff; flex-direction:column; border-radius:50%; background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); border:2px solid #ffffff; width:66px; height:66px;  }
    .btncircle svg { max-height:38px; margin-top:-6px }
    .btncircle:hover { filter:brightness(1.2) drop-shadow(0px 0px 8px #de00b5) }
    .btncircle i{font-size:25px;}

    .noti {
        width: 20px;
        height: 20px;
        position: absolute;
        right: -5px;
        top: -5px;
        font-size: 11px;
        font-weight: bold;
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #ff0000
    }
    .noti.aaa { display:flex }

.linkwithicon { display:flex; gap:8px; color:#888888!important; align-items:center }
    .linkwithicon i { color: #de00b5; font-size:18px;}

.topnav { position:fixed; top:0; left:0; width:100%; z-index:8; background:rgba(0,0,0,0.5) }
    .topnav .ccon { display:flex; padding:8px 16px; height:64px; gap:16px; justify-content:space-between }
    .topnav .logo { display:flex; gap:8px; align-items:center; width:210px }
        .topnav .logo img { max-height:48px }
        .topnav .logo .arrows { color:#df00b7; font-size:20px; cursor:pointer }
    .topnav .items {display:flex; gap:8px; justify-content:space-between; align-items:center; width:calc(100% - 210px)} 
        .topnav .items .il, .topnav .items .ir {display:flex; gap:16px; align-items:center;}

.accmenu { position:relative }
    .accmenu .top { display:flex; gap:8px; align-items:center; cursor:pointer }
        .accmenu .top .avatar { border-radius:8px;overflow:hidden }
            .accmenu .top .avatar img { max-height:38px; min-width:38px }
        .accmenu .top .name { color:#de00b5; font-weight:bold }
        .accmenu .top i { color:#888888 }
    .accmenu .con { position:absolute; display:none; flex-direction:column; gap:8px; justify-content:center; background-color:#0d0127;  border:1px solid #de00b5; padding:12px; border-radius:8px; right:0; margin-top:12px; white-space:nowrap; font-size:12px }
        .accmenu .con hr { color:#de00b5 }
    .accmenu .btntt { font-size:12px }
    .accmenu.aaa .con { display:flex }

.bist { display:flex; gap:8px; align-items:center }
    .bist .icons { color:#de00b5; }
        .bist .icons svg { height:28px }
    .bist .icons.wi { width:44px }
        .bist .icons img { height:42px; width:44px }
    .bist .infos { display:flex; flex-direction:column; justify-content:center }
        .bist .infos small { color:#888888; font-size:10px; }
        .bist .infos span { color:#ffffff; font-size:12px; font-weight:bold }

.btmnav { position:fixed; bottom:0; left:0; width:100%; z-index:4; background:#0d0127; justify-content:space-evenly; align-items:center; height:60px; display:none }
    .btmnav .btnsvg2 { gap:2px } 
    .btmnav .btnsvg2 svg {  }

.langs { border:1px solid #222222; border-radius:50px; padding:4px 8px 4px 4px; display:inline-block; cursor:pointer; position:relative; font-weight:bold; background-color:#0d0127 }
    .langs .hh { display:flex; gap:4px; align-items:center; justify-content:space-between; cursor:pointer }
        .langs .hh span {  }
        .langs .hh i { font-size:12px; color:#666666 }
    .langs .cc { position:absolute; left:0; margin-top:4px; background-color:#ffffff; border:1px solid #ececec; border-radius:8px; overflow:hidden; display:none }
        .langs .cc .ll { display:flex; gap:8px; align-items:center; cursor:pointer; padding:4px 12px 4px 8px;}
        .langs .cc .ll:hover { background-color:#ececec } 
            .langs .cc .ll span {  }
    .langs.aaa { background-color:#ececec; color:#666666 }
        .langs.aaa .cc { display:block }
    .langs img { max-width:28px }

.main-wrap { padding-top:64px; position:relative }

.sidebar { padding:16px; background-color:#0d0127; position:fixed; z-index:7; left:0; top:64px; width:230px; height:calc(100vh - 64px); overflow-y:auto }
    .sidebar .items { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:24px }
    .sidebar .items a { width:calc(50% - 8px) }
    .sidebar .items2, .sidebar .items3 { display:flex; flex-direction:column; gap:12px; margin-bottom:24px }

.sidebar::-webkit-scrollbar { height: 2px; width: 2px; background: transparent;}
.sidebar::-webkit-scrollbar-thumb { background: #de00b5; -webkit-border-radius: 1ex; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}

.sidebar .langs { display:none; margin-bottom:16px }

.content-wrap { padding:8px 24px; width:100%; padding-left:254px} 
    .content-wrap .con { max-width:1600px; margin:0px auto }

.cccwrap { margin:12px 0px }

.ann {color:#ffffff; font-size:11px; height:24px; position:relative; display:flex; justify-content:center; align-items:center; padding:0px; }
    .ann .iicon { color: #de00b5; font-size:14px; }
    .ann .ttext { width:100% }
    .ann .ttext span { padding-right:20px }
    .ann .readmore { position:absolute; top:10%; right:0px; height:80%; display:flex; justify-content:center; align-items:center; padding:0 8px; font-weight:bold; font-size:11px; border-radius:50px; color:#ffffff; border:1px solid #de00b5; background-color:#0d0127; text-transform:uppercase }

.banner-wrap { margin:8px 0px; border-radius:16px; overflow:hidden }
.splide__slide img { width:100%; }

.hebox-wrap { display:flex; gap:24px; margin:8px 0px }
.hebox { border-radius:12px; border:2px solid #ffffff; box-shadow:inset 0px 0px 16px #ffffff; padding:4px 12px; background-color:#0c0314; width:100% }
.hebox.s1 { border-color:#509950; box-shadow:inset 0px 0px 16px #509950 }
    .hebox.s1:hover { box-shadow:inset 0px 0px 30px #509950 }
.hebox.s2 { border-color:#b182f4; box-shadow:inset 0px 0px 16px #b182f4 }
    .hebox.s2:hover { box-shadow:inset 0px 0px 30px #b182f4 }
.hebox.s3 { border-color:#f6c255; box-shadow:inset 0px 0px 16px #f6c255 }
    .hebox.s3:hover { box-shadow:inset 0px 0px 30px #f6c255 }
.hebox.s4 { border-color:#cc2f20; box-shadow:inset 0px 0px 16px #cc2f20 }
    .hebox.s4:hover { box-shadow:inset 0px 0px 30px #cc2f20 }
.hebox:hover { filter:brightness(1.2) }
    .hebox a { display:flex; gap:16px; color:#ffffff; justify-content:start; align-items:center }
    .hebox .iicon { min-width:40px; max-width:32%; }
    .hebox .infos { display:flex; flex-direction:column; line-height:normal }
        .hebox .infos .tt { font-size:18px; font-weight:bold }
        .hebox ,infos .desc { font-size:12px; }

.winner-wrap { font-size:12px; color:#888888 }
.winner-cons { padding:6px 0px; }
    .winner-cons .mqhold { display:flex; align-items:center; gap:5px;}
    .winner-cons .mqhold div { margin-right:8px }
    .winner-cons img { max-width:40px; margin-right:5px; }
    .winner-cons .user { color:#de00b5; font-weight:bold }
    .winner-cons .amo { color:#de00b5; font-weight:bold }

.game-wrap { }
.gametabs { border-radius:16px; background-color:#000000; padding:4px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; overflow-x:auto }
.gamecons { margin:16px 0px }
.glbox { display:none }
.glbox.aaa { display:block }
    .glbox .games { display:flex; flex-wrap:wrap }
        .glbox .games .gl { width:calc(12.5% - 16px); margin:8px; cursor:pointer; position:relative }
            .glbox .games .gl .iimg { border-radius:8px; overflow:hidden; display:block; position:relative; margin-bottom:0 }
                .glbox .games .gl .iimg.s2 { width:100%; padding-top:100%; background-color: #000000 }
                .glbox .games .gl .iimg.s2 img { min-height:100% }
                .glbox .games .gl .iimg img { width:100% }
            .glbox .games .gl .name { font-size:12px; text-align:center; padding-top:8px }
            .glbox .games .gl .ppic { position:absolute; width:100%; height:100%; top:50%; transform: translateY(-50%); z-index:1 } 
        .glbox .games .gl:hover .iimg::before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:2 }
        .glbox .games .gl:hover .iimg::after { position:absolute; font-family:"FontAwesome"; content:"\f04b"; font-size:30px; color:#de00b5; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2 }
        .glbox.s2 .games .gl { width:calc(20% - 16px); }
.glinfo { }
    .glinfo .tt { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:16px }
    .glinfo .gt { display:flex; gap:8px; align-items:center; font-weight:bold; font-size:16px }
    .glinfo .gt svg { height:28px; }

.glmenu { margin-bottom:16px; position:relative }
.glmenu .glmenu-swiper { margin:0px 28px }
.glmenu .swiper-button-next, .glmenu .swiper-button-prev { color:#ffffff; }
.glmenu .swiper-button-next::after, .glmenu .swiper-button-prev::after { font-size:20px; }
.glmenu .swiper-button-prev { left:0px; }
.glmenu .swiper-button-next { right:0px; }
.glmenu .btnsvg {  } 
.glmenu .btnsvg span { font-size:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; text-align:center }

.footer-wrap { background:rgba(0,0,0,0.5); padding:16px; border-radius:16px }

.follow-wrap {  }
    .follow-wrap .tt { font-size:12px; color:#ffffff; text-align:center; padding-bottom:8px}
    .follow-wrap .cons { display:flex; gap:8px; justify-content:center; align-items:center }
        .follow-wrap .cons img { max-width:32px }

.provider-wrap { border-bottom:1px solid #222; border-left-width:0; border-right-width:0; padding:16px 0px; margin:0px 0px 24px 0px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center }
    .provider-wrap img { max-width:118px }

.license-wrap { display: flex; justify-content: center; gap: 80px; border-bottom: 1px solid #222; padding-bottom: 16px; margin-bottom: 24px;}
    .license-wrap .tt { white-space:nowrap; }
    .license-wrap .cons { display: flex; gap: 16px; flex-wrap:wrap}
        .license-wrap .cons img { max-height: 30px; }

.footer-conwrap { display:flex; gap:12px  }
.footcon { white-space:nowrap; display:flex; flex-direction:column; gap:8px }
.seo-wrap { color:#888888 }
    .seo-wrap h1 { font-size:24px; color:#ffffff }
    .seo-wrap h2 { font-size:22px; color:#ffffff }
    .seo-wrap h3 { font-size:20px; color:#ffffff }
    .seo-wrap h4 { font-size:18px; color:#ffffff }
    .seo-wrap h5 { font-size:16px; color:#ffffff }
    .seo-wrap a { color:#de00b5 }

.copyright-wrap { text-align:center; text-transform:uppercase; font-size:12px; margin-top:12px; color:#888888 }
    .copyright-wrap span { font-weight:bold; color:#de00b5 }

.float-lc { position:fixed; right:15px; bottom:68px; z-index:3; display:flex; flex-direction:column }

.modal-s1 {  }
    .modal-s1 .modal-header { background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); border-color:#de00b5; padding:12px; color:#ffffff; display:flex; justify-content:center; align-items:center; font-size:16px; gap:8px; font-weight:bold }
    .modal-s1 .modal-content { border:2px solid #de00b5; color:#ffffff; background-color:#0d0127; }
    .modal-s1 .modal-body { background-size:cover; background-repeat:no-repeat; background-position:center }
    .modal-s1 .modal-footer { border:0; background-color:#000000 }
    .modal-s1 .modal-title-cus { color:var(--syscolor-title); font-size:30px; font-weight:bold; text-transform:uppercase; margin-bottom:12px; text-align:center; line-height:normal }
    .modal-s1 a {color:#de00b5; font-weight:bold }
    .modal-s1 a.btn-modal-close { color:#ffffff }
    .modal-s1.videos {  }
        .modal-s1.videos video { width:100% }
.btn-modal-close { position:absolute; z-index:1; font-size:28px; color:#ffffff; right:-6px; top:-6px; line-height:normal }
.modal-s2 {  }
    .modal-s2 .modal-content { background:transparent }

.pann-wrapper { display:block; border-radius:5px; overflow:hidden }
.pann-sidemenu { background-color:#111111; min-width:auto; max-width:none; width:100%; padding:10px; overflow-x:auto; white-space:nowrap; font-size:0 }
    .pann-sidemenu a { color:#ffffff; background-color:#363636; display:inline-block; padding:8px 16px; font-size:14px; border-radius:5px; margin:0px 3px; font-weight:bold }
    .pann-sidemenu a.aaa { background:linear-gradient(180deg, #65008e 0%, #ea0191 100%); color:#ffffff }
.pann-content { width:100%; }
    .pann-content.more { background-color:#0d0127; padding:10px; }

.pannbox { display:none; }
.pannbox.aaa { display:block }

.input-group.s1:focus-within { border-color:#ffffff }
.input-group.s1 { border:2px solid #de00b5; border-radius:8px; overflow:hidden; padding:4px 12px; background-color:#ffffff }
    .input-group.s1 .input-group-text { font-size:14px; color:#888888; border-radius:0px; background-color:#ffffff; border:0  }
    .input-group.s1 .form-control { border:0; font-size:14px; color:#555555; outline:none; }
        .input-group.s1 .form-control:focus { box-shadow:none }
        .input-group.s1 .form-control::placeholder { color:#888888 } 
        .input-group.s1 .form-control:disabled { background-color:#ffffff; }
    .input-group.s1.wr { }
    .input-group.s1.wr .bbtn { position:absolute; z-index:6; right:0; top:0; width:auto; border-radius:8px 0px 0px 8px!important }
        .input-group.s1.wr .bbtn img { max-height:40px }

.input-group.s2:focus-within { border-color:#ffffff }
.input-group.s2 { border:2px solid #de00b5; border-radius:8px; overflow:hidden; padding:0px 12px; background-color:#0d0127; border-radius:50px }
    .input-group.s2 .input-group-text { font-size:14px; color:#888888; border-radius:0px; background-color:#0d0127; border:0  }
    .input-group.s2 .form-control { border:0; font-size:14px; color:#ffffff; outline:none; background-color:transparent; padding:4px 8px }
        .input-group.s2 .form-control:focus { box-shadow:none }
        .input-group.s2 .form-control::placeholder { color:#aaaaaa } 
        .input-group.s2 .form-control:disabled { background-color:transparent; }

.form-check label { font-size:12px }
.form-check-input:checked, .form-check-input { background-color:transparent; border-color:#de00b5;}
.form-check-input:focus { box-shadow:none }

.promo-wrap { }
.prmenu-wrap { position:relative; border-radius:12px; background-color:#000000; overflow:hidden }
    .prmenu-wrap .arrows { position:absolute; height:58px; width:38px; display:flex; justify-content:center; align-items:center; cursor:pointer; background:#000000  }
        .prmenu-wrap .arrows[dd="ll"] { left:0px  }
        .prmenu-wrap .arrows[dd="rr"] { right:0px }
.prmenu { display:flex; align-items:center; justify-content:space-between; padding:0px 24px; overflow-x:auto; height:58px; }
    .prmenu a { color:#ffffff; padding:12px 18px; font-weight:bold; white-space:nowrap }
    .prmenu a.aaa, .prmenu a:hover { color:#de00b5 }
.prcon { margin:24px 0px; display:flex; gap:24px; flex-wrap:wrap; position:relative }
.prbox { background-color:#0d0127; border-radius:12px; overflow:hidden; width:0; opacity:0; visibility:hidden; height:0; position:absolute }
    .prbox .iimg {  }
        .prbox .iimg img { width:100% }
    .prbox .ccon { padding:12px; text-align:center }
        .prbox .ccon h5 { margin:0 }
        .prbox .ccon small { font-size:10px; display:block; color:#888888 }
        .prbox .ccon .act { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:8px }
        .prbox .ccon .act .ddate { color:#666666; font-size:12px; font-weight:bold }
    .prbox .ccon.s2 { text-align:left }
        .prbox .ccon.s2 .act { justify-content:space-between }
    .prbox.aaa {opacity:1; visibility:visible; height:100%; width:calc(50% - 12px); position:relative}
.prdetail {  }
    .prdetail .iimg { border-radius:12px; overflow:hidden; margin-bottom:16px }
        .prdetail .iimg img { width:100% }
    .prdetail .ddesc {  }
    .prdetail .cta { margin:8px 0px 16px; text-align:center }

.acc-wrap { max-width:768px; margin:0 auto; border-radius:16px; background-color:#0d0127; overflow:hidden  }
.accbox-header { display:flex; gap:24px; justify-content:space-between; align-items:center; padding:24px; }
.accbox-content { background-color:#01011d; padding:24px }
    .accbox-content.nopad { padding:0 }
    .accbox-content h3, .accbox-content h1 { text-align:center; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #de00b5; font-size:24px }

.acc-infos { display:flex; gap:8px; align-items:center; width:35%; position:relative }
    .acc-infos .avatar { position:relative }
        .acc-infos .avatar img { max-height:66px; border-radius:8px; }
        .acc-infos .avatar.edit { cursor:pointer } 
        /*.acc-infos .avatar.edit:hover::before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:2 }
        .acc-infos .avatar.edit:hover::after { position:absolute; font-family:"FontAwesome"; content:"\f044"; font-size:22px; color:#de00b5; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2 }*/
        .acc-infos .avatar .badges { position:absolute; width:20px; height:20px; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:#de00b5; right:-2px; bottom:-2px; font-size:12px; }
    .acc-infos .detail {  }
        .acc-infos .detail .name { color:#de00b5; font-weight:bold; font-size:16px }
        .acc-infos .detail .infos { display:flex; flex-direction:column; justify-content:center }
            .acc-infos .detail .infos small { color:#888888; font-size:10px; }
            .acc-infos .detail .infos span { color:#ffffff; font-size:12px; font-weight:bold }

.acc-buttons { display:flex; flex-wrap:nowrap; gap:16px; width:60%  }
    .acc-buttons a { width:25% }

.avsshop { position:absolute; background-color:#0d0127; border:2px solid #de00b5; border-radius:8px; top:76px; padding:6px; display:none }
    .avsshop::before { content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #de00b5; position:absolute; top:-8px; left:26px }
    .avsshop .avs-con { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; width:284px }
    .avsshop .ava { max-width:52px; border-radius:8px; overflow:hidden; cursor:pointer }
    .avsshop .ava.aaa, .avsshop .ava:hover { border:2px solid #de00b5; filter:brightness(1.2) }
    .avsshop .avs-cta { margin-top:6px }

.sys-avatarbox.aaa .sys-avatarshop { display:block }

.acccon {  }

.acclinks { width:80%; margin:0 auto; display:flex; flex-direction:column; gap:24px }
    .acclinks a { width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 24px; gap:12px }
    .acclinks span { display:flex; align-items:center; gap:12px }

.accbox-back { display:flex; align-items:center; gap:24px; padding:24px 24px 0px; background-color:#01011d }
    .accbox-back .backs { display:flex; align-items:center; gap:8px; font-weight:bold }
        .accbox-back .backs i { color:#de00b5 }
        .accbox-back .backs span { color:#888888 }

.depo-wrap {  }
.depopm { display:flex; justify-content:space-evenly; align-items:start; overflow-x:auto; gap:16px; padding:12px; border-radius:12px; background-color:#000000; margin-bottom:20px }
    .depopm img { max-height:58px }
    .depopm a { filter:grayscale(1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; line-height:normal; font-size:12px; font-weight:bold }
    .depopm a.aaa, .depopm a:hover { filter:grayscale(0); color:#de00b5 }
.depopmsel { margin-bottom:20px; display:flex; flex-wrap: wrap; gap:12px }
    .dsel { border:1px solid #de00b5; background-color:#0d0127; color:#ffffff; font-size:16px; border-radius:12px; padding:0px 24px; width:calc(33.33% - 9px); cursor:pointer; position:relative; height:48px; display:flex; align-items:center }
    .dsel:hover, .dsel.aaa { background-color:#de00b5 } 
    .dsel.aaa::before { content:""; position:absolute; font-family:"FontAwesome"; content:"\f14a"; font-size:26px; color:#ffffff; top:50%; right:24px; transform:translateY(-50%) }
    .depopmsel .break { flex-basis:100%; }
.depoamo { margin-bottom:20px; display:flex; align-items:center; justify-content:center; flex-wrap: wrap; gap:12px } 
    .depoamo a { border:1px solid #de00b5; background-color:#0d0127; color:#ffffff; font-size:14px; font-weight:bold; border-radius:12px; width:calc(12.5% - 11px); cursor:pointer; position:relative; height:48px; display:flex; align-items:center; justify-content:center }
    .depoamo a.aaa, .depoamo a:hover { background-color:#de00b5 }

.history-wrap {  }
.hissel { margin-bottom:20px; display:flex; flex-wrap: wrap; gap:12px }
    .hsel { border:1px solid #de00b5; background-color:#0d0127; color:#ffffff; font-size:16px; border-radius:12px; padding:0px 24px; width:calc(50% - 6px); cursor:pointer; position:relative; height:48px; display:flex; align-items:center }
    .hsel:hover, .hsel.aaa { background-color:#de00b5 } 
    .hsel.aaa::before { content:""; position:absolute; font-family:"FontAwesome"; content:"\f14a"; font-size:26px; color:#ffffff; top:50%; right:24px; transform:translateY(-50%) }

table { width:100%; border-collapse:collapse }
    table thead { background-color:#de00b5; color:#ffffff }
    table td, table th { padding:5px; border:1px solid #de00b5 }
    table td { background-color:#000000 }
table.vips { font-weight:bold; line-height:normal }
    table.vips td { background-color:transparent; padding:8px }

.vips-badge { display:flex; justify-content:center; align-items:center; gap:8px }
    .vips-badge span { white-space:nowrap }
    .vips-badge img { max-width:68px; }

.sysdes { }
.sysmob { display:none }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:#ffffff!important }

.ref { text-align: center; }
.referral { display: flex; margin-bottom: 20px; }
.refqr { display: flex; flex-direction: column; border: 2px solid #de00b5; padding: 24px 24px 16px 24px; border-radius: 13px; text-align: center; background: #0d0127; width: 40%; margin: 0px auto;}
    .refqr a { color: #ffffff; margin-top: 10px; }
    .refqr .iimg { padding:8px; background-color:#ffffff }
    .refqr .iimg img, .refqr .iimg canvas { max-width:100% }
.refshare { margin: 30px; width: -webkit-fill-available; }
.refsm { margin: 20px; }
.refsm .cons a img { margin: 5px;}
.refnote { font-weight: bold; text-align: center; }
    .refnote span { color: #de00b5; }
.refspecial { display:flex; justify-content:center; align-items:center; gap:8px }
    .refspecial img { max-height:26px; margin-top:-6px }

.reftnc { text-align: left; margin-top: 20px; line-height: 24px; }
.reftnc li { font-size: 12px; color: #ffffff; }

.ref .tier { line-height:normal }
.ref .tier2 { font-size: 12px; }
.ref .tier2 span { font-size: 10px; }

.reflvs { display: flex; flex-wrap: wrap; align-items: center; }
.reflvs-row { display:flex; gap:30px; flex-wrap:wrap; align-items: flex-start;}
.reflvsbox { position:relative; width:calc(25% - 23px) }
.reflvsbox::before { position:absolute; content:''; background-image:url(../img/referral/arrow.png); top:50%; right:-26px; background-size:100%; width:22px; height:100%; background-repeat:no-repeat; background-position:center center; transform:translateY(-50%) }
.reflvsbox:nth-child(n+5):nth-child(-n+8)::before, .reflvsbox:nth-child(n+13):nth-child(-n+16)::before
{ transform:rotate(180deg) translateY(50%); right:calc(100% + 6px); height:100% }
.reflvsbox:nth-child(4n)::before { transform:rotate(90deg) translateY(-50%)!important; right:50%!important; top:101%!important; height:22px!important }
.reflvsbox:last-child::before { background-image:none }
    .reflvsbox .bbg {  }
    .reflvsbox .infobox { position:absolute; top:5%; left:5%; width:90%; height:90%; display:flex; flex-direction:column; justify-content:space-between; line-height:normal }
        .reflvsbox .infobox .i1 { display:flex; flex-direction:column }
            .reflvsbox .infobox .i1 small { font-size:11px; }
            .reflvsbox .infobox .i1 span { font-size:14px; font-weight:bold }
        .reflvsbox .infobox .i2 { display:flex; flex-direction:column }
            .reflvsbox .infobox .i2 small { font-size:11px; }
            .reflvsbox .infobox .i2 span { font-size:16px; font-weight:bold }
        .reflvsbox .infobox .cta {  }
.reflvsbox.ready .cta { cursor:pointer }

.reflvsbox:nth-child(1) { order: 1; }
.reflvsbox:nth-child(2) { order: 2; }
.reflvsbox:nth-child(3) { order: 3; }
.reflvsbox:nth-child(4) { order: 4; }
.reflvsbox:nth-child(5) { order: 8; }
.reflvsbox:nth-child(6) { order: 7; }
.reflvsbox:nth-child(7) { order: 6; }
.reflvsbox:nth-child(8) { order: 5; }
.reflvsbox:nth-child(9) { order: 9; }
.reflvsbox:nth-child(10) { order: 10; }
.reflvsbox:nth-child(11) { order: 11; }
.reflvsbox:nth-child(12) { order: 12; }
.reflvsbox:nth-child(13) { order: 16; }
.reflvsbox:nth-child(14) { order: 15; }
.reflvsbox:nth-child(15) { order: 14; }
.reflvsbox:nth-child(16) { order: 13; }
.reflvsbox:nth-child(17) { order: 17; }
.reflvsbox:nth-child(18) { order: 18; }
.reflvsbox:nth-child(19) { order: 19; }
.reflvsbox:nth-child(20) { order: 20; }

.reftabsbox {  }
.reftabs { display:flex; gap:8px }
    .reftabs a { filter:brightness(0.5) }
    .reftabs a.aaa, .reftabs a:hover { filter:brightness(1) }
.refcons { margin-top:18px }
.reftabsinfo { display:none; justify-content:center; align-items:center; flex-wrap:wrap; background-image:url(../img/referral/v2/bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; border:1px solid #de00b5; border-radius:8px; padding:24px; gap:24px; }
    .reftabsinfo.aaa { display:flex; }
.reflvsbox2 { position:relative; width:calc(25% - 18px); pointer-events:none }
    .reflvsbox2 .iimg { }
        .reflvsbox2 .iimg img { filter:brightness(.5); }
        .reflvsbox2 .iimg::before  { content:''; background-image:url(../img/referral/v2/locked.png); position:absolute; top:0; right:0; width:100%; height:100%; background-size:100% auto; background-repeat:no-repeat; z-index:1 }
    .reflvsbox2 .ttext { position:absolute; font-size:28px; color:#ffffff; text-shadow:0px 0px 8px #000000, 0px 0px 8px #000000; bottom:5%; width:100%; font-weight:bold;  filter:brightness(.5); }
.reflvsbox2.ready .iimg img, .reflvsbox2.done .iimg img, .reflvsbox2.ready .ttext, .reflvsbox2.done .ttext { filter:brightness(1) }
.reflvsbox2.ready { cursor:pointer; pointer-events:auto; animation:blinkShadow2 2s ease infinite; }
    .reflvsbox2.ready .iimg::before  { content:''; background-image:url(../img/referral/v2/finger.png); position:absolute; top:28%; right:0; width:50%; height:50%; background-size:100% auto; background-repeat:no-repeat; animation:rotateAni1 2s ease infinite; }
    .reflvsbox2.done .iimg::before  { content:''; background-image:none;}
.reflvsbreak { margin:-24px }
.reftabsinfo .reflvsbreak:last-child { display:none }

.contact { display: flex; flex-direction: column; align-items: center; }
.con-chanel { min-width: 180px; margin: 10px; font-size: 20px !important; padding: 6px 24px !important;}
    .con-chanel a { color: inherit; display: flex; align-items: center; gap: 14px; }
    .con-chanel i { font-size: 28px; }

.appdl-wrap {  }
    .appdl-wrap .appdl-title {  }
    .appdl-wrap .appdl-desc { display:flex; gap:16px; margin:32px 0px }
        .appdl-wrap .appdl-desc .btnmg { width:100%; text-transform:uppercase; padding:4px 16px; justify-content:center; gap:8px }
        .appdl-wrap .appdl-desc .btnmg img { max-height:36px }
    .appdl-wrap .appdl-holder { display:flex }
        .appdl-wrap .appdl-holder .holder { margin:0px auto; position:relative }
        .appdl-wrap .appdl-holder .holder .bbg {  }
        .appdl-wrap .appdl-holder .holder .ccon { position:absolute; top:10%; left:20%; width:60% }
            .appdl-wrap .appdl-holder .holder .ccon .ttitle { text-align:center; font-size:38px; font-weight:bold }
            .appdl-wrap .appdl-holder .holder .ccon .desc { text-align:center }
            .appdl-wrap .appdl-holder .holder .ccon .info { padding:24px 0px 0px }
                .appdl-wrap .appdl-holder .holder .ccon .info ol { padding:0px 20px 0px 50px; margin:0 }
                .appdl-wrap .appdl-holder .holder .ccon .info ol li { padding:12px 0px }
            .appdl-wrap .appdl-holder .holder .ccon .qrcode { margin:30px; padding:10px; background-color:#ffffff; border:3px solid #de00b5 }
                .appdl-wrap .appdl-holder .holder .ccon .qrcode img, .appdl-wrap .appdl-holder .holder .ccon .qrcode canvas { max-width:100% }
            .appdl-wrap .appdl-holder .holder .ccon .cta { filter:drop-shadow(0px 0px 6px #de00b5) drop-shadow(0px 0px 6px #de00b5) }
                .appdl-wrap .appdl-holder .holder .ccon .cta a:hover { filter:brightness(1.4) }

.guide { display: grid; grid-template-columns:repeat(3, 1fr) }
.g-video { display: flex; flex-direction: column; cursor: pointer; }
.g-video .btnmg {justify-content: center;padding: 10px;margin: 15px 5px;}

.app-dl { display: none; align-items: center; position: relative; }
.app-dl i { position: absolute; right: 10px; top:50%; transform:translateY(-50%)}
.app-dl img{ max-height: 64px; }
.app-dl-ico img { max-width: 66px; margin-bottom: 10px; }
.app-banner {display: none; z-index:8; position: fixed; }
body.dl-app .app-dl { display:flex }

.rebate-wrapper {}
.bals-rebate-holder { display:flex; gap:8px }
.bals-rebate-wrapper { position:relative; width:100%; border-radius:8px; padding:12px 18px; border:1px solid #de00b5; background:#0d0127; line-height:normal;  display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:8px;}
    .bals-rebate-wrapper .ttitle { color:#ff4201; font-size:12px; font-weight:bold; }
    .bals-rebate-wrapper .info { font-size:28px; color:#000000; font-weight:bold }
    .bals-rebate-wrapper .info a { color:#ff4201; font-size:14px }
    .bals-rebate-wrapper i { color:#de00b5 }
    .bals-rebate-wrapper button { min-width:120px }
    .bals-rebate-wrapper button[disabled] { filter:grayscale(1); pointer-events:none }
.rebate-table {} 
    .rebate-table table { width:100%; text-align:center; border-collapse:collapse; }
    .rebate-table table thead { font-size:16px; font-weight:bold; }
    .rebate-table table th, .rebate-table table td { padding:8px; }
    .rebate-table table td { font-size:12px }

.footcon { display:none;  }

.checkin-wrapper { position:relative }
    .checkin-wrapper .bbg {  }
    .checkin-wrapper .con { position:absolute; top:28%; left:3%; width:94% }
        .checkin-wrapper .con .desc { text-align:center; font-weight:bold; margin: 0 auto; max-width:70%; line-height:normal }

.cims-wrap { display:flex; gap:2px; margin-top:2px }
.cims { position:relative; pointer-events:none }
    .cims .iimg { position:relative }
    .cims .date { position:absolute; color:#2100ac; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center; width:100%; top:18% }
    .cims.ready { cursor:pointer; pointer-events:auto; animation:blinkShadow 2s ease infinite; }
    .cims.miss { filter:grayscale(1) }
    .cims.done .iimg::before { content:''; background-image:url(../img/ci/c-done.png); position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }

.ciwd-wrapbg { background-image:url(../img/ms/bg.jpg); background-position:bottom center; background-size:cover; }
.ciwd-wrap {  }
    .ciwd-wrap .imgtitle { text-align:center; padding:24px 0 }
    .ciwd-wrap .desc { text-align:center; font-size:11px; font-style:italic }
.ciwd-mswrap { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:32px; padding:0px 16px 40px }
.ciwd { width:calc(25% - 24px); position:relative; filter:brightness(0.7); pointer-events:none }
    .ciwd .bbg {  }
        .ciwd .bbg img { width:100% }
    .ciwd .day { position:absolute; font-size:24px; font-weight:bold; color:#ffffff; top:20%; width:100%; height:14%; display:flex; justify-content:center; align-items:center }
    .ciwd .bonus { position:absolute; display:flex; justify-content:center; align-items:center; width:100%; bottom:7%; height:48%; display:flex; flex-direction:column; color:#111111 }
        .ciwd .bonus span { font-size:44px; font-weight:bold; line-height:38px }
        .ciwd .bonus small {  }
.ciwd.miss { filter:brightness(1) grayscale(1) }
.ciwd.done { filter:brightness(1) } 
.ciwd.done::before { content:''; background-image:url(../img/ms/check.png); position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }
.ciwd.ready { filter:brightness(1); pointer-events:auto; cursor:pointer; animation:readyClaimCIWD 2s ease infinite; }

.fc-top { cursor:pointer }
    .fc-top img { max-height:48px }

.sp-popup { display:flex; flex-direction:column; justify-content:center; align-items:center }
    .sp-popup .iimg {  }

.sys-aapps-in, .sys-ci { display:none }
.sys-aapps-in.aaa, .sys-ci.aaa { display:flex }

#livechatToggle{position:absolute;opacity:0;visibility:hidden}
.chat-contact{color:#031b33;font-size:40px}
.close-contact{color:#fff;display:none;font-size:20px}
#livechatToggle:checked+.menu__toggle>.menu__button .chat-contact{display:none}
#livechatToggle:checked+.menu__toggle>.menu__button .close-contact{display:block}
#livechatToggle:checked+.menu__toggle>.menu__button{background:#01021e;--d:70px}
#livechatToggle:checked ~ .menu-round .menu__item:nth-child(1){transition:all 250ms cubic-bezier(0.04,0.76,0.67,1.2);transform:translate3d(0,-5em,0)}
#livechatToggle:checked ~ .menu-round .menu__item:nth-child(2){transition:all 250ms 100ms cubic-bezier(0.04,0.76,0.67,1.2);transform:translate3d(-3.5em,-3.5em,0)}
#livechatToggle:checked ~ .menu-round .menu__item:nth-child(3){transition:all 250ms 200ms cubic-bezier(0.04,0.76,0.67,1.2);transform:translate3d(-5em,0,0)}
.menu__button{--d:80px;width:var(--d);height:var(--d);background:#01021e;border:3px solid #df00b7;border-radius:50%;position:absolute;bottom:0;right:0;padding:1em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 100ms ease;z-index:2}
.menu__button:hover{transform:scale(1.08)}
.menu-round{width:70px;height:70px;position:relative;z-index:1;left:-6px;top:-6px}
.menu__item{color:#fff;padding:5px;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;position:absolute;transition:all 250ms}
.menu__item a { display:flex; justify-content:center; align-items:center }
.menu__item i{font-size:30px;color:#fff}
.menu__item i.fab.fa-telegram, .menu__item i.fab.fa-facebook{font-size:36px}
.menu__item:nth-child(1){background:#727272}
.menu__item:nth-child(2){background:#24A1DE}
.menu__item:nth-child(3){background:#3b5998}

.bloghbox { display:flex; justify-content:center; align-items:center }
    .bloghbox .ll { width:35%; padding-right:5%; }
    .bloghbox .rr { width:60% }
    .bloghbox .brandlogo { padding-bottom:20px }
    .bloghbox .text {  }
        .bloghbox .text p { margin-bottom:5px; }
        .bloghbox .text b { color:#de00b5 }
    .bloghbox .cta { text-align:center; margin-top:20px; }

.blogcon { margin-top:20px }
    .blogcon .iimg { margin-bottom:20px; }
    .blogcon a { color:#de00b5 }
    .blogcon h2 { font-size:1.25rem }
    .blogcon h3 { font-size:1rem; margin-bottom:.5rem; margin-top:0; border:0; padding-bottom:0; text-align:left }

.prosconsbox { display:flex; gap:12px;  }
    .prosconsbox ul { list-style:disclosure-closed }
    .prosconsbox .prosbox { width:50%; } 
        .prosconsbox .prosbox h5 { color:#7bf152; font-size:14px; font-weight:bold } 
        .prosconsbox .prosbox li::marker { color:#7bf152 }
    .prosconsbox .consbox { width:50% }
        .prosconsbox .consbox h5 { color:#f14c4c; font-size:14px; font-weight:bold }
        .prosconsbox .consbox li::marker { color:#f14c4c }

.dlms-wrap { background-image:url(../img/ms/daily-login/bg.jpg); background-repeat:no-repeat; background-position:top 20px center; background-size:100%; }
.dlms-wrap[dd="deposit"] { background-image:url(../img/ms/dp/bg.jpg);  }
.dlms-title{ text-align:center; padding:32px 0px 26px }
    .dlms-title img { max-width:70% }
.dlms-token-wrap { max-width:46%; margin:0 auto 26px; position:relative }
    .dlms-token-wrap .labels { color:#532700; font-size:22px; font-weight:bold; position:absolute; left:5%; top:15%; height:66%; width:54%; text-transform:uppercase; display:flex; justify-content:center; align-items:center }
    .dlms-token-wrap .ttext { color:#ffffff; font-size:40px; font-weight:bold; position:absolute; right:5%; top:20%; width:33%; height:52%; display:flex; justify-content:center; align-items:center }
.dlms-con { max-width:74%; display:flex; justify-content:center; align-items:center; margin:0 auto; gap:20px; flex-wrap:wrap }
.dlms { position:relative; pointer-events:none; width:calc(25% - 15px); filter:brightness(0.5) }
    .dlms .iimg { position:relative }
    .dlms .date { position:absolute; color:#ffffff; font-size:18px; font-weight:bold; display:flex; justify-content:center; align-items:center; width:100%; top:20% }
    .dlms.ready { cursor:pointer; pointer-events:auto; filter:brightness(1); animation:blinkShadow2 2s ease infinite; }
    .dlms.done { filter:brightness(1) }
    .dlms.rewards .iimg::before { content:''; background-image:url(../img/ms/daily-login/redeem.png); position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }
    .dlms.done .iimg::before, .dlms.rewards.done .iimg::before  { content:''; background-image:url(../img/ms/daily-login/checked.png); position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% 100%; }

.dlms-tnc { text-align: left; line-height: 24px; padding:80px 24px 0px  }
.dlms-tnc ul { margin:0 }
.dlms-tnc li { font-size: 12px; color: #ffffff; }

.dlms-tabs { display:flex; gap:24px; margin: 16px; justify-content:center; align-items:center }
    .dlms-tabs .ttabs { font-size:18px; font-weight:bold; padding:12px 36px; border-radius:8px; color:#ffffff!important; border:1px solid #de00b5; white-space:nowrap; background-color:#0d0127; cursor:pointer; text-transform:uppercase;}
        .dlms-tabs .ttabs.aaa { background: linear-gradient(180deg, #65008e 0%, #ea0191 100%) }
        .dlms-tabs .ttabs:hover  { background: linear-gradient(180deg, #65008e 0%, #ea0191 100%); filter:brightness(1.2) drop-shadow(0px 0px 8px #de00b5) }
.dlms-tabs-con { display:none }
    .dlms-tabs-con.aaa { display:block }

.dpms-token-wrap { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; margin-bottom:20px }
    .dpms-token-wrap .labels { font-size:14px; text-transform:uppercase; color:#de00b5; font-weight:bold; }
    .dpms-token-wrap .iimg { position:relative }
        .dpms-token-wrap .iimg .ttext { position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:95%; top:0; left:0; font-size:38px; font-weight:bold;  }
.dpms-con { max-width:88%; display:flex; justify-content:center; align-items:center; margin:0 auto; gap:4px; flex-wrap:wrap }
.dpms { position:relative; pointer-events:none; width:calc(25% - 4px); filter:brightness(0.7) }
    .dpms .blocker { display:none; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
    .dpms .ccon { position:relative }
    .dpms .iimg {  }
    .dpms .rewards { position:absolute; top:0; left:0; width:100%; height:22%; display:flex; justify-content:center; align-items:center; font-size:16px; text-transform:uppercase; font-weight:bold }
    .dpms .ddesc { position:absolute; bottom:0; left:10%; width:80%; height:34%; color:#000000; font-weight:bold; text-transform:uppercase; display:flex; flex-direction:column; line-height:normal; text-align:center }
        .dpms .ddesc small { font-size:12px; line-height:12px; }
        .dpms .ddesc span { font-size:24px; line-height:24px; }
    .dpms.ready { cursor:pointer; pointer-events:auto; filter:brightness(1); animation:blinkShadow2 2s ease infinite; }
    .dpms.done { filter:brightness(1) }
        .dpms.done .blocker { display:block }

.minigame-wrap {  }
.minigame-title { position:relative; text-align:center }
    .minigame-title img { max-width:88% }
    .minigame-title .ttnc { position:absolute; max-width:10%; right:0; bottom:0 }
.minigame-cons {  }
.minigame-tabs { display:flex; gap:18px; padding:24px 0px }
    .minigame-tabs .ttabs { filter:brightness(0.3); cursor:pointer }
    .minigame-tabs .ttabs.aaa { filter:brightness(1) }
.minigame-iframe {  }
    .minigame-iframe iframe { width:100%; border:0px; height:58vh; min-height:880px }

@keyframes readyClaimCIWD {
    50% {
        filter:brightness(1.2) drop-shadow(0 0 12px #52d70e) drop-shadow(0 0 12px #52d70e)
    }
}

@keyframes blinkShadow {
    50% {
        filter:drop-shadow(0 0 8px #dc0eff) brightness(1.2);
        transform:scale(1.03)
    }
}

@keyframes blinkShadow2 {
    50% {
        filter:brightness(1.2) drop-shadow(0 0 8px #ecc000);
        transform:scale(1.03)
    }
}

@keyframes rotateAni1 {
    50% {
        transform:rotate(-8deg);
        top:30%
    }
}

@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

@media (min-width: 768px) {
    body.msb {  }
    body.msb .topnav .logo .arrows { transform:rotate(180deg) } 
    body.msb .sidebar { padding:0; width:56px; }
    body.msb .sidebar .items { flex-direction:column; gap:12px }
    body.msb .sidebar .items a { width:100% }
    body.msb .sidebar .items a span { display:none }
    body.msb .sidebar .items a.btnsvg { border:2px solid transparent }
    body.msb .sidebar .items a.btnsvg.aaa, body.msb .sidebar .items a.btnsvg:hover { border:2px solid #de00b5 }
    body.msb .btnsvg svg { max-height:28px }
    body.msb .sidebar a.btnmg { background:transparent; padding:0 6px }
    body.msb .sidebar a.btnmg img { max-height:70px }
    body.msb .sidebar a.btnmg span { display:none }
    body.msb .sidebar a.btntt { padding:4px 6px; justify-content:center}
    body.msb .sidebar a.btntt i { font-size:22px; }
    body.msb .sidebar a.btntt span { display:none }
    body.msb .content-wrap { padding-left:80px }
}

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

    .glbox .games .gl { width:calc(16.66% - 16px); margin:8px; cursor:pointer; position:relative }
    .glbox.s2 .games .gl { width:calc(20% - 16px); }

}

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

    .sysdes { display:none }
    .sysmob { display:flex }

}

@media only screen and (max-width: 992px) {
    .ciwd-mswrap { gap:16px; padding:0px 8px 24px }
    .ciwd { width:calc(25% - 12px) }
    .ciwd .day { font-size:16px }
    .ciwd .bonus span { font-size:30px; line-height:24px }
    .ciwd .bonus small { font-size:10px }

    .dlms-token-wrap .labels { font-size:2.2vw }
    .dlms-token-wrap .ttext { font-size:4vw }
    .dlms .date { font-size:1.6vw }

    .reflvsbox2 .ttext { font-size:2.4vw }
}

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

    .sidebar { left:-230px }
    .content-wrap { padding-left:24px }
    .topnav .logo { width:42vw }
    .topnav .logo .arrows { transform:rotate(180deg) }
    .topnav .items { justify-content:flex-end; width:auto }
    .topnav .items .il, .topnav .items .ir { gap:8px }
    .btmnav { display:flex }
    .provider-wrap img { max-width:20% }
    .license-wrap { flex-direction: column; gap:10px; font-size: 12px; }
    .prdetail .license-wrap { margin-bottom: 0px; margin-top: 30px; border-bottom: none; border-top: 1px solid #222; padding-bottom: 0px; flex-direction: row; padding-top: 10px; justify-content: space-between }
    .prdetail .license-wrap .cons {gap: 10px}
    .prdetail .license-wrap .cons img {max-height: 20px;}

    .topnav .ccon, .content-wrap { padding:8px 12px }
    .content-wrap { padding-bottom:68px }
    
    .seo-wrap { font-size:2.8vw }
    .seo-wrap h1 { font-size:5.4vw }
    .seo-wrap h2 { font-size:5vw }
    .seo-wrap h3 { font-size:4.6vw }
    .seo-wrap h4 { font-size:4.2vw }
    .seo-wrap h5 { font-size:3.8vw }

    .copyright-wrap { font-size:2.4vw }

    .prbox.aaa { width:calc(50% - 6px) }
    .prcon { gap:12px }
    .prbox .ccon h5 { font-size:3.2vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

    .accmenu .top { font-size:2.8vw }
    .accmenu .top .avatar img { max-height:7vw; min-width:7vw }

    .accbox-header { flex-direction:column; align-items:start }
    .acc-infos, .acc-buttons, .acclinks { width:100% }
    .acc-buttons { gap:8px }

    .depoamo, .depopmsel, .hissel { gap:6px }
    .dsel, .depoamo a, .hsel { font-size:14px; height:42px }
    .depoamo a { width:calc(25% - 5px) }
    .dsel, .hsel { width:calc(50% - 3px) }

    body.msb .topnav .logo .arrows { transform:rotate(0deg) } 
    body.msb .sidebar { left:0 }
    body.msb .main-wrap::before { content:''; position:fixed; z-index:5; width:100%; height:calc(100vh - 64px); left:0px; top:64px; background:rgba(0,0,0,0.5) }
    
    .glbox .games .gl { width:calc(25% - 12px); margin:6px }
    .glbox.s2 .games .gl { width:calc(25% - 12px); }

    .topnav .items .il, .footcon { display:none }
    .sidebar .langs { display:block }

    .referral { flex-direction: column;}
    .refqr { width: 50%; }
    .refqr a { color: #ffffff; margin-top: 10px; }
    .refshare { margin: 20px 0px 0px; }
    .refsm { margin: 5px; }

    .checkin-wrapper .con .desc { max-width:100%; font-size:3vw }
    .cims .date { font-size:2.8vw }

    .bals-rebate-holder { flex-direction:column }

    .bist .icons.wi { width:28px }
        .bist .icons img { height:28px; width:28px }

    .hebox-wrap { flex-wrap:wrap; gap:12px }
    .hebox { width:calc(50% - 6px) }
    .hebox a { flex-direction:column; gap:4px; }
    .hebox .infos { text-align:center }
    .hebox .infos .tt { font-size:3.8vw }
    .hebox .infos .desc { font-size:2.2vw }
    
    .reflvs-row { gap:3.3vw }
    .reflvsbox { width:calc(25% - 2.5vw) }
    .reflvsbox::before { width:13%; right:-16% }
    .reflvsbox:nth-child(n+5):nth-child(-n+8)::before, .reflvsbox:nth-child(n+13):nth-child(-n+16)::before { right:103%; }
    .reflvsbox:nth-child(4n)::before { top: 100% !important; height: 13% !important; }
    .reflvsbox .infobox .i1 small, .reflvsbox .infobox .i2 small { font-size:1.5vw }
    .reflvsbox .infobox .i1 span { font-size:1.8vw }
    .reflvsbox .infobox .i2 span { font-size:2vw }

    .dlms-title { padding-bottom:12px }
    .dlms-token-wrap { margin-bottom:12px }
    .dlms-token-wrap .labels { font-size:3vw }
    .dlms-token-wrap .ttext { font-size:5.6vw }
    .dlms-con { gap:12px; max-width:86% }
    .dlms { width:calc(25% - 9px) }
    .dlms .date { font-size:2.8vw }
    .dlms-tnc { padding-top:32px }

    .minigame-iframe iframe { min-height:auto; height:100vh; max-height:760px }

    .reflvsbox2 .ttext { font-size:4vw }

    .dlms-tabs { gap:8px; }
    .dlms-tabs .ttabs { font-size:3.4vw; padding:2vw 0px; width:100%; text-align:center }
    .dpms-token-wrap { max-width:70%; margin:0 auto 20px }
    .dpms-token-wrap .iimg .ttext { font-size:6.8vw }
    .dpms .rewards { font-size:2.2vw }
    .dpms .ddesc small { font-size:1.6vw; line-height:1.6vw }
    .dpms .ddesc span { font-size:2.8vw; line-height:2.8vw }

}

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

    .ciwd .day { font-size:3.2vw }
    .ciwd .bonus span { font-size:6vw; line-height:4.8vw }
    .ciwd .bonus small { font-size:2vw }

}

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

    .btns { font-size:3.2vw; padding:.8vw 2.4vw }
    .glbox .games .gl { width:calc(33.33% - 12px); }
    .glbox.s2 .games .gl { width:calc(33.33% - 12px); }

    .appdl-wrap .appdl-desc { gap:8px; margin:20px 0px }
    .appdl-wrap .appdl-desc .btnmg img { max-height:28px }
    .appdl-wrap .appdl-holder .holder .ccon { font-size:3vw }
    .appdl-wrap .appdl-holder .holder .ccon .ttitle { font-size:6.6vw }
    .appdl-wrap .appdl-holder .holder .ccon .info { padding-top:4vw }
    .appdl-wrap .appdl-holder .holder .ccon .info ol { padding:0px 4vw 0px 6vw }
    .appdl-wrap .appdl-holder .holder .ccon .info ol li { padding:2vw 0px }
    .appdl-wrap .appdl-holder .holder .ccon .qrcode { margin:4vw; padding:2vw }

    .guide { display: grid; grid-template-columns: repeat(2, 1fr);}
    body.dl-app .app-banner { display: block; height: 52px;}
    .app-banner .app-dl .c-app { margin-top: -10px; }
    body.dl-app .topnav .app-dl { display: none; }

    body.dl-app {}
    body.dl-app .topnav { margin-top: 12vw;}
    body.dl-app .main-wrap { top: 50px; }
    body.dl-app .sidebar { top:114px; height:calc(100vh - 114px)  }

    .bloghbox { flex-direction:column; gap:12px }
    .bloghbox .ll, .bloghbox .rr { width:100%; padding-right:0 }
    .bloghbox .brandlogo { text-align:center }

    .prosconsbox { flex-direction:column }
    .prosconsbox .prosbox, .prosconsbox .consbox { width:100%; }

    .minigame-iframe iframe { max-height:55vh }

    .reftabs { flex-wrap:wrap; justify-content:center; align-items:center }
    .reftabs a { width:calc(33.33% - 6px) }
    .reftabsinfo { gap:12px; padding:16px }
    .reflvsbox2 { width:calc(25% - 9px) }

}