@import url("/theme/Default/style.css");
@import url("./font/font.css");

@viewport {
  width: device-width;
  zoom: 1;
}
    button {
        background: unset;
        border: unset;
    }
html,body{height:100%;width:100%;height:100%;margin:0px;padding:0px;font-size:14px;  font-family: "Plus Jakarta Sans";}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{height:100%;width:100%;height:100%;margin:0px;padding:0px;color:#fff;}
textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;color:#000;}

button, html input[type=button], input[type=reset], input[type=submit] { color: #000;}
a:hover {text-decoration:unset;}
#theme{display:table-cell;height:100%;width:100%;background: #000;overflow:hidden;}

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

#theme-frame{height:100%;margin:auto;width:100%;  color: #fff;    background: url(/theme/aceasia/imgs/bg3.jpg)center center no-repeat fixed;background-size: cover;}


/*  framework */
#theme-frame {
  width: 100%;
  border: unset;
  background: #222939;
}
#theme-nav,
header {
  display: none;
}
.themetbl .cellbox li#theme-frame-panel {
  display: none;
}
.themetbl .cellbox li#theme-content {
  width: 100%;
  padding: 0;
  min-height: unset;
  height: unset;
}
.themetbl .cellbox {
  padding: unset;
  min-height: unset;
  display: block;
}

/*  header  */
#theme-header-content {
  position: unset;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 5px 20px;
  align-items: center;
}
#theme-lang,
#menu-line {
  display: none;
}
#theme-header {
  height: unset;
  background: #1a202c;
}
#theme-header-link {
  position: unset;
}
#theme-header-link a:hover {
font-weight: unset;
background: unset;
color: #fff;
}
#theme-header-logo {
  position: unset;
  width: 15%;
}
#theme-header-logo img {
  width: 100%;
}

.header-top {
  display: flex;
  align-items: center;
  background: #1A202C;
  padding: 10px;
  font-size: 11px;
  justify-content: space-between;
}
.scrolltxt {
  width: 69%;
}
.txtwrapper {
  width: 100%;
}
.live {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
marquee#web_announcement {
  vertical-align: middle;
}







#theme-menu {
  height: unset;
  background: #1a202c;
}
#cssmenu {
  background: unset;
  position: relative;
}


#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #98825b;font-weight:unset;    font-size: 12px;  font-size: unset;
}
#cssmenu>ul>li>a {
color: #fff;
}
#cssmenu ul ul li a img {
width: 100%;
}

#cssmenu > ul > li > a {
  font-size: 14px;
  font-family: 'lato-bold';
padding: 14px 20px;
font-weight: unset;
}
#cssmenu ul li:hover>ul>li {
height: auto;
width: 10%;
padding: 15px 3px 0px;
}
#cssmenu li:hover>ul {
padding: 0;
background: #1a202cf0;
border: 0 solid red;
}
#cssmenu ul li.has-sub ul li:hover {
border-bottom: 0 solid transparent;
background: linear-gradient(180deg,#caab7299,transparent);
transition: unset;
}
#cssmenu ul ul {
  z-index:3;
}

.dropdown:hover .dropdown-content {
  display: block;
  right: 0;
  padding-top: 0px;
}

/* banner */
.flexslider {
  margin: 0;
  border: 0px solid #fff;
  border-radius: 0px;
  box-shadow: 0;
}
.flex-direction-nav .flex-next {
  right: 0;
}
.flex-direction-nav .flex-prev {
  left: 0;
}
.flex-direction-nav a { transition:unset; }

.flex-control-nav {
  width: unset;
  position: absolute;
  bottom: 0;
  text-align: unset;
  left: unset;
  right: 8%;
  z-index: 10;
}

.flex-control-nav li {
  margin: 0 4px;
}
.flex-control-paging li a {
  width: 60px;
  height: 3px;
  background: #1a202c;
}
.flex-control-paging li a.flex-active {
  background: #caab72;
}
.flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  text-align: center;
  background:#525252cc;;
  border-radius: 20px;
}
.flex-direction-nav a:before {
  font-size: 18px;
  line-height: 40px;
  color:  #fff;
  text-shadow: unset;
}
.flexslider:hover .flex-direction-nav a.flex-prev {
  bottom: 8%;
  right: 11.5%;
  left: unset;
  top: unset;
}
.flexslider:hover .flex-direction-nav a.flex-next {
  bottom: 8%;
  right: 8%;
  left: unset;
  top: unset;
}



.account {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
  justify-content: flex-end;
}
.account a {
  display: block;
}
.account a:hover {
transform: scale(0.9);
transition: 0.3s;
cursor: pointer;
}
.log-btn {
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 10px 25px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
.reg-btn {
  color: #000;
  background: #caab72;
  border: 1px solid #caab72;
  border-radius: 20px;
  padding: 10px 25px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}
.reg-btn a {
  color: #000 !important;
}

.small-note {
text-align: center;
font-size: 10px;
margin: 10px 0 20px;
color: #fff;
}
span#nbox {
  display: inline-block;
  padding: 2px 5px;
  background: #0055f6;
  color: #fff;
  border-radius: 3px;
  margin-right: 4px;
}
.prod-slider, .live-wrapper {
width: 1200px;
margin: auto;
margin-top: 10px;
}
.live-wrapper {
border-radius: 20px;
background: #010e2a;
margin: auto;
padding: 10px;
}
.collab {
  position: relative;
}
.collab > img {
  width: 100%;
}
.collab span {
font-weight: 600;
margin-top: 6px;
display: block;
color: #fff;
}
.collab-txt {
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left: -24px;
  width: 40%;
  text-align: center;
}
.live-top {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
}
.live-btm {
  margin-top: -180px;
}

.divSport{ color: #fff;}
.divSport-title {
    margin-top: 50px;
}
#div-liveScore iframe {
    width: 100%;
    height: 650px;
}
.show-time {
  background: #ffff;
}

.show-top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 4px 10px;
  background: linear-gradient(45deg, #001472, #9f5f00);
  color: #fff;
  font-size: 11px;
}
.show-title {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60%;
  white-space: nowrap;
}
.show-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.team-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.team-name span {
  margin: 3px;
}
.team-name span {
  color: #626262;
}
.team-name span::before {
  content: "A";
  border-radius: 50%;
  background: #e33400;
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 6px;
  font-size: 10px;
  line-height: 19px;    text-align: center;
}
.team-name span:first-child::before {
  content: "H";
  background: #00ad00;
}
.show-icn img {
width: 80px !important;
margin: 3px 10px;
}
.show-btm {
    padding-bottom: 5px;
}
.bet-odds {
  display: flex;
  justify-content: space-around;
  margin: 0 10px 5px;
}
.hdp, .odds {
display: flex;
justify-content: space-between;
background: #caab72;
border-radius: 20px;
color: #fff;
}
.hdp div,
.odds div {
  padding: 3px 10px;
  font-size: 11px;
}
.hdp div:nth-child(2),
.odds div:nth-child(2) {
  color: grey;
}

.vid {
  width: 40%;
}
.vid-wrapper {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.vid-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*SLOT HOME*/
.slot-section {
margin: 30px 0;
}

.slot-section .txt-box {
  display: flex;
}

.prod-box {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.jackpot {
  position: relative;
  width: 30.3%;
}
.jackpot > img {
  width: 100%;
  border-radius: 15px;
}
.jack-box {
  position: absolute;
  top: 7%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #fff;
}
.jack-box > span {
  color: #acacac;
}
.jack-box img {
  width: 70%;
}
#count {
  font-weight: bold;
  font-size: 22px;
}
.games-content {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
gap: 15px;
padding: 5px;
}
.games-item {
  flex: 0 0 17%;
}
.games-content::-webkit-scrollbar {
  display: none;
}

.games {
  width: 100%;
}
.games > ul {
  display: flex;
}
.games > ul li {
  padding: 10px 20px;
  background: #caab72;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #caab72;
  list-style: none;
}
.games > ul li.inactive {
  background: #181717;
  border: 1px solid #ffffff40;
}
.games > ul li:hover a {
  color: #fff;
  transition: 0.2s;
}
.games > ul li:hover {
  background: #caab72;
  transition: 0.2s;
}
ul#tabss {
  border-bottom: 1px solid #aaaaaa;
}
.games > ul li a {
  color: #fff;
  text-decoration: none;
}
.games > ul li.inactive a {
  color: #ffffff40;
}
.games > ul li.inactive {
background: #191f2c;
border: 1px solid #ffffff40;
}
.more-games {
  flex-grow: 3;
  text-align: right;
  padding: 10px 20px;
  font-weight: bold;
}
.more-games a {
  color: #caab72;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}
.img-box {
  position: relative;
  overflow: hidden;
}
.img-box img {
  width: 100%;
}

.hover-box {
  position: absolute;
  padding-top: 15%;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(90%);
  opacity: 0;
  background: #000000c7;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.games-content ul li a {
  text-decoration: none;
}
.games-item:hover {
  transform: translateY(-5px);
  transition: 0.3s;
  cursor: grab;
}
.games-item:hover .hover-box {
  transform: translateY(0);
  opacity: 1;
  transition: 0.3s;
}
.hover-box span {
  width: 60%;
  margin: 9px auto;
  border-radius: 5px;
  padding: 0px;
  font-weight: bold;
  cursor: pointer;
  font-size: 10px;
}
.hover-box span:first-child {
  background: #caab72;
  color: #fff;
}
.hover-box span:last-child {
  background: #a3a3a3;
}
.txt-box {
  background: #1a202c;
  position: relative;
  margin: 0;
  display: flex;
  color: #fff;
  padding: 10px 6px 10px;
  justify-content: space-between;
}
.txt-box {
  display: none;
}
.txt-box span {
  font-size: 10px;
}
.txt-box::before {
  content: "";
  height: 4px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #caab72;
  position: absolute;
  z-index: 9;
}
.txt-box::after {
  content: "";
  width: 40%;
  height: 6px;
  background: #caab72;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin-left: 8px;
  z-index: 9;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
img.love {
  width: 20px !important;
}
.slot-more {
  margin: 10px 0;
}
.slot-more ul li img {
  width: 100px;
}

.slot-more ul li {
  width: calc(100% / 8);
  padding: 5px;
  list-style: none;
}
.slot-more ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
}
.slot-more h3 {
  color: #fff;
}

.app {
position: relative;
display: flex;
align-items: center;
}
.app-box,.app-slider  {
position: absolute;
width: 50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.app-slider {
right:0;
}
.app img {
width: 100%;
}

.app-logo {
margin-bottom: 30px;
}
.app-logo span {
font-weight: bold;
color: #b28e45;
}
.app-logo p {
font-size: 18px;
display: block;
color: #fff;
margin: 0;
}
.app-logo p:last-child {
font-size: 37px;
margin-top: -10px;
}
.app-logo img {
width: 45px;
float: left;
margin-right: 18px;
}
.app-qr {
display: flex;
}
.qr {
padding: 0 10px;
}
.qr-ios, .qr-android {
display: flex;
align-items: flex-end;
}
.qr img {
width: 80px;
}
.platform {
display: flex;
flex-direction: column;
color: #a57303;
}
.platform img {
width: 80%;
margin-bottom: 7px;
}
.carousel-indicators {
bottom: 0;
right: 0;
left: unset;
margin: 0;
padding: 0;
width: 100%;
text-align: right;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: grey;
border: 0px solid #fff;
border-radius: 10px;
}
.carousel li {
margin-right: 0;
}

.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #a57303;
}
.item img {
width: 85%;
margin: auto;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */



.banner img {
width: 100%;
}

.game-prod {
display: flex;
}
.game-prod > .js-tabs {
display: flex;
}
.game-prod > .js-tabs > ul.js-tablist.example-tabs-tabs__list {
display: flex;
flex-direction: column;
background: #1a202c;
}





 /* --------------- styles for tabs -----------------------*/

.game-prod > .js-tabs {
display: flex;
width: 100%;
}
.js-tabcontent {
width: 100%;
}
.js-tabs a {
outline: unset;
font-weight: bold;
}
.game-prod > .js-tabs > ul > li > [aria-selected="true"].example-tabs-tabs__link > img {
filter: unset;
}
.js-tablist__link.example-tabs-tabs__link img {
width: 80px;
filter: grayscale(1)hue-rotate(233deg)brightness(0.6)invert(1);
}
/**.game-box {
display: flex;
gap: 17px;
flex-wrap: wrap;
justify-content: space-between;
}**/
.game-box {
display: flex;
gap: 17px;
flex-wrap: wrap;
justify-content: flex-start;
}
.game-box::after {
content: "";
flex: 0 0 60%;
}
.game-item  {
flex: 0 0 17%;
}
.game-item .txt-box span {
font-size: 14px;
}
 .invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
 }

 .example-tabs-tabs__list {
  margin: 0;
  padding: 0;
 }
 .example-tabs-tabs__item {
  display: inline-block;
 }
[role="tabpanel"] [role="tab"] {
padding: 0 20px;
border: unset;
margin: unset;
border-right: 1px solid grey;
}
.example-tabs-tabs__link {
display: inline-block;
cursor: pointer;
margin: 0px 17px;
padding: 11px 9px;
border-bottom: 1px solid grey;
}

[aria-selected="true"].example-tabs-tabs__link {
color: #caab72;
}
.example-tabs-tabs__content {
  background: #0b0f16;
  padding: 1em;
}

 [aria-hidden="true"].example-tabs-tabs__content {
  display: none;
 }

 #page {
  width: 960px;
  margin: 0 auto;
 }




.lottab{margin:0px 0px 40px;}
.lott .col-sm-6{padding:0;}
.lottab ul {padding: 0; margin: 0; text-align: center;}
.lottab ul li {display: inline-block; border: 0px solid forestgreen; width: 47%; margin: 13px;}
.lottab ul li h4  {
font-size: 16px;
color: #fff;
}
.lottab table{width:100%; text-align:center;}
.lottab table th {
text-align: center;
padding: 10px 9px;
font-family: 'Roboto-bold',sans-serif;
border: 1px solid #ffe7ba;
background: #caab72;
color: #1a202c;
}

#drawresult ul > li ol {text-align: center;}
.lottab table tr td {
padding: 8px;
border: 1px solid #caab72;
background-color: #1a202c;
color: #ffffff;
}
.lottab ul li h4 font {font-size: 16px;}
.lotterybox{ text-align: center; margin-bottom:20px;}
#drawresult ul > li ol li {padding: 0px 8px !important;}
.lotterybox #drawresult ul > li { width: 210px; border: 1px solid #4a4628; margin: 5px; padding: 10px; text-align: center; font-size: 11px; background: #e5c456;border-radius: 0px; }
.lotterybox #drawresult ul > li table tr td {color: #161616; border-top: 1px solid #161616;}
.lotterybox #drawresult ul > li table caption {background: #b88f23 !important; text-align: center; padding-left: 0px !important; border-radius: 0px;}


.lottery-new {padding: 10px;}
.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;position: unset;width: unset;}
.panel-body .logo .col-sm-4 {margin-left: 9px;width: 29%;border: 0px solid red;}


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

#THV88 {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;}


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

#THV88,
#GDLotto,
#Toto-5D,
#Toto-6D {
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;
}




.livetv, .livescore {
  color: #caab72;
  margin: 0px 10px;
  text-transform: uppercase;
  font-size: 12px;
}
.show-time {
  border-radius: 6px;
  overflow: hidden;
}
























#theme-footer {
  height: unset;
  clear: both;
  padding: 0;
  border-top: unset;
  text-align: center;
  vertical-align: middle;
}

.gamingLicense-ftrmerge img {
  width:  50%;
  margin: 10px 0;
}
.paymentMethod-ftrmerge, .social-ftrmerge ,.responsibleGaming-ftrmerge{
display: flex;
gap: 10px;
}
.license-ftrmerge {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.license-ftrmerge img {
aspect-ratio: 3/2;
width: 45px;
}
.paymentMethod-ftrmerge img, .social-ftrmerge img, .responsibleGaming-ftrmerge img {
width: 30px;
object-fit: contain;
}
.license-ftrmerge img {
width: 45px;      object-fit: contain;
}
span.f-title {
padding: 20px 0;
display: block;
font-size: 10px;
color: #fff;
}

.foot-top {
display: flex;
text-align: left;
border-top: 1px solid #d9d9d9;
margin-top: 20px;
padding-top: 20px;
}
.foot-abt p {
  font-size: 10px;
  color: #888888;
}
.foot-abt:first-child {
width: 30%;
}
.foot-abt:nth-child(2) {
width: 15%;
}
.foot-abt:nth-child(3) {
width: 40%;
}
.foot-abt:last-child {
width: 15%;
}
.foot-abt ul {
  margin: 0;
  padding: 0;
}
.foot-abt ul li {
  list-style: none;
  margin: 10px 0;
  color: #888888;
}
.foot-abt ul li:first-child {
  margin: 0;
}
.foot-btm {
display: flex;
text-align: left;
border-top: 1px solid #d9d9d9;
margin-top: 20px;
padding-top: 20px;
}
.foot-security:first-child {
width: 45%;
}
.foot-security:nth-child(2) {
width:20%;
}
.foot-security:nth-child(3) {
width:20%
}
.foot-security:last-child {
width:15%;
}

.foot-security p {
margin-top: 20%;
font-size: 9px;
color: #858585;
}
.security-ftrmerge {
display: flex;
flex-direction: column;
}
.security-ftrmerge img {
width: 100px;
margin: 5px 0;
}


.rc-rcbrand-container {
  position: relative;
  max-width: 100%;
}
.rc-rcbrand-ul {
  position: relative;
  width: 99999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  overflow: auto;
  display: flex;
}

.rc-rcbrand-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: unset;
}
.rc-rcbrand-item {
  margin: 0px;
  padding: 3px;
  cursor: pointer;
  position: relative;
}
.rc-rcbrand-item img {
  max-width: 100%;
  cursor: pointer;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.rc-rcbrand-nav-left,
.rc-rcbrand-nav-right {
  padding: 7px 10px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(211 132 26);
  color: #fff;
  font-family: FontAwesome;
}

.rc-rcbrand-nav-left {
  left: 10px;
}

.rc-rcbrand-nav-left:before {
  content: "\f060";
}

.rc-rcbrand-nav-left.disabled {
  opacity: 0.4;
}

.rc-rcbrand-nav-right {
  right: 5px;
}

.rc-rcbrand-nav-right:before {
  content: "\f061";
}

.rc-rcbrand-nav-right.disabled {
  opacity: 0.4;
}



.modal {
background: #1a202cbf;
}
.logo img {
width: 100%;
padding: 0 20px 20px;
}
#myModal .modal-content {
padding: 20px;
background-color: #1a202c;
width: calc(100% - 75vw);
margin: 8% auto;
}
#myModal input[type=text],#myModal input[type=password] {
color: #e9e0cf;
width: 100%;
padding: 10px;
border-radius: 20px;
border: 1px solid grey;
font-weight: bold;
background: #1a202c;
}
#myModal input#customform_submit {
color: #e9e0cf;
width: 100%;
padding: 10px;
border-radius: 20px;
font-weight: bold;
background: #caab72;
border: unset;
text-transform: uppercase;
}

.log-inside p {
color: #fff;
margin-top: 40px;
}
.log-inside span {
text-decoration: underline;
}
.close {
float: right;
font-size: 31px;
font-weight: 500;
line-height: 1;
color: grey;
text-shadow: unset;
filter: alpha(opacity=20);
opacity: 1;
margin-top: -10px;
}

.reg-wrap {
display: flex;
}
.reg-img img {
width: 100%;
}
.reg-box {
width: 65%;
display: flex;
align-items: center;
flex-direction: column;color: #626262;
}

#myModal2 .modal-content {
  width: 65%;
  margin: auto;
}

#myModal2 #registerform input, select#registerform_Currency {
color: #727272;
width: 100%;
padding: 10px;
border-radius: 20px;
border: 1px solid #dfdfdf;
font-weight: bold;
background: #ffffff;
}
#myModal2 input#registerform_btnSubmit {
color: #fff;
background: #caab72;
}
#myModal2 .close {
position: absolute;
top: 20px;
right: 20px;
float:unset;
}
#myModal2 #registerform dt {
display: none;
}
#myModal2 #registerform dd {
width: 100%;
text-align: left;
}
form#registerform dl {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px;
}
#myModal2 input.btnCheckUser {
background: #f9dd70 !important;
color: #ab8600 !important;
padding: 3px !important;
margin: 5px 0px 10px;
}

.step-box {
  background: #1a202c;
  padding: 10px 0;
}
.steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.step {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.step img {
  width: 80px;
  padding: 10px;
}
.step-txt {
  display: flex;
  flex-direction: column;
}

.arrow svg {
  width: 80%;
}
.arrow path {
  fill: #fff;
}
.step-txt span:first-child {
  color: #caab72;
  font-weight: bold;
  font-size: 20px;
}
.step-txt span:last-child {
  font-size: 12px;
  color: #a7a7a7;
}

.dropbtn {
  background: unset;
  color: #fff;
  border: none
}
.dropdown {
  position: relative;
  display: inline-block
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1c1c1c;
  min-width: 290px;
  box-shadow: 0 2px 7px 0 rgb(0 0 0/20%);
  z-index: 9999
}

.dropdown-content a {
  color: #edf0f6;
  padding: 6px 7px;
  text-decoration: none;
  display: block
}

.dropdown-content a:hover {
  text-decoration: underline
}

.dropdown:hover .dropdown-content {
  display: block;
  right: 0;
  padding-top: 0px;
}

.dropbtn .glyphicon {
  top: 0;
  left: 2px;
  font-size: 7px
}

.dropdown-content img,button.dropbtn img {
  width: 23px;
}

.dropdown-content img,.dropdown-content a {
  display: inline-block;
}

.dropdown-content span {
  color: #caab72;
}



    span.sm-open {
        display: none;
    }


 ul.cellbox {
        margin: unset;
    }
    #theme-frame {
        background: url(/data/2132/uploads/webbbg.jpg) top center no-repeat;
        background-size: 100% 100%;
    }
    #theme-header {
        height: unset;
        background: transparent;
    }
    #theme-header-content {
        position: unset;
        display: flex;
        flex-direction: row-reverse;
        padding: 5px 20px;
        align-items: center;
        justify-content: center;
    }

    #headerOutter {
        display: flex;
        justify-content: space-between;
    }
    #theme-header-link {
        position: unset;
        display: flex;
    }
    #theme-menu {
        height: unset;
        background: unset;
    }

    #theme-header-logo {
        position: unset;
        width: 13%;
        display: flex;
        align-items: center;
        padding-left: 0;
    }
    #cssmenu > ul {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        column-gap: 10px;
    }
    #cssmenu > ul > li {
        z-index: 2;
        transition: unset;
        margin-left: 0px;
        width: 100%;
    }
    #cssmenu > ul > li > a {
        font-size: 14px;
        width: 100%;
        padding: unset;
    }
    #cssmenu > ul > li .menu-icn {
        color: #fff;
        font-family: "Plus Jakarta Sans";
        text-transform: capitalize;
        aspect-ratio: 1 / 1;
        padding: 12px;
        padding-bottom: 20px;
    }
    #cssmenu > ul > li.active .menu-icn {
        color: #fff;
    }
    /*    #cssmenu > ul > li.active,
    #cssmenu > ul > li:hover {
        background: url(/data/2132/uploads/gradientbg.jpg) top center no-repeat;
        border-radius: 50% 50% 0% 0%;
        vertical-align: middle;
    }

#cssmenu > ul > li.active::before, #cssmenu > ul > li:hover::before {
    content: "";
    width: 50px;
    height: 77px;
    display: block;
    z-index: -1;
    position: absolute;
    margin-left: -106px;
    margin-bottom: -22px;
    background: radial-gradient(180% 180% at left -65% top -65%, transparent 99%, #b60e32);
}
#cssmenu > ul > li.active::after, #cssmenu > ul > li:hover::after {
    content: "";
    width: 50px;
    height: 77px;
    display: block;
    position: absolute;
    margin-top: 23px;
    margin-right: -106px;
    z-index: -1;
    background: radial-gradient(180% 180% at right -65% top -65%, transparent 99%, #b21133);
}
 */

    #cssmenu > ul > li.active .menu-icn,
    #cssmenu > ul > li:hover .menu-icn {
        background: url(/data/2132/uploads/gradientbg.jpg) top center no-repeat;
        border-radius: 50% 50% 0 0;
        vertical-align: middle;
        position: relative;
    }
    #cssmenu > ul > li.active .menu-icn::before,
    #cssmenu > ul > li .menu-icn:hover::before {
        content: "";
        width: 100px;
        height: 100px;
        /* display: block; */
        z-index: -1;
        position: absolute;
        margin-left: -73px;
        margin-bottom: -44px;
        bottom: 0;
        background: radial-gradient(circle at 0% 0%, transparent 50px, #b70d32 30px);
    }
    #cssmenu > ul > li.active .menu-icn::after,
    #cssmenu > ul > li .menu-icn:hover::after {
        content: "";
        width: 100px;
        height: 100px;
        display: block;
        z-index: -1;
        position: absolute;
        margin-right: -73px;
        margin-bottom: -44px;
        bottom: 0;
        background: radial-gradient(circle at 100% 0%, transparent 50px, #b21133 30px);
    }

    #theme-content {
        width: 100%;
        padding: 0;
        min-height: unset;
        height: unset;
        margin-top: -27px;
    }
    .home-banner {
        margin: auto;
        border-radius: 50px;
        overflow: hidden;
        position: relative;
        z-index: 9;
    }
    .home-banner img {
        width: 100%;
    }
    .flexslider {
        margin: 0;
        border: 0px solid #fff;
        border-radius: 0px;
        box-shadow: 0;
        box-shadow: unset;
        border: unset;
        background: unset;
    }

    .menu-icn {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
    }

    .menu-icn span {
        display: block;
        width: 30px;
        margin: 3px;
    }
    .menu-icn span img {
        width: 100%;
    }
    .reg-btn {
        background: url(/data/2132/uploads/gradientbg.jpg) center center no-repeat;
        background-size: cover;
        border: 1px solid #ff3434;
        border-radius: 30px;
        padding: 7px 16px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }
    .dropdown {
        position: relative;
        display: flex;
        background: url(/data/2132/uploads/gradientbg.jpg) center center no-repeat;
        background-size: cover;
        border: 1px solid #ff3434;
        border-radius: 100%;
        padding: 0px;
        aspect-ratio: 1 / 1;
        color: #fff;
    }
    .dropdown-content img,
    button.dropbtn img {
        width: 20px;
        vertical-align: bottom;
    }
    .reg-btn span {
        display: inline-block;
        width: 20px;
        margin-right: 5px;
    }
    .reg-btn span img {
        width: 100%;
    }

    .home-prod {
        width: 100%;
        margin: auto;
        padding: unset;
        padding-bottom: 60px;
    }
    .hp-content {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hp-box {
        flex: 0 0 31%;
        display: flex;
        justify-content: space-around;
        border-radius: 40px;
        margin-top: 70px;
        position: relative;
    }
    .hp-box::before {
        content: "";
        mix-blend-mode: soft-light;
        width: 100%;
        height: 100%;
        border-radius: 40px;
        position: absolute;
        z-index: 0;
    }
    .hp-box:nth-child(1)::before {
        background: #703ff4d9;
    }
    .hp-box:nth-child(2)::before {
        background: #e5a300;
    }
    .hp-box:nth-child(3)::before {
        background: #1156fa;
    }
    .hp-box:nth-child(4)::before {
        background: #379d4b;
    }
    .hp-box:nth-child(5)::before {
        background: #f93827;
    }
    .hp-box:nth-child(6)::before {
        background: #37459b;
    }

    .hp-txt {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 20px;
        z-index: 2;
    }
    .hp-txt::before {
        content: url(/data/2132/uploads/triangle.png);
    }
    .hp-txt span {
        display: block;
        margin-top: 55px;
        font-size: 50px;
        font-weight: bold;
    }
    .hp-txt a {
        display: block;
        background: gold;
        padding: 6px 18px;
        border-radius: 40px;
        font-size: 15px;
        text-align: center;
        width: fit-content;
        color: #344285;
        font-weight: bold;
    }
    .hp-img {
        margin-top: -60px;
        z-index: 1;
    }
    .hp-img img {
        width: 100%;
    }
    .mini-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .maintxt {
        font-size: 17px;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .maintxt img {
        width: 30px;
        margin-right: 12px;
    }
    .mainbtn a {
        display: block;
        background: maroon;
        padding: 6px 18px;
        border-radius: 40px;
        font-size: 15px;
        text-align: center;
        width: fit-content;
        color: #ffffff;
        font-weight: bold;
        display: flex;
        align-items: center;
    }
    .mainbtn a img {
        filter: brightness(5);
        width: 19px;
        margin-left: 7px;
    }

    .home-wrapper {
        width: 76vw;
        margin: auto;
    }

    /*************** popular matches ***************/

    .pop-match {
        padding: 60px 0;
    }
    .pm-box {
        background: url(/data/2132/uploads/pmbg.png);
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        height: 350px;
        box-shadow: 0px 5px 6px #ffa3a370, 0px 6px 4px #ed1d1d73, 0px 8px 0px #ff0000;
        margin-bottom: 30px;
    }
    .match-title {
        padding: 7px 30px;
        border-radius: 50px;
        background: #3b0809;
        border: 2px solid red;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        line-height: 20px;
    }
    .match-title span:nth-child(2) {
        font-weight: 100;
    }
    .match-team {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: row;
        width: 100%;
    }
    .mt-a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mt-vs {
        width: 100px;
    }
    .tlogo img,
    .mt-vs img {
        width: 100%;
    }
    .tlogo {
        width: 90px;
    }

    .tname {
        font-size: 20px;
        margin-top: 5px;
        text-wrap: wrap;
        width: 80%;
        text-align: center;
    }

    .tscore {
        margin-top: 20px;
        border: 2px solid red;
        padding: 5px 20px;
        border-radius: 15px;
        background: #3b0809;
        font-size: 25px;
    }

    /*************** popular games***************/

    .pop-game {
        display: flex;
        gap: 25px;
    }
    .pop-box {
        flex: 1 0 18%;
    }
    .pop-img > img {
        width: 100%;
    }
    .pop-txt {
        padding: 10px 20px;
        text-align: center;
        font-size: 20px;
        background: maroon;
        border-radius: 0 0 26px 25px;
        margin-top: 5px;
        font-weight: bold;
    }

    /*************** recent wins ***************/

    .recent-win {
        background: url(/data/2132/uploads/gradientbg.jpg) bottom -90px center;
        background-size: cover;
        padding: 50px 0;
        margin: 50px 0 0;
    }
    .rw-img {
        width: 50px;
    }
    .rw-img img {
        width: 100%;
    }
    .rw-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px 5px;
    }
    .rw-box {
        flex: 0 0 47%;
        display: flex;
        justify-content: space-evenly;
        padding: 5px 0;
        border: 1px solid #ad0000;
        border-radius: 10px;
        background: #4c2d2d;
        align-items: center;
    }
    .rw-txt,
    .rw-won {
        display: flex;
        flex-direction: column;
    }
    .rw-won {
        flex-basis: 15%;
    }
    .rw-txt:nth-child(2) {
        flex-grow: 0;
        flex-basis: 40%;
        white-space: nowrap;
        overflow: hidden;
    }
    .rw-txt:nth-child(3) {
        flex-basis: 25%;
    }
    span.smtxt {
        color: #9b94a3;
    }
    span.bigtxt {
        font-size: 20px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    span.wonbigtxt {
        background: linear-gradient(180deg, #225f34, #174128);
        margin: 3px 0;
        padding: 5px 15px;
        border-radius: 10px;
        color: #00ff2f;
        font-weight: bold;
        text-align: center;
    }

    #theme-footer {
        background: url(/data/2132/uploads/gradientbg.jpg) bottom center no-repeat;
        background-size: cover;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .game-tab {
        padding: 40px 0;
    }

    .w3-bar {
        flex-wrap: nowrap;
        flex-direction: row;
        overflow-y: scroll;
        scrollbar-width: none;
        display: flex;
        gap: 10px;
    }

    .w3-bar img {
        vertical-align: middle;
        -webkit-user-drag: none;
        width: 100%;
        border-radius: 20px;
        aspect-ratio: 4 / 2.5;
        object-fit: cover;
    }
    button.w3-button {
        background: unset;
        outline: unset;
        border: unset;
        overflow: hidden;
        flex: 0 0 18%;
        position: relative;
        padding: unset;
        margin: unset;
    }
    button.w3-button.tablink.w3-red {
        filter: brightness(1.1);
        position: relative;
        border: 3px solid #ffffff;
        border-radius: 30px;
    }
    button.w3-button.w3-red::before {
        content: url(/data/2132/uploads/triangle.png);
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        left: 10px;
        bottom: 10px;
        border-radius: 0px 0px 0px 20px;
        transform: rotate(-90deg);
    }
    .game-btn {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .game-tab .city {
        padding: 40px 0;
    }
    .w3-border iframe {
        padding: 20px;
        background: linear-gradient(45deg, #390007, #7f1730);
        border-radius: 20px;
        height: 100vh !important;
    }
    .cursor {
        filter: invert(1);
        width: 60px;
        margin-top: 0px;
    }
    .cursor img {
        width: 100%;
    }

    .game-wrapper {
        padding: 30px 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 30px;
        column-gap: 30px;
    }
    .game2-box {
        border-radius: 20px;
        overflow: hidden;
        display: grid;
        position: relative;
    }
    .game2-box img {
        width: 100%;
    }

    .gplaybtn {
        position: absolute;
        display: flex;
        background: transparent;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        transition: all 0.3s;
    }
    .gplaybtn a {
        display: flex;
        width: fit-content;
        padding: 10px 30px;
        color: #fff;
        border: 2px solid #ad8089;
        align-items: center;
        justify-content: center;
        border-radius: 70px;
        background: url(/data/2132/uploads/gradientbg.jpg);
        bottom: -100%;
        scale: 0;
        transition: all 0.3s ease-in-out;
    }
    .gplaybtn a img {
        width: 20px;
        filter: brightness(5);
        margin: 0px 0px 0px 10px;
    }
    .game2-box:hover .gplaybtn {
        background: #000000bf;
    }
    .game2-box:hover .gplaybtn a {
        bottom: 0;
        scale: 1;
        transition: all 0.3s ease-in-out;
    }

    .slottop .tab {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        column-gap: 0.5rem;
        row-gap: 0.5rem;
        padding: 30px 0;
    }
    .slottop .tab button {
        background: rgba(0, 0, 0, 0);
        border: 0.01rem solid rgba(255, 255, 255, 0.2);
        flex: 0 0 10%;
        color: #fff;
        font-size: 13px;
        display: grid;
        grid-template-columns: 1fr 2fr;
        align-items: center;
    }
    .slottop .tab button img {
        width: 90%;
        margin: auto;
    }
    .slottop .tablinks.active,
    .slottop .tablinks:hover {
        background: rgba(240, 0, 4, 0.3);
        border: 0.01rem solid rgba(240, 0, 4, 0.3);
        transition: all 0.3s;
    }
    .slotbtm .game-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .slotmid .info {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        color: #ff0004;
        background: linear-gradient(45deg, #51000f, #491723);
        padding: 5px 10px;
        border-radius: 50px;
    }
    .slotmid .info img {
        margin: 5px;
    }
    .slotbtm > .tabcontent > .gplaybtn {
        position: unset;
        margin: 2% 0 3%;
    }
    .slotbtm > .tabcontent > .gplaybtn a {
        scale: 1;
    }
    .slotbtm .onegame {
        padding: 30px 0;
        text-align: center;
    }

    .promo-box {
        background: #fff;
        width: 100%;
        border-radius: 20px;
        color: #000;
    }
    .promo-text {
        background: #fff;
        width: 100%;
        border-radius: 20px;
        color: #000;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .promo-img {
        border-radius: 20px;
        overflow: hidden;
    }

    .promo-img img {
        width: 100%;
    }
    .promo-text h1,
    .promo-text h6,
    .promo-text h3 {
        margin: unset;
    }
    .promo-text h3 {
        display: flex;
        align-items: center;
        font-weight: bold;
        color: #600014;
    }
    .promo-text h3 img {
        filter: hue-rotate(158deg) contrast(3);
    }
    .promo-text h6 {
        margin: 10px;
        padding: 10px 20px;
        background: #86132e;
        width: fit-content;
        border-radius: 30px;
        color: #fff;
    }
    div#cms5faq_modal_template_list {
        padding: 30px 0;
    }
    ol#faq_modal {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        gap: 15px 30px;
    }
    ol#faq_modal li {
        padding: 0;
        margin: 0;
        list-style: none;
        flex-basis: 100%;
    }

    /*********POPUP FAQ*********/

    .fancybox-inner h4,
    .fancybox-inner p {
        margin: unset;
        padding: unset;
    }

    .fancybox-inner .promo-img {
        border-radius: unset;
        overflow: unset;
    }

    .logo-in img {
        width: 100%;
    }

    .register {
        width: 50%;
        margin: auto;
        padding: 60px 0;
    }
    .register-box {
        display: flex;
        justify-content: space-between;
    }
    .rform {
        width: 100%;
    }

    #myModal .modal-content {
        padding: 20px;
        background: url(/data/2132/uploads/prodbg.png) center center no-repeat;
        background-size: cover;
        width: calc(100% - 75vw);
        margin: 8% auto;
    }
    #myModal input[type="text"],
    #myModal input[type="password"] {
        color: #e9e0cf;
        width: 100%;
        padding: 10px;
        border-radius: 20px;
        border: 1px solid grey;
        font-weight: bold;
        background: #000000;
    }
    #myModal input#customform_submit {
        color: #e9e0cf;
        width: 100%;
        padding: 10px;
        border-radius: 20px;
        font-weight: bold;
        background: #430003;
        border: unset;
        text-transform: uppercase;
    }
    a.login-go {
        color: red;
    }
    .dropdown:hover .dropdown-content {
        display: block;
        right: 23px;
        padding-top: 0px;
    }
    div#sgd {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    form#registerform dl {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        margin: 6px 0;
        flex-direction: column;
    }
    form#registerform textarea,
    form#registerform input[type="text"],
    form#registerform input[type="password"],
    select#registerform_Currency {
        width: 100%;
        height: 48px;
        padding: 0 16px;
        color: #878787;
        font-size: 14px;
        background: #141414;
        border: unset;
        border-radius: 8px;
        outline: 1px solid #c9950038;
        transition: all 0.2s;
    }

    form#registerform textarea:focus,
    form#registerform input[type="text"]:focus,
    form#registerform input[type="password"]:focus {
        outline: 1px solid #ffb100;
    }
    form#registerform input[placeholder] {
        font-weight: normal;
        color: #ffffff;
    }
    #registerform dl dt {
        margin-bottom: 10px;
        display: none;
    }
    #registerform input.btnCheckUser {
        margin: 10px 0;
        height: 30px;
        padding: 0 16px;
        color: #fff;
        font-size: 12px;
        background: linear-gradient(180deg, #f7a44e, #ab5300);
        border: unset;
        border-radius: 8px;
        outline: 1px solid #c9950038;
    }
    #registerform select#registerform_Currency {
        color: #7c7c7c;
        font-weight: unset;
    }
    input#registerform_btnSubmit {
        background: url(/data/2132/uploads/gradientbg.jpg) center center no-repeat;
        background-size: cover;
        border: 1px solid #ff3434;
        border-radius: 30px;
        padding: 7px 16px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }
    .register span > a {
        color: gold;
    }
    dl#groupVerifyCode dd img {
        margin: 5px 0;
        border-radius: 5px;
    }

    .slide-in {
        right: 0; /* Slide in to the screen */
    }
    .slide-menu {
        position: fixed;
        top: 0;
        right: -100%;
        background: url(/data/2132/uploads/prodbg.png);
        background-size: cover;
        height: 100vh;
        overflow-y: scroll;
        width: 90%;
        transition: all 0.5s ease-in-out;
        z-index: 14;
        padding: 20px;
    }
    .sm-btn {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px 0;
    }


    /*************************************************************************************************MEDIA QUERY*************************************************************************************************/
    @media (min-width: 1200px) {
        .container {
            width: 1330px;
        }
    }

    @media (min-width: 1400px) {
        .container {
            width: 1550px;
        }
    }





/*-------  > MOBILE VIEW    -------*/		
@media all and (max-width: 768px){

}
@media all and (max-width: 580px){

}
@media only screen and (min-device-width: 300px) and (max-device-width:400px) and (-webkit-min-device-pixel-ratio: 2) {

.game-box {
gap: 5px !important;
}

}

@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) {

.themetbl .cellbox {
width: 100%;
}
#theme-header-logo {
position: unset;
width: 63%;
padding: 10px;
}
#cssmenu #menu-button {
color: #1a202c;
}
#cssmenu #menu-button::before {
content: "";
border-top: 2px solid #caab72;
border-bottom: 2px solid #caab72;
}
#cssmenu #menu-button::after {
content: "";
background: #caab72;
}
#theme-header-content {
display: flex;
flex-direction: column-reverse;
}

.game-prod > .js-tabs {
display: flex;
width: 100%;
flex-direction: column;
}
.example-tabs-tabs__content {
background: #f2f2f2;
padding: 0.5em;
}
.game-prod > .js-tabs > ul.js-tablist.example-tabs-tabs__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: scroll;
}
.example-tabs-tabs__item {
display: unset;
flex: 0 0 33%;
}
.example-tabs-tabs__link {
display: inline-block;
cursor: pointer;
margin: 5px;
padding: 10px 0px;
border-left: 1px solid grey;
border-bottom: unset;
}
.example-tabs-tabs__item:nth-child(3n+1) .example-tabs-tabs__link {
border: unset;
}
.lottab ul li {
width: 100%;
margin: 13px auto;
}
.js-tablist__link.example-tabs-tabs__link img {
width: 100%;
}
.flex-control-nav {
  left: 0;
  right: 0;
  bottom: -13px;
  width: 100%;
  text-align: center;
}
.flex-control-paging li a {
  width: 20px;
}

.header-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.scrolltxt {
  order: 3;
  width: 100%;
}
.steps {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.step-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.arrow svg {
  rotate: 90deg;
}



.game-box {
gap: 7px;
}
.games-item {
flex: 0 0 32%;
}
[role="tabpanel"] .js-tabs > [role="tablist"] li [aria-selected="true"] {
color: #caab72;
background: #1a202c;
}
[role="tabpanel"] .js-tabs > [role="tablist"] li a {
border: unset;
padding: 10px;
background: #caab72;
color: #ffe1a9e8;
border-radius: 10px;
}

.prod-slider,.live-wrapper  {
width: 360px;
margin: auto;    margin-top: 30px;
}

.footer {
padding: 20px 10px;
}
.foot-top, .foot-btm {
display: flex;
flex-direction: column;
}
.foot-abt, .foot-security {
width: 100% !important;
}
#myModal .modal-content {
padding: 20px;
background-color: #1a202c;
width: 80%;
margin: 30% auto;
}
#myModal2.modal {overflow:scroll;}
#myModal2 .modal-content {
width: 100%;
margin: auto;
}
#myModal2 .close {
position: absolute;
top: 20px;
right: 20px;
float: unset;
z-index: 9;
}
.reg-img {
display: none;
}
.reg-box {
width: 100%;
padding: 30px;
z-index: 1;
}
.reg-box::after {
content: ' ';
display: block;
position: absolute;
left: 0;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
opacity: 0.80;
background: url(/data/2005/uploads/register_img.jpg)top center no-repeat,#ffffffde;
background-size: cover;
background-blend-mode: soft-light;
}

.live-top {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.prod-box {
display: flex;
align-items: center;
margin-top: 30px;
flex-direction: column;
}
.games-item {
flex: 0 0 49%;
}
.games > ul {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.games > ul li {
font-size: 10px;
margin: 0 10px;
}
.jackpot {
width: 69%;
margin-bottom: 40px;
}
.games .games-content {
display: inline-block;
}
.games .games-item {
width: 49%;
display: inline-block;
padding: 5px;
}

.app {
position: unset;
display: flex;
align-items: center;
flex-direction: column;
padding: 20px;
background: linear-gradient(45deg, #262b34, #2e3d60);
border-radius: 30px;
border: 3px outset #8080800d;
}
.app-box, .app-slider {
position: unset;
height: unset;
width: 100%;
}
.app-wrapper {
width: 100%;
}
.app-slider {
right: 0;
margin-top: 30px;
}
.app-qr {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 10px;
}
.platform {
display: flex;
flex-direction: column;
color: #a57303;
align-items: flex-start;
margin-left: 25px;
}
.app > img {
width: 100%;
display: none;
}
.app-logo {
margin-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.app-logo p:last-child {
font-size: unset;
margin-top: unset;
}
.prod-slider img {
width: 100% !important;
margin-top: 20px;
}
.collab {
position: unset;
}
.collab-txt {
position: unset;
transform: unset;
width: 100%;
margin: 10px;
}
.vid {
width: 100%;
}
.live-btm {
margin-top: 0;
}














  span.sm-open {
            display: block;
            order: -1;
            width: 25px;
        }
        span.sm-open img {
            width: 100%;
            filter: brightness(1) invert(1);
        }
        .slide-menu.opened {
            right: 0;
        }
        .sidetop {
            display: flex;
            justify-content: space-between;
            padding-bottom: 20px;
            align-items: center;
        }
        .sidebtm span a {
            color: gold;
        }
        .sidebtm > span {
            text-align: center;
            display: block;
            margin-top: 20px;
        }
        .sidebtm .reg-btn {
            margin-top: 20px;
        }

        #theme {
            background-size: auto;
        }
        #theme-menu {
            order: -1;
        }
        #theme-header-content {
            position: unset;
            display: flex;
            padding: 0 10px;
            align-items: center;
            justify-content: center;
        }
        #theme-header-logo {
            padding-left: unset;
            width: 35%;
            margin: auto;
        }
    .dropdown-content img, button.dropbtn img {
        width: 18px;
        vertical-align: top;
    }
        .reg-btn span {
            width: 18px;
        }
        #headerOutter {
            display: flex;
            width: 100%;
            flex-direction: column;
        }
        .account {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-direction: row;
            justify-content: space-between;
        }
        .account a,
        .account button {
            flex-grow: 1;
        }
        .dropdown {
            order: 2;
        }
        #theme-header-link {
            position: unset;
            display: unset;
        }
        #theme-content {
            margin-top: 0px;
        }
        #cssmenu #menu-button {
            padding: unset;
        }
        .container {
            width: 100vw;
            padding: unset;
        }

        .home-banner {
            border-radius: 0;
        }
        .hp-content {
            display: flex;
            gap: 5px;
        }
        .hp-box {
            flex: 0 0 31%;
            flex-direction: column;
            border-radius: 10px;
            margin-top: 10px;
        }
        .hp-box::before {
            border-radius: 10px;
        }
        .hp-txt {
            padding: 10px;
            flex-direction: column;
            align-items: stretch;
        }
        .hp-txt::before {
            content: url(/data/2132/uploads/triangle.png);
            scale: 0.3;
            transform-origin: left top;
        }
        .hp-txt a {
            margin-bottom: 50px;
            width: 100%;
            font-size: 11px;
        }
        .hp-txt span {
            margin-top: -30px;
            font-size: 22px;
            text-align: left;
            margin-bottom: 5px;
        }
        .hp-txt img {
            width: 11px;
        }
        .pop-game {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            padding: 20px;
        }
        .pop-txt {
            font-size: 13px;
            border-radius: 0 0 25px 25px;
        }
        .pop-box {
            flex: 0 0 47%;
        }
        .pop-match {
            padding: 30px 0;
        }
        .maintxt {
            padding: 0 10px;
        }
        .pm-box {
            width: 350px !important;
        }

        .rw-box {
            flex: 0 0 49%;
            display: flex;
            flex-direction: column;
        }
        .rw-won,
        .rw-txt:nth-child(2),
        .rw-txt:nth-child(3) {
            flex-basis: 100%;
        }
        .rw-txt,
        .rw-won {
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 3px 10px;
        }
        .rw-img {
            width: 100%;
            border-radius: 30px;
        }
        span.smtxt {
            font-size: 11px;
        }
        span.bigtxt {
            font-size: 13px;
        }

        .game-wrapper {
            padding: 30px 10px;
            display: grid;
            grid-template-columns: 2fr 2fr;
            row-gap: 10px;
            column-gap: 10px;
        }

        .game2-box {
            border-radius: 5px;
        }

        button.w3-button {
            flex: 0 0 60%;
        }

        .slotbtm .game-wrapper {
            grid-template-columns: 1fr 1fr 1fr;
        }
        .slottop .tab {
            display: flex;
            overflow-y: scroll;
            align-items: stretch;
        }
        .slottop .tab .tablinks {
            flex: 0 0 28%;
            display: flex;
            padding: 5px;
            gap: 20px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .slottop .tab button {
            color: #fff;
            font-size: 10px;
        }
        .slottop .tab button img {
            width: 50%;
            margin: auto;
        }
        .slotmid .info {
            font-size: 10px;
        }

        .gplaybtn a {
            width: 40%;
            margin: auto;
        }

        .gplaybtn a img {
            display: none;
        }

        #theme-menu {
            display: none;
        }

        #myModal .modal-content {
            padding: 20px;
            background: url(/data/2132/uploads/prodbg.png) center center no-repeat;
            background-size: cover;
            width: calc(100% - 15vw);
            margin: 8% auto;
        }

        .register-box {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
        }
        .register {
            width: 90%;
            margin: auto;
            padding: 20px 0;
        }

        form#registerform dl {
            margin: 12px 0;
        }
        .rimg {
            display: none;
        }
        ol#faq_modal {
            gap: 35px 30px;
            flex-wrap: wrap;
        }
        .promo-box,
        .promo-img,
        .promo-text {
            border-radius: 10px;
        }
        .promo-text h3 img {
            width: 30px;
        }
        .promo-text h3 {
            display: flex;
            align-items: center;
            font-weight: bold;
            color: #600014;
            font-size: 13px;
        }
        .promo-text h6 {
            margin: 6px;
            padding: 6px 20px;
        }







}