.header-hamburger-trigger{display:inline-block!important;cursor:pointer;border:0;background:transparent;z-index:2002;position:relative}
.header-hamburger-trigger span{pointer-events:none}
.register-col,.login-col,.nav-span,.brand-carousel-item,.hiddenmenu-btn-brd,#branding-brd-logo,.branding-brd,.deposit-col,.balance-col{cursor:pointer}
#topnavbar,.header-brd.header,clr-header.header{
  position:relative!important;z-index:100!important;background:#000!important
}
.header-right-sec-brd{position:relative;z-index:2001}
.main-container .sidenav-brd.clr-nav-level-1{
  position:fixed!important;top:0;left:0;bottom:0;z-index:1039;
  display:flex;flex-direction:column;pointer-events:none;
  -webkit-transform:translateX(-16rem);transform:translateX(-16rem);
  transition:transform .3s ease,-webkit-transform .3s ease;
  height:100vh!important;max-width:9.5rem;width:9.5rem;
}
.main-container.open-hamburger-menu .sidenav-brd.clr-nav-level-1,
.sidenav-brd.cp-side-open{
  -webkit-transform:translateX(0)!important;transform:translateX(0)!important;
  pointer-events:auto;z-index:1039;
}
.sidenav-brd.cp-side-open>.sidenav-content,
.main-container.open-hamburger-menu .sidenav-brd.clr-nav-level-1>.sidenav-content{
  display:flex;flex-direction:column;height:100%;width:9rem;
  background:#000!important;line-height:1rem;box-sizing:border-box
}
.main-container.open-hamburger-menu .header .header-backdrop{
  position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.85)!important;cursor:pointer;z-index:1038;display:block!important
}
body.cp-logged .register-col,body.cp-logged .login-col{display:none!important}
.balance-col .nav-link{
  border-radius:2px;margin:0 5px;padding:0 5px;
  background-color:rgba(255,255,255,.3);position:relative;color:#fff
}
.balance-col .nav-button{display:grid}
.balance-col .nav-span{line-height:.6rem;color:#fff}
.deposit-col .nav-span{color:#fff;white-space:nowrap;font-size:12px}
.hiddenmenu-btn-brd{text-align:left;width:100%}

body.cp-logged .main-container .sidenav-brd.clr-nav-level-1,
body.cp-logged .sidenav-brd.cp-logged-side{
  width:78vw!important;max-width:320px!important;
  -webkit-transform:translateX(-100%);transform:translateX(-100%);
}
body.cp-logged .main-container.open-hamburger-menu .sidenav-brd.clr-nav-level-1,
body.cp-logged .sidenav-brd.cp-logged-side.cp-side-open{
  -webkit-transform:translateX(0)!important;transform:translateX(0)!important;
  z-index:2100;pointer-events:auto;
}
body.cp-logged .sidenav-brd .sidenav-content,
body.cp-logged .main-container.open-hamburger-menu .sidenav-brd.clr-nav-level-1>.sidenav-content{
  width:100%!important;max-width:none;padding-top:6px!important;
  background:#000!important;overflow:auto;height:100%!important;
  display:flex!important;flex-direction:column!important
}
body.cp-logged .main-container.open-hamburger-menu .header .header-backdrop{
  z-index:2090
}
.sidenav-brd .branding-brd.inhiddenmenu,
.sidenav-brd .cp-side-brand{
  display:flex!important;align-items:center;justify-content:space-between;
  padding:8px 10px 6px;position:relative;flex:0 0 auto
}
.sidenav-brd .branding-brd.inhiddenmenu svg,
.sidenav-brd .cp-side-brand svg{max-width:150px;height:20px}
.cp-side-x{
  border:0;background:transparent;color:#fff;font-size:30px;line-height:1;
  cursor:pointer;padding:0 4px;margin-left:8px
}
.profile-button-brd{
  display:flex;align-items:center;gap:8px;color:#fff;padding:8px 12px;
  font-size:14px;font-weight:700;flex:0 0 auto;cursor:pointer
}
.logout-button-brd{
  display:flex;align-items:center;gap:8px;color:#fff;padding:12px;
  font-size:14px;font-weight:700;cursor:pointer;margin-top:auto;flex:0 0 auto
}
.cp-side-ico{flex:0 0 20px}
.cp-side-hr,.sidenav-brd hr{
  border:0;border-top:1px solid rgba(255,255,255,.18);margin:6px 0;width:100%
}
.sidenav-brd .tabs-vertical,.sidenav-brd ul.nav{
  display:flex;flex-direction:column;flex:1 1 auto;margin:0;padding:0;list-style:none
}
.sidenav-brd .hiddenmenu-btn-brd.nav-link{
  color:#fff!important;font-weight:700;font-size:13px;letter-spacing:.02em;
  text-transform:uppercase;text-align:left;padding:9px 12px;line-height:1.2;
  background-color:transparent!important;border:0;box-shadow:none!important;
  display:flex;align-items:center;justify-content:space-between;width:100%
}
.sidenav-brd .hiddenmenu-btn-brd.nav-link.active{color:#2afebd!important}
.sidenav-brd .hiddenmenu-app{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='2' width='10' height='20' rx='2' fill='none' stroke='white' stroke-width='2'/><circle cx='12' cy='18' r='1' fill='white'/></svg>")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px auto!important
}
.sidenav-brd .hiddenmenu-tv{
  background-image:url("/assets/img/cper-tv-icon.svg")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:26px 26px!important
}
.sidenav-brd .hiddenmenu-vip{
  background-image:url("/assets/img/cper-vip-icon.svg")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:24px 24px!important
}
.sidenav-brd .hiddenmenu-wheel{
  background-image:url("/assets/img/wheel_of_fortune.svg")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:24px 24px!important
}

ngb-carousel,.carousel{position:relative;overflow:hidden}
ngb-carousel .carousel-inner,.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.carousel-item{display:none!important;width:100%}
.carousel-inner>.carousel-item.active{display:block!important}
.slider-brd-wrapper,.slider-brd-wrapper img,ngb-carousel img{width:100%;height:auto;opacity:1!important}
.carousel-indicators{display:flex!important;justify-content:center;gap:4px;margin:8px 0 0;padding:0;list-style:none;position:relative;z-index:2}
.carousel-indicators li{
  width:18px;height:3px;background:#555;opacity:.7;cursor:pointer;
  display:block!important;text-indent:-999px;overflow:hidden;border-radius:1px
}
.carousel-indicators li.active{background:#2afebd;opacity:1;width:28px}
.carousel-caption{display:none!important}

.cp-modal-host{display:none!important}
.cp-modal-host.cp-open{display:block!important}
.cp-back{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:30000}
.cp-login-box,.cp-reg-box{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:30001;width:calc(100% - 28px);max-width:340px;box-sizing:border-box
}
.cp-login-box{
  background:#fff;color:#111;border-radius:4px;padding:18px 18px 16px;text-align:center
}
.cp-login-title{font-size:22px;font-weight:700;letter-spacing:.04em;margin:6px 0 18px;color:#111}
.cp-x{
  position:absolute;top:8px;right:10px;border:0;background:transparent;
  font-size:26px;line-height:1;color:#888;cursor:pointer
}
.cp-x-light{color:#fff}
.cp-line{
  display:flex;align-items:center;gap:8px;border-bottom:1px solid #cfcfcf;
  margin:0 4px 14px;padding:4px 0
}
.cp-line input{
  flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#222;min-width:0;height:28px
}
.cp-line input::placeholder{color:#9a9a9a}
.cp-ico,.cp-eye{display:inline-flex;width:22px;height:22px;flex:0 0 22px}
.cp-ico svg,.cp-eye svg{width:100%;height:100%}
.cp-eye{border:0;background:transparent;cursor:pointer;padding:0}
.cp-remember{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#444;margin:10px 0 8px}
.cp-green{
  display:block;width:100%;border:0;cursor:pointer;margin-top:8px;
  background:#2afebd;color:#111;font-weight:700;height:40px;border-radius:3px;font-size:15px
}
.cp-link{margin-top:10px;color:#2aa0c8;font-size:13px;cursor:pointer}
.cp-form-err{color:#d33;font-size:12px;min-height:1em;margin:4px 0}

.cp-reg-box{
  background:#1a1a1a;color:#fff;border-radius:2px;padding:16px 14px 12px;
  max-height:92vh;overflow:auto;max-width:360px
}
.cp-reg-logo{display:flex;justify-content:center;margin:4px 0 14px}
.cp-reg-logo svg,.cp-reg-logo clr-icon{max-width:170px;height:22px}
.cp-field{
  display:block;width:100%;box-sizing:border-box;margin:0 0 8px;
  height:36px;border:1px solid #d0d0d0;border-radius:2px;
  background:#fff;color:#222;padding:0 10px;font-size:14px
}
.cp-field::placeholder{color:#8a8a8a}
.cp-split{display:flex;gap:8px}
.cp-split .cp-field{width:50%}
.cp-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#ddd;margin:8px 0 10px}
.cp-copy,.cp-foot{text-align:center;font-size:11px;margin-top:8px;color:#bbb}
.cp-foot{color:#7ec8ff}
.cp-note-box{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:30001;width:calc(100% - 36px);max-width:320px;box-sizing:border-box;
  background:#fff;color:#111;border-radius:4px;padding:22px 18px 16px;text-align:center
}
.cp-note-msg{font-size:14px;line-height:1.45;margin:8px 0 16px;color:#222}
#cashier_tpl_deposit.cp-cash-open,#cashier_tpl_withdraw.cp-cash-open{display:block!important}
body.cp-lock{overflow:hidden}

.cp-prof-box{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:30001;width:calc(100% - 18px);max-width:440px;box-sizing:border-box;
  background:#fff;color:#111;border-radius:6px;padding:6px 12px 10px;
  max-height:92vh;overflow:hidden;display:flex;flex-direction:column
}
.cp-prof-x{
  position:absolute;top:6px;right:8px;z-index:2;border:0;background:transparent;
  padding:4px;cursor:pointer;line-height:0
}
.cp-prof-tabs{
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:6px 28px 8px 0;border-bottom:0;flex-shrink:0
}
.cp-prof-tab{
  flex:1;min-width:0;border:0;background:transparent;cursor:pointer;
  color:#737373;padding:4px 2px 8px;text-align:center
}
.cp-prof-tab svg{width:28px;height:28px;display:block;margin:0 auto 2px}
.cp-prof-tab p{
  margin:0;font-size:11px;font-weight:700;line-height:1.1;position:relative
}
.cp-prof-tab.active,.cp-prof-tab:hover{color:#111}
.cp-prof-tab.active p::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#222
}
.cp-prof-user{
  margin:8px 2px 10px;padding:16px 12px 14px;text-align:center;color:#fff;
  font-weight:700;font-size:22px;line-height:1.15;
  background:linear-gradient(.29turn,#111 0%,#111 42%,#2afebd 78%,#6ffebc 100%);
  border-radius:8px;box-shadow:2px 2px #6ffebc
}
.cp-prof-name{display:block}
.cp-prof-user a,.cp-prof-edit{
  display:block;margin-top:4px;font-size:12px;font-weight:500;
  color:#fff!important;text-decoration:underline;cursor:pointer
}
.cp-prof-2fa{
  margin:0 2px 12px;padding:10px 10px 12px;
  background:#fef8d0;border:1px solid #f0d24a;border-radius:4px
}
.cp-prof-2fa-top{display:flex;align-items:flex-start;gap:8px}
.cp-prof-2fa-ico{width:28px;height:28px;flex:0 0 28px;margin-top:2px}
.cp-prof-2fa-txt{flex:1;min-width:0;font-size:13px;line-height:1.35;color:#444}
.cp-prof-2fa-btn{
  display:block;margin:10px auto 0;border:0;cursor:pointer;
  background:#d8d8d8;color:#333;font-size:11px;font-weight:700;
  letter-spacing:.04em;padding:6px 16px;border-radius:2px
}
.cp-prof-stat{
  position:relative;margin:8px 2px;padding:10px 64px 10px 12px;
  min-height:52px;border:1px solid #6ffebc;border-radius:8px;
  background-color:#272727;color:#fff;
  background-repeat:no-repeat;background-position:calc(100% - .5rem) center;
  background-size:auto 58%
}
.cp-prof-stat.balance{background-image:url("/assets/img/cp-balance-icon.svg")}
.cp-prof-stat.bonus{background-image:url("/assets/img/cp-bonus-icon.svg")}
.cp-prof-stat.withdrawable{background-image:url("/assets/img/cp-withdraw-icon.svg")}
.cp-prof-stat .title{font-size:13px;font-weight:600;color:#fff;opacity:.95}
.cp-prof-stat .text{font-size:16px;font-weight:700;margin-top:2px}
.cp-prof-details{padding:4px 4px 8px}
.cp-prof-dhead{font-weight:700;margin:8px 0 12px;font-size:15px;color:#222}
.cp-prof-dhead a{font-size:12px;color:#2aa0c8;cursor:pointer}
.cp-prof-drow{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:8px 0;border-bottom:1px solid #eee;font-size:13px
}
.cp-prof-drow span{flex:0 0 42%;color:#555;font-weight:700;border-left:3px solid #6ffebc;padding-left:6px}
.cp-prof-drow b{flex:1;font-weight:500}
.cp-prof-drow a{color:#2aa0c8;cursor:pointer;font-weight:700;font-size:12px}

.cp-prof-overview,.cp-prof-details,.cp-fin,.cp-fin-simple{
  flex:1;min-height:0;overflow:auto
}
.cp-fin{
  display:flex;gap:8px;padding:4px 0 8px;align-items:stretch;min-height:420px
}
.cp-fin[hidden],.cp-fin-simple[hidden],.cp-prof-overview[hidden],.cp-prof-details[hidden]{display:none!important}
.cp-fin-list{
  flex:0 0 118px;width:118px;max-width:118px;
  border:1px solid #d2d2d2;border-radius:2px;background:#fff;
  overflow:auto;max-height:100%
}
.cp-pay-item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;height:56px;box-sizing:border-box;
  border:0;border-bottom:1px solid #eee;background:#fff;cursor:pointer;
  padding:4px 6px;transition:background .15s
}
.cp-pay-item:hover,.cp-pay-item.active{background:#dcdcdc}
.cp-pay-item img{max-height:22px;max-width:92%;object-fit:contain;display:block}
.cp-pay-item span{font-size:9px;font-weight:700;color:#555;margin-top:2px;line-height:1.1}
.cp-fin-pane{
  flex:1;min-width:0;border:1px solid #d2d2d2;border-radius:2px;
  background:#fff;padding:8px 10px 10px;overflow:auto;text-align:center
}
.cp-fin-logo{height:30px;padding-top:2px;object-fit:contain}
.cp-fin-net{
  margin:6px auto;padding:6px;border:1px solid #ccc;border-radius:3px;
  background:#f8f8f8;font-size:11px;line-height:1.2;max-width:400px
}
.cp-fin-net[hidden]{display:none!important}
.cp-fin-net .net-label{font-weight:600;color:#333;margin-right:4px}
.cp-fin-net .net-status{font-size:11px;padding:1px 4px;border-radius:2px;font-weight:500}
.cp-fin-net .net-status.req{background:#fff3cd;color:#856404}
.cp-fin-net .net-status.sel{background:#d4edda;color:#155724}
.cp-fin-net .net-options{display:flex;gap:6px;margin-top:6px;justify-content:center;flex-wrap:wrap}
.cp-fin-net .net-opt{
  display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;
  cursor:pointer;color:#555;padding:3px 6px;border-radius:3px;border:1px solid transparent;white-space:nowrap
}
.cp-fin-net .net-opt:hover{color:#1bb51b;background:#f0f8f0;border-color:#1bb51b}
.cp-fin-net .net-opt:has(input:checked){background:#d4edda;border-color:#1bb51b;color:#155724}
.cp-fin-net .net-opt input{margin:0;transform:scale(.85)}
.cp-fin-lim{margin:8px 0 6px;font-size:11px;color:#9a9a9a;line-height:1.3}
.cp-fin-amt{
  display:block;width:100%;box-sizing:border-box;height:32px;
  border:1px solid #555;border-radius:2px;text-align:center;
  font-size:14px;color:#555;background:#fff;padding:0 8px;margin:0 0 8px
}
.cp-fin-amt:focus,.cp-fin-amt.ok{border-color:#1bb51b;outline:0;color:#222}
.cp-fin-alab{display:block;text-align:left;font-size:13px;font-weight:700;margin:8px 0 4px;color:#333}
.cp-fin-presets{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0
}
.cp-fin-presets button{
  height:26px;border:1px solid #999;background:#fff;color:#111;
  font-weight:700;font-size:12px;cursor:pointer;opacity:.7;border-radius:2px
}
.cp-fin-presets button:hover{opacity:1}
.cp-fin-go{
  display:block;width:100%;height:36px;margin:8px 0 4px;border:0;border-radius:2px;
  font-weight:700;font-size:14px;letter-spacing:.02em;color:#fff;cursor:pointer
}
.cp-fin-go.dep{background:#1bb51b}
.cp-fin-go.dep:hover{background:#20c520}
.cp-fin-go.wd{background:#ec5151}
.cp-fin-go.wd:hover{background:#ff6060}
.cp-fin-go[disabled]{opacity:.55;cursor:default}
.cp-fin-err{margin:4px 0 0;font-size:11px;color:#f7421f;font-weight:700}
.cp-fin-bonus-lab{margin:10px 0 4px;font-size:13px;font-weight:700;text-align:left;color:#222}
.cp-fin-bonus-sel{
  display:block;width:100%;box-sizing:border-box;height:32px;
  border:1px solid #ccc;border-radius:2px;background:#fff;color:#222;font-size:12px;padding:0 8px
}
.cp-fin-bonus-box{
  margin-top:8px;border:1px solid #d2d2d2;border-radius:2px;padding:8px 8px 10px;text-align:left
}
.cp-fin-bonus-box .hd{font-size:12px;font-weight:700;color:#333;margin-bottom:6px}
.cp-fin-bonus-box .tx{font-size:10px;line-height:1.35;color:#666;border-top:1px dashed #eaeaea;padding-top:6px;white-space:pre-line}
.cp-fin-bonus-box.is-none .tx{display:none}
.cp-fin-wbal{margin:8px 0 6px;font-size:13px;font-weight:700;color:#333;line-height:1.35}
.cp-fin-warn{margin:8px 0 0;font-size:11px;color:#9a9a9a;line-height:1.4}
.cp-fin-simple{padding:8px 4px 10px}
.cp-fin-bcode{
  display:block;width:min(280px,100%);margin:4px auto 12px;height:36px;
  border:0;border-radius:4px;background:#5afcb9;color:#111;
  font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer
}
.cp-fin-simple h3{
  margin:0 0 10px;font-size:16px;font-weight:700;color:#111;text-align:left
}
#cp-fin-bonus h3{text-align:center;font-size:14px}
.cp-fin-hsubs{display:flex;gap:8px;margin:0 0 10px}
.cp-fin-hsubs button{
  display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;
  border:1px solid #d2d2d2;border-radius:4px;background:#fff;color:#333;
  font-weight:700;font-size:12px;cursor:pointer
}
.cp-fin-hsubs button.active,.cp-fin-hsubs button:hover{background:#d2d2d2;border-color:#d2d2d2}
.cp-fin-hsubs svg{width:16px;height:16px}
.cp-fin-grid{
  border:1px solid #d2d2d2;border-radius:2px;min-height:220px;
  display:flex;flex-direction:column;overflow:hidden
}
.cp-fin-thead{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:#eee;font-size:12px;font-weight:700;color:#333;
  padding:8px 10px;border-bottom:1px solid #ddd
}
.cp-fin-empty{
  flex:1;display:flex;align-items:center;justify-content:center;min-height:160px
}
.cp-fin-empty svg{width:56px;height:56px}
.cp-fin-foot{
  border-top:1px solid #eee;padding:6px 10px;font-size:12px;color:#666;text-align:right
}

#cp-tawk-btn{
  position:fixed;left:14px;bottom:16px;z-index:2500;
  width:60px;height:60px;padding:0;border:0;border-radius:50%;
  background:#6ffebc;cursor:pointer;line-height:0;
  box-shadow:0 4px 14px rgba(0,0,0,.28)
}
#cp-tawk-btn svg{width:34px;height:34px;display:block;margin:0 auto}
iframe[src*="tawk.to"]{z-index:2600!important}

body.cp-sport{overflow:hidden;background:#000}
.cp-sport-wrap{
  position:relative;width:100%;float:left;
  height:calc(100vh - 48px);min-height:520px;
  background:#000;z-index:1
}
#sport_iframe{
  display:block;width:100%;height:100%;border:0;background:#111
}