@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");300;400;500;700;900&display=swap');
body{font-family:'Roboto', sans-serif;line-height:1.4;font-size:14px;margin:0 auto;color:#ffffff;background:#000c24;padding-top:50px;}
a{color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
a:hover, a:focus, button:focus, button:hover, input:focus, select:focus{color:#fff;text-decoration:none;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
ul, ol, li{padding:0px;margin:0px;list-style:none;}
p, h1, h2, h3, h4, h5, h6{margin:0px;padding:0px}
.af-tab-dwn-mn ul li a.active img{/* filter:brightness(0) invert(1); */}
button{boder:none;background:none;}
button:hover, button:focus{border:none;outline:none;box-shadow:none;}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],textarea,select{color:#000;width:100%;}
::-webkit-scrollbar{width:0px;height:0px;}
::-webkit-scrollbar-track-piece{background-color:rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;}
::-webkit-scrollbar-thumb{background:#888;}
::-webkit-scrollbar-thumb:hover{background:#555;}
/**********Header*************/
.header-top{display:flex;justify-content:space-between;background:#000c24;align-items:center;padding:10px 10px;position:fixed;width:100%;z-index:100;top:0px;}
.nav-logo{height:30px;}
.btn-log{font-size:12px;border:none;color:#fff;text-decoration:underline;}
.btn-reg{background:#a71f67;border:none;color:#fff;padding:3px 8px;border-radius:5px;}
/*****annouce******/.annouce-in{display:flex;align-items:center;height:19px;}
.annou-bar{width:100%;z-index:99;padding:2px;border-top:1px solid #ffffff29;padding-left:15px;}
.slider-wrap{position:relative;}
.runningtext{width:100%;display:flex;align-items:end;font-size:11px;color:#ffffff9e;}
.annouce-in.icon{}
.annouce-in .icon{font-size:10px;padding-right:10px;color:#f222ff;}
/*****top menu******/
.top-scrollbar{display:flex;will-change:scroll-position;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#000c24;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;}
.top-scrollbar::-webkit-scrollbar{display:none}
.top-sl-list{white-space:nowrap}
.top-scroll-in{display:inline-flex;align-items:center;flex-shrink:0;border-radius:0px;position:relative;}
.top-scroll-in.active{color:#fff;position:-webkit-sticky;position:sticky;z-index:1;border-bottom:2px solid #a71f67;background:#000c24;}
.top-scroll-in.active:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background-image:linear-gradient(229deg,transparent,rgba(0,0,0,.1));}
.top-scroll-in.active .top-sl-icon-bc{color:#fff}
.top-scrollbar{}
.top-scroll-in{justify-content:center;min-width:53px;padding:10px 5px;text-align:center;align-items:center;font-size:11px;border-bottom:2px solid #a71f6700;letter-spacing:.1em;text-transform:uppercase;}
.top-scroll-in.active{box-shadow:0 2px 4px 0 rgba(0,0,0,.15);left:0px;right:0px;background:#333d50;}
.top-scroll-in+.top-scroll-in{}
.top-sl-count-bc{color:#fff}
.top-scroll-in{}
.top-scroll-in, .top-scroll-in{}
.top-scroll-in.active a{color:#fff;}
/*****Slider******/
.slider-wrap{padding:10px 0px;}
.slider-wrap .carousel-cell{width:90%;margin-right:10px;border-radius:5px;counter-increment:carousel-cell;}
.slider-wrap .carousel-cell:before{display:block;text-align:center;line-height:200px;font-size:80px;color:white;}
.flickity-page-dots{display:none;}
.flickity-prev-next-button .flickity-button-icon{width:45%;height:41%;top:29%;color:#fff;}
.flickity-prev-next-button{top:50%;width:30px;height:30px;border-radius:50%;transform:translateY(-50%);background:hsl(0deg 4% 33% / 57%);}
.flickity-button:hover{background:hsl(0deg 0% 0% / 57%);}
/*****Slider******/
.jacktop-wrap .carousel-cell{width:100%;margin-right:10px;background:#352063;padding:10px 0px;}
.jacktop-wrap .carousel-cell:before{display:block;text-align:center;line-height:200px;font-size:80px;color:white;}
.jck-in{text-align:center;}
.jacktop-nm{display:flex;justify-content:center;font-size:14px;}
.jacktop-nm h1{font-size:18px;}
.jck-in p{color:#ffd700;font-size:12px;font-weight:bold;}
.jacktop-wrap{}
.jacktop-nm span{font-size:10px;}
.jacktop-wrap .flickity-prev-next-button{background:none;}
/*****content lobby******/
.content{position:relative;width:100%;max-width:527px;margin:auto;overflow:hidden;cursor:pointer;border-radius:8px;}
.content .content-overlay{background:rgba(0,0,0,0.7);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity:1;}
.content-image{width:100%;}
.content-details{position:absolute;text-align:center;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.content:hover .content-details{top:50%;left:50%;opacity:1;}
.fadeIn-left{left:20%;}
.fadeIn-right{left:80%;margin-top:15px;}
.btn-ixply{background:#3aa188;padding:8px;width:120px;margin-bottom:5px;}
.btn-ixplyf{background:#00000087;padding:8px;width:120px;}
.inx-slot-wrap{margin-top:35px;margin-bottom:35px;}
.inx-slot h4{font-size:14px;color:#ffffff;font-weight:bold;text-transform:uppercase;}
.buttonfx{color:#afa8be;}
.inx-lby ul{display:flex;overflow:auto;white-space:nowrap;justify-content:flex-start;}
.slt-nm{background:#2f1b57;padding:10px;color:#afa8be;border:1px solid #afa8be2e;border-top:none;}
.inx-lby{max-width:1024px;margin:0 auto;overflow:hidden;}
.inx-lby ul li{margin:5px;}
.inx-lb-wrap{width:160px;}
.inx-lby-show ul li img{display:block;margin:0px auto;width:100%;}
.inx-lby-show ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.inx-lby-show .inx-lb-wrap{width:100%;}
.inx-lby ul li:first-child{margin-left:0px;}
.ttl-all{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.inx-slot{padding:15px;}
.ttl-all a{font-size:12px;color:#ffffff91;}
footer{padding:15px;margin-bottom:55px;border-top:1px solid #ffffff21;}
.btn-fdk2{border:1px solid #fff9;color:#fff;padding:10px 0px;width:100%;border-radius:5px;}
/*****Footer ******/
.ico-et{width:35px;height:35px;background:rgba(255,255,255,.03);box-shadow:0 0 1px rgba(255,255,255,.28)inset;color:#fff;border-radius:100%;text-align:center;font-size:11px;line-height:34px;}
.social{display:flex;justify-content:space-between;margin-top:20px;}
.socl-in ul{display:flex;justify-content:center;}
.socl-in ul li a{width:35px;height:35px;background:rgb(255 255 255 / 20%);box-shadow:0 0 1px rgba(255,255,255,.28)inset;color:#fff;border-radius:100%;text-align:center;font-size:12px;line-height:38px;display:block;}
.socl-in ul li{margin-left:5px;}
.seo-acod .card-header{padding:10px 0px;border-bottom:1px solid rgb(255 255 255 / 38%);}
.seo-acod .card{background:none;border-bottom:1px solid #ffffff73;border-radius:0px;}
.seo-acod .card h1{font-size:12px;}
.seo-acod{margin:20px 0px;}
.seo-acod .card-body{padding:15px 0px;font-size:11px;}
.seo-acod .card-body p{margin-bottom:15px;}
.btn-fdk{border:1px solid #109121;color:#fff;padding:10px 0px;width:100%;border-radius:5px;background:#109121;display:flex;justify-content:center;align-items:center;}
.btn-fdk img{margin-right:10px;filter:brightness(0) invert(1);}
.seo-acod a.collapsed:after{content:"\f078";font-family:"Font Awesome 5 Free";font-weight:600;position:absolute;top:13px;right:8px;font-size:12px;}
.seo-acod a:after{content:"\f077";font-family:"Font Awesome 5 Free";font-weight:600;position:absolute;top:13px;right:8px;font-size:12px;}
.ftr-box ul li{margin-bottom:10px;}
.ftr-box a:after{content:"";font-family:"Font Awesome 5 Free";font-weight:600;position:;top:13px;right:8px;font-size:12px;}
/*****Footer fixed******/
.footer-menu{position:fixed;bottom:0px;background:#000c24;border-top:1px solid #ffffff47;z-index: 1;width:100%;display:flex;justify-content:center;}
.footer-in ul{display:flex;padding:5px 0px;}
.footer-in ul li a{display:flex;flex-direction:column;align-items:center;font-size:11px;}
.footer-in ul li a img{width:30%;}
.menu-mav .modal-dialog{position:absolute;margin:0px;pointer-events:none;bottom: 44px;width:100%;animation-duration:0.5s !important;}
.menu-mav .modal-content{border-radius:0px;background:#000c24;}
.menu-mav .modal-header{padding:15px;font-size:12px;border-bottom:1px solid #dee2e626;}
.menu-mav .modal-header h4{font-size:16px;font-weight:bold;}
.menu-all ul li a{color:#ffffffa8;display:flex;padding:10px;background:#fff3;text-transform:uppercase;border-radius:5px;align-items:center;}
.menu-all ul li a img{height:26px;margin-right:13px;opacity:0.8;}
.menu-all ul li{margin-bottom:10px;}
.menu-mav .modal-body{padding-bottom:25px;box-shadow:inset 0px -20px 20px 16px #000a1c;overflow: auto;height: 370px;}
.ttl0mb{padding:10px 0px;text-transform:uppercase;color:#ffffffa8;}
.menu-mav .close{opacity:1;color:#fff;}
/**********POP regsiter and login*****************/
.joinnow .modal-dialog{width:1000px;max-width:1000px;}
.joinnow .modal-dialog{max-width:780px;background:none;}
.joinnow .modal-content{background:none;border:none;}
.join-cnt{padding-bottom:20px;width:100%;}
.joinnow .close-x{position:absolute;right:10px;top:10px;background:none;border:none;color:#ffffffa6;font-size:20px;}
.join-r-top{display:flex;justify-content:space-between;}
.join-r{padding:15px;padding-top: 25px;}
.join-l{width:400px;background:#2b1e38;padding:10px;}
.join-ttl{padding:10px 20px;font-size:20px;font-weight:bold;}
.join-r-cnt{padding:0px 15px;}
.flag-ttl{display:flex;padding-right:15px;}
.flag-ttl img{max-width:20px;}
.flag-ttl i{font-size:13px;color:#fff;}
.reg-sec{padding:30px 0;}
.fg-wrapper{padding:30px;max-width:959px;margin:auto;display:grid;grid-template-columns:34% auto;grid-gap:30px;background:#222548;border:1px solid #21276d;}
.fg-form{max-width:400px;}
.enter-remind{border:1px solid #DDDDDD;padding:20px;font-size:17px;height:120px;color:#ffffff;display:flex;align-items:center;}
.bk-title{color:#fff;padding:8px 15px;font-size:16px;margin-bottom:15px;background:linear-gradient(to bottom, rgba(169,211,32,1) 0%, rgba(56,131,18,1) 100%);box-shadow:inset 0px 0px 5px #fff;}
.regfield{display:grid;grid-template-columns:145px auto;grid-gap:10px;margin-bottom:10px;font-size:13px;}
.rgfeild{position:relative;}
.regfield .label{align-self:center;color:#fff;}
span.manred{color:red;float:right;}
.regfield input{font-size:13px;padding:3px 10px;border:1px solid #d6d6d6;height:34px;}
.vericode{position:absolute;top:5px;right:7px;}
button.reg-btn{background:#c22323;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:20px;width:110px;height:30px;font-size:13px;box-shadow:inset 0px 0px 5px #fff;}
 button.reg-btn:hover{filter:brightness(0.5);}
.logo-reg img{width:32%;display:block;}
.join-r h5{text-align:left;color:rgb(255 255 255);margin-top:10px;text-transform:uppercase;font-weight:bold;}
.join-r p{text-align:left;color:rgba(255,255,255,.32);font-size:13px;}
.login-box .form-control{background:none;border:1px solid #ffffff30;border-radius:0px;font-size:12px;color:#fff;}
.login-box .form-control:focus{box-shadow:0px 0px 2px #ff36c0;}
.login-box{margin-top:30px;}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:0;opacity:0.01;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label{position:relative;padding-left:2.3em;font-size:11px;line-height:1.7;cursor:pointer;color:rgba(255,255,255,.32);}
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before{content:'';position:absolute;left:1px;top:0;width:1.4em;height:1.4em;border:1px solid #ffffff5e;background:none;border-radius:.2em;box-shadow:inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);-webkit-transition:all .275s;transition:all .275s;}
[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after{content:'ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢';position:absolute;top:.525em;left:.18em;font-size:1.375em;color:#CB22ED;line-height:0;-webkit-transition:all .2s;transition:all .2s;}
[type="checkbox"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);}
[type="checkbox"]:checked + label:after{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
[type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#e9e9e9;}
[type="checkbox"]:disabled:checked + label:after{color:#777;}
[type="checkbox"]:disabled + label{color:#aaa;}
[type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before{box-shadow:inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);}
.recaptcha-v3{color:rgba(255,255,255,.32);font-size:11px;text-align:center;margin-bottom:20px;}
.form-check a{color:#ffffff75;}
.recaptcha-v3 a{color:#ffffff75;}
.btn-create{width:100%;border:none;background:#3aa188;color:#fff;padding:8px;}
.alrdy{text-align:center;padding-top:18px;font-size:12px;color:rgba(255,255,255,.32);margin-bottom:30px;}
.alrdy a{color:#ffffff75;text-decoration:underline;}
.login-md .close-x{right:10px;background:none;border:none;color:#ffffffa6;font-size:20px;top:10px;}
.modal-dialog.login-md{width:360px;background:none;overflow: auto;}
.form-check{padding:0px;margin:0px;}
.recaptcha{display:flex;color:rgba(255,255,255,.32);margin-bottom:15px;}
.recaptcha a{font-size:11px;color:rgba(255,255,255,.32);}
.btn-crt{margin-right:30px;}
#login-modal{/* z-index:1000000; *//* background: #ffffff; */}
.af-pop .modal-dialog{height:100%;background:#000c24;margin:0px;width:100%;animation-duration:0.3s !important;}
.af-pop .modal-content{height:100%;background:none;flex-direction:inherit;display:flex;flex-direction:column;overflow: auto;}
.log-bar-top{display:flex;justify-content:space-between;padding:10px;}
.r-s-log{display:flex;}
form.login-form label{position:relative;display:block;}
form.login-form label input{font:18px Helvetica, Arial, sans-serif;box-sizing:border-box;display:block;border:none;padding:15px 15px;width:100%;margin-bottom:20px;font-size:14px;outline:none;transition:all 0.2s ease-in-out;border-radius:5px;background:rgb(255 255 255 / 28%);color:#fff;}
form.login-form label input::-moz-placeholder{-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#fff;font:18px Helvetica, Arial, sans-serif;}
form.login-form label input:-ms-input-placeholder{-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#ffffffc4;font:18px Helvetica, Arial, sans-serif;}
form.login-form label input::placeholder{transition:all 0.2s ease-in-out;color:#ffffffc4;font:14px Helvetica, Arial, sans-serif;}
form.login-form label input:focus, form.login-form label input.populated{padding-top:28px;padding-bottom:12px;}
form.login-form label input:focus::-moz-placeholder, form.login-form label input.populated::-moz-placeholder{color:transparent;}
form.login-form label input:focus:-ms-input-placeholder, form.login-form label input.populated:-ms-input-placeholder{color:transparent;}
form.login-form label input:focus::placeholder, form.login-form label input.populated::placeholder{color:transparent;}
form.login-form label input:focus + span, form.login-form label input.populated + span{opacity:1;top:10px;}
form.login-form label span{color:#ffffff78;font:13px Helvetica, Arial, sans-serif;position:absolute;top:0px;left:15px;opacity:0;transition:all 0.2s ease-in-out;}
.btn-sub{border:1px solid #109121;color:#fff;padding:10px 0px;width:100%;border-radius:5px;background:#109121;display:flex;justify-content:center;align-items:center;}
hr.hr-line{margin:15px 0px;border-top:1px solid rgb(255 255 255 / 10%);}
a.btn-forgot{text-align:center;display:block;margin-top:20px;font-size:12px;color:#ffffff8a;}
.btn-live{position:absolute;bottom:10px;text-align:center;width:100%;color:rgb(255 255 255 / 29%);font-size:10px;}
.btn-live img{width:14px;opacity:0.3;}
/*************slot pop up***********/
.dld-wrap{position:relative;}
.download-wrap{padding-top:15px;text-align:center;}
a.devide-btn{background:#331d11;color:#ffd154;text-transform:uppercase;font-weight:600;font-size:17px;letter-spacing:0px;display:inline-block;width:120px;padding:5px 2px;margin:0 5px;border-radius:5px;}
a.devide-btn{background:#a71f67;color:#ffffffd9;text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:0px;display:inline-block;width:100px;padding:5px 2px;margin:0 5px;border-radius:30px;}
.access-info-wrapper{display:block;max-width:500px;margin:5px auto 0;}
table.access-table tr td{background:#000c24;border:1px solid #a71f67;color:#ffffffb8;padding:5px;font-size:13px;line-height:1.3;}
.modal-download .close-modal{position:absolute;right:3px;top:3px;z-index:10;border-radius:50%;color:#fff;font-size: 25px;width:30px;height:30px;border: none;}
.dl-body{padding:10px;}
.modal-download{background:#000c24;}
/******Profile modal**********/
.profile-nav .modal-dialog{margin:0px;border-radius:0px;background:#000c24;height:100%;z-index:1000000 !important;animation-duration:0.3s;}
.af-side .profile-nav{z-index:100000000;overflow:hidden;}
.profile-nav .modal-content{background:#000c24;}
.overlay-bg{z-index:1000000;}
.r-s-log button.close{color:#fff;opacity:1;}
.bl-box{display:flex;flex-direction:column;}
.wrap-af-box{display:flex;justify-content:space-between;}
.bl-box p{color:rgb(255 255 255 / 60%);font-size:14px;}
.amt-all{padding:3px 0px;font-weight:bold;}
.box-l-af{background:#109121;width:49%;border-radius:5px;padding:10px;}
.box-r-af{background:#af8710;width:49%;border-radius:5px;padding:10px;}
.wrap-af-box{}
.af-in-ttl{font-size:9px;color:rgb(255 255 255 / 50%);}
.af-in-amt{font-size:12px;font-weight:bold;margin:3px 0px;}
.af-in-t-box{display:flex;justify-content:space-between;}
.af-in-t-box a{width:48%;text-align:center;font-size:10px;padding:7px 10px;background:rgb(255 255 255 / 30%);border-radius:5px;}
.pfl-list{color:rgb(255 255 255 / 63%);display:flex;justify-content:space-between;padding:13px 10px;border-bottom:1px solid rgb(255 255 255 / 35%);align-items:center;margin-bottom:10px;}
span.nm-ico{font-size:20px;}
.nm-list{font-size:12px;}
.main-menu{position:relative;}
.btn-out{margin-top:20px;width:100%;border:none;background:#ffffff14;color:#ffffffa1;padding:10px;border-radius:5px;}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:44px;content:"\f054";font-family:"Font Awesome 5 Free";font-weight:600;color:rgb(255 255 255 / 63%);}
/******After login**********/
.af-in-content-all .row{display:flex;flex-direction:column;margin:0px;}
.after-top{background:#fff;padding:15px 0px 0px 0px;}
.af-top-tab ul{display:flex;justify-content:center;}
.af-top-tab ul li{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.af-top-tab ul li a{width:200px;text-align:center;border-bottom:3px solid #ffcd0000;}
.af-top-tab ul li a img{height:35px;}
.af-top-tab ul li a p{margin:0px;color:#303f5e;text-transform:uppercase;font-weight:bold;margin-top:5px;margin-bottom:10px;}
.af-top-tab ul li a.active{border-bottom:3px solid #ffcd00;}
.wallet_bal{color:#cd9c41;}
.sidepanel{margin:0;padding:0;width:195px;float:left;border-bottom:none;}
 .sidepanel ul{background-color:rgba(255, 255, 255, 0.5);list-style-type:none;padding:0px;margin:0px;}
 .sidepanel ul li{background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);margin-bottom:1px;border-radius:10px;}
 .sidepanel ul li a{display:flex;text-align:center;text-decoration:none;font-size:13px;margin:0px;border-radius:5px;line-height:initial;align-items:center;justify-content:left;padding-left:20px;word-break:break-all;padding:10px;background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);color:#858585;box-shadow:0px -1px 0 #d8d8d8, 0 0px 0px 1px rgba(255, 255, 255, 0.9);}
 .sidepanel ul li.active a{background:linear-gradient(to bottom, rgba(198,168,70,1) 0%, rgba(111,80,13,1) 100%);color:#fff;}
.sidepanel_icon_white{display:none;}
.sidepanel ul li.active a .sidepanel_icon_white{display:block;}
.sidepanel ul li.active a .sidepanel_icon_color{display:none;}
.sidepanel ul li a img{margin-right:5px;width:24px;}
.sidepanel_content{display:block;min-height:600px;border-radius:10px;color:#ffffff;}
.sidepanel_header{padding:20px;color:#000000;border-bottom:1px solid #c4c4c4;}
[data-toggle="collapse"] .fa:before{content:"\f139";}
[data-toggle="collapse"].collapsed .fa:before{content:"\f13a";}
.af-wrap{display:block;margin:0px auto;}
.transaction-status .card-header{background:#314060;}
.transaction-status .card{border:none;}
.btn-link i{position:absolute;right:0px;display:flex;align-items:center;font-size:18px;}
.transaction-status .card-header h5{position:relative;}
.transaction-status .btn-link{color:#fff;border:none;background:none;padding:5px 0px;}
.transaction-status .btn-link:hover{color:#ffcd00;text-decoration:none;}
.tranc-table tr td{background:#d9d9d9;color:#000;padding:5px 10px;text-align:center;}
.tranc-table tr th{background:#0c103d;color:#fff;padding:5px 10px;text-align:center;}
.transaction-status{margin-bottom:20px;}
.btn-wallt{background:#314060;}
.wallt-ttl{padding:10px;font-size:16px;}
.btn-bln{background:#d4e5ee;color:#0c103d;padding:10px;font-size:16px;}
.bln-ttl{font-weight:bold;font-size:18px;}
.card.bln-box{border:1px solid rgb(212 229 238);border-radius:0px;}
.bln-box .card-header{background:#0c103d;border:1px solid #0c103d;border-radius:0px;}
.bln-box .btn-link{border:none;background:none;padding:10px 0px;color:#fff;font-weight:bold;}
#wbln-1 .card-body{padding:0px;}
.af-tab-dwn-mn ul{display:grid;justify-content:flex-start;padding:0px;margin:0px;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid #ffffff29;}
.af-tab-dwn-mn ul li{list-style:none;display:flex;align-items:center;}
.af-tab-dwn-mn ul li a img{height:21px;/* filter:brightness(0) invert(1); */margin-bottom:7px;}
.af-tab-dwn{padding:0px;}
.af-tab-dwn-mn ul li a{padding:5px 0px;color:#fff9;display:flex;align-items:center;border-bottom:3px solid #ffffff00;text-transform:uppercase;width:100%;font-size:10px;letter-spacing:.1em;flex-direction:column;text-align:center;}
.af-tab-dwn-mn ul li a.active{border-bottom:3px solid #a71f67;background:#263045;color:#fff;}
.bank_select{display:flex;justify-content:left;font-size:12px;flex-direction:column;}
.bank_select_inner{display:flex;color:#858585;text-align:center;align-items:center;margin-right:10px;}
.bank_select_img{border:1px solid #858585;border-radius:5px;padding:0px;margin:8px;margin-left:0;padding-top:0px;margin-top:0px;}
.nav-pills.afterlogin_bank .nav-link.active,.nav-pills.afterlogin_bank .show > .nav-link{color:#fff;background-color:#ffffff00;background-position:1% 56%;background-repeat:no-repeat;padding:0;}
.nav-pills.afterlogin_bank .nav-link{padding:0;}
 .nav-pills.afterlogin_bank .nav-link.active .bank_select_inner{color:#cd9c41;}
 .nav-pills.afterlogin_bank .nav-link.active .bank_select_inner .bank_select_img{border:1px solid #ecc659;}
.ori_img{display:none;}
.nav-pills.afterlogin_bank .nav-link.active .ori_img{display:block;}
.nav-pills.afterlogin_bank .nav-link.active .grey_img{display:none;}
.af-in-content{color:#fff9;display:flex;padding:20px;min-height:450px;width:100%;}
.form-in{display:flex;margin-bottom:20px;font-size:16px;}
.setting_text{font-size:13px;width:100%;margin-bottom:10px;}
.afterlogin{display:flex;}
.afterlogin a{margin-bottom:16px;border:1px solid #424b5d;width:30%;display:flex;text-align:center;padding:0px;height:35px;justify-content:center;align-items:center;padding:0px 10px;}
.afterlogin a.active{border:1px solid #a71f67;background:#314060 !important;}
.inputDeposit{height:38px;padding:5px 10px;background:rgb(255 255 255 / 15%);border:none;border-radius:5px;color:#fff !important;}
.depositBtn{border:none;background:#314060;color:#fff;padding:10px;border:1px solid #000c24;width:100%;}
.submit_btn{border:1px solid #109121;color:#fff;padding:10px 0px;width:100%;border-radius:5px;background:#109121;display:flex;justify-content:center;align-items:center;}
.submit_btn:hover{background:#314060;}
.btn-all-af{}
.af-content .row{margin-bottom:20px;}
.bank_details_copy i{color:#a71f67;}
.bank_details_copy{font-size:14px;}
.form-style-m{height:38px;padding:5px 10px;background:rgb(255 255 255 / 15%);border:none;border-radius:5px;color:#fff !important;}
.form-style-lb{font-size:14px;}
.form-item{display:flex;margin-bottom:20px;width:100%;flex-direction:column;}
.form-style-lb{}
.af-in-content-all{width:100%;}
.btn-all-af-2{display:flex;justify-content:flex-end;}
.af-in-content-all h4{font-weight:bold;margin-bottom:30px;font-size:14px;}
.payment-sel ul li{list-style:none;margin-right:10px;}
.payment-sel ul{display:flex;padding:0px;margin:0px;margin-bottom:30px;justify-content:flex-start;}
.payment-sel ul li a{padding:7px 20px;color:#fff;border:1px solid #ffffff42;font-size:13px;border-bottom:3px solid #424b5d;}
.payment-sel ul li a.active, .payment-sel ul li a:hover{background:#263045;border-bottom:3px solid #a71f67;}
.bank-act{border:1px solid #ffffff7a;border-radius:5px;padding:10px;}
.amnt-secl{display:flex;width:100%;}
.btn-bal{color:rgb(255 255 255 / 80%);border:none;font-size:12px;}
.input-group-append{margin-left:-1px;position:absolute;right:0px;}
.border-iv{background:#ffffff1f;color:#ffffffd1;}
.referral_qr{margin:30px auto;display:block;max-width:180px;}
.af-table tr th{background:#ffffff12;padding:10px;}
.af-table tr td{padding:10px;border:1px solid #ffffff12;}
.mail-box{position:relative;margin-right:-14px;}
.msg-nmb{position:absolute;top:-5px;background:#f00;color:#fff;border-radius:50%;padding:1px;width:20px;height:20px;text-align:center;right:18px;font-size:11px;}
.mail-box img{width:70%;border:1px solid #f1d59b;padding:5px 10px;}
.mail-box2{position:relative;}
.msg-nmb2{position:absolute;top:5px;background:#f00;color:#fff;border-radius:50%;padding:0px;width:20px;height:20px;text-align:center;right:7px;font-size:13px;font-weight:bold;}
.mail-box2 img{width:100%;border:1px solid #f1d59b;padding:10px 10px;display:block;margin:0px auto;}
.in-box{display:flex;}
.msg-content{display:block;width:100%;border:1px solid #000c24;}
.bg-ttl{text-align:center;color:#ffe795;font-size:22px;text-transform:uppercase;}
.btn-ttl{color:#ffffff;padding:9px 5px;border-radius:25px;text-align:left;display:inline-block;font-size:12px;}
.msg-tr{display:table;width:100%;cursor:pointer;border-bottom:1px solid #535966;font-size:12px;}
.msg-td{display:table-cell;}
.cl-1{width:18%;text-align:left;}
.cl-2{width:30%;}
.cl-3{width:40%;}
.cl-4{width:10%;text-align:right;}
.msg-tr a{width:100%;display:table;}
.msg-tr a{width:100%;display:table;color:#ffffff;padding:10px 0px;}
.mesg-bg{background:#190804 url(../images/common/msg-bg.jpg) top center no-repeat;padding:0px 0px 40px 0px;}
.msg-bg{border-radius:10px;}
.msg-ttl{position:relative;background:rgb(255 255 255 / 50%);}
.pt-txt{padding-left:25px;}

.trsh-ico i{font-size:14px;color:#cfcfcf;padding-right:5px;}
.msg-list .msg-tr{}
.msg-list .msg-tr:hover{}
.msg-tr a:hover{background:#0c103d;text-decoration:none;}
.txt-l{flex:1 0 auto;color:#c7c7c7;padding:30px 0px;}
.txt-info{display:flex;width:100%;margin-top:5%;}
.page-box{flex:0 1 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:stretch;color:#c7c7c7;width:100%;}
.pg-input input{width:40px;height:30px;border-radius:8px;border:none;text-align:center;}
.pg-1{padding:0px 10px;}
.btn-left{height:30px;padding:0px 10px;border-radius:8px 0px 0px 8px;}
.pg-n{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:stretch;}
.btn-right{height:30px;padding:0px 10px;border-radius:0px 8px 8px 0px;}
.pg-n button{background:#eaf2f5;color:#45547b;font-size:14px;}
.msg-pp{max-width:580px;margin-top:10%;}
.msg-pp .modal-content{border:none;background:#000c24;min-height:289px;border-radius:9px;border:1px solid #ffffff9e;}
.msg-pp button.close{color:#ffffff;opacity:1;font-size:18px;position:absolute;right:10px;top:10px;font-weight:100;border-radius:8px;}
.msg-p-ttl{text-align:left;font-size:18px;padding:10px;color:#e7007a;padding:30px 15px 0px 15px;font-weight:bold;}
.msg-pp .modal-body{padding:0px;position:relative;}
.msg-content-pop{padding:10px 15px;color:#ffffff;display:block;}
table.table-msg tr th{background:#080c38;text-align:left;padding:10px 20px;border-bottom:1px solid #01c6ff;color:#01c6ff;}
table.table-msg tr td{background:#000;padding:10px 20px;}
span.time-l{padding-left:11px;}
.msg-in p{margin-bottom:18px;}
a.msg-saw:focus{text-decoration:none;}
.msg-in .fa{color:#ffd040;font-size:19px;}
.msg-in{float:left;margin-right:10px;}
.clr-box{border-radius:50px;border:1px solid #fff;width:auto;height:18px;display:block;font-size:10px;text-align:center;position:relative;top:1px;margin-left:5px;font-weight:bold;padding:0 2px;min-width:18px;}
.msg-in .fa:hover{color:#ffffff;}
.msg-in a{display:flex;color:#fff;}
 .msg-in a:hover .fa{color:#fff;}
 .msg-in a:hover{text-decoration:none;}
 .msg-list{border:1px solid #ffffff42;}
.af-side .modal-backdrop{z-index:1000;}
.af-side #msg-1{z-index:10000000;}
/****Promo******/
.mix{display:none;}
.filter-menu-bar{}
.pmbox{background:#2b1e38;color:#ffffff;text-transform:uppercase;display:inline-block;padding:6px 22px;font-weight:700;font-size:14px;cursor:pointer;border-bottom:3px solid #a71f6700;border-radius:5px;text-align:center;}
 .pmbox:hover, .pmbox.active{background:#313a4c;color:#fff;border-bottom:3px solid #a71f67;}
.promo-content{display:flex;flex-direction:column;padding:15px;}
.pm-boxer{display:flex;cursor:pointer;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;grid-gap:10px;color:#fff;flex-direction:column;margin-bottom:10px;}
.pm-boxer_inner{height:85px;padding:10px 20px;}
h4.ttl-promo{color:#21276d;font-size:17px;font-weight:bold;margin:0px;padding:0px;}
.promo-per{color:#e40080;display:flex;margin-top:20px;}
.pm-boxer_inner_sec{display:flex;align-items:flex-end;}
.moreinfo_btn{background:#ffc000;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.apply_btn{background:linear-gradient(to bottom, #b60000 0%, #5a0500 100%, #f1e767 100%);color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.text_red{color:#e40080;margin-left:10px;font-weight:bold;}
.text_blue{color:#9a7922;}
.modal-dialog.promo{max-width:800px !important;border:1px solid #dd2e87;}
.modal-content.promo{border:none;background:#160f1f;}
button.close-promo{background:none;border:none;font-size:19px;padding:13px;line-height:1;font-weight:700;position:absolute;right:0;top:0;color:#ffffffa3;}
.grlist{color:#c1c1c1;}
.pm-title-wrapper{font-size:14px;font-weight:700;color:#ffffff;padding:10px 20px;background:#2b1e38;border-bottom:1px solid #dd2e87;}
.pmtable-wrapper{}
table.promo-table tr th{}
table.promo-table tr td{border:1px solid #dd2e87;padding:5px;color:#ffffffb3;}
.promo-table tr th{color:#fff;background:#dd2e87;padding:10px 0px;border:1px solid #911f59;text-align:center;}
.gr-title{margin-top:20px;font-weight:700;font-size:16px;color: #dd2e87;}
.grlist ul{padding-left:20px;margin-top:5px;}
 .grlist ul li{padding-bottom:8px;font-size:14px;list-style:disc;}
 .promo-pop-cont{padding:15px;}
.horizontal-scrollbar{display:flex;will-change:scroll-position;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:8px 15px;}
.horizontal-scrollbar::-webkit-scrollbar{display:none}
.horizontal-sl-list{white-space:nowrap}
.horizontal-scroll-in{display:inline-flex;align-items:center;flex-shrink:0;border-radius:4px;;position:relative}
.horizontal-scroll-in.active{color:#fff;background:#727782;position:-webkit-sticky;position:sticky;z-index:1}
.horizontal-scroll-in.active:before{content:"";width:100%;height:100%;position:absolute;left:0;horizontal:0;z-index:10;background-image:linear-gradient(229deg,transparent,rgba(0,0,0,.1))}
.horizontal-scroll-in.active .horizontal-sl-icon-bc{color:#fff}
.horizontal-scrollbar{}
.horizontal-scroll-in{flex-direction:column;justify-content:flex-end;text-align:center;}
.horizontal-scroll-in.active{box-shadow:0 2px 4px 0 rgba(0,0,0,.15);left:-15px;right:-15px}
.horizontal-scroll-in+.horizontal-scroll-in{}
.horizontal-sl-count-bc{color:#fff}
.horizontal-scroll-in{}
.horizontal-scroll-in, .horizontal-scroll-in{}
/****Info******/
.info-content-all{padding:15px;}
.info-wrapper h3{font-weight:bold;margin-bottom:30px;font-size:14px;color:rgb(255 255 255 / 70%);}
.info-wrapper p{margin-bottom:15px;color:rgb(255 255 255 / 50%);}
button.btn-tnc{background:#464646;width:100%;text-align:left;font-size:16px;padding:8px 15px;color:#fff;border:none;border-radius:5px;position:relative;}
 button.btn-tnc.collapsed{background:#464646;color:#fff;}
 button.btn-tnc:focus{outline:none;}
.tnc-card{margin-bottom:5px;}
.tnc-body{background:rgb(90 89 89 / 30%);padding:20px 20px 10px;border-radius:4px;margin-top:2px;line-height:1.3;}
 .tnc-body ol{padding-left:15px;}
 .tnc-body ol li{padding-bottom:8px;}
button.btn-tnc::after{content:'>';font-size:16px;line-height:1;position:absolute;right:17px;top:10px;transform:rotate(270deg);transition:all 0.3s;}
button.btn-tnc.collapsed::after{content:'>';transform:rotate(90deg);transition:all 0.3s;}
.bank-table tr.trans td{background:rgb(68 68 68 / 50%);color:#fff;border:1px solid #dd2e87;padding:2px;}
.bank-table tr.trans1 td{background:rgb(68 68 68 / 50%);color:#fff;border:1px solid #dd2e87;padding:2px;}
.bank-table tr.dwbox td{background:#160f1f;color:#fff;font-weight:600;padding:2px;border:1px solid #dd2e87;}
.info-wrapper ul{padding-left:18px;color:rgb(255 255 255 / 60%);}
.info-wrapper ul li{list-style:circle;}
.info-wrapper{color:rgb(255 255 255 / 60%);}
.contact-wrap a{color:#dd2e878c;}
p.clr-pnk{color:#dd2e878c;}
.contact-wrap h5{font-size:14px;font-weight:bold;}
/******17112021********/
ul.right-top {display: flex;align-items: center;}
.btn-lang:not(:disabled):not(.disabled).active, .btn-lang:not(:disabled):not(.disabled):active, .show>.btn-lang{color:rgba(255,255,255,.74);background-color:#2a2235;border-color:#c69500;}
.btn-lang{color:#212529;background:none;border-color:#ffc107;border:none !important;color:rgba(255,255,255,.74);font-size:10px;padding: 0px 6px;display:flex;align-items:center;border-radius:0px;}
.btn.btn-lang:focus{box-shadow:none;border:none;outline:none;}
.btn-lang img{height: 15px;margin-right:7px;}
.btn-lang:hover{color:rgba(255,255,255,.74);}
ul.right-top li:last-child{padding:0px;}
.drop-bg{padding:0px;border-radius:0px;background:#3c334d;margin:0px;min-width:8rem;box-shadow:0px 0px 8px #00000054;}
.drop-bg li{box-shadow:none !important;display:flex;align-items:center;}
.drop-bg li img{height: 14px;position:relative;top:-2px;margin-right:10px;}
.drop-bg li a{display:flex;align-items:center;color:rgba(255,255,255,.74);font-size: 12px;padding: 10px;}
.drop-bg li.active{background:#3aa188;}
.drop-bg li:hover{background:#453b55;}
.drop-bg li:last-child{}
.drop-bg p{font-size: 11px;text-align:center;padding:7px;color:rgba(255,255,255,.74);text-transform:uppercase;}
.arw-caret{transform:rotateX(180deg);font-weight:100;/* margin-left:5px; */}
.dropdown.show .arw-caret{transform:rotateX(0deg);}
/*******28022022*********/
.reg-content-2{background:url( "../images/common/bg-thank-mob.jpg") center top no-repeat;height:533px;background-position:50% 50%;position:relative;}
.reg-form-box{position:absolute;left:0;right:0;margin:0px auto;text-align:center;top:24%;width:260px;}
.reg-form-box h1{font-weight:bold;font-size:46px;text-shadow:0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;}
.reg-form-box h4{text-shadow:0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;font-weight:bold;font-size:22px;}
.reg-form-box p{text-shadow:0 0 11px #001eff, 0 0 11px #001eff, 0 0 11px #001eff;font-size:20px;margin-top:20px;}
.btn-plynow{margin:0px auto;text-align:center;position:absolute;left:0;right:0;width:215px;bottom:15%;background:#dd2e87;color:#fff;padding:10px;font-size:20px;border:none;font-weight:bold;}
.btn-plynow:hover{background:#b11262;}
