@charset "utf-8";.t-header{position:fixed;width:100%;z-index:2;max-width:1920px;margin:auto;}
.header-top{background: #13213e;height:80px;}
.header-top .container-fluid{max-width:1600px;margin:auto;}
.logo img{max-height: 90px;}
.flex-logo{display:flex;align-items:center;margin-top:-5px;}
.top-menu ul{padding:0;}
.top-menu ul li{list-style-type:none;padding:0;margin:0;display:inline-block;width:23%;text-align:center;padding:23px 0;}
.top-menu ul li a{border-bottom:4px solid transparent;color:#fff;font-size:14px;text-transform:uppercase;padding:32px 0;}
.top-menu ul li a:hover, .top-menu ul li a.active{border-bottom:4px solid #ffa500;color:#ffa500;}
.join-login{display: flex;/* grid-template-columns: 106px 108px 127px 120px 35px; *//* grid-gap:2px; */padding:12px 5px;float:right;gap: 10px;padding-bottom: 0px;width: 100%;/* justify-content: space-between; */}
.reg-btn{background:#03c04a;font-weight:900;color:#fff;font-size:16px;text-transform:uppercase;border:0;/* height:55px; */width:104px;border-radius:5px;text-align:center;}
.reg-btn:hover{filter:brightness(1.1);}
.reg-btn:focus{outline:0;}
input.logput{background:transparent;border:1px solid #555555;border-radius:4px;font-size:12px;padding:3px 10px;font-weight:600;height: 30px;color:#fff!important;}
input.logput:focus{outline:0;}
.field-box{margin-bottom:2px;}
.login-btn{background:#ffa500;font-weight:900;color: #fff;font-size:16px;text-transform:uppercase;border:0;/* height:55px; */width:104px;border-radius:5px;text-align:center;}
.login-btn:hover{filter:brightness(1.1);}
button.lang-btn{color:#b5b5b5;border:1px solid #555555;font-size:12px;padding:2px 10px;width:119px;height:26px;}
button.lang-btn:hover, button.lang-btn:focus{color:#b5b5b5;outline:0;box-shadow:none;}
button.lang-btn img{margin-right:6px;}
.dropdown-menu.language{padding:0;min-width:120px;margin-left:5px;}
.dropdown-menu.language .dropdown-item{font-size:12px;}
.dropdown-menu.language .dropdown-item img{margin-right:6px;}
.dropdown-menu.language .dropdown-item:hover{background:#CBCBCB;}
.forgot-wrap{text-align:center;}
.forgot-wrap a{font-size:12px;color: #ffa500;}
.forgot-wrap a:hover{color:#fff;}
.header-bottom{background: #fca311;height:50px;padding:10px 0;position:relative;}
.header-bottom .container-fluid{max-width:1600px;margin:auto;}
.menu-bottom ul{padding:0;margin:0;}
.menu-bottom ul li{list-style-type:none;padding:0;display:inline-block;text-align:center;}
.menu-bottom ul li a{color:#ffffff;font-weight:900;font-size:11px;text-transform:uppercase;padding:0 10px;}
.menu-bottom ul li a img{margin-right:5px;}
.menu-bottom ul li a:hover{color:#14213d;}
.fltl{float:left;}
.login-mobile{display:none;}
.logo-mobile{display:none;}
.join-login-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;max-width:220px;float:right;padding:13px 0;}
.float-menu-btn{display:none;float:right;background:transparent;border:none;padding:25px 5px 10px 20px;}
.float-menu-btn:focus{outline:0;}
.nav-icon{width:28px;margin:0;}
.nav-icon:after, .nav-icon:before, .nav-icon div{background-color:#fff;border-radius:3px;content:'';display:block;height:4px;margin:5px 0;transition:all .2s ease-in-out;}
.nav-icon:hover:before{transform:translateY(6px) rotate(135deg);}
.nav-icon:hover:after{transform:translateY(-12px) rotate(-135deg);}
.nav-icon:hover div{transform:scale(0);}
/*** Dropdown Menu ***/.inher{position:inherit;}
.dropmenu-wrapper{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;}
.dropmenu-wrapper{width:100%;left:0px;position:absolute;top:50px;color:#ff4500;z-index:1000;margin:0px;text-align:left;padding:0;font-size:14px;background-color:#e5e5e5;opacity:0;-webkit-transform-origin:0% 0%;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;}
.menu-bottom li:hover > .dropmenu-wrapper{transform:rotateX(0deg);-o-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1;visibility:visible;}
.menu-bottom li:hover .megamenu{opacity:1;}
.dropmenu-wrapper ul{padding:0 15px;margin:0;max-width:1360px;margin:auto;}
.dropmenu-wrapper ul li{list-style-type:none;display:inline-block;padding:0;text-align:center;max-width:15%;}
.dropmenu-wrapper ul li a{padding:15px 8px 0 8px;display:block;}
.dropmenu-wrapper ul li a:hover{background:#14213d;color:#fff;}
.dropmenu-wrapper ul li a img{margin-right:0;margin:auto;}
.dropmenu-wrapper ul li a:hover img{filter:brightness(1.1);}
.droptitle{color: #fca311;font-size:14px;font-weight:600;margin:4px 0;}
.drop-play{color:#fff;font-weight:600;font-size:12px;padding:3px 0;text-transform:initial;height:27px;}
.red-bar{background:#14213d;height:25px;width:100%;margin-top:-25px;}
.dropmenu-wrapper ul.slots-dropdown li{max-width:10%;}
/** After Login **/.user-login{display:grid;grid-template-columns: 230px 100px 50px 130px 35px;color:#fff;float:right;padding:15px 0;}
.total{font-size:14px;}
.user-wrap{text-align:right;padding-right:20px;}
.member-wrap{padding:10px 0;}
.cashier-btn{color:#fff;background:#03c04a;font-size:14px;font-weight:800;text-transform:uppercase;padding:6px 12px;display:inline-block;border-radius:6px;}
.cashier-btn:hover{filter:brightness(1.2);color:#fff;}
.user-btn{color:#000;background:#ffa500;font-size:21px;padding:0px 11px;border-radius:6px;display:inline-block;}
.user-btn:hover{filter:brightness(1.2);color:#000;}
.balance-drop{display:inline-block;}
.balance-drop:hover .dropdown-balance{display:block;z-index:2;}
.balance-drop:hover .refresh{color:#a6041e;}
.dropdown-balance{display:none;position:absolute;background:#fff;top:68%;left:0;right:0;width:100%;max-width:380px;margin:auto;text-align:center;box-shadow:1px 1px 5px 0px rgba(0,0,0,0.32);border-radius:5px;overflow:auto;font-size:14px;max-height:80vh;}
.dropdown-balance::-webkit-scrollbar{width:3px;}
.dropdown-balance::-webkit-scrollbar-track{background:#f1f1f1;}
.dropdown-balance::-webkit-scrollbar-thumb{background:#888;}
.dropdown-balance::-webkit-scrollbar-thumb:hover{background:#555;}
.dropdown-balance table{text-align:center;width:100%;color:#414141;}
.title-table{background:#a6041e;color:#ffffff;}
.dropdown-balance table th, .dropdown-balance table td{padding:3px 7px;color:#fff;}
.dropdown-balance table td{background:#2C2C2C;}
.option-drop{display:inline-block;position:relative;}
.dropdown-option{display:none;position:absolute;background:#ffa500;z-index:1;top:101%;left:0;right:0;width:144px;text-align:center;box-shadow:1px 1px 5px 0px rgba(0,0,0,0.32);font-size:14px;border-radius:5px;overflow:auto;}
.option-drop:hover .dropdown-option{display:block;z-index:2;}
.dropdown-option ul{padding:0;margin:0;}
.dropdown-option ul li{background:#ffa500;list-style-type:none;}
.dropdown-option ul li a:hover{background:#ff4500;color:#fff;}
.dropdown-option ul li a{color:#ffffff;padding:5px 2px;display:block;}
.refresh{cursor:pointer;font-size:12px;margin-left:3px;}
.switch{position:relative;display:inline-block;width:23px;height:10px;vertical-align:-webkit-baseline-middle;}
.switch input{opacity:0;width:0;height:0;}
.sliderx{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
.sliderx:before{position:absolute;content:"";height:10px;width:10px;left:0px;bottom:0px;background-color:#fff;-webkit-transition:.4s;transition:.4s;}
input:checked + .sliderx{background-color:#03c04a;}
input:focus + .sliderx{box-shadow:0 0 1px #2196F3;}
input:checked + .sliderx:before{-webkit-transform:translateX(12px);-ms-transform:translateX(12px);transform:translateX(12px);}
.sliderx.round{border-radius:34px;}
.sliderx.round:before{border-radius:50%;}
.float-menu-btn.logined{padding:0;}
.userbox{background: #ffa500;color:#fff;padding:10px 5px;}
.userbox .username-m{font-weight:600;}
.bal-m{font-size:13px;}
.user-btn-wrapper{margin-top:5px;}
.userbtn{color:#1b1b1b;font-size:13px;font-weight:600;text-transform:uppercase;background:#ffffff;margin:3px;padding:4px 10px;display:inline-block;border-radius:4px;width:47%;}
.userbtn:hover{background:#0F0F0F;color:#fff;}
.field-wrap {display: flex;gap: 10px;}
.bottom-hd {display: flex;
    
    grid-gap: 2px;
    padding: 0px 5px;
    float: right;
    gap: 10px;justify-content: space-between;width: 100%;}

.bottom-hd a {font-size: 12px;color: #ffa500;}

.time-zome {color: #808080;font-size: 12px;}

.flag-cnt a {display: flex;}
span.drop-ico {
    margin-left: 10px;
    color: #9d9d9d;
}

@media (max-width:1430px){.menu-bottom ul li a{font-size:11px;padding:0 5px;}
.dropmenu-wrapper ul li a{padding:15px 10px 0 10px;}
}
@media (max-width:1245px){.menu-bottom ul li a{font-size:10px;padding:0 2px;}
.fltr{padding-right:0;}
.dropmenu-wrapper ul li a{padding:15px 10px 0 10px;}
.dropmenu-wrapper ul li a img{max-width:180px;}
}
@media (max-width:1170px){.top-menu ul li{width:16%;}
.dropmenu-wrapper ul li a{padding:15px 5px 0 5px;}
}
@media (max-width:991px){.top-menu-wrapper, .login-desktop, .logo-desktop, .header-bottom{display:none;}
.logo-mobile{display:flex;}
.login-mobile{display:block;}
.float-menu-btn{display:inline-block;}
.lang-box{display:none;}
.user-login{display:grid;grid-template-columns:230px 100px 50px 30px;}
	.join-login-mobile {
    padding-top: 26px;
}
}
@media (max-width:767px){.user-login{display:grid;grid-template-columns:100px 50px 30px;}
.user-wrap{display:none;}
.balance-drop:hover .dropdown-balance{display:none;z-index:2;}
.option-drop:hover .dropdown-option{display:none;z-index:2;}
}
@media (max-width:1600px) and (min-width:1200px){}
