body{font-family:Microsoft YaHei, sans-serif;line-height:1.5;font-size:14px;margin:0 auto;color:#fff;background:#121212;height:100vh;overflow-x: hidden;}
ul{list-style:none;}
a{text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#000;}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%)}
.container {width: 1140px;max-width: 1140px;}
.bg-fish {background: url("../images/common/bg-fish.jpg") no-repeat top center;padding: 0px !important;}
/***************** HEADER *******************/
.b-header-nav{position:relative;height:92px;display:flex;justify-content:space-between;align-items:center;background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);}
.b-header-top{background: #111111;height: 100px;}
.btn-login:focus{border:none;outline:none;}
.btn-join:focus{border:none;outline:none;}
.lang-btn{background:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(77,65,33,1) 49%, rgba(0,0,0,1) 100%);color:#fff;padding:5px 10px;border-radius:10px;}
.lang-btn img{height:25px;}
.header-top-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;/* align-content:stretch; *//* height:50px; */}
.tp-r{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:stretch;}
.mode-txt{margin-left:10px;font-size:12px;}
.btn-forgot-wrap{width:73px;line-height:12px;position:absolute;right:-10px;top:12px;}
.btn-forgot{font-size:12px;color:#a98d16;}
.btn-forgot:hover{color: #000;}
.btn-login{background:#ffffff;color:#88A4D4;padding:5px 0px;border-radius:25px;width:98px;margin:0px 3px;border:none;font-size:12px;}
.btn-join{background:#ffffff;color:#88A4D4;padding:5px 0px;border-radius:25px;width:98px;margin:0px 3px;font-size:12px;}
.logo{z-index:1000;}
.header-nav-wrap{height: 92px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:stretch;}
.top-form form{display:flex;}
.form-txt{display:flex;position:relative;align-items:center;}
.lgnin-box{display:flex;margin-right:10px;border-radius:10px;}
.lgn-box{display:flex;}
.form-txt input.form-control::placeholder{color:#000;}
span.clr-tx {padding: 0px 5px;position: relative;display: flex;margin-right: 10px;}
span.msg-d {color: #ffffff;background: #f00;border-radius: 25px;width: 15px;height: 15px;font-size: 10px;display: flex;position: absolute;right: -3px;text-align: center;top: -4px;justify-content: center;align-items: center;}
span.clr-tx i {
    font-size: 20px;
}

.user-info {
    position: relative;
    display: flex;
}
/************************************* NAV MENU CSS ************************************/.menuWrapper.affix{position:fixed;top:0;width:100%;z-index:10;}
.menuWrapper{height:92px;font-weight:400;bottom:0px;position:absolute !important;top:0px;}
.menupart{width: 1070px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content: space-between;align-items:center;align-content:stretch;height:80px;}
 .menupart .active{}
 .menupart .active a{border-bottom: 5px solid #000000;}
 .menupart > ul > li{display:table-cell;text-align:center;}
 .menupart > ul > li:first-child{margin:0px;}
 .menupart > ul > li > a{text-transform:uppercase;color: #000000;font-size:15px;display:flex;position:relative;border:1px solid #fff0;padding: 5px 0px;padding-top:10px;height:95px;align-items:center;border-bottom:5px solid #9325f500;flex-direction:column;}
 .menupart > ul > li > a:hover{color: #000000;text-decoration:none;border-bottom: 5px solid #000000;}
 .menupart > ul > li > .icon{}
 .menupart > ul > li > .icon p{margin:0px;padding:0px;padding-top:0px;font-size: 15px;}
.wsmenuexpandermain{position:relative;}
.overlapblackbg{display:none;}
.wsmenu{color:#fff;font-size:15px;padding:0px;margin:0px auto;width:100%;position:relative;}
.wsmenu-list{list-style:none;padding:0px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content: space-between;align-items:center;align-content:stretch;margin:0px;margin-top:10px;width: 100%;}
 .wsmenu-list > li{}
 .wsmenu-list > li > a{}
 .wsmenu-list li:first-child a{}
 .wsmenu-list li:last-child a{}
 .wsmenu-list > li > a .fa{display:inline-block;font-size:14px;line-height:inherit;margin-right:0px;}
 .wsmenu-list li ul li a .fa.fa-angle-double-right{font-size:12px;margin:0 3px 0 -4px;}
 .wsmenu-list li a .arrow:after{}
 .wsmenu-list > li > a{}
 .wsmenu-list li a:hover .arrow:after{border-top-color:#b3b3b3 }
 .wsmenu-list li a.active .arrow:after{border-top-color:#b3b3b3 }
 .wsmenu-list li:hover > a .arrow:after{border-top-color:#b3b3b3 }
.megamenu iframe{width:100%;margin-top:10px;min-height:200px;}
.megamenu video{width:100%;margin-top:10px;min-height:200px;}
.wsmenu-list li:hover .megamenu{opacity:1;}
.megamenu{width:100%;left:0px;position:absolute;top:92px;color:#fff;z-index:1000;margin:0px;text-align:left;font-size:15px;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;-o-transition:-o-transform 0.3s, opacity 0.3s;-ms-transition:-ms-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;}
 .megamenu .title{border-bottom:1px solid #444444;font-size:14px;padding:0px;font-size:17px;color:#fff;margin-bottom:3px;text-align:left;height:25px;}
 .megamenu img{height:140px;}
 .megamenu img:hover{opacity:0.9;xborder:1px solid #ebc316;}
.link-list li{display:block;text-align:center;white-space:nowrap;text-align:left;}
 .link-list li a{line-height:12px;border-right:none;text-align:left;padding:6px 0px;xbackground:#fff !important;background-image:none !important;color:#dedbdb !important;border-right:0 none !important;display:block;border-right:1px solid #e7e7e7;xbackground-color:#fff;color:#919090;font-size:17px !important;font-family:'Ruda', sans-serif !important;}
 .link-list li a:hover{color:#db454a !important;text-decoration:none !important;}
.wsmenu-list .ad-style{width:28%;float:right;}
 .wsmenu-list .ad-style a{border:none !important;padding:0px !important;margin:0px !important;line-height:normal !important;background-image:none !important;}
.mobile-sub .megamenu .ad-style a:hover{background-color:transparent !important;}
.wsmenu-list .megamenu li:hover > a{background:transparent !important;}
.wsmenu-list .megamenu li a:hover{background:transparent !important;text-decoration:underline;}
.wsmenu-list .megamenu li .fa{margin-right:5px;text-align:center;width:18px;}
.mrgtop{margin-top:15px;}
.show-grid div{padding-bottom:10px;padding-top:10px;background-color:#dbdbdb;border:1px solid #e7e7e7;color:#6a6a6a;margin:2px 0px;}
.menupart > ul > li > a:hover img{filter:.menupart > ul > li > a:hover .mn-sport;}
.menupart > ul > li > a span{filter:brightness(0) invert(1);}
.wbg0{background:#272727;}
.wbg1{background:#240604;}
.wbg2{background:#240604;}
.wbg3{background: rgb(0 0 0);}
.wbg4{background:#272727;color:#646363;font-size:18px;}
 .wbg4 .title2{font-size:20px;width:100px;margin:0 auto;color:#9d9d9d }
 .wbg4 p{font-size:20px;width:150px;margin:0 auto;color:#777676 }
.halfdiv{width:35%;right:0px !important;left:auto;}
.menu_form{width:100%;display:block;}
 .menu_form input[type="text"]{width:100%;border:1px solid #e2e2e2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px;}
 .menu_form textarea{width:100%;border:1px solid #e2e2e2;border-radius:5px;color:#000;font-size:13px;padding:8px 5px;margin-bottom:8px;min-height:122px;}
 .menu_form input[type="submit"]{width:25%;display:block;height:28px;float:right;border:solid 1px #ccc;margin-right:15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
 .menu_form input[type="button"]{width:25%;display:block;height:28px;float:right;border:solid 1px #ccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.megamenu .left.carousel-control{padding-top:20%;}
.megamenu .right.carousel-control{padding-top:20%;}
.carousel-inner .item img{width:100%;}
.megamenu .carousel-caption{bottom:0px;background-color:rgba(0,0,0,0.7);font-size:13px;height:31px;left:0;padding:7px 0;right:0;width:100%;}
.menu-col{float:left;}
 .menu-col:hover{}
.menu-col-logo p{color: #ffffff;font-weight:100;padding:5px;}
.menu-col-text span{color:#d9a826;font-weight:bold;font-size:20px;line-height:10px;}
.menu-col-text p{font-weight:bold;color:#ffffff;text-align:center;margin-top:10px;}
.wsmenu-list li > .wsmenu-submenu{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);visibility:hidden;}
.wsmenu-list li:hover > .wsmenu-submenu{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.wsmenu-submenu li > .wsmenu-submenu-sub{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);visibility:hidden;}
.wsmenu-submenu li:hover > .wsmenu-submenu-sub{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);visibility:hidden;}
.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.wsmenu-list li > .megamenu{transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);visibility:hidden;}
.wsmenu-list li:hover > .megamenu{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.wsmenu-submenu{position:absolute;top:48px;z-index:1000;margin:0px;padding:4px;border:solid 1px #eeeeee;background-color:#fff;opacity:0;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;-o-transition:-o-transform 0.3s, opacity 0.3s;-ms-transition:-ms-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;}
 .wsmenu-submenu li a{background:#fff !important;background-image:none !important;color:#666666 !important;border-right:0 none !important;text-align:left;display:block;line-height:22px;padding:6px 12px;text-transform:none;font-size:13px;letter-spacing:normal;border-right:0px solid;}
.wsmenu-list > li.active > a{}
.wsmenu-submenu li{position:relative;margin:0px;padding:0px;}
.wsmenuexpandermain{display:none;}
.wsmenu-list li:hover .wsmenu-submenu{display:block;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:220px;position:absolute;left:100%;top:0;margin:0px;padding:0px;opacity:0;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;-o-transition:-o-transform 0.4s, opacity 0.4s;-ms-transition:-ms-transform 0.4s, opacity 0.4s;-moz-transition:-moz-transform 0.4s, opacity 0.4s;-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{opacity:1;list-style:none;padding:4px;border:solid 1px #eeeeee;background-color:#fff;}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{min-width:220px;position:absolute;left:100%;top:0;margin:0px;padding:0px;opacity:0;-o-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;-o-transition:-o-transform 0.4s, opacity 0.4s;-ms-transition:-ms-transform 0.4s, opacity 0.4s;-moz-transition:-moz-transform 0.4s, opacity 0.4s;-webkit-transition:-webkit-transform 0.4s, opacity 0.4s;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{opacity:1;list-style:none;padding:4px;border:solid 1px #eeeeee;background-color:#fff;}
.wsmenu-submenu li{position:relative;padding:0px;margin:0px;display:block;}
.wsmenu-click{display:none;}
.wsmenu-list li:hover > a{}
.wsmenu-list > li > a:hover{}
.wsmenu-list > li > a.active{background-color:rgba(0,0,0,0.08) !important;text-decoration:none;}
.wsmenu-submenu > li > a:hover{background-color:rgba(0,0,0,0.08) !important;border-radius:0px !important;text-decoration:none;text-decoration:none;}
.wsmenu-submenu .fa{margin-right:7px;}
.menupart > ul > li.active p{color: #000000;}
.menu-in ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:stretch;}
 .menu-in ul li{width:auto;color:white;font-weight:bold;text-align:center;padding:0px;height: 172px;}
.grey-bar{background:rgba(123, 115, 115, 0.5);height:35px;width:100%;position:absolute;bottom:1px;z-index:-1;display:none;}
.grey-bar2{background:rgba(123, 115, 115, 0.5);height:35px;width:100%;position:absolute;bottom:147px;z-index:-1;}
.menu-col-logo{padding: 0px 10px;}
.menu-col-link{color:#ffe895;height:35px;padding-top:6px;}
.menu-col-logo:hover{background:#ffffff0d;}
.menu-in ul li a:hover .menu-col-link{background:#ffe895;color:#000;}
.t-header{position:fixed;top:0;z-index:200;width:100%;}
.container-fluid{max-width:1600px;}
.t-body{padding-top: 190px;/* display: inline-block; *//* width: 100%; */}
.body-bg{}
.bnr-top img {display: block;margin: 0PX auto;}
.bg-ind-content{background:#000 url("../images/common/bg-content.jpg")top center no-repeat;/* padding-top:29px; */}
.bg-casino{position: relative;height: 730px;}
video{display:block;margin:auto;z-index: -1;
/*not work if the screen ratio is below 16/9*/position: fixed;right: 0;bottom: 0;/* min-height: 730px; */top: 15%;left: 0;margin: auto;}
.header-top{background:#1e1e1e;padding:15px 0;}
.header-top .container-fluid{max-width:1600px;}
.logo img{max-width:100%;height: 100px;padding: 10px;}
.header-right{display:flex;justify-content:flex-end;align-items:center;}
.member-btn-sec{align-items:center;}
.btn-join{color:#fff;border-radius:10px;padding:10px 10px;margin-right:10px;min-width:120px;text-align:center;border:none;background: linear-gradient(to bottom, rgba(255,0,60,1) 0%, rgba(109,0,25,1) 100%);}
.btn-join:hover{color:#fff;text-decoration:none;background: linear-gradient(to bottom, rgba(109,0,25,1) 0%, rgba(255,0,60,1) 100%);}
.btn-login{color: #000;border-radius:10px;padding:10px 10px;margin-right:10px;min-width:120px;text-align:center;/* background:linear-gradient(to bottom, rgba(167,118,38,1) 0%, rgba(40,26,4,1) 100%); */background: linear-gradient(to bottom, #f1e767 0%, rgba(254,182,69,1) 100%);}
.btn-login:hover{color: #000;text-decoration:none;background: linear-gradient(to bottom, rgba(254,182,69,1) 0%, rgba(241,231,103,1) 100%);}
.btn-lang{margin-right:10px;}
.btn-lang img{display:block;width:30px;height:30px;border-radius:100%;}
.header-bottom{background:#171717;position:relative;border-bottom:1px solid #7f6610;border-top:1px solid #7f6610;}
.header-bottom .container-fluid{max-width:1600px;}
.main-nav{display:inline-flex;align-items:center;}
.main-nav li.nav-item{}
.main-nav li.nav-item a.navlink:hover{border-bottom:3px solid #FDB813;}
.main-nav li.nav-item a.navlink{color:#fff;font-size:15px;text-transform:uppercase;line-height:50px;margin:0 15px;padding:0px 0px;border-bottom:3px solid transparent;display:flex;align-items:center;}
.main-nav li.nav-item:hover a.navlink{color:#FDB813;text-decoration:none;}
.navlink img{margin-right:10px;}
.main-nav li.nav-item.menuimg{padding:0;}
.main-nav li.nav-item.menuimg a.navlink img{max-width:30px;height:30px;}
.main-nav li.nav-item.menuimg:hover a.navlink img{filter:none;}
.position-inherit{position:inherit;}
.dropmenu{background:rgba(0, 0, 0, 0.9);position:absolute;top:54px;left:0;z-index:99;width:100%;text-align:center;opacity:0;visibility:hidden;-webkit-transform-origin:0% 0%;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;transform-style:preserve-3d;transform:rotateX(-90deg);visibility:hidden;}
.main-nav li.nav-item:hover .dropmenu{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.dm-item{display:inline-block;text-align:center;padding:10px;text-transform:uppercase;}
.dm-item:hover{text-decoration:none;}
.dm-item:hover .gm_name{color:#ffd65b;}
.gm_name{margin-top:5px;color:#fff;transition:all 0.5s;}
.gm_name img{max-width:35px;vertical-align:text-bottom;}
.dm-item img.img-open{display:none;}
.dm-item:hover img.img-open{display:block;}
.dm-item:hover img.img-close{display:none;}
.dropmenu:hover a{opacity:0.5;transition:all 0.5s;}
.dropmenu:hover a:hover{opacity:1;transition:all 0.5s;}
section.banner-slider{position:relative;}
.swiper-container{width:100%;}
.swiper-slide{width:100%;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;}
.banner-slider img{width:100%;}
.banner-slider .swiper-pagination-bullet{border:1px solid #f7b800;opacity:1;}
.banner-slider .swiper-pagination-bullet-active{background:#f7b800;}
.banner-slider .swiper-pagination{text-align:end;padding-left:5%;padding-right:5%;bottom:10%;}
.annoucement-bar {background: #000;padding: 5px 0px;z-index: 100000000;}
.annoucement-all {display: flex;}
.annoucement{background:#000000c4;padding:0;display:flex;height:40px;align-items:center;padding-top:5px;padding-bottom:5px;position:absolute;bottom:0px;width:100%;z-index:10;}
.annoucement .container-fluid{max-width:1600px;}
.icon-annoucement{text-align:center;}
.icon-annoucement img{max-width:25px;}
.annoucement-text{display:flex;align-items:center;font-size: 12px;color: #ffffff;}
.game-lobby-slider{height:240px;position:relative;background-size:contain;max-width:1600px;display:flex;justify-content:center;margin:auto;border:1px solid #eec85a;}
.game-lobby-wrapper{width:100%;margin:0 auto;}
.game-lobby-wrapper::before{background:#000 url(../images/common/game-lobby/index-arrow-left.png);content:"";position:absolute;top:10px;}
.gm-lb-ttl{width:100%;display:flex;justify-content:center;position:relative;top:-10px;}
.gm-lb-ttl h5{background:url(../images/common/share-1.png);width:221px;height:38px;display:flex;justify-content:center;align-items:center;color:#000;font-weight:bold;}
.game-lobby-container{max-width:90%;}
.game-lobby-title{background:url(../images/common/game-lobby/game-lobby-title.png)no-repeat center;text-align:center;height:66px;display:flex;justify-content:center;align-items:center;color:#d6af68;font-size:20px;margin-top:25px;text-transform:uppercase;margin-bottom:21px;}
.game-lobby-container .swiper-wrapper{display:flex;align-items:center;}
.game-lobby-container .swiper-slide{text-align:center;background:#eec85a;padding:10px;border-radius:0;display:inline-table;border:1px solid #584505;}
.game-lobby-container .swiper-slide::before{content:'';background:none;border:1px solid transparent;-moz-border-image:-moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);-webkit-border-image:-webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);border-image:linear-gradient(to bottom, #d1ab6600 0%, #d1ab66 50%, #d1ab6600 100%);border-image-slice:1;height:150px;width:0px;position:absolute;left:-20px;z-index:20;}
.game-lobby-container .swiper-slide img{max-width:140px !important;height:125px;border-radius:0;display:block;}
.game-lobby-text{font-size:14px;display:block;margin-top:7px;color:#000;}
.game-lobby-slider .game-lobby-prev{background:url(../images/common/game-lobby/arrow-left.png) no-repeat;height:45px;opacity:1;z-index:1;outline:none;left:35px;top:130px;}
.game-lobby-slider .game-lobby-next{background:url(../images/common/game-lobby/arrow-right.png) no-repeat;height:45px;opacity:1;z-index:1;outline:none;right:20px;top:130px;}
.sport-lobby{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;padding:60px 0;max-width:1600px;padding-bottom:0;}
.sport-lobby-sec{display:flex;flex-wrap:wrap;}
.sport-lobby-container{-webkit-box-flex:12;-ms-flex:12;flex:12;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:70%;}
.sport-lobby .container-fluid{padding-left:5px;padding-right:5px;}
.sport-lobby-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 calc(100% / 3 - 20px);flex:0 0 calc(100% / 3 - 20px);margin-bottom:120px;margin-right:-10px;position:relative;}
.sport-lobby-item a div{width:100%;height:100%;}
.sport-lobby-item a .container{position:relative;-webkit-perspective:900px;perspective:900px;}
.sport-lobby-item a .card_right{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:rotateY(20deg);transform:rotateY(20deg);}
.sport-lobby-item a .card_left{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:rotateY(-20deg);transform:rotateY(-20deg);}
.sport-lobby-item a .card_right img,.sport-lobby-item a .card_left img{width:100%;height:100%;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:0.7s;transition:0.7s;}
.sport-lobby-item a:hover .card_right img,.sport-lobby-item a:hover .card_left img,.sport-lobby-item a:active .card_right img,.sport-lobby-item a:active .card_left img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition:0.7s;transition:0.7s;}
.sport-lobby-item a .container .card_right,.sport-lobby-item a .container .card_left{-webkit-transition:0.7s;transition:0.7s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;border-radius:15px;}
.sport-lobby-item a .npc{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-22px;left:-12px;-webkit-transition:0.7s;transition:0.7s;z-index:1;}
.sport-lobby-item a span{position:absolute;bottom:5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 15%);z-index:2;left:10%;-webkit-transition:0.7s;transition:0.7s;color:#fff;top:0;}
.sport-lobby-item a:hover .npc,.sport-lobby-item a:active .npc{top:-39px;-webkit-transition:0.7s;transition:0.7s;right:0px;}
.sport-lobby-item a:hover .card_right,.sport-lobby-item a:hover .card_left,.sport-lobby-item a:active .card_right,.sport-lobby-item a:active .card_left{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:0.7s;transition:0.7s;}
.sport-lobby-item a .npc img{}
.sport-lobby-item a:hover span,.sport-lobby-item a:active span{left:25%;-webkit-transition:0.7s;transition:0.7s;}
.sport-lobby-container-2{-webkit-box-flex:5;-ms-flex:5;flex:5;max-width:100%;margin-right:20px;padding-bottom:96px;}
.product-lobby-item{position:relative;padding-bottom:66px;}
.product-lobby-item:last-child{padding:0;}
.product-lobby-item a:hover .sport-lobby-bg{filter:none;}
.product-lobby-item a:hover .sport-lobby-npc{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:0.7s;transition:0.7s;}
.product-lobby-item a:hover .catergory-title{color:#ffd65b;}
.sport-lobby-bg{width:100%;height:100%;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:0.7s;transition:0.7s;}
.sport-lobby-npc{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:0.7s;transition:0.7s;z-index:1;}
.sport-lobby-npc img{width:120%;}
.catergory-title{position:absolute;left:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;color:#8b8b8b;top:27%;font-weight:800;font-size:45px;z-index:20;}
.catergory-title2{position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;color:#8b8b8b;top:-10%;font-weight:800;font-size:45px;z-index:1;right:85px;}
.npc-1{top:-30px;right:0px;}
.npc-2{top:-27px;right:3px;}
.npc-3{top:-35px;left:29px;}
.app-sec{background:#1f1f1f url(../images/common/footer/f-bg.jpg)no-repeat center;height:656px;}
.app-download{max-width:1600px;position:relative;margin:0 auto;height:685px;}
.app-title{position:absolute;top:10%;width:100%;min-width:1600px;text-align:center;}
.app-download-title{font-size:40px;background:-webkit-linear-gradient(#e6ab56, #f6c844, #a9551f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 3px #000);font-weight:bold;}
.app-download-subtitle{font-size:13px;color:#fff;font-weight:100;font-size:16px;}
.qr-section{padding:10px;position:absolute;background:linear-gradient(to bottom, #ffd07d 0%, #b29156 100%);text-align:center;left:20%;top:35%;}
.qr-section img{height:200px;}
.qr-desc{padding-top:20px;padding-bottom:10px;font-size:20px;}
.app-download-character{position:absolute;right:200px;bottom:30px;font-size:16px;}
.webmap{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:40px;padding-bottom:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background:#171717;}
.footer-col{border-left:2px dotted #ffffff4f;}
.footer-col::before{content:'';background:none;border:6px solid #d5ae68;height:30px;width:0px;position:absolute;left:-12px;z-index:20;}
.policy-sec,.contact-sec,.powered-sec{padding-top:10px;}
.policy-sec a,.contact-sec a,.powered-sec a{display:block;background:none;}
.webmap>div span.title{line-height:16px;float:left;text-transform:uppercase;color:#d5ae68;}
.webmap>div div:nth-child(2){clear:both;}
.webmap>div:nth-child(-n+4) a:hover,.webmap>div:nth-child(-n+4) button:hover{color:#d5ae68;text-decoration:none;}
.webmap>div:nth-child(-n+4) a,.webmap>div:nth-child(-n+4) button{color:#666;text-align:left;}
.webmap>div div a,.webmap>div div button{font-size:14px;line-height:30px;background:none;border:none;}
.webmap>div:last-child a,.webmap>div:last-child button{cursor:pointer;}
.webmap>div:nth-child(n+5) a,.webmap>div:nth-child(n+5) button{cursor:auto;}
.webmap>div:nth-last-child(2) div,.webmap>div:nth-last-child(5) div{display:block;}
.webmap>div:last-child a{font-size:12px;cursor:pointer;color:#fff;}
.platform{padding:0 calc((100% - 1600px) / 2);padding-top:15px;padding-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;}
.platform .saba{width:104px;}
.platform button{margin-right:17px;height:55px;background:none;border:none;}
.copyright{padding:0 calc((100% - 1600px) / 2);text-align:center;font-size:12px;background:black;padding:22px 0;}
#login .modal-dialog,#register .modal-dialog,#forgot .modal-dialog{background:none;border-radius:0;margin-top:10%;max-width:960px;}
.login-modal{background:url(../images/common/register/bg-register.png)no-repeat center;position:relative;border-radius:15px;background-size:contain;min-height: 494px;}
.login-modal .modal-header{border:none;border-radius:0;}
.login-modal .modal-footer{border:none;}
.login-bg{display:flex;justify-content:flex-end;}



.register-img{position:absolute;top: -11%;left:0;padding: 0px;}
.register-img img{max-width:100%;}
.login-modal .modal-body h4{color:#fed24f;margin-left:22px;font-weight:700;}
.modal-lg {margin-top: 10%;max-width: 1100px;}
.modal-lg .close {color: #fff;opacity: 1;position: relative;right: 15px;top: 10px;}
.reg-subtitle{color:#000;padding-left:23px;font-size:12px;}
.login-modal .form-text{color:#000;}
.reg-form{position:absolute;top:10%;right:0px;padding-left:0;}
.reg-form-in{margin-top:45px;}
.reg-form-in .row{width:90%;margin:0 auto;}
.reg-form-in .input-group{border-radius:20px;}
.reg-form-in .input-group-prepend .input-group-text{background:none;border:1px solid #ffd241;border-right:none;border-radius:21px;border-bottom-right-radius:0;border-top-right-radius:0;color:#ffd241;padding-left:20px;padding-right:20px;width: 60px;}
.reg-form-in .form-control{border:1px solid #ffd241;border-left:none;border-radius:21px;border-bottom-left-radius:0;border-top-left-radius:0;text-transform:capitalize !important;font-size:15px;margin-top:0;}
.forgot-text{text-decoration:underline;color:#000;width:90%;margin:0 auto;}
.btn-group{margin-top: 0%;display:flex;justify-content:center;}
.btn-group button{margin-left:5px;margin-right:5px;border-radius:29px;border:none;color: #000;padding:0 30px;min-width:130px;height:37px;}
.btn-modal-register{color:#ffd241;margin-left:10px;font-weight:700;}
.btn-modal-register:hover{text-decoration:none;color:#f77900;}
.btn-group .btn-modal-cancel{background:#707070;}
.btn-group .btn-modal-login{background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);}
.btn-modal-login:hover{background: linear-gradient(to bottom, rgba(254,182,69,1) 0%, rgba(241,231,103,1) 100%);}
.slot-nav{padding-top:15px;}
.slot-nav .nav-tabs{border:none;background:#121212;display:grid;grid-template-columns:repeat(13, 1fr);}
.slot-nav .nav-tabs .nav-link{border:none;color:#606060;border-bottom:2px solid #1b1b1b;border-top-left-radius:0;border-top-right-radius:0;display:grid;align-items:center;text-align:-webkit-center;height:80px;position:relative;}
.slot-nav .nav-tabs .nav-link img{filter:grayscale(1);}
.slot-nav .nav-tabs .nav-item.show .nav-link,.slot-nav .nav-tabs .nav-link.active{background:#171717;color:#fff;border-radius:0;border:none;border-bottom:2px solid #ffd65b;}
.slot-nav .nav-tabs .nav-item.show .nav-link::after,.slot-nav .nav-tabs .nav-link.active::after,.slot-nav .nav-tabs .nav-link:focus::after,.slot-nav .nav-tabs .nav-link:hover::after{content:"";position:absolute;bottom:-10px;left:59px;border-top:8px solid #ffd053;border-left:8px solid transparent;border-right:8px solid transparent;margin-left:-8px;}
}
.slot-nav .nav-tabs .nav-item.show .nav-link img,.slot-nav .nav-tabs .nav-link.active img{filter:brightness(3.5) hue-rotate(157deg);}
.slot-nav .nav-tabs .nav-link:focus,.slot-nav .nav-tabs .nav-link:hover{background:#232323;color:#fff;border-radius:0;border:none;border-bottom:2px solid #ffd65b;}
.slot-nav .nav-tabs .nav-link:focus img,.slot-nav .nav-tabs .nav-link:hover img{filter:none;}
.slot-nav .nav-tabs .nav-item{border-radius:0;width:100%;text-align:center;border:none;}
.slot-content .nav-tabs{background:#121212;border:none;padding:10px 20px;margin-top:5px;color:#fff;}
.slot-content .nav-tabs .nav-item.show .nav-link,.slot-content .nav-tabs .nav-link.active{background:#000;color:#fff;border:none;}
.slot-content .nav-link{padding:5px 15px;border-radius:10px;border:none;color:#606060;}
.slot-content .nav-tabs .nav-link:focus,.slot-content .nav-tabs .nav-link:hover{border:none;background:#000;color:#fff;}
.slot-bg{background:#0b0b0b;}
.slot-content{padding-bottom:10px;}
.jackpot-pool{background:#121212;margin-top:10px;margin-bottom:10px;}
.jac-kpot{background:#121212;height:120px;padding:10px;display:flex;align-items:center;justify-content:center;}
.jac-kpot a:hover img{opacity:.8;}
.slot-text{text-align:center;font-size:22px;line-height:32px;padding-top:20px;margin-left:25px;color:#fede9a;}
.slotList{display:flex;flex-wrap:wrap;background:#262626;padding:20px 0;max-width:100%;justify-content:center;}
.slotList img{width:100%;}
.slotList>div .btnGroup{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 0 0;display:flex;}
.slotBox{background:#484647;width:17%;margin:20px;}
.slotDesc{padding:10px;}
.btnGroup a,.btnGroup button{padding:5px 0;border-radius:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 5px;}
.txt-game{color:#e3b448;text-align:center;}
.btn-game-play{background:#e3b448;color:#000;border:1px solid #e3b448;}
.btn-game-play:hover{background:#363233;color:#e3b448;border:1px solid #e3b448;}
.btn-game-try:hover{background:#e3b448;color:#000;border:1px solid #e3b448;}
.btn-game-try{background:#363233;color:#e3b448;border:1px solid #e3b448;}
/** Promotion **/#details{color:#fff;}
#details .modal-content{border:1px solid #e3b448;background:#fff;}
#details .modal-header{border:none;}
#details .close{color:#ffffff;text-shadow:none;}
.promo-sec{background: #000 url("../images/common/bg-content-sp.jpg") no-repeat;/* background-size:cover; *//* background-attachment:fixed; */padding:75px 0;}
.mix{display:none;}
.promo-content-all{display:flex;flex-direction:column;align-items:center;margin-top:20px;}
.promo-item{margin-bottom:15px;}
.promo-btn:focus{border:none;outline:none;}
.promo-img{position:relative;}
.btn-promo{position:absolute;right:10px;top:120px;}
.filter-menu-bar{text-align:center;}
.pmbox{width:190px;height:45px;text-align:center;font-size:13px;padding:12px 10px;margin:0 5px;cursor:pointer;color:#f8e27e;border:1px solid #f8e27e;}
.pmbox:hover,.pmbox.active{color:#000;background:linear-gradient(to bottom, #f8e27e 0%, rgba(215,155,51,1) 90%, rgba(239,204,121,1) 100%);}
.promo-content{text-align:left;margin:0px auto;width:1077px;background:#252525;padding:30px;}
.pmbox{display:inline-block;}
.promo-box{background:#fff;margin:10px;}
.promo-content-box{}
.promo-img img{max-width:100%;display:block;margin:0px auto;}
.promo-inner-box{padding:10px 30px;}
.promo-title{color:#fbab00;font-weight:700;margin-bottom:10px;text-align:left;font-size:16px;}
.promo-subtitle{font-size:11px;color:#000;font-weight:700;margin-bottom:17px;text-align:left;}
.promo-content-title{text-transform:uppercase;color:#000;text-align:left;font-weight:600;margin-bottom:13px;}
.promo-content-row{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0;color:#000;width:80%;font-weight:600;font-size:10px;}
.sub-1,.sub-2{text-align:left;}
.promo-btn-group{display:flex;justify-content:space-around;width:70%;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.btn-promo-details{border-radius:25px;padding:5px 30px;background:#a9904e;font-weight:600;color:#fff;font-size:12px;}
.btn-promo-details:hover{text-decoration:none;color:#000;}
.btn-promo-join{border-radius:25px;padding:5px 20px;background:#b68946;font-weight:600;color:#fff;font-size:12px;}
.btn-promo-join:hover{text-decoration:none;color:#000;}
.promo-btn{background:url("../images/common/btn-ply-hvr.png");width:134px;height:41px;color:#fff;border:none;}
.promo-btn:hover{background:url("../images/common/btn-ply.png");}
.promo-btn:focus:{}
.ranking-bg{background:#171717 url(../images/common/ranking/bg-ranking.png)center top no-repeat;min-height:1700px;background-size:100%;}
.ranking{position:absolute;left:0;width:100%;top:80%;}
.ranking-box{background:url(../images/common/ranking/table-bg.png) no-repeat top center;min-height:1050px;background-size:contain;}
.ranking-nav{padding-top:40px;}
.ranking-nav .nav-tabs{display:flex;grid-template-columns:repeat(6, 1fr);border:none;justify-content:center;}
.ranking-nav .nav-tabs .nav-item.show .nav-link,.ranking-nav .nav-tabs .nav-link.active{background:none;border:none;border-radius:0;}
.ranking-nav .nav-tabs .nav-item{width:16%;text-align:center;background:url(../images/common/ranking/menu-tab.png)no-repeat center;background-size:cover;padding:5px;margin-left:-52px;}
.ranking-nav .nav-tabs .nav-item .nav-link{color:#fff;border:none;}
.ranking-nav .nav-tabs .nav-link:focus,.ranking-nav .nav-tabs .nav-link:hover{border:none;}
.ranking-title{color:#f9a006;font-size:28px;text-align:center;margin-top:25px;font-weight:700;}
.ranking-subtitle{color:#f9a006;font-size:24px;text-align:center;font-weight:700;}
.ranking-section{width:80%;margin:0 auto;}
.ranking-col{display:flex;align-items:center;justify-content:space-between;background:#5b150d;border-radius:20px;color:#fff;width:38%;margin:0 auto;margin-top:15px;height:36px;}
.rank-col-1{color:#fff;}
.rank-col-2{padding:0px 30px;color:#fff;}
.rank-col-3{color:#fff;}
.rank-col-1:hover,.rank-col-2:hover,.rank-col-3:hover{color:#000;text-decoration:none;}
.rank-col-1 span{border-right:1px solid #fff;padding:0px 30px;}
.rank-col-2 span{}
.rank-col-3 span{border-left:1px solid #fff;padding:0px 30px;}
.ranking-list{width:31%;margin:25px auto;text-align:center;margin-bottom:0;}
.rank-row{display:grid;grid-template-columns:25% 75%;}
.rank-row img{margin:0 auto;}
.rank-1 span,.rank-2 span,.rank-3 span{padding:20px 40px;border-bottom:1px solid #000;}
.rank-row span{padding:13px 10px;border-bottom:1px solid #000;}
.rank-row div{text-align:center;place-self:center;}
.btn-more-details{background:url(../images/common/ranking/btn-ranking.png)no-repeat center;text-align:center;height:51px;display:block;max-width:145px;margin:25px auto;color:#000;line-height:51px;}
.btn-more-details:hover{text-decoration:none;filter:drop-shadow(0px 0px 10px rgb(255, 218, 95));transition:all 0.5s;color:#000;}
.ranking-top{text-align:center;position:absolute;width:30%;top:189px;left:36.6%;margin:0 auto;}
.ranking-top span{display:block;}
.ranking-top-title{font-size:22px;font-weight:500;}
.ranking-center-title{font-size:37px;font-weight:800;margin-top:17px;color:#ffc600;text-shadow:1px 1px 9px #000;}
.ranking-bottom-title{font-size:22px;color:#ffc600;margin-top:19px;}
.info-center{padding-top:50px;padding-bottom:50px;background:#000 url(../images/common/bg-content-sp.jpg) no-repeat;}
.info-wrapper{border: 1px solid #f2e163;padding:20px 49px;background:#0000006b;}
.info-wrapper h3{border-bottom: 2px solid #f2e163;width:35%;padding:10px;margin-bottom:30px;}
button.btn-tnc{background:#ffd05e;width:100%;text-align:left;font-size:15px;padding:7px 15px;color:#000;font-weight:600;border:1px solid #7f6610;border-radius:5px;}
button.btn-tnc.collapsed{background:#131313;color:#fff;font-weight:400;}
button.btn-tnc:focus{outline:none;}
.tnc-card{margin-bottom:10px;}
.tnc-body{background:rgba(0, 0, 0, 0.3);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;}
.btn-balance{border:1px solid #ffd65b;border-radius:20px;background:none;color:#ffd65b;padding:5px 20px;font-size:13px;}
.btn-balance:hover{color:#000;background:#fed24f;}
.balance-col .dropdown-item{display:block;width:100%;padding:3px 20px;clear:both;font-weight:400;line-height:1.5;color:#373a3c;text-align:inherit;white-space:nowrap;background:0 0;border:0;}
.dropdown-menu-balance{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:250px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;border:1px solid #ffd65b;list-style:none;background-color:#171717;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
.dropdown-menu-balance .clearfix{display:grid;grid-template-columns:repeat(2, 1fr);color:#ffd65b;padding:5px;}
.dropdown-menu-balance .clearfix:hover{background:#91919185;cursor:pointer;}
.balance-col .dropdown-menu a{padding:7px 15px !important;color:#fff !important;cursor:pointer;}
.balance-col .dropdown-menu a:hover{padding:7px 15px !important;color:#000000 !important;}
.balance-col .remaining{text-align:center;}


.header-af-right{width:70%;}




.login_bar{display:flex;justify-content:space-between;align-items:center;}
.profile_main{display:grid;grid-template-columns:repeat(3, 1fr);color:#858585;grid-column-gap:5px;}
.profile_main_title{color:#6a8cb0;}
.profile_main_bg{background-color:#e2e2e2;padding:20px;}
.bank_details_content{display:flex;align-items:center;}
.deposit_btn{background:linear-gradient(to bottom, #f1e767 0%, #805a23 0%, #c28b2b 15%, #eaca7e 35%, #c28b2b 54%, #eec95b 83%, #c28b2b 100%);color:#000;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.deposit_btn a{color:#000;}
.logout_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;}
.btmtools_after{display:flex;justify-content:space-between;align-items:center;color:#6d6d6d;font-size:12px;padding:5px 10px 0;float:right;}
.log-group a{color:#6d6d6d;}
.three_dot{font-size:10px;}
.msg_head{font-size:20px;color:#cd9c41;}
.about-us-header,.contact-us-header{background:#efefef;padding:5px 0 5px 15px;font-weight:bold;font-size:18px;}
.contact-us-header_inner{margin:50px 0;}
.contact_dotted{border-right:1px dotted;}
.about-us-p{padding:10px;}
.function{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.afterlogin_bg{background:#000 url(../images/common/bg-content-sp.jpg) no-repeat;display:-webkit-box;padding-top: 35px;}
.profilebox{background-color:#ffffff;height:89px;padding:14px;margin-bottom:20px;}
.profileinfo{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;}
.profile_icon{display:grid;grid-template-columns:auto auto;align-items:center;padding:0 10px;}
.wallet_custom{border-left:1px dotted #505050;padding-left:20px;}
.profile_rank{color:#cd9c41;}
.wallet_bal{color:#cd9c41;}
.sidepanel{margin:0;padding:0;width:17%;float:left;border-bottom:none;}
.sidepanel ul{list-style-type:none;text-align:center;padding:0;}
.sidepanel ul li{margin-bottom:-1px;}
.sidepanel ul li a{display:flex;text-align:center;text-decoration:none;font-size:13px;margin:0px;line-height:initial;align-items:center;justify-content:left;word-break:break-all;padding:10px;color:#fff;padding:16px;background:#171717;border:1px solid #ffd65b;}
.sidepanel ul li:last-child a{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.sidepanel ul li.active a{background:#232323;color:#ffd65b;}
.sidepanel_icon_white{display:none;}
.sidepanel ul li.active a .sidepanel_icon_white{display:block;filter:invert(1);}
.sidepanel ul li.active a .sidepanel_icon_color{display:none;}
.sidepanel ul li a img{margin-right:5px;width:24px;}
.sidepanel_content{display:block;margin-left:20%;border-radius:10px;background:#0f0f0f;color:#ffffff;border:1px solid #ffd65b;min-height:300px;}
.sidepanel_header{padding:20px;color:#ffffff;border-bottom:1px solid #ffd65b;}
.setting_text{color:#cd9c41;}
.title_text{display:flex;padding-left:50px;align-items:center;}
.title_text02{display:flex;padding-left:50px;align-items:unset;}
.nav-pills.afterlogin .nav-link.active,.nav-pills.afterlogin .show>.nav-link{color:#fff;background-color:#ffffff;border:1px solid #ecc659;background-image:url(../images/afterlogin/deposit/tContent_depositContent_largeActive.png);background-position:center;background-repeat:no-repeat;padding:0;margin:8px 0px;}
.nav-pills.afterlogin .nav-link{color:#fff;background-color:#ffffff;padding:0;margin:8px 0px;border:1px solid #bbbbbb;}
.ori_img{display:none;}
.nav-pills.afterlogin .nav-link.active .ori_img{display:block;}
.nav-pills.afterlogin .nav-link.active .grey_img{display:none;}
.bank_select{display:flex;justify-content:left;width:500px;font-size:12px;}
.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;}
.nav-pills.afterlogin_bank .nav-link.active,.nav-pills.afterlogin_bank .show>.nav-link{color:#fff;background-color:#ffffff00;background-image:url(../images/afterlogin/deposit/tContent_depositContent_smallActive.png);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;}
.inputDeposit{border:1px solid silver;background-color:#fff;color:#999;border-radius:4px;display:flex;align-items:center;height:40px;width:300px;}
.maxLimit{color:red;}
.depositBtn{width:80px;height:40px;background-image:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-moz-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-ms-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:-o-linear-gradient(top, #f4f3f3, #e6e6e6);background-image:linear-gradient(top, #f4f3f3, #e6e6e6);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-clip:padding-box;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid silver;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#858585;font-size:14px;}
.submit_btn{margin-top:10px;border-radius:4px;width:188px;height:40px;background:-moz-linear-gradient(top, #0062c9 0%, #003679 102%);background:linear-gradient(to bottom, #f1e767 0%, #805a23 0%, #c28b2b 15%, #eaca7e 35%, #c28b2b 54%, #eec95b 83%, #c28b2b 100%);color:#000;cursor:pointer;font-size:inherit;border:none;}
.upload_btn{margin-top:10px;border-radius:4px;width:188px;height:40px;background:#0062c9;background:-moz-linear-gradient(top, #f4f3f3 0%, #e6e6e6 102%);background:-webkit-linear-gradient(top, #f4f3f3, #e6e6e6);background:linear-gradient(to bottom, #f4f3f3 0%, #e6e6e6 102%);color:#858585;cursor:pointer;font-size:inherit;border:1px solid #e6e6e6;}
.bank_details_copy{background:linear-gradient(to bottom, #f1e767 0%, #805a23 0%, #c28b2b 15%, #eaca7e 35%, #c28b2b 54%, #eec95b 83%, #c28b2b 100%);color:black;display:flex;align-items:center;border-radius:4px;border:1px solid silver;width:250px;height:30px;justify-content:center;}
.tab-pane-bank{margin-left:auto;margin-right:0;}
.important-notice{background:#eeeeee;padding:20px 20px 20px 20px;margin:20px;font-size:12px;height:fit-content;}
.important-notice-title{color:#000000;}
.important-notice-content{color:#858585;}
.important-notice-content ol{padding:0;}
.exchangeIcon{color:#999;display:flex;align-items:center;}
.weekly{background:#E2E2E2;padding:10px;margin-left:auto;margin-right:0;color:#000;display:flex;border-radius:5px;}
.text_title_transfer{color:#bfbfbf;}
.transfer_game_main{font-size:12px;}
.transfer_box{display:flex;border:1px solid #e2e2e2;background-color:#fff;color:#000000;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;}
.transfer_box_sec{color:#000000;padding:0 2px;background-color:#E2E2E2;display:flex;min-height:27px;align-items:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.transfer_btn{height:22px;width:64px;border:1px solid #cd9c41;color:#cd9c41;background:none;border-radius:5px;}
.transfer_btn:hover{background:#cd9c41;color:#fff;}
.text-blue{color:#cd9c41;}
.withdrawal table{border-collapse:collapse;width:100%;color:#000000;}
.withdrawal table th{border:1px solid #d5d5d5;text-align:center;padding:8px;text-transform:uppercase;color:#000000;background-color:rgba(129, 157, 187, 0.15);}
.withdrawal table td{text-align:left;padding:8px;background:rgba(255, 255, 255, 0.1);border:1px solid #d5d5d5;background-color:#ffffff;}
.withdrawal table td:first-child{text-align:right;}
.history_main{display:flex;align-items:center;}
.history_btn{border:none;padding:5px;background-color:transparent;color:#858585;margin:0 5px;}
.history_btn.active{border:1px solid #cd9c41;border-radius:4px;color:#cd9c41;background:white;padding-left:18px;padding-right:18px;align-items:center;}
.history_table table{width:100%;color:#000;text-align:center;}
.history_table table tr:first-child{background-color:rgba(129, 157, 187, 0.15);}
.history_table table tr td{padding:15px 0;border-bottom:1px solid #d0d0d0;min-width:200px;}
.history_table table tr td i{font-size:20px;}
.history_table table tr th{padding:8px;}
.history_to{color:#000;display:flex;align-items:center;}
.form-control.date_custom{padding:0 10px;}
.inbox_msg_text{color:#cd9c41;cursor:pointer;}
#inbox_msg{color:#fff;}
#inbox_msg .modal-content{border:1px solid #e3b448;background:rgb(255 255 255);color:#000;}
#inbox_msg .modal-header{border:none;}
#inbox_msg .close{color:#e3b448;text-shadow:none;}
.profile_main{display:grid;grid-template-columns:repeat(3, 1fr);color:#858585;grid-column-gap:5px;}
.profile_main_title{color:#6a8cb0;}
.profile_main_bg{background-color:#e2e2e2;padding:20px;}
.bank_details_content{display:flex;align-items:center;}
.deposit_btn{background:#ffd65b;color:#000;font-weight:800;text-transform:uppercase;border:none;border-radius:15px;width:100px;height:30px;font-size:13px;}
.deposit_btn a{color:#000;}
.logout_btn{background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:20px;width:100px;height:30px;font-size:13px;}
.btmtools_after{display:flex;justify-content:space-between;align-items:center;color:#ffd65b;font-size:12px;padding:5px 10px 0;float:right;}
.log-group a{color:#ffd65b;}
.three_dot{font-size:10px;}
.about-us-header,.contact-us-header{background:#efefef;padding:5px 0 5px 15px;font-weight:bold;font-size:18px;}
.contact-us-header_inner{margin:50px 0;}
.contact_dotted{border-right:1px dotted;}
.about-us-p{padding:10px;}
.afterlogin-panel-header{background:#dfb65d;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffd65b;color:#000;}
.sidepanel ul li a i{margin-right:10px;}
.icon-icon32px_deposit{position:relative;}
.inside-title{padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;align-items:center;justify-content:space-between;}
.inside-title i{font-size:30px;}
.inside-title span{font-size:18px;font-weight:700;margin:0 20px;}
.icon-friend{background:#dfb65d;padding:10px;border-radius:5px;font-size:24px;color:#000;text-align:center;display:flex;align-items:center;}
.stepBar{background:#ffc10729;height:10px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:30px;position:relative;margin:50px;}
.stepBar .stepLine{background:#ffd65b;position:absolute;height:100%;border-radius:30px;}
.stepBar .stepLine~div{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;}
.stepBar .stepLine~div.active span{color:#ffd65b;}
.stepBar .stepLine~div span:first-child{margin-top:-40px;}
.stepBar .stepLine~div span:last-child{margin-top:40px;}
.stepBar .stepLine~div span{position:absolute;font-size:12px;color:#666;}
.stepBar .stepLine~div.active:after{background:#ffd65b;}
.stepBar .stepLine~div:after{content:"";width:20px;height:8px;background:#ffd65b;border-radius:20px;}
.subModuleList{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 70px 40px;margin-top:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}
.subModuleList .subModule{-webkit-box-flex:1;-ms-flex:1;flex:1;background:rgba(33, 33, 33, .7);border-radius:15px;overflow:hidden;}
.subModuleList .subModule .subModuleTitle{background:#dfb65d;padding:20px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;}
.subModuleList .subModule .subModuleBody{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.subModuleList .subModule{margin-left:10%;}
.subModuleList .subModule .subModuleBody ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding:0;}
.subModuleList .subModule .subModuleBody ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 10px 30px 10px;width:calc(50% - 20px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:76px;}
.subModuleList .subModule .subModuleBody ul li a{border-radius:30px;border:1px solid #1e85ec;padding:5px;text-align:center;height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(100% - 10px);background:#fff;overflow:hidden;}
.subModuleList .subModule .subModuleBody ul li a img{width:100%;display:block;}
.subModuleList .subModule .subModuleBody ul li a i{font-size:20px;color:#000;}
.subModuleList .subModule .subModuleBody ul li span{font-size:12px;text-align:center;margin-top:5px;}
.subModuleList .subModule .subModuleTitle div span{text-align:center;display:block;}
.subModuleList .subModule .subModuleTitle div span:last-child{color:rgb(255 255 255);font-size:12px;}
.walletModule{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:15px 0 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.walletModule>.walletType .walletBalanceModule{width:47%;margin-right:10px;float:left;margin-top:10px;-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:none;}
.walletModule .walletBalanceModule{background:#232323;border-radius:10px;padding:25px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:calc(50% - 40px);position:relative;}
.walletType{width:100%;}
.icon-spinner11{background:none;border:none;color:#fff;}
.walletModule .icon-icon32px_Main-Wallet{color:#ffd65b;}
.walletModule .icon-icon32px_Sportsbook-Wallet{color:#ffd65b;}
.btn-restore{background:#ffd65b;color:#000;border:none;width:100%;}
.transferModule .inputBox-blue,.transferModule .inputBox-org{width:calc(100% / 2 - 60px);padding:10px 20px;margin:0;z-index:2;display:block;}
.walletTransfer .inputBox,.walletTransfer .inputBox-blue,.walletTransfer .inputBox-org,.walletTransfer .inputBox-white{float:left;width:calc(100% - 161px);margin-right:10px;}
.inputBox-org{background:0 0;border:1px solid #ffd65b;color:#ffd65b;}
.transferModule .inputBox-blue,.transferModule .inputBox-org{width:calc(100% / 2 - 60px);padding:10px 20px;margin:0;z-index:2;display:block;}
.inputBox-blue{border:1px solid #1e85ec;}
.inputBox,.inputBox-blue,.inputBox-org,.inputBox-white{width:calc(100% - 22px);border-radius:20px;position:relative;margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;z-index:1;}
.walletTransfer{width:100%;background:#232323;padding:25px;border-radius:10px;}
.inputModuleRow{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;position:relative;align-items:center;margin-top:43px;}
.walletTransfer .inputBox,.walletTransfer .inputBox-blue,.walletTransfer .inputBox-org,.walletTransfer .inputBox-white{float:left;width:calc(100% - 161px);margin-right:10px;}
.inputBox-white{background:#fff;}
.btnGroup a.btn-check,.btnGroup a.orange,.btnGroup button.btn-check,.btnGroup button.orange{background:#ffd65b;color:#000;border:none;}
.btnGroup a,.btnGroup button{padding:10px;border-radius:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 5px;}
.inputBox-white input{background:none;width:100%;border:none;}
.walletTransferBox{width:100%;display:grid;}
.walletTransferBox span{display:block;margin-left:10px;margin-bottom:10px;}
.walletBalanceModule i{margin-right:10px;}
.addBank .addBankName.noBank{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;cursor:pointer;min-height:55px;}
.addBank .addBankName:hover{background:#ffd65b;color:#000;}
.addBank .addBankName{width:100%;border:1px solid #ffd65b;border-radius:15px;padding:20px;margin-bottom:15px;margin-right:10px;}
.addBank{width:calc(100% / 3);}
.addBank+div.subModuleList .subModuleBody{height:calc(100% - 40px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;}
.addBank+div.subModuleList .subModuleBody>div.calculation{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
.addBank+div.subModuleList .subModuleBody>div{display:-webkit-box;display:-ms-flexbox;display:flex;}
.calculation{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;}
.calculation>div:nth-child(odd){background:#333;flex:10;height:94px;}
.calculation>div{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-radius:10px;word-break:break-all;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.calculation>div div:first-child{color:#ffd65b;word-break:break-word;}
.calculation>div span{color:#c99f53;margin-left:5px;}
input[type=date].form-control{background:white;border:1px solid #ffd65b;color:#000000;border-radius:20px;width:95%;}
.breadcrumb{background:#232323;padding:15px;width:100%;border-radius:36px;color:#ffd65b;}
.breadcrumb ul{list-style:none;padding:0;margin:0;}
.statement{margin-top:15px;width:100%;}
.statement_date{width:30% !important;}
.statement>div:last-child{border-radius:0 0 10px 10px;}
.statement>div:first-child{background:#134dae;border-radius:10px 10px 0 0;}
.statement>div:nth-child(odd){background:#ffd65b;}
.statement>div{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;}
.statement>div:first-child div{border-color:transparent;color:#000;line-height:unset;}
.statement>div div{border-right:1px solid #b2b2b2;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize;min-height:50px;word-break:break-all;}
.profile{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:700px;margin:60px auto 60px;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.profile>div:nth-child(odd){margin-right:20px;}
.profile>div:nth-child(even){margin-left:20px;}
.profile>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 20px);flex:0 0 calc(50% - 20px);line-height:35px;}
.profile>div div:first-child{color:#ffd65b;}
.profile>div div{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.accountName{color:#ffd65b;}
.accountName span{color:#fff;margin-left:10px;}
.changePassWord{width:80%;margin:5% auto;}
.password-text{color:#cc9b41;width:30%;}
.inbox-table{margin-top:30px;}
.inbox-table table{margin:0 auto;width:80%;}
.inbox-table table th{border:1px solid #ffd65b;padding:10px;text-align:center;background:#ffd65b;color:#000;}
.inbox-table table td{border:1px solid #ffd65b;padding:5px;text-align:center;}
.languageToggle{cursor:pointer;}
.languageToggle img{max-width:29px;border-radius:50%;}
.languageToggle i{font-size:10px;vertical-align:sub;margin-left:5px;color:#fff;}
.lang-btn{border:none;padding:none;}
.dropdown-menu.language{padding:0;background:rgba(0, 0, 0, 0.7);min-width:auto;border:none;left:2px !important;}
.dropdown-item:focus,.dropdown-item:hover{background-color:#f1c977;border-radius:0;}
.dropdown-toggle::after{display:none;}
#inbox_msg{color:#000;}
.downloadTab{padding:20px 0;}
.downloadTab .nav-pills .nav-link{background:#00000087;margin-bottom:5px;height:50px;color: #f3e062;border: 1px solid #f3e062;align-items:center;border-radius:0;display:flex;}
.downloadTab .nav-pills .nav-link.active,.downloadTab .nav-pills .nav-link:hover{background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);color:#000;color:#000;}
.downloadbody{text-align:center;margin-bottom:35px;}
.downloadbox{text-align:center;width:23%;margin:0 5px;display:inline-block;height:150px;}
.ndl-btn{background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);color: #000000;font-size:13px;padding:5px 10px;font-weight:700;border-radius:30px;display:block;margin:auto;margin-top:10px;border: none;width:55%;}
.ndl-btn:hover,.ndl-btn:focus{color:#000000;}
.adl-btn{background:linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%);color:#001c3c;font-size:13px;padding:5px 10px;font-weight:700;border-radius:30px;display:block;margin:auto;margin-top:10px;width:55%;}
.adl-btn:hover,.adl-btn:focus{color:#406794;}
.dl{max-width:600px;margin:auto;}
.dl table{border-collapse:collapse;width:100%;font-size:12px;}
.dl table th{border: 1px solid #f3e062;text-align:center;padding:8px;background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);color:#000;text-transform:uppercase;font-weight:500;}
.dl table td{text-align:left;padding:8px;background:none;border:1px solid #d2b16e;color:#ffffff;}
.dl table td .ndl-btn{margin:0 auto;}
.dl .username_custom{color:#d2b16e;}
.downloadboxContent{padding:15px;border:1px solid #d2b16e;background:rgba(129, 157, 187, 0.15);}
.downloadbox img{max-width:150px;}
.dropdown-item{padding:5px;}
.input-voucher{margin-right:10px;}
/*** Promotion Modal ***/.modal-dialog.modal-promo{max-width:1000px;background:#fff;min-height:616px;}
#details button.close{margin-top:-23px;color:#000;opacity:1;}
.promo-body{padding:30px;color:#000;}
.top-bar-promo{background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);border-bottom:none;height:40px;margin:-30px -30px 0 -30px;}
.promo-body h3{font-size:24px;color:#f15b5c;padding:13px 0 8px 0;border-bottom:1px dotted #3293b4;}
.exp-promo-box{background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);color:#000;padding:11px 15px;text-align:center;}
.point-promo{padding:15px 0;}
.promo-general-table{margin-bottom:25px;}
.promo-general-table th{background:#3293b4;color:#fff;text-align:center;padding:7px 0;}
.promo-general-table td{padding:7px 0;border:1px solid #fff;}
.promo-general-table tr:nth-child(even){background:#e9f1f4}
.promo-general-table tr:nth-child(odd){background:#deeaee}
.rules-box{text-align:center;padding-top:10px;}
.rules-btn{display:inline-block;background:#ffcc00;color:#000;font-size:15px;box-shadow:inset 0px 1px 4px 0px rgba(255, 255, 255, 0.77);text-transform:uppercase;font-weight:500;padding:8px 38px;border-radius:6px;margin:auto 5px;}
.rules-btn:hover{box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.33);color:#000;}
.rules-btn:focus{color:#000;}
.promo-body h4{font-size:19px;color:#f15b5c;}
.rollth{border:1px solid #fff;}
/******************AF******************/.deposit-content{max-width:92%;margin:0 auto;padding-bottom:20px;}
.nav-top>li.active>a img{filter:brightness(0) invert(1);}
.nav.nav-top>li>a p{padding:5px 0px 0px 0px;}
.nav-top>li.active>a img{filter:brightness(0) invert(1);}
.nav-top2>li.active>a img{filter:brightness(0) invert(1);}
.nav.nav-top>li>a p{padding:5px 0px 0px 0px;font-size:10px;text-transform:uppercase;}
.form-page{margin:auto;text-align:center;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:10px;grid-row-gap:10px;}
.form-page label{margin:0px 5px;display:inline-block;}
.image-choice [type=radio]{position:absolute;opacity:0;border-radius:300px;}
.image-choice [type=radio]+img{cursor:pointer;border:1px solid #31b1f8;border-radius:6px;padding:8px;max-width:100%;}
.image-choice [type=radio]:checked+img{border-radius:5px;padding:8px;border:none;filter:grayscale(0);color:#ffffff;background:linear-gradient(to bottom, #6dfefd 0%, #465dcd 100%);}
.image-choice [type=radio]:checked~p:after{color:#ff731f !important;}
.image-choice [type=radio]:checked~p{color:#ffffff;}
.image-choice [type=radio]:checked~p{color:#00becb;}
.bank-ul ul li a{text-align:center;background:#232323;color:#fff;padding:10px 30px;margin:0px 15px;border:1px solid #ff7923;border-radius:5px;}
.bank-ul ul li{list-style:none;display:block;}
.bank-ul ul{display:flex;justify-content:center;padding:0px;margin:0px;}
.bank-ul{display:block;margin-bottom:40px;margin-top:10px;}
.col-2{font-weight:bold;width:20%;float:left;}
.bnk-flg{}
.bank-ul ul li a.active{background:#ff7923;border:1px solid #fff;}
.bank-ul ul li a:hover{background:#ff7923;border:1px solid #fff;}

.bnk-flg p{padding-top:5px;margin:0px;text-align:center;}
.btn-all{background:#ff7923;text-align:center;margin-right:11px;margin-bottom:5px;color:#fff;border:none;}
.bank-tab ul li{text-align:center;list-style:none;}
.bank-tab ul{justify-content:center;margin:0px;padding:0px;display:flex;}
.bank-tab ul li a{background:#434343;margin:5px;padding:7px 5px;color:#fff;border:1px solid #fff;border-radius:5px;display:block;}
.bank-tab{margin-top:20px;}
.bank-tab ul li a.active{background:#ff7923;color:#fff;}
#menumini{background-image:url(../images/common/menu-mini.png);position:relative;}
#menumega{background-image:url(../images/common/mobile-menu-slot-mega.png);}
#menumini img{position:absolute !important;right:25px !important;z-index:1 !important;width:35px !important;top:17px !important;left:auto !important;}
.btn-top3{display:flex;margin-bottom:20px;margin-top:10px;}
.btn-top3 a{display:flex;padding:5px 12px;border-radius:5px;background:#171717;color:#fff;font-weight:bold;font-size:14px;text-align:center;width:50%;border-bottom:3px solid transparent;border-radius:0;justify-content:center;align-items:center;}
.btn-top3 a.active{background:#1e1e1e;color:#ffd65b;border-bottom:3px solid #ffd65b;}
.btn-top3 a:hover{background:#1e1e1e;color:#ffd65b;border-bottom:3px solid #ffd65b;}
.form-group label{color:#fff;text-transform:uppercase;}
.form-group{margin-bottom:1.2em;}
.form-group label{color:#ffffff;width:100%;}
input.form-control{width:48%;border-radius:5px;padding:10px 25px;font-size:14px;height:40px;}
input.form-control{background:#ffffff;}
.box-amount ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;grid-gap:10 px;padding-left:0;}
.btn-bank{padding:9px 10px;border-radius:8px;font-size:14px;color:#fff;width:100%;border:none;background:#171717;border-bottom:3px solid transparent;border-radius:0;justify-content:center;align-items:center;height:55px;}
.btn-bank img{max-width:100px;}
.btn-bank.active{filter:grayscale(0);background:#1e1e1e;color:#ffd65b;border-bottom:3px solid #ffd65b;}
.btn-bank:hover{background:#1e1e1e;color:#ffd65b;border-bottom:3px solid #ffd65b;}
.box-amount ul li:first-child{margin-left:0px;}
.box-amount ul li{margin-left:7px;}
input.form-control{width:100%;border-radius:0;padding:7px 18px;font-size:14px;height:37px;border:none;background:#fff;border-radius:10px;color:#000;}
.box-amount2 ul li:first-child{margin-left:0px;}
.box-amount2 ul li{}
.box-amount2 ul{display:grid;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:5px;grid-row-gap:5px;padding-left:0;}
.depo-1{background:#31b1f8 url(../images/prov/prov-1.png)no-repeat center;}
.depo-2{background:#31b1f8 url(../images/prov/prov-2.png)no-repeat center;}
.depo-3{background:#31b1f8 url(../images/prov/prov-3.png)no-repeat center;}
.depo-4{background:#31b1f8 url(../images/prov/prov-4.png)no-repeat center;}
.btn-amt{padding:9px 0px;border-radius:0;font-size:14px;color:#ffffff;background:#171717;width:100%;border:none;border-bottom:2px solid transparent;}
.box-amount3 ul{align-items:center;align-content:stretch;padding-top:10px;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:10px;grid-row-gap:10px;padding-left:0;}
.box-amount3 ul li{margin-top:0px;width:100%;}
.box-amount3 ul li:first-child{margin-left:0px;}
.box-amount3 ul li:nth-child(4n+1){margin-left:0px;}
.btn-amt:hover{background:#1e1e1e;color:#ffd65b;border-bottom:2px solid #ffd65b;}
.btn-amt.active{background:#687dad;color:#fff;}
.af-date{display:flex;}
.af-date .form-control{width:45%;border-radius:0;padding:10px 25px;font-size:14px;height:40px;margin-top:5px;margin-right:10px;background:#171717;color:#ffd65b;border-bottom:2px solid #ffd65b;}
.af-date .date-2{width:30%;border-radius:0;font-size:14px;height:40px;margin-top:5px;margin-right:10px;border:none;border-bottom:3px solid #ffd65b;}
.af-date .date-3{width:30%;border-radius:0;padding:10px 25px;font-size:14px;height:40px;margin-top:5px;border:none;margin-right:0px;border-bottom:3px solid #ffd65b;}
select.form-control{width:100%;border-radius:0;padding:10px 25px;font-size:14px;height:40px;margin-top:5px;border:none;border-bottom:3px solid #ffd65b;background:#121212;}
.upload-file{display:flex;position:relative;}
.custom-file-input{position:absolute;z-index:2;margin:0;opacity:0;cursor:pointer;}
.btn-file{background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);color:#fff;border:1px solid #ffd65b;color:#000;padding:5px 20px;height:40px;top:6px;font-weight:700;position:relative;margin-left:10px;border-radius:5px;border:none;}
.btn-submt{width:50%;background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);color:#fff;border:1px solid transparent;border-radius:5px;font-size:19px;padding:7px 25px;display:block;margin:0px auto;}
.btn-submt:hover{background:linear-gradient(to right, #d6ac5c 0%, #9d6f35 100%);border:none;color:#000000;}
.dropdown-menu ul li:first-child{margin-top:10px;}
.dropdown-menu ul li{display:inline-block;list-style:none;width:100%;padding:0px 10px;cursor:pointer;}
.prov-name{margin-left:0px;font-size:13px;float:left;padding-top:3px;}
.btn-bank2{padding:6px 0px;border-radius:8px;font-size:14px;color:#fff;border:none;width:100%;height:55px;}
.box-amount2 ul li:nth-child(3n+1){}
.form-control::-webkit-input-placeholder{color:#000;}
.form-control::-moz-placeholder{color:#000;}
.form-control:-ms-input-placeholder{color:#000;}
.form-control:-moz-placeholder{color:#000;}
/**********Footer**************/.footer-tp{background:#000000;}
.tp-footer ul{display:flex;justify-content:center;margin:0px;}
.tp-footer ul li{display:flex;flex-direction:column;align-items:center;}
.tp-footer ul li{margin: 30px 60px;}
.tp-footer ul li h5{color:#dfb65d;margin:10px 0px;}
.tp-footer ul li a{color:#fff;margin-bottom:10px;}
.tp-footer ul li a img {margin-right: 4px;}
.footer-prov{background:#121212;}
.img-prov{display:flex;padding:40px 0px;}
.img-prov img{display:block;margin:0px auto;}
.footer-mn{background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);}
.menu-footer ul{display:flex;padding:10px 0px;align-items:center;justify-content:center;margin:0px;}
.menu-footer ul li a{padding:0px 20px;color:#000;}
.social-box ul li{}
.social-box ul{display:flex;justify-content:center;align-items:center;margin:0px;}
.social-box ul li{margin:20px;}
.social-box{background:#000;}
.menu-footer ul li a:hover{color: #850;text-decoration:none;}
.cony-text{text-align:center;font-size:12px;padding:15px 0px;}
.social-box ul li a:hover img{filter:drop-shadow(0px 0px 2px #fff);}
a.dd-item img{height:24px;}
.dropdown-menu{background:#000000d1;text-align:center;right:0px;left:auto;color:#fff;width:255px;}
.dropdown-menu a{color:#fff;text-decoration:none;}
.lang-btn:hover{color:#fff;}
.inner-content{padding:40px 0px;}
.lobby-in ul{display:flex;margin: 0px;}
.lobby-in ul li a{display:flex;flex-direction:column;align-items:center;}
.btn-ply{background:url(../images/common/btn-ply.png);width:134px;height:41px;color:#000;display:flex;justify-content:center;align-items:center;font-weight:bold;margin-top: 30px;}
.slots-wrapper a:hover .btn-ply{color:#f5d587;background:url("../images/common/btn-ply-hvr.png");text-decoration:none;}
.lobby-in ul li a:hover .btn-ply{color:#f5d587;background:url("../images/common/btn-ply-hvr.png");text-decoration:none;}
.lobby-in ul li a:hover{text-decoration:none;}
.lobby-in ul li a img {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.lobby-in ul li a:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
/**********/
h4.ttl-cs {font-size: 30px;color: #dfb65d;font-weight: bold;}
.bg-casino .inner-content{position:absolute;top:0px;left:0px;right:0px;margin:auto;}
.slots-sec{height:1143px;padding:0px 0;margin-bottom:-400px;overflow:hidden;}
.slots-charac{position:relative;top:7px;}
.slots-charac img{width:580px;}
.slots-wrapper{z-index:2;position:relative;}
.slots-wrapper a{display:flex;flex-direction:column;width:auto;padding:16px 0;z-index:1;border-radius:15px;align-items:center;}
.slots-wrapper a:hover, .slots-wrapper .slots-box.actives a{text-decoration:none;}
.rows1{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;margin:15px 0;}
.rows2{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;max-width:520px;margin:auto;}
.slots-box{position:relative;}
.slots-wrapper a img {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.slots-wrapper a:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.tech-circle{width:579px;height:579px;position:absolute;right:-50px;}
.scroll-img{position:absolute;top:362px;left:-300px;-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;}
.lobby-slt ul{display:grid;grid-template-columns:repeat(7,1fr);padding: 0px;}
.btn-slot{width:91px;height:87px;transform: scale(1);transition: all 0.3s ease-in-out;background-repeat: no-repeat !important;
    background-size: cover!important;}
.lobby-slt ul li a:hover .btn-slot {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.lobby-slt ul li a{display:flex;flex-direction:column;align-items:center;text-transform:uppercase;color:#fff;font-size:16px;}
.btn-ttl{margin-top:10px;text-align:center;}
.lobby-slt ul li a:hover{color:#dfa839;text-decoration:none;}
.lobby-slt ul li a.active{color:#dfa839;text-decoration:none;}
.btn-sp{background:url("../images/common/slt-sp.png")}
.btn-sp:hover{background:url("../images/common/slt-sp-hvr.png")}
.active .btn-sp{background:url("../images/common/slt-sp-hvr.png")}
.btn-ag{background:url("../images/common/slt-ag.png")}
.btn-ag:hover{background:url("../images/common/slt-ag-hvr.png")}
.active .btn-ag{background:url("../images/common/slt-ag-hvr.png")}
.btn-pg{background:url("../images/common/slt-png.png")}
.btn-pg:hover{background:url("../images/common/slt-png-hvr.png")}
.active .btn-pg{background:url("../images/common/slt-png-hvr.png")}
.btn-pt{background:url("../images/common/slt-pt.png")}
.btn-pt:hover{background:url("../images/common/slt-pt-hvr.png")}
.active .btn-pt{background:url("../images/common/slt-pt-hvr.png")}
.btn-mg{background:url("../images/common/slt-mg.png")}
.btn-mg:hover{background:url("../images/common/slt-mg-hvr.png")}
.active .btn-mg{background:url("../images/common/slt-mg-hvr.png")}
.btn-pp{background:url("../images/common/slt-pp.png")}
.btn-pp:hover{background:url("../images/common/slt-pp-hvr.png")}
.active .btn-pp{background:url("../images/common/slt-pp-hvr.png")}
.btn-dt{background:url("../images/common/slt-dt.png")}
.btn-dt:hover{background:url("../images/common/slt-dt-hvr.png")}
.active .btn-dt{background:url("../images/common/slt-dt-hvr.png")}
.btn-fc{background:url("../images/common/slots-fachai-normal.png")}
.btn-fc:hover{background:url("../images/common/slots-fachai-hover.png")}
.active .btn-fc{background:url("../images/common/slots-fachai-hover.png")}
.btn-jili{background:url("../images/common/slots-jili-normal.png")}
.btn-jili:hover{background:url("../images/common/slots-jili-hover.png")}
.active .btn-jili{background:url("../images/common/slots-jili-hover.png")}
.btn-ygr{background:url("../images/common/slots-ygr-normal.png")}
.btn-ygr:hover{background:url("../images/common/slots-ygr-hover.png")}
.active .btn-ygr{background:url("../images/common/slots-ygr-hover.png")}
.lobby-slt-game ul{display:grid;grid-template-columns:repeat(5,10fr);gap:10px;margin-top: 30px;padding: 0px;}
.lobby-slt-game ul li{background:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 32%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);}
.slt-info{padding:15px 10px;}
.gm-nm{margin-bottom:10px;color:#fff;}
.in-oly{display:flex;justify-content:space-between;}
.btn-ply-in{border:none;font-size:15px;background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);color: #000;padding:5px 5px;}
.btn-ply-fun{background:#dfb65d;border:none;font-size:15px;color:#000;padding:5px 5px;}
.btn-ply-in:hover{background:linear-gradient(to bottom, rgba(40,26,4,1) 0%, rgba(167,118,38,1) 100%);text-decoration:none;}
.lobby-slt-game ul li a{}
.btn-ply-fun:hover{background:#e6b240;}
.blog-wrapper{max-width:1000px;margin:0 auto;margin-bottom:20px;}
.blog-title-box{padding:5px;border-bottom:1px solid #fff;}
 .blog-title-box i{font-size:28px;color:#cc9936;margin-left:10px;margin-right:10px;}
.blog-boxer{display:grid;grid-template-columns:40% 60%;cursor:pointer;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;margin:25px 0;grid-gap:10px;}
 .blog-boxer h4{color:#cc9936;font-weight:600;font-size:26px;}
.blog-time-title{color:#cc9936;}
 .blog-time-title p i{margin-right:10px;}
.blog-content{color:#ffffff;margin-bottom:15px;padding-left:30px;padding-right:30px;}
.blog-boxer .moreinfo_btn{display:flex;align-items:center;width:141px;padding:5px;padding-left:10px;padding-right:10px;border-radius:15px;background:#dfb65d;color:#000;}
 .blog-boxer .moreinfo_btn:hover{color:#fff;background:#775e1b;}
.blog-boxer_inner{display:grid;padding-bottom:10px;}
.blog-boxer .moreinfo_btn i{background:#fff;color:#000000;border-radius:50%;margin-left:10px;width:15px;height:15px;padding:2px;padding-left:5px;}
.seperate-line{height:5px;width:80%;margin:0 auto;background:#f2f2f2;border-radius:10px;}
.blg-content{padding-top:20px;}
.blog-content p{font-weight:700;}
.btn-afbtn2{background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);border-radius:10px;padding:9px 10px;margin-right:10px;color: #000;min-width:120px;}
.btn-afbtn2:hover{color:#fff;text-decoration:none;}
.dropdown-menu ul li:first-child{margin-top:10px;}
 .dropdown-menu ul li{display:inline-block;list-style:none;width:100%;padding:0px 10px;cursor:pointer;}
.prov-name{margin-left:0px;font-size:13px;float:left;padding-top:3px;}
li{}
.am-prov{text-align:right;float:right;display:flex;position:relative;top:-2px;}
.btn-in{padding:3px 6px;font-size:12px;background:#7ab529;margin-left:8px;color:#fff;border:none;}
.prov-out{margin-left:8px;}
.btn-out{padding:3px 5px;font-size:12px;background:#b5171d;color:#fff;border:none;}
.am-prov .prov-in{width:auto;}
.prov-am{padding-top:14px;font-size:13px;line-height:0px;}
.drop-menu ul li:first-child{background:none;border:none;padding:0px;}
.drop-menu ul li a{text-align:center;display:block;font-weight:bold;font-size:14px;padding:5px 0px;}
.dropdown-menu2{min-width:115px !important;left:6px;}
.drop-menu ul li{padding:0px;}
.drop-menu ul li a:hover{background:#a78cc1;color:#fff;}
.drop-menu ul{}
.drop-menu ul li:last-child a:hover{border-radius:0px 0px 6px 6px;}
.drop-menu ul li:first-child a:hover{border-radius:6px 6px 0px 0px;}
.drop-in ul{margin:0px;padding:0px;}
/******Contact********/.contact-bg{background:url("../images/common/bg-contact.jpg");width:1040px;height:506px;border-radius:12px;}
.contact-info{width:581px;position:relative;top:-18px;background:#000000d9;border:1px solid #4c4c4c;border-radius:5px;padding:20px;padding-bottom:0px;}
.contact-info ul{display:flex;flex-direction:column;padding:0px;}
.contact-info ul li{display:flex;justify-content:flex-start;align-items:center;color:#fff;background:linear-gradient(to bottom, rgba(29,29,29,1) 0%, rgba(1,1,1,1) 100%);padding:5px 10px;margin-bottom:10px;}
.contact-wrap{display:flex;}
.contact-girl{margin-left:-60px;z-index:1;}
.contact-ttl{font-weight:bold;margin:20px;}
.contact-all{padding:20px;color:#fff;}
table.vip-all tr:nth-child(odd){background:#CCD2DB;}
table.vip-all tr td:nth-child(1){color:#6984B4;width:30%;text-align:left;padding-left:20px;}
table.vip-all tr td:nth-child(2){color:#C89279;}
table.vip-all tr td:nth-child(3){color:#7F8A9B;}
table.vip-all tr td:nth-child(4){color:#E1AE37;}
table.vip-all tr td:nth-child(5){color:#88A4D4;}
table.vip-all tr td:nth-child(6){color:#C27DFF;}
tr.tr-sp{background:#3F476F !important;color:#fff !important;}
tr.tr-sp td{color:#fff !important;}
.contact-in{display:flex;justify-content:space-between;}
.ico-cont img{height:34px;margin-right:15px;}
.ico-dtl h5{font-size:14px;color:#d99b2d;}
.ico-dtl p{font-size:12px;color:#ffffff;margin:0px !important;}
.contact-info p{color:#c1c1c1;margin-bottom:25px;}
.infoTable tr td{background:rgba(0, 0, 0, 0.4);text-align:center;padding:5px;border:1px solid #dfb65d;}
.infoTable tr th{text-align:center;padding:5px;border:1px solid #dfb65d;background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);color: #000;}
.bank-Subtitle{color:#e49379;}
.rs-in-content ul li{list-style:disc;}



/*********27062021*********/
.time-zone {display: flex;justify-content: flex-end;font-size: 12px;}

/*********15072021*********/
.rebate-in{padding:30px;}
.referral_qr img{display:block;margin:0px auto;height:115px;}
.rabate-date{display:flex;justify-content:flex-start;align-items:center;margin-top:30px;}
.referral_qr{margin-top:26px;}
.rabate-date .form-group{margin:0px 20px;}
.btn-check{background:#ffd65b;color:#000;border-radius:50px;padding:4px 20px;border:none;}
.af-table tr th{background:#ffd65b;color:#000;padding:5px 10px;text-align:center;}
.af-table tr td{padding:5px 10px;border:1px solid #ffd65b;text-align:center;}
.privatemsgTable{margin-top:30px;}
.table-detail tr th{background:linear-gradient(to bottom, rgba(197,156,84,1) 0%, rgba(105,72,14,1) 100%);padding:7px;text-align:center;border:1px solid #856123;}
.table-detail tr td{text-align:center;border:1px solid #856123;padding:5px;}
table.table-detail{width:500px;margin:0px auto;}
.tp-new {display: flex;flex-direction: column;align-items: flex-end;}
.balance-container{display:flex;align-items:center;margin-top: 5px;}
.user-container{margin-top:10px;}
.balance-title{text-align:center;line-height:16px;display: flex;width: 242px;}
.balance-box{width: 170px;margin-left:5px;margin-right:5px;display:flex;align-items:center;color:#fff;}
.coin-balance{display:flex;padding:3px 6px;align-items:center;background: #fff;border-radius:5px;width: 130px;}
.coin-balance img{width:29px;}
.gift-box img{width:66px;}
.balance-text{color: #000000;text-align:center;width:78%;font-weight:600;line-height:21px;}
.member-name{float:left;font-sie:13px;color:#FFFFFF;padding-top:8px;}
.down-l h4{color: #ffe103;font-size:32px;font-weight:100;text-transform:uppercase;font-family:'Lato', sans-serif;text-align:center;}
.mobile-app{display:flex;align-items:center;padding-top:20px;}
.down-l p{font-size:18px;text-align:center;color:#fff;}
.down-r{position:relative;}
.sown-qr{position:absolute;bottom:222px;left:53px;}
.subpage-content2{margin-top:37px;border-radius:5px 5px 0 0;}
span.m-icon{font-size:19px;position:relative;top:-2px;}

.search-bar {
    background: #292929;
    /* padding: 10px; */
    display: flex;
    justify-content: flex-end;
}

input.s-bar {border: none;height: 42px;padding: 10px;}
.btn-search {
    display: flex;
}

button.search-btn {
    border: none;
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    padding: 0px 15px;
}

/******20062022********/
.bg-mini {background: url( "../images/common/mini/Background.jpg") no-repeat top center;padding: 50px 0px !important;}

.wallet-board {
    position: relative;
    background: #000000;
    border: 2px solid #f2e364;
    border-radius: 10px;





    width: auto;
    min-height: 543px;
    background-size: 100% 100%;
    margin-left: -9px;
    padding: 26px 20px 15px;
}
.user-account {
    text-align: center;
    font-size: 16px;
    margin: 15px -8px 0 -8px;
    height: 61px;
    padding: 4px;
    border-bottom: 2px solid #c600ff;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
}
.lvl-vip {
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.75);
}
.menu-account {
    margin: 20px -8px 0 -8px;
}
.menu-account a {
    display: block;
    border-bottom: 1px solid #c600ff;
    color: #bfbfbf;
    padding: 3px 15px 1px;
    font-size: 14px;
    font-weight: 600;
}
.menu-account a:hover, .menu-account a.active  {
    background: #5b018a;
    color: #fff;
}
.menu-account a.btitle {
    color: #fff;
    font-size: 20px;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.9);
    padding: 0px 15px 0;
    margin-top: 12px;
}
.nhv {
    pointer-events: none;
}
.menu-account a:last-child {
    border-bottom: none;
}
.main-wallet-wrapper {
    display: grid;
    grid-template-columns: auto 110px 110px;
    padding: 15px 0;
}
.mw-box {
    font-size: 16px;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.9);
    text-align: right;
    color: #fff;
    padding: 0 15px;
    align-self: center;
    font-weight: 600;
}
.mw-box span {
    box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.57);
    background: #585858;
    text-shadow: none;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 9px;
}
.all-out-btn {
    background: #000;
    width: 100px;
    height: 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0;
    border: 2px solid #c600ff;
    border-radius: 10px;
}
.deposit-btn {
    background: linear-gradient(to bottom, #c28d00 0%, #fff000 100%);
    width: 103px;
    height: 35px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0;
    border: 2px solid #c600ff;
    border-radius: 10px;
}
.all-out-btn:hover, .deposit-btn:hover {
    filter: drop-shadow(0 0 1px rgb(255,255,255,0.9)) brightness(1.05);
    transform: scale(0.98);
}
.all-out-btn:focus, .deposit-btn:focus {
    outline: none;
}
.wallet-provider-wrapper {
    background: #5b018a;
    color: #fff;
    box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.7);
    display: grid;
    grid-template-columns: repeat(6,1fr);
    border-radius: 10px;
    padding: 25px 10px;
    grid-gap: 27px 0;
}
.wp-box {
    cursor: pointer;
}
.wp-box:hover {
    filter: brightness(1.1);
}
.wp-logo {
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    width: 125px;
    height: 62px;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #f2e364;
}
.wp-amount {
    background: #000000;
    color: #fff;
    border: 1px solid #f3df61;
    text-align: center;
    font-size: 13px;
    border-radius: 15px;
    padding: 1px;
    font-weight: 600;
    width: 120px;
    margin: auto;
    margin-top: 4px;
}
.nav-tabs.wallet .nav-link {
    background: #464646;
    width: 100px;
    height: auto;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding: 14px 10px;
    border: none;
    margin-right: 12px;
    border-radius: 10px;
}
.nav-tabs.wallet {
    border-bottom: none;
    margin-bottom: 15px;
}
.nav-tabs.wallet  .nav-item.show .nav-link, .nav-tabs.wallet  .nav-link.active {
    color: #000000;
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
}

/* HIDE RADIO */
.bank-input-wrap label [type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
/* IMAGE STYLES */
.bank-input-wrap label [type=radio] + .bank-type {
    cursor: pointer;
}
.bank-input-wrap label [type=radio] + .bank-type img {
    cursor: pointer;
    /* filter:grayscale(0.8); */
    width: 69px;
}
/* CHECKED STYLES */
.bank-input-wrap label [type=radio]:checked + .bank-type {
    border: 1px solid #f5d95d;
    background: #171717;
    background-position: right bottom;
    transition: none;
}
.bank-input-wrap label [type=radio]:checked + .bank-type img {
    filter:grayscale(0);
}
.bank-input-wrap label .bank-type {
    border: 1px solid #ffffff;
    border-radius: 6px;
    color: #fff;
}
.bank-input-wrap label {
    margin: 0 5px;
    margin-bottom: 0;
    background: #000;
    border-radius: 10px;
}
.bank-input-wrap {
    background: #464646;
    padding: 9px 9px;
    border-radius: 8px;
    box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,0.62);
    width: 470px;
}
.bank-input-wrap.method {
    background: #464646;
    padding: 9px 9px;
    border-radius: 8px;
    box-shadow: inset 0px 1px 5px -1px rgba(0,0,0,0.62);
    width: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank-type {
    display: flex;
    text-align: center;
    font-size: 14px;
    padding: 5px 10px;
    color: #484848;
    font-weight: 600;
    width: 135px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.banking-wrapper {
    padding: 10px 0;
}
.banking-wrapper h5, .dp-field h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.bank-select-wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
    max-width: 650px;   
}
.bank-btn {
    background: none;
    border: none;
    padding: 0;
    border-radius: 6px;
    border: 1px solid transparent;
    width: 153px;
    height: 60px;
}
.bank-btn:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #f2e565;
}
.dropdown-menu.bank {
    background: url("../images/bank-info-board.png")no-repeat top center;
    width: 393px;
    height: 244px;
    border: none;
}
.dp-bank-detail {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 22px 35px;
    background-color: #000;
    border: 1px solid #f1e667;
    border-radius: 10px;
}
.acc-name {
    background: #000000;
    border: 1px solid #f1e465;
    border-radius: 30px;
    padding: 2px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 10px;
}
.depminmax {
    line-height: 1.7;
}
.dp-field {
    margin-bottom: 20px;
    position: relative;
}


input.dp-input {
    height: 35px;
    border-radius: 25px;
    padding: 0px 10px;
    width: 50%;
}

input.date-input {
    height: 35px;
    border-radius: 25px;
    padding: 0px 10px;
}

select.dp-input {
    height: 35px;
    border-radius: 25px;
    padding: 0px 10px;
    width: 50%;
}

.time-input {
    width: 14%;
    height: 35px;
    border-radius: 25px;
    padding: 0px 10px;
}

button.upload-button {
    background: #171717;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #f2e364;
    padding: 0px 10px;
    width: 12%;
    border-radius: 35px;
    height: 30px;
    text-transform: uppercase;
    margin-left: 5px;
}
.upload-btn {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
}
.agree-field {
    color: #fff;
    font-size: 16px;
}
.agree-field input { 
    vertical-align: middle;
}
button.submit-btn {
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    color: #000;
    /* border: 1px solid #c600ff; */
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 24px;
    border-radius: 25px;
}
button.submit-btn:focus {
    box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.65);
    outline: none;
}
button.submit-btn:hover {
    box-shadow: none;
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
}

.remark {
    font-size: 12px;
    padding-left: 10px;
}

.transfer-total-wrapper {
    padding: 15px 0;    
}
.transfer-total-wrapper .mw-box {
    text-align: left;
}
.trans-wallet-wrapper {
    background: #585858;
    color: #fff;
    box-shadow: inset 1px 2px 5px -2px rgba(0,0,0,0.7);
    display: grid;
    grid-template-columns: repeat(6,1fr);
    border-radius: 10px;
    padding: 25px 10px;
    grid-gap: 27px 0;
}
.trans-title {
    color: #fff;
    padding: 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    margin: 4px 0 5px;
    font-weight: 600;
}

.trans-wallet-wrapper label .wp-box img {
    /* filter: grayscale(1); */
    max-width: 100%;
}
.trans-wallet-wrapper label:hover .wp-box img {
    filter: grayscale(0);
    max-width: 100%;
}
.bank-btn img {
    height: 50px;
}
.trans-wallet-wrapper label [type=radio]:checked + .wp-box .wp-logo {
    box-shadow: 0 0 5px 1px rgba(255,255,255,0.9);
}
.trans-wallet-wrapper label [type=radio]:checked + .wp-box img {
    filter: grayscale(0) brightness(1.1);
}

button.max-button {
    background: #001520;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #f2e666;
    padding: 0px 15px;
    width: auto;
    border-radius: 35px;
    height: 30px;
    text-transform: uppercase;
    margin-left: 5px;
}
button.max-button:hover {
    background: #f4da5e;
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.65);
    color: #000;
}
button.max-button:focus {
    outline: none;
}
.trans-wallet-wrapper label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-group input, .radio-group .content{display:none;background:#666666;line-height:25px;padding:5px 15px;color:#fff;font:normal 1em/150% Sans-Serif;min-width:200px;max-width: 600px;border-radius:5px;}
#one:checked ~ .one,#two:checked ~ .two,#three:checked ~ .three{display:block;}
.radio-group label{cursor:pointer;/* background:#d1d1d1; *//* height:71px; */padding:5px 10px;display:inline-block;text-align:center;color:#000;font:normal 1em/150% Sans-Serif;margin-right:2px;transition:background .25s linear;border-radius:5px;width: auto;border: 1px solid #f5d95d4f;}
.radio-group label:hover, .radio-group input:checked + label{background: #171717;color:#fff;border: 1px solid #f5d95d;}
.radio-group label img {
    height: 75px;
}
table.bnk-table {
    width: 100%;
}

table.bnk-table tr td {
    padding: 4px;
}
table.bnk-table img {
    width: 100px;
}

.btn-cpy {
    background: linear-gradient(to bottom, #f1e767 0%, rgba(254,182,69,1) 100%);
    border: none;
    border-radius: 5px;
    font-size: 10px;
    margin-left: 10px;
}
button.btn-res {
    background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
    border-radius: 10px;
    padding: 4px 10px;
    margin-right: 10px;
    color: #000;
    min-width: 120px;
    font-weight: bold;
}


/*******07092022*******/
.sport-pre-bg {background: #fff url("../images/common/sport/bg.jpg") no-repeat center top;padding-bottom: 40px;padding-top: 55px;}
.sport-pre-in {background: url("../images/common/sport/Board.jpg") no-repeat center top;max-height: 1317px;border: 3px solid #ffac15;width: 1096px;}
.sport-top ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    padding: 0px;
    margin-bottom: 35px;
}

.sport-top ul li a {
    background: #000;
    color: #fff;
    width: 150px;
    display: block;
    text-align: center;
    padding: 8px 0px;
    border-radius: 51px;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #ffae12;
    font-weight: bold;
}

.sport-wrap {
    padding: 30px 60px;
    magin-top: 92px;
}

.sport-top ul li a.active {
    border: 1px solid #ffae12;
    background: linear-gradient(to bottom, #f1e767 0%, rgba(254,182,69,1) 100%);
    color: #000;
}

.time-sport {
    text-align: center;
    color: #fff;
    margin-bottom: 130px;
}

.sport-wrap h3 {
    text-align: center;
    color: #fff;
    text-decoration: underline;
    padding-top: 60px;
}

.time-sport ul {
    padding: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.time-sport ul div {
    position: relative;
}

.time-in {
    position: absolute !important;
    font-size: 86px;
    top: 0px;
    text-align: center;
    width: 194px;
    height: 162px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
}

.ttl-vs {
    margin-top: 50px;
}

.vs-rap {
    display: flex;
    flex-direction: column;
}

.vs-rap ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    align-items: center;
}

.vs-box {
    display: flex;
    background: #ffffffbf;
    padding: 15px;
    border-radius: 10px;
}

.vs-nm {
    position: relative;
}

.vs-nm p {
    position: absolute;
    top: 0px;
}

.vn-btn ul {
    display: flex;
    justify-content: center;
}

.vn-btn ul a {
    display: flex;
    position: relative;
}

.time-sport ul li p {
    margin: 0px;
    text-transform: uppercase;
    padding-top: 10px;
}

.vn-btn ul a p {
    position: absolute !important;
    top: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    left: 0;
    right: 0;
    margin: 0px auto;
    font-size: 30px;
    color: #5d5d60;
    font-weight: bold;
    padding-top: 5px;
}

.vn-btn {
    margin-top: -40px;
}
.com-wrap ul {
    display: grid;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}

.com-wrap ul li a {
    border: 1px solid #ffae12;
    display: block;
    border-radius: 10px;
}

.com-wrap ul li a img {
    max-width: 100%;
    border-radius: 10px;
}
.modal-result .close {
    position: absolute;
    color: #fff;
    opacity: 1;
    font-size: 34px;
    right: 8px;
    top: 8px;
    z-index: 10;
}
.time-in2 {
    position: absolute !important;
    font-size: 86px;
    top: 0px;
    text-align: center;
    width: 169px;
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 45px;
    color: #fff;
}
.modal-dialog.modal-result {
    background: none;
    border: none;
}

.modal-result .modal-content {
    background: none;
    border: none;
}

.header-sport {
    position: relative;
}

.header-sport h4 {
    position: absolute;
    bottom: 17px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    left: 0;
    right: 0;
}
.record-content {
    display: block;
    background: #000000;
    padding: 24px;
    width: 480px;
    margin-top: -10px;
    border-radius: 0px 0px 10px 10px;
}
.subpage-title img {display: block;margin: 0px auto;}
.sport-top ul li a:hover {
    background: linear-gradient(to bottom, #feb645 0%, #f1e767 100%);
    color: #000;
    text-decoration: none;
}