@import url("/theme/Default/style.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Roboto&display=swap');
font-family: 'Roboto', sans-serif;
@viewport {
  width: device-width;
  zoom: 1;
}

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
}
textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;}
 

#theme{ overflow: hidden;}

.themetbl {display:table;}
.themetblrow {display:block;}
.themetblcell {display:block;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px;background:#f9f9f9; }

#theme-frame{
	height:100%;
	margin:auto;
  background: #fff;
}

hr {   border: none;   border-top: 3px double #333;   color: #333;   overflow: visible;   text-align: center;   height: 5px;}
hr:after {   background: transparent;   content: '<>';   padding: 0 4px;   position: relative;   top: -13px;}

div#theme-contain-home{	background:#f9f9f9;padding:0 0 10px}
#theme-header {	}
#theme-header-content { position:relative;background: #2f2f2f;overflow: hidden;}

#theme-menu{ z-index:500; float:right;height: 45px;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-footer {
	clear:both; 
	padding:30px 0 0 10px; 
	text-align:center;
	vertical-align:middle;
	background: #15161a;
}

#theme-header-link {background: #2f2f2f;color: #fff;padding:10px 0;}
#theme-header-logo {width: 175px;margin:10px ;}
#theme-header-logo img { width:100%;}

.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:770px; height:100%; min-height:350px;}
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:190px; height:100%; min-height:350px; display:inline-block;}

#theme-nav { clear:both; padding:10px; background:#efefef; display:block; }
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }

.w1000{width:1200px;margin:auto;}
#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {color: #7a5109;background: linear-gradient(180deg, rgba(253,213,105,1) 0%, rgba(255,255,255,1) 100%);}
#menu-line{display:none;}
#cssmenu>ul>li>a{font-size:16px;text-transform: uppercase;color: #2f2f2f;}

.space{height:20px;}

a:focus, a:hover {color: #23527c;text-decoration: unset;}

/*===============head-top==================*/
.head-top {border: 0px solid red;margin:0;text-align:right;}
.head-top ul {   padding: 0; margin: 0 0 6px; list-style: none;}
.head-top ul li {display: inline-block !important; margin: 0 2px; border: 0px solid yellow;vertical-align:top;}
.btn-reg { padding: 7px 16px;font-weight:bold;letter-spacing: 1px;   font-size: 14px;text-align:center;border-radius:2px;color:#7a5109;background:#fff;}
.head-top ul li.datetime {line-height:35px;font-size:14px;}
.datetime {
    color: #ffffff4d;
}
.lang .modal-content{text-align:center;background:#2f2f2f;}
.lang .modal-header{border-bottom: 1px solid #fff;}
.lang .modal-header .close {margin-top: -24px;color: #fff;text-shadow: 0 1px 0 #fff;}
.lang .modal-content .modal-title{color: #fff;}
img.icnlang {   width: 23px;}
.lang .btn-primary, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, 
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, 
.btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {background: transparent;   border: unset;   outline: 0;padding-right: 0px;}
img.icnlang {   width: 23px;}
.imglang{padding:10px 30px;}
.imglang img {   width: 100%;}
.imglang a {   color: #fff;   font-weight: bold;   letter-spacing: 1px;}

.home-depo {background: #fff;margin: 0 0 25px;}
.head-top .dropdown ul li {display: block !important;}

/*===============login==================*/
.login-v2{border:none; padding:0px; }
.login-v2 p{font-weight:normal;color:#fff}
.login-v2 p a{color:#dab867;}
.login-v2 img {text-align:center;margin:auto;width:200px;margin-bottom:10px;}
#customform_submit {border-radius:2px !important;padding:8px;outline:0;font-weight: bold;cursor: pointer;cursor: hand;height: 35px;width: 100px; color:#7a5109 !important;font-size:12px;border:none !important;margin:0 4px;background:#FDD569 !important;
	/*background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),  radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); */}
#customform_submit:hover{background-color: #f9d302; color:#000;}
#customform dl {display:inline-block;width:155px;margin:0;}
#customform dl dd img#customform_varifyImg{width:100px;}
#customform dl dd input{font-weight:bold;height:35px;width:100%;background: #252528;  color: #c3c3c3;border: 1px solid #999;outline: 0;border-radius:5px;font-size:14px;}
hr {border-top: 1px solid #333;margin:0;}
#customform dl:nth-child(7) {   width: 110px;}
#customform dl:nth-child(9) {   width: 100px;}
/*===============end remotelogin==================*/

/*===============flexslider==================*/
.flexslider{margin:0;border:unset;}
.flexslider .slides>li{}
.flexslider .slides>li img{width:100%;}
.flex-direction-nav a{height:50px;}

/*===============home==================*/
.hright {bottom: 0;right: 0;position: absolute;top: 10px;}
.hleft {margin: 0 0 15px;}
.hcontent {position: relative;padding: 25px 0 0;}
.title-glod {margin: 0 0 5px;font-size: 20px !important;}
.hleft p {margin: 0 0 3px;font-size: 16px;}
.num {font-size: 55px;color:#fdd569;}
.num span{font-size:28px;}

.progress{height:8px;}
.progress-bar{background:#fdd569;}

/*===============game section==================*/
.nav-tabs{/*background: linear-gradient( 180deg, rgba(253,213,105,1) 0%, rgba(255,255,255,1) 100%);*/background:#fff;box-shadow: 0 0 10px 1px rgb(189 108 220 / 10%);min-height: 400px;border-bottom: 0px;overflow: hidden;}
.nav-tabs>li{float:unset;margin:0;}
.nav-tabs>li>a  {font-size: 14px;margin-right: 0;padding: 15px 5px 10px 10px;min-height: 60px;border-radius: 0;border: 0 !important;color: #b99137 !important;text-transform: uppercase !important;font-weight: bold;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav>li>a:focus, .nav>li>a:hover {/*background: linear-gradient(0deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);*/color: #81580e !important;background:linear-gradient(90deg,#fdd569,#f7d884)}
.prod .nav-tabs>li.active>a, .prod .nav-tabs>li.active>a:focus, .prod .nav-tabs>li.active>a:hover, .prod .nav>li>a:focus, .prod .nav>li>a:hover{  background: linear-gradient(0deg, rgba(253,213,105,1) 0%, rgb(242 242 242) 50%, rgba(253,213,105,1) 100%);transition: .5s ease;box-shadow: 2px 3px 4px 0px #888;}
.nav-tabs>li.active>a img, .nav-tabs>li.active>a:focus img, .nav-tabs>li.active>a:hover img, .nav>li>a:focus img, .nav>li>a:hover img {filter: grayscale(1);}
.ic {width: 25px;height: 25px;float: left;margin: 0 15px 0 0;}
.ic:hover{  filter: grayscale(1);}
.ic img {width: 100%;}
.game-sec {background: url(/theme/m99usd/imgs/newbackground.png) no-repeat;padding:35px;background-size:100% 100%;}
.title {font-size: 66px;text-transform: uppercase;margin: 13px 0;font-weight: bold;color: #b99137;font-style: italic;text-shadow: 3px 1px 4px #fbd981;}
.btn-ply {border: 3px solid #FDD569;color: #bc9640;font-size: 16px;width: 150px;padding: 10px 25px;text-transform: uppercase;border-radius: 50px;margin: auto;}
.btn-ply:hover {background: #f0cb66;color: #7b5a0f;transition: .5s ease;box-shadow: 1px 4px 3px 0px #ccc;cursor: pointer;}
.game-content {text-align: center;margin: 25px 0;}
.game-content ul {list-style: none;padding: 0;   margin: 0;}
.game-content ul li {display: inline-block;border: 0px solid red;padding: 10px;background: linear-gradient(90deg,#fdd569,#f7d884);border-radius: 4px;margin-bottom: 5px;width: 26%;vertical-align: top;}
.game-content ul li p {margin: 5px 0;font-weight: bold;text-transform: uppercase;color: #81580e;}
.game-content a:hover{text-decoration:none;}
.icn {width: 75px;margin: auto;filter:grayscale(1);}
.game-content ul li .icn {display:none;}
.icn img {width: 100%;}

.apps-sec{background: url(/theme/m99usd/imgs/newbackground2.png) no-repeat;background-size:100% 100%;padding:75px 35px 25px;margin:25px 0;}
.apps-sec img{width:100%;}

.cntnt {  text-align: center;}
.cntnt ul li {border: 0px solid red;   width: 40%;   display: inline-block;}
.cntnt ul {   list-style: none;   padding: 0; margin: 0;}
.cntnt .title{font-size: 54px;line-height: 0.9em;}
.cntnt a {color: #8d6519;text-transform: capitalize;font-size: 13px;}
.cntnt p  {padding: 19px;margin: 0 0 7px;color: #b99137;font-weight: 600;font-size: 16px;}
.qr-img {width: 75%;   margin: auto;box-shadow: 0px 0px 4px #b99137;padding: 8px;border-radius: 5px;}
.dwld-btn {    margin: 10px 25px;background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);padding: 10px;border-radius: 5px;font-weight: 800;color: #81580e;}
.bg{background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);border-radius: 10px;   width: 75%;   margin: 5px auto !important;}

.flt {position: relative;}
.img-flt {position: absolute;width: 120px;top: 0;right: 0;animation-name: d-left-small-move;animation: left-small-move -5s 5s infinite reverse;}
.img-flt3 {z-index:-9;position: absolute;width: 500px;top: 0;left: 0;animation-name: d-left-small-move;animation: left-small-move -3s 6s infinite reverse;}
.img-flt img, .img-flt3 img {width: 100%;filter: drop-shadow(2px 2px 6px black);}
.img22{width:250px;right: 15px;left: unset;}
.img2 {width: 150px;left: 0;top: 50px;}
.img3 {width: 200px;right: 10%;}
.img4 {width: 180px;}

/*===============swiper==================*/
.match-sec{margin: 50px 0;padding: 50px 0;}
.match-slide.swiper-slide {   background-position: center center;   background-size: cover;}
.match-slide.swiper-slide {   background-position: center center;   background-size: cover;}
.img-club {   border: 0px solid red;   width: 55px;   margin: auto;}
.box-match {   border: 0px solid yellow;   margin: 35px 0 0;   text-align: center;   text-transform: capitalize;   color: #81580e ;   font-weight: bold;}
.img-club img {   width: 100%;}
.c-match {   padding: 5px;}

img.icn2 {   width: 25px;margin: 5px 10px 5px 0;float: left;}
div#homeContent-Casino {overflow: hidden;padding: 10px 0 0;position: relative;}
div#casinoResult {height: 250px !important;width:100% !important;}
.resultTable {width: 60%;overflow: hidden;position: relative;column-count: 9;column-gap: 0;background-color: #fff;}
.result {border: 0px dashed #aaa;border-bottom-width: 1px;border-right-width: 1px;}
.result:first-child, .result:nth-child(5n+6) {border-top-width: 1px;}
.result:nth-child(-n+5) {border-left-width: 1px;}
.circle {padding: 0;margin: 0px auto;max-width: 20px;min-height: 20px;font-size: 12px;box-sizing: border-box;text-align: center;vertical-align: middle;border: 2px solid #fff;border-radius: 50%;text-transform: uppercase;}
.resultB-p {border-color: #dd0000;color: #dd0000;}
.resultB-b {border-color: #1818ff;color: #1818ff;}
.resultB-t {border-color: #298c00;color: #298c00;}
.resultR-red {background-color: #dd0000;color: #fff;border-color: #dd0000;}
.resultR-blc {background-color: #000;color: #fff;border-color: #000;}
.resultR-green {background-color: #298c00;color: #fff;border-color: #298c00;}
.resultSoon .circle {border: 0;}
.casino-container {overflow: hidden;}
.swiper-container-horizontal > .swiper-pagination-bullets.casino-pagination {position: absolute;top: 20px;right: 0px;bottom: auto;left: auto;width: auto;}
.casino-slide {background-position: center center;background-size: cover; background-repeat: no-repeat;height:auto !important;display: inline-block;position: relative;background-color: transparent;}
.casino-slide > div {padding-right: 0;padding-left: 20px;}
.casino-pagination .swiper-pagination-bullet-active { background: #000;}
.btn-casino {border-radius: 4px;position: absolute;bottom: 20px;left: 22px;padding: 7px 35px;display: inline-block;font-weight: bold;background: none;background-color: #fccd02 !important;color: #000000 !important;text-transform:uppercase;}
.casinoResult-title {display: table;width: 60%; margin: 40px 0 5px;}
.casinoResult-title > div {display: table-cell;vertical-align: middle;}
.casinoResult-logo {width: 99px;height: 25px;background-image: url('imgs/casino-result.png');background-position-y: 0;}
.casinoResult-logo.casinoResult-logo-gd {background-position-x: -11px;}
.casinoResult-logo.casinoResult-logo-sa {background-position-x: -100px;}
.casinoResult-logo.casinoResult-logo-dg {background-position-x: -208px;}
.casinoResult-logo.casinoResult-logo-ag {background-position-x: -310px;}
.casinoResult-logo.casinoResult-logo-ab {background-position-x: -409px;}
.casinoResult-logo.casinoResult-logo-sb {background-position-x: -525px;}
.casinoResult-logo.casinoResult-logo-xp {background-position-x: -625px;width: 69px;}
.casinoResult-game {text-align: right;color: #c6a033;text-transform: capitalize;}
    
.mem-service {border: 0px solid red;padding: 10px 15px;box-shadow: 0 0 10px 1px rgb(189 108 220 / 10%);border-radius: 4px;background: #fff;}
.mem-service ul {   border: 0px solid blue;   margin: 0;padding-left: 20px;margin: 15px 0 0;list-style:none;}
.mem-service ul li {   border: 0px solid yellow;margin-bottom: 25px;}
.htitle {   line-height: 2.5em;   text-transform: uppercase;color: #81580e;font-size: 14px;font-weight: 600;}
.servicetitle {   text-transform: uppercase;}
.servicetitle p {   font-size: 11px;}
/*===============footer==================*/
.f-icon {margin-top: 20px;}
.f-title {font-size: 20px;color: #fff;text-transform: capitalize;margin: 0 0 10px;}
#theme-footer ul {
padding: 0;margin: 0;color: #fff;list-style: none;}
#theme-footer ul li {color: #fff;text-align: left;text-transform: capitalize;}
#theme-footer ul li a {color: #fff;}
.f-icon ul li {display: inline-block;width: 30px;}
.f-icon ul li img {width: 100%;filter:grayscale(1);}
.f-icon ul li img:hover {filter: grayscale(0);}
.img-logo ul li {width: 72px;}
ul.atm-icn li {width: 50px;}
ul.atm-icn li img(filter:grayscale(1);)
.f-icon {padding: 35px 0;}
.f-cntnt {font-size: 15px;color: #fff;line-height: 46px;}
.img-logo img {filter: grayscale(1);}

.footer-content {box-shadow: 0 0 10px 1px rgb(189 108 220 / 10%);border-radius: 4px;padding: 25px;background: #fff;margin: 0 0 25px;}
.footer-content h3 {font-size: 25px;text-transform: uppercase;font-weight: bold;color: #b99137;text-align: left;font-style: italic;text-shadow: 3px 1px 4px #fbd981;}
.footer-content h1 {text-transform: uppercase;font-weight: bold;color: #b99137;text-align: left;font-style: italic;text-shadow: 3px 1px 4px #fbd981;}
.footer-content h2 {text-transform: uppercase;font-weight: bold;color: #b99137;text-align: left;font-style: italic;text-shadow: 3px 1px 4px #fbd981;}

.stitle {font-size: 20px;color: #b99137;text-decoration: underline;margin: 0 0 10px;}
.footer-content p {margin: 0;color: #000;text-align: justify;}
.footer-content h3 a {color: red;}
.footer-content p a {color: #b99137;text-decoration: underline;}
div#footer-list4 {box-shadow:0 0 10px 1px rgb(189 108 220 / 10%);border-radius: 4px;padding: 25px;background: #fff;margin:25px 0}
div#footer-list4 ul {list-style: none;padding: 0;margin: 0;border: 0px solid red;text-align: center;}
div#footer-list4 ul li {display: inline-block;width: 24.8%;text-align: justify;padding: 0 8px;vertical-align: top;border: 0px solid red;}
div#footer-list4 h4 {color: #b99137;font-weight: 700;}
.footer-line {height: 2px;background: #fceab6;}
div#footer-list4 h5 {color: #000;  text-transform: uppercase;}
div#footer-list4 p a {color: #d29f37;text-decoration: underline;}

/*===============prod==================*/
.prod{background:url(/theme/m99usd/imgs/prod22.png) center center no-repeat;background-size: 100% 100%;padding: 0 0 25px;}
.prod img{width:100%;}
.prod ul {padding: 0;margin: 65px 0;list-style: none;text-align: center;}
.prod ul li {display: inline-block;margin: 0;float:unset;width:26%;}
.prod ul li a{margin:3px;border-radius: 4px;color: #81580e !important;text-transform: uppercase;background: linear-gradient( 0deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);}
.tab-content {text-align: center;}
.prod .img-flt {top: 35%;}
.prod .img-flt2{position:absolute;width:150px;left:0;top:50%; animation-name: d-left-small-move;animation: left-small-move -3s 5s infinite reverse;}
.prod .img-flt2 img{width:100%;}
/*.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background:#fdd569;color:#7a5109;box-shadow: none;}
.nav>li>a{padding: 10px;text-shadow: 0px 0px 1px #fdd569;color:#000;line-height:38px;box-shadow: 0px 0px 3px 0px rgb(252 212 103);text-transform: uppercase;border: 1px solid #fdd569;}
*/
.btn-default {color: #fff;background-color: #2f2f2f;border-color: #2f2f2f;font-size:14px;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default, .btn-default:hover {color: #fff;background-color: transparent;border-color: transparent;outline:0;}
.btn .caret{color:#fff;}
.prod .icn{display: none;}

/*===============registration==================*/
.reg-bg{padding:25px;}
.reg-content {background:#fff;margin: 25px;padding: 0;box-shadow: 0 0 10px 1px rgb(189 108 220 / 10%);border-radius: 4px;}
.reg-content .page-content{background:transparent;padding:0 25px 25px}
.title-reg {font-size: 32px;text-transform: uppercase;line-height: 32px;font-weight: bold;color: #b99137;text-align: left;font-style: italic;padding: 10px 25px;text-shadow: 3px 1px 4px #fbd981;}
form#registerform {margin: 25px 0;text-align: left;}
form#registerform input, form#registerform select#registerform_Currency {width: 80%;font-size: 14px;height: 38px;border-radius: 4px;outline: 0;background: transparent;border-bottom: 1px solid #fdd569 !important;border: 0;}
form#registerform dl dd {display: inline;}
form#registerform dl dt {display: inline-block;width: 150px;color:#81580e;font-weight:600;text-transform: uppercase;}
input#registerform_btnSubmit, input.btnCheckUser {background: #7a5109;color: #fdd569;text-transform: capitalize;}
div#registerform_FullNameDescription {color: red;margin-left: 19.5%;}
.bg-w{background: #fff;margin: 25px;padding: 0;}
.reg-content .tab-content{text-align:left;}
.if-center{width:900px;margin:30px auto;height:400px;background: rgba(0,0,0,0.6);padding: 15px;}
input#registerform_UserName, input#registerform_varifycode {width: 60% !important;}
input.btnCheckUser {width: 20% !important;background:linear-gradient(90deg,#fdd569,#f7d884) !important;color: #81580e;font-weight: 600;}
input#registerform_btnSubmit{background: linear-gradient(90deg,#fdd569,#f7d884) !important;color: #81580e;font-weight: 600;}
.reg-content .tab-content .lotto table {width: 100%;}
.banking-table table{width: 100%;margin-bottom:25px;}
.banking-table table th{    text-align: left;border: 1px solid #e3ba48;padding: 10px;background: linear-gradient( 0deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);color: #b99137;}
.banking-table table td{    border: 1px solid #e2ba48;padding: 5px 10px;}
.banking-table ul{text-align:left;margin: 0 25px 15px;list-style: circle;}
.banking-table ul li{display:block;width:unset;}
.banking-table .title{text-shadow:unset;}

/*===============promo==================*/
.imgpromo {position: relative;}
.imgpromo img{width:100%;}
.imgcntnt {position: absolute;top: 15px;right: 10px;}
.titlepromo {color: #fff;font-size: 30px;text-align:right;}
.contentpromo {border: 0px solid red;text-align: left;}
.yellowtit {font-size: 22px;margin: 20px 0 10px;color: #fdd569;}
.contentpromo p {font-size: 14px;    margin-bottom: 40px;color:#fff;}
.butonpromo {box-shadow: 0px 0px 7px #0000007d;padding: 5px 20px;background: #fdd569;font-size: 18px;border: 2px solid #fdd569;color: #fff;text-shadow: 1px 1px 5px black;width: 200px;border-radius: 2px;text-align: center;}
div#cms5faq_modal_template_list ol {list-style: none;margin: 35px 0;padding:0;}
div#cms5faq_modal_template_list ol li.question {margin: 10px 0;background: rgb(47 47 47);}

.tab {   background: #e3e3e3;   text-align: center;margin-top:35px;}
.tablinks.active {   background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);  color: #8d6519;}
.tablinks {outline:0;padding: 10px 36.3px;   text-transform: uppercase;   margin: 0;   background: transparent;   border: unset;   color: #7f7f7f;   font-size: 16px;}
.tablinks:hover {   background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);   color: #8d6519;}

div#faq_fbinner .promosg {display: none;}
.promo-title {font-size: 20px;margin: 0 0 10px;color:#fdd569;}
.fancybox-inner ul {color: #fff;}
.fancybox-inner p{color:red;}
.promo-subtitle {
    font-size: 15px;
    margin: 0 0 5px;
    color: #a4a4a4;
}
div#faq_fbinner {overflow: hidden !important;width: 100% !important;}
.fancybox-skin{background: #1a1717;}
div#faq_fbwrap {width: 45% !important;left: 0 !important;right: 0 !important;margin: auto;}

.page-content {background: #2f2f2f;padding: 25px;margin: 0 0 25px;}
.page-content ul li{color:#fff;}
.page-content .title-reg{background: #232323;padding: 15px 10px;margin: 0 0 15px;text-shadow:unset;}
.page-content p{color:darkgrey;}
.page-content span{}
.page-content h4{color:#fdd569;}
.page-content table{color:#fff;}



.lotto table tbody tr th {
    text-align: left;
    width: 100%;
    padding: 5px;
    border: 1px solid #e5bb48;
    background: linear-gradient( 
0deg
, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);
    color: #b99137;
}

.lotto {
    background: #2f2f2f;
}

.lotto table tbody tr td {
    border: 1px solid #e7bd4d;
    padding: 5px 10px;
color: #fff;
}

.lottery-new .btn-primary:hover {color: #fff;background-color: #2caffc;border-color: #24b9fc;}
.lottery-new .btn:hover {box-shadow: 0px 3px 5px rgb(46 46 46);transform: translateY(-3px);}

.lottery-new button {margin: 17px;background-color: #1ac8fd;text-transform: uppercase;}

.panel-heading { font-size: 15px;}
.lottery-new .panel-heading {color: #000; border: 0px solid red;}


.panel-body {padding: 0;color: #fff;font-size: 15px;min-height: 425px;}
.panel-body .logo{padding: 10px 0;}
.panel-body .logo .col-sm-4 {margin-left: 9px;width: 29%;border: 0px solid red;}


#Magnumimg {background: url(/theme/m99usd/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/theme/m99usd/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/theme/m99usd/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/theme/m99usd/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/theme/m99usd/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/theme/m99usd/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/theme/m99usd/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/theme/m99usd/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/theme/m99usd/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/theme/m99usd/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/theme/m99usd/imgs/4D_good4d.png) left no-repeat; height: 50px;width: 85px;}

#THV88 {display: none;}
div#GDLotto{display:none;}

#Magnum .panel-heading,#Magnum .logo  {background: #f2bc00;color:#000 !important;}
#PMP .panel-heading,#PMP .logo  {background: #148ea4;}
#Toto .panel-heading,#Toto .logo  {background: #dd0000}
#Singapore .panel-heading,#Singapore .logo  {background: #12689a;}
#Sabah .panel-heading,#Sabah .logo  {background: #eee;color:#000 !important;}
#Sandakan .panel-heading,#Sandakan .logo  {background: #2f9405;}
#Sarawak .panel-heading,#Sarawak .logo  {background: #094405;}
#GDLotto .panel-heading,#GDLotto .logo  {background: #95650a;}
#Perdana .panel-heading,#Perdana .logo  {background: #777;}
#LuckyHari-Hari .panel-heading,#LuckyHari-Hari .logo  {background: #00aced;}
#GOOD4D .panel-heading,#GOOD4D .logo  {background:#ffd45e;color:#000 !important;}


#Magnum .panel-default{border: 3px solid #f2bc00;border-radius: 10px;overflow: hidden;}
#PMP .panel-default {border: 3px solid #148ea4;border-radius: 10px;overflow: hidden;}
#Toto .panel-default {border: 3px solid #dd0000;border-radius: 10px;overflow: hidden;}
#Singapore .panel-default {border: 3px solid #12689a;border-radius: 10px;overflow: hidden;}
#Sabah .panel-default {border: 3px solid #eee;border-radius: 10px;overflow: hidden;}
#Sandakan .panel-default {border: 3px solid #2f9405;border-radius: 10px;overflow: hidden;}
#Sarawak .panel-default {border: 3px solid #094405;border-radius: 10px;overflow: hidden;}
#GDLotto .panel-default  {border: 3px solid #95650a;border-radius: 10px;overflow: hidden;}
#Perdana .panel-default {border: 3px solid #777;border-radius: 10px;overflow: hidden;}
#LuckyHari-Hari .panel-default  {border: 3px solid #00aced;border-radius: 10px;overflow: hidden;}
#GOOD4D .panel-default  {border: 3px solid #ffd45e;border-radius: 10px;overflow: hidden;}



#LuckyHari-Hari .col-sm-9 {font-size: 14px;}
#Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label {color: #000;}


#datetime {text-align: right;}
#datetime label {background: transparent;}
#datetime .col-sm-12 {padding: 0;}

.panel.panel-default { background-color: #2e2e2e;}
.panel-body label {color: #fff;background: #000;padding: 4px;width: 100%;}

.panel-body #TopThree .col-sm-4 {padding: 1px;}

#TopThree, #Special, #Consolation {padding: 10px 20px;}

.popwin {color: #fff;}
#TopThree {padding-top:20px;}
#Consolation {padding-bottom: 20px;}

 @keyframes left-small-move {
     0%, 100% {
         transform: translate3d(0, 0, 0);
    }
     35% {
         transform: translate3d(0, -8px, 0);
    }
     65% {
         transform: translate3d(8px, 0, 0);
    }
}
@keyframes d-left-small-move {
     0%, 100% {
         transform: translate3d(0, 0, 0);
    }
     35% {
         transform: translate3d(0, -12px, 0);
    }
     65% {
         transform: translate3d(12px, 0, 0);
    }
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1))
}


/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

 /*=============   BIG SCREEN   ===================*/

@media screen and (max-width: 1920px) and (min-width: 1800px){
}

/*==========================================================*/
/*------------------------------------------      iPhone X     --------------------------------------------------*/
/*==========================================================*/

/* Landscape*/
@media only screen 
  and (min-device-width: 812px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation:landscape) {

}

/*==========================================================*/
/*------------------------------------------      iPad     --------------------------------------------------*/		
/*==========================================================*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	.head-top ul li{width:85%;}
  	#customform dl{    display: inline-block;width: 150px;margin: 5px 2px;}
  	#customform dl:nth-child(9) {width: 125px;}
  	.head-top ul li.reg {width: 10%;}
  	.btn-reg {width: 103px;}
  	.hright{top:21px;}
  	.num{font-size:33px;}
  	.title-glod{font-size: 15px !important;}
  	.game-sec{padding:35px 15px;background: url(/theme/m99usd/imgs/bg.png) no-repeat;}
  	.nav-tabs{text-align:center;}
  	.ic{float:unset;margin:auto;}
  	.game-content ul li{padding:5px;width:40%;}
  	.title{font-size:35px;margin:25px 0 10px;}
  	
  	.apps-sec{background: url(/theme/m99usd/imgs/bg2.png) no-repeat;}
 .tab {width: 765px !important;}
  	
  	}

/* -----------all phone landscape----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width:1020px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  	
  	.lottery-new .col-sm-4 {width: 50%; display: inline-block;}
  	.tablinks {   padding: 10px 12.5px !important;}
  	
  	}
  	
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

.lottery-new  .col-sm-4 {width: 50%;}

}

@media all and (max-width: 1920px){
#theme-header-logo{left: 15%;}
}


* { vertical-align: middle; }


video#video-index {
    width: 100%;
    margin-bottom: 20px;
    border: 5px solid #f00;
    border-radius: 10px;
    box-shadow: 0 0 10px 5px #fff;
}
.f-icon ul li {
    display: inline-block;
    width: 137px;
}


ul.atm-icn li {
    width: 77px;
    filter: drop-shadow(2px 4px 6px black);
    padding: 3px;
}
.img-logo ul li {
    width: 39px;
    margin: 0 4px;
    filter: drop-shadow(2px 1px 2px black);
}
.f-icon {
    margin-top: 20px;
    padding-bottom: 72px;
}
.f-icon ul li img {
    width: 100%;
    filter: unset !important;
}
div#Toto-6D, div#Toto-5D {    display: none;}

.popwin { color: #000; }
.lotto-drawresult #Perdana-3D .panel-body { color: #000; }
#Perdana-3D #datetime label { color: #000; }
#Perdana-3D .logo {
    border-color: #d8c9a1;
    background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);
    color: #333;
}
#Perdana-3D .panel-heading .col-sm-1 { display: none !important; }


#cssmenu ul li.has-sub ul li{width:160px;}

#cssmenu>ul>li>a{position:relative;}
span.new-page {font-size: 10px;font-weight: bold;transform: rotate(30deg);z-index: 100; color: red;-webkit-animation: new-page_colorchange 2s infinite; position: absolute;right: 13px;top: 6px;}

@keyframes new-page_colorchange { 0% {color: red;}50% {color:gold;}100% {color: red;}}

.theme-container-box{background:url(/data/2222/uploads/prod22.png) center center no-repeat;background-size: 100% 100%;}
#theme-frame{    background: unset;}

#theme-header-content, #theme-header-link{background:#000;}
.home-depo{background:#ffedc5;}
.theme-container-box{box-shadow: 0 0 2px #fdd569;}
.nav-tabs{background:linear-gradient( 180deg, rgba(253,213,105,1) 0%, rgba(255,255,255,1) 100%);}


.home-download {border: 0px solid red;overflow: hidden;padding: 25px 0;margin: 25px 0; text-transform: uppercase; }
.home-download  a {color: #ba9137;}
.home-download  p { word-spacing: 1px;letter-spacing: 1px;}
.img-dwnld {box-shadow: 0px 0px 5px 0 #b991378a;border-radius: 8px;}
.box-download {padding: 20px 10px 30px 10px;width: 450px;margin: auto;background: #ffffffa3;border-radius: 22px;box-shadow: 0px 0px 5px 0 #b991378a;}
.wdth {width: 100%;margin: auto !important;}
.box-download .title {font-size: 30px;    margin-bottom: 40px;}
.title2 {text-transform: uppercase;margin: 13px 0;font-weight: bold;color: #b99137;font-style: italic;text-shadow: 3px 1px 4px #fbd981;font-size: 40px;text-align: left;}
.home-download .qr {    font-weight: 600;    font-size: 13px;    letter-spacing: 0;    margin: 5px 0;}
.home-download .qr img {    width: 20px;}
.wdth .col-sm-4.col-xs-4 {    padding: 0 10px;}

.modal-dialog{top: 10%;}
.modal-content img {width: 100%;}
.modal-content button.close{position: absolute;right: 9px;opacity: 1;color: #FDD569;font-size: 40px;}
.modal-content {    border: 5px solid #fdd569;}


.titlepromo{color:#000;}

div#theme-contain-home{padding:0;}
#theme-header-logo{width: 256px;margin: 0;}

#icarousel .slide{360px !important}

.lang .btn-primary, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{padding-left:0;}

.jackpot-wrap {border: 0px solid red;text-align: center;padding: 0;position: relative;}
.jackpot-bg{width: 60%;margin: auto;}
.jackpot-wrap img{width:100%;}
span#foo {}
div#count {font-size: 50px;letter-spacing: 2px;}
div#jackpot {position: absolute;/* left: 0; */right: 23%;bottom: 13px;color: #fdd569;}
.gif {    width: 250px;    position: absolute;    bottom: 0;    right: 10%;}

.mem-service ul li {margin-bottom: 44px;}


.prod .img-flt4 {
    position: absolute;
    width: 150px;
    right: 0;
    top: 58%;
    animation-name: d-left-small-move;
    animation: left-small-move -3s 5s infinite reverse;
}

div#faq_fbinner { overflow: scroll !important; }
.fancybox-wrap ::-webkit-scrollbar {
    width: 0;
    background: transparent;
}


@media (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {


#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{margin-left: 0;}
#cssmenu #menu-button{text-align:center;color:#8f5109;top: 0px;}
#cssmenu #menu-button::before, #cssmenu #menu-button::after{    right: 56%;}

.game-sec{
background: none;}
    #theme-header-logo {margin:auto;}
#icarousel {    height: 155px !important;}
.jackpot-bg{    width: 100%;}
div#jackpot {    bottom: 7px;    right: 6%;}
div#count {    font-size: 4vh;}
.gif{display:none;}



}


/*---------------------------------    home-jackpot    ---------------------------------------*/

.box-content { display: table; width: 100%; }
.box-content > div.main { width: 70%; }
.box-content > div { display: table-cell; vertical-align: top; }
#divJackpot-title { position: relative; z-index: 2; }
.main-title { padding: 10px 0; position: relative; z-index: 2; }
.text-bold { margin: 0; font-size: 22px; font-weight: 600; text-shadow: 1px 1px 1px #fff; }
.text-title { font-style: unset; }
.text-narrow { font-size: 16px; margin: 0; color: #888; text-shadow: 1px 1px 1px #fff; }

.divJackpot-background { padding: 0; }
.section-background { height: 388px; padding: 20px 0; border-radius: 1vw; background-size: 100% auto; background-position: center; position: relative; }
.float-img { position: absolute; bottom: 0; right: -20px; margin: auto; text-align: center; max-height: 550px; overflow: hidden; pointer-events: none; }
.float-img img { height: 100%; width: auto; }

.divJackpot-float-count { position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; z-index: 2; }
.divJackpot-title-img { text-align: center; }
.divJackpot-title-img img { width: 50%; }
.jackpot-main-count { font-size: 44px; margin-top: -140px; /* color: #191818; */ color: #fff; padding: 125px 0 70px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; text-align: center; }
.jackpot-main-count > div { display: table; margin: auto; width: 450px; text-align: center; vertical-align: bottom; font-weight: 600; }
.jackpot-main-count > div > span { display: inline-block; }
.jackpot-main-count > div > span#foo { padding-left: 5%; }
.divJackpot-gif { text-align: center; overflow: hidden; max-height: 370px; height: 36vw; pointer-events: none; }
.divJackpot-gif > img {
    -webkit-animation: myTurn 2s linear infinite;
    animation: myTurn 2s linear infinite;
    max-width: 100%;
    pointer-events: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@keyframes myTurn {
100% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
}

.box-content > div.sub { width: 30%; padding-left: 40px; }
.box-content > div { display: table-cell; vertical-align: top; }
.small-title { font-size: 24px; color: #81580e; font-weight: 600; text-transform: uppercase; }
.jackpot-sub { display: table; margin: 23px 0; }
.jackpot-sub > div { display: table-cell; }
.img-slot { height: 100px; margin: 10px auto; }
.img-slot img { width: 8vw; height: 8vw; max-width: 100px; max-height: 100px; border-radius: 15px; border: 1px solid #888; }
.jackpot-count { padding-left: 15px; width: 100%; }
.sub-detail { position: relative; width: 100%; padding-left: 15px; font-size: 12px; }
.sub-detail:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 15px;
    right: 0;
    height: 1px;
    width: auto;
    background-color: #ddd;
    pointer-events: none;
}
.sub-texthead { font-weight: 600; margin-bottom: 0; font-size: 14px; margin-bottom: 5px; color: #222; }
.jackpot-span { font-size: 18px; }


/*---------------------------------    home-footer-seo    ---------------------------------------*/

.footer-content p { margin: 0 0 10px; }
.panel-group {  margin-bottom: 0px; margin-top: 20px; }
.panel.panel-default {
    background-color: transparent;
    height: auto;
    max-height: fit-content;
    margin-bottom: 10px;
    border-radius: 10px;
}
.panel {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel-default>.panel-heading {
    border-color: #d8c9a1;
    background: linear-gradient( 90deg, rgb(228 185 69) 0%, rgb(253 221 136) 50%, rgb(228 185 69) 100%);
    color: #333;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #8d6519 !important;
    text-shadow: unset !important;
    font-style: unset !important;
}
.panel-title button { 
    color: red;
    background: transparent;
    border: unset;
    padding: 0;
    text-transform: uppercase;
}
.panel-body2 {
    padding: unset;
    color: black;
    background: #ffffff;
    margin: 10px;
    font-size: 12px;
}



/*new game prod*/

.p-detail {
  position: absolute;
  top: 50%;
  margin-right: 47%;
  margin-left: 5%;
  left: 0;
  transform: translateY(calc(-50% + 20px));
  text-align: center;
  width: 45%;
}
#theme-contain-home .p-detail h3 {
  display: block !important;
  font-size: 24px;
  text-align: center;
}
.p-detail h3 {
  margin: 0;
  color: #fff;
  font-weight: bold;
  transition: all 0.2s ease;
  text-transform: uppercase;
  display: none;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
.p-detail p {
  margin: 0;
  color: #d9d9d9;
  font-size: 14px;
  line-height: 1.6;
  transition: all 0.2s ease;
  display: block;
}

.playnowbtn {
    font-size: 16px;
    background: #fdd569;
    padding: 10px 20px;
    color: #000000;
    border-radius: 100px;
    display: none;
    outline: 0;
    border: 2px solid #666257;
    text-transform: uppercase;
    line-height: 16px;
}

.playnowbtn:hover {
    background: rgb(228 185 69);
    border: #000000;
    color: #000000;
}
.live-wrapper div:hover .playnowbtn {
  display: inline-block;
  transition: all 0.2s ease;
}

.live-wrapper div:hover .p-detail h3 {
  display: block;
}
.live-wrapper div:hover .p-detail p {
  display: none;
}

.live-wrapper div {
  transform: scale(1);
  transition: all 0.2s ease;
  padding-top: 15px;
}

.live-wrapper div:hover {
  transition: all 0.2s ease;
  transform: scale(1.03);
}

.live-wrapper div:nth-child(1):hover a > img {
  box-shadow: 0 28px 20px -23px #ff2970;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(2):hover a > img {
  box-shadow: 0 28px 20px -23px #f1c300;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(3):hover a > img {
  box-shadow: 0 28px 20px -23px #ff2bfc;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(4):hover a > img {
  box-shadow: 0 28px 20px -23px #fee47b;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(5):hover a > img {
  box-shadow: 0 28px 20px -23px #03a9f4;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(6):hover a > img {
  box-shadow: 0 28px 20px -23px #ff5733;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(7):hover a > img {
  box-shadow: 0 28px 20px -23px #ffff33;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(8):hover a > img {
  box-shadow: 0 28px 20px -23px #194de5;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(9):hover a > img {
  box-shadow: 0 28px 20px -23px #e5195a;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(10):hover a > img {
  box-shadow: 0 28px 20px -23px #19e570;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(11):hover a > img {
  box-shadow: 0 28px 20px -23px #7c19e5;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(12):hover a > img {
  box-shadow: 0 28px 20px -23px #8358f7;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(13):hover  a > img {
  box-shadow: 0 28px 20px -23px #f77358;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(14):hover  a > img {
  box-shadow: 0 28px 20px -23px #1c9a0d;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(15):hover a > img {
  box-shadow: 0 28px 20px -23px #0d0d9a;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(16):hover a > img {
  box-shadow: 0 28px 20px -23px #e60468;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(17):hover a > img {
  box-shadow: 0 28px 20px -23px #67bd9b;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(18):hover a > img {
  box-shadow: 0 28px 20px -23px #09c692;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(19):hover a > img {
  box-shadow: 0 28px 20px -23px #f37812;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(20):hover a > img {
  box-shadow: 0 28px 20px -23px #ffffff;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(21):hover a > img {
  box-shadow: 0 28px 20px -23px #670ef2;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(22):hover a > img {
  box-shadow: 0 28px 20px -23px #f20e0e;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(23):hover a > img {
  box-shadow: 0 28px 20px -23px #34f20e;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(24):hover a > img {
  box-shadow: 0 28px 20px -23px #c6835a;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(25):hover a > img {
  box-shadow: 0 28px 20px -23px #74c65a;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(26):hover a > img {
  box-shadow: 0 28px 20px -23px #dbdcf8;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(27):hover a > img {
  box-shadow: 0 28px 20px -23px #c9378b;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(28):hover a > img {
  box-shadow: 0 28px 20px -23px #f1ffff;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(29):hover a > img {
  box-shadow: 0 28px 20px -23px #08ff71;
  transition: all 0.2s ease;
  filter: brightness(1);
}
.live-wrapper div:nth-child(30):hover a > img {
  box-shadow: 0 28px 20px -23px #ffd19e;
  transition: all 0.2s ease;
  filter: brightness(1);
}

.live-wrapper .col-sm-6 {
  margin-bottom: 30px;
}

.live-wrapper img {
  width: 100%;
  box-shadow: 0 28px 20px -23px rgba(0, 0, 0, 0.5);
}
.csprod .playnowbtn:hover {
  cursor: auto;
  background: transparent;
  border: 2px solid #f9f9f9;
  color: #f9f9f9;
}
.csprod a {
  cursor: auto;
}
.csprod img {
  filter: grayscale(1);
}
.csprod:hover img {
  filter: grayscale(1) !important;
  box-shadow: 0 28px 20px -23px #111 !important;
}










/*------------------------------------------      iPad     --------------------------------------------------*/		

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

#cssmenu #menu-button::before, #cssmenu #menu-button::after{    right: 54%;}
#icarousel {    height: 250px !important;}
div#jackpot {    bottom: 8px;}
div#count {    font-size: 6vh;}

.box-download {padding: 20px 10px 30px 10px;width: 340px;}
.game-sec .col-sm-10{margin: 15px 0;}

}


/*------------------------------------------      laptop  --------------------------------------------------*/		

/* Portrait */
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)  {

.col-sm-2, .col-sm-10 {    width: 100%;}


}



@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {



	#theme-frame{
		width:100%;
	}
	#theme-frame-panel{ display:block; width:100%;}
	.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;}
	.themetbl .cellbox > li {display:block; vertical-align:top; }
	.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; }
	.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:100%; height:100%;  display:inline-block;}

.w1000 {width: 100%;}
.row{margin:0px !important;}

.img-flt3{width: 365px;right:0;margin:auto;}
input#registerform_UserName, input#registerform_varifycode{width:53% !important}
input.btnCheckUser{width:45% !important}
#customform dl:nth-child(7){width:250px;}
#customform dl{display: block;width: 250px;margin: 5px auto;}
#customform dl:nth-child(9){width: 250px;}
#customform_submit{margin:0px;}
.btn-reg{width: 250px;margin: auto;}

#cssmenu>ul>li>a{line-height:5px;}
#theme-menu{left:0px;float:unset;position:relative;}
.head-top ul li, .head-top ul li.reg{width:100%;}
.head-top ul li.datetime {width: 49%;padding: 0 15px;}
.head-top ul li.lang {width: unset;padding: 0 15px;text-align: center;position: absolute;left: 50%;right: 0;margin: 5px auto;border: 0px solid red;}
#theme-header-logo{position:relative;left: 0;right: 0;margin: auto;}
.datetime {text-align: center;   padding: 10px 0 5px;}

.tab-content {margin-top: 35px;}
.game-sec, .apps-sec{background:none;padding: 35px 5px;}
.nav-tabs{min-height:auto;}
.tab-content img {width: 100%;}
.game-content ul li{width:32%;padding:10px 0;vertical-align: top;}
.title{font-size:45px;}

.prod2{padding:25px 0;background:url(/theme/m99usd/imgs/prod2.png) center center no-repeat;background-size: 100% 100%;}
.prod ul{margin:65px 0 10px;}
.prod ul li{width:25%;vertical-align:top;}
.prod ul li a{min-height:55px;}
.prod .tab-content{margin-bottom:35px;}

form#registerform input, form#registerform select#registerform_Currency{width:100%;}

.if-center{width:90%;}

div#cms5faq_modal_template_list ol{padding:0 15px;}
div#faq_fbwrap{width:90% !important}
.imgpromo img{width:100%;}
.promosg .col-sm-6{padding:0;}
.imgcntnt{right:20px;}
.titlepromo{font-size:15px;}
.yellowtit{font-size:15px;}
.butonpromo{font-size:15px;}
.contentpromo p{margin-bottom: 15px;}
.contentpromo{padding: 0 20px 20px;}

.lotto{margin:20px 0 10px;}
.lotto table tbody tr td{padding: 5px 0px;}

.panel-body #TopThree .col-sm-4 {padding: 1px;width: 32%;display: inline-block;}
.panel-body .col-sm-3 {width: 33%;display: inline-block;margin: 5px auto;}
.panel-body .logo .col-sm-4 {margin-left: 0; width: 29%; border: 0px solid red; float: left;}
.panel-body .logo #datetime {width: 47%; float: right;}

.footer-content {margin: 0 15px;}
div#footer-list4 ul li{width: 49.5%;}
div#footer-list4 {margin: 25px 15px;}

.casino-slide{width:100% !important;}
div#casinoResult{height: 250px !important; width: 380px !important;}
.match-slide.swiper-slide{width:100% !important;}
#icarousel{height:210px !important;}
#icarousel .slide{height:200px !important;}

.scroll-tab {   width: 95vw;   overflow: scroll;   margin: auto;}
.tab{ white-space: nowrap;   overflow-x: scroll;   width: fit-content !important;margin:auto;}
.tablinks{font-size:14px;display: inline-block;width: fit-content !important;;}
.modal-dialog{top:25%;}
a.iCarouselNav{top:31%;}
.match-sec{margin:0 0 50px;}
div#homeContent-Casino{padding:25px 0;margin:15px 0;}


div#divJackpot {
    margin-top: 70px;
}
.divJackpot-gif {
    text-align: center;
    overflow: hidden;
    max-height: 360px;
    height: 96vw;
    pointer-events: none;
    margin-top: 90px;
}

.box-content {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.box-content > div.main {
    width: 100%;
}
.box-content > div.sub {
    width: 100%;
    padding-left: 0px;
    text-align: center;
}
.jackpot-main-count > div {
    width: 100%;
}
.jackpot-sub-container.sub-container {
    width: 80%;
    margin: auto;
}
.img-slot {
    height: 60px;
}
.img-slot img {
    width: 38vw;
    height: 38vw;
}
.box-content > div.sub {
    padding: 20px 0 0;
}


}