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

@viewport {width: device-width;zoom: 1;}

::-webkit-scrollbar {background: #ffa012;width: 11px;border-radius: 6px;}
::-webkit-scrollbar-thumb {background: #ffa012;border-radius: 6px;border: 3px solid #fff}
::-webkit-scrollbar-track {background: #fff;border-radius: 6px;}


html,body{height:100%;width:100%;height:100%;margin:0px;padding:0px;font-size:12px;font-family: 'Roboto-r',sans-serif;}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}

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{display:block;height:100%;width:100%;background: #fff;}

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

#theme-frame {height: 100%;margin: auto;width: 100%;background: url(images/background.png)center center no-repeat;background-size: cover;}
#theme-header {background: #fff;}

#theme-menu {border: 0px solid red;width: 90%;float: right;text-align: center;margin-top: -90px;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-content {margin-top: 150px;}

#theme-title {  padding-left:10px;}
#theme-lang {}
#theme-header-link {width: 1200px;margin: auto;border: 0px solid red;}
#theme-header-link ul {list-style: none;text-align: right;}
#theme-header-link ul li { }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited {font-size:12px; text-decoration:none; padding:2px 5px;}
#theme-header-link a:hover {  color:#6aaaf5;}
#theme-header-logo {position:absolute; left:0px; top:0px;}
#theme-header-logo img { width:120px;}

.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-fixed {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;}
#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; }


#logo {display: inline-block;}
.logo {width: 90%;padding: 5px 0;border: 0px solid red;}
#logo img {width: 100%;border: 0px solid green;}

.theaderl {box-shadow: 0px 4px 5px 0px #e3e3e3;    background: #fff;}
#theme-header-content {background: #2E2C2E;}
#theme-header-top {color: #fff;padding: 5px 0px;width: 1200px;margin: auto;}
span#date-div {margin-left: 8px;}

/* Dropdown Button */
.dropbtn {background: unset;color: white;border: none;}

/* The container <div> - needed to position the dropdown content */
.dropdown {position: relative;display: inline-block;}

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

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

.dropdown:hover .dropdown-content {display: block;}

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


.clock, .country{display: inline-block;    margin-top: 1%;}
.country {width: 6%;border: 0px solid red;}
.country img {width: 100%;}



.logreg {text-align:right;}


#customform dl{display:inline-block;    margin: 0;}
#customform #customform_UserName {margin-right: 5px;}
#customform #customform_UserName,
#customform #customform_Password {background: #555455;;padding: 10px;color: #c2c1c2;border-radius: 5px;}

input#customform_submit,
.reg-btn{padding: 10px 30px;border-radius: 15px;font-weight: bold;margin: 0	15px;color: #edf0f6;background: transparent;transition: 0.2s ease-out;border: 2px solid #858385;box-shadow: 0px ​0px 17px -5px rgb(255 255 255 / 82%) inset;-webkit-box-shadow: 0px 0px 17px -5px rgb(255 255 255 / 82%) inset;-moz-box-shadow: 0px ​0px 17px -5px rgb(255 255 255 / 82%) inset;}
.reg-btn a{color: #edf0f6;margin: unset;text-decoration: none;}
input#customform_submit:hover,
.reg-btn:hover {background: linear-gradient(#2e2c2e,#2e2c2e) padding-box,linear-gradient( 
90deg, rgba(255,177,20,1) 10%, rgba(255,228,175,1) 24%, rgba(255,255,255,1) 3%, rgba(242,188,86,1) 52%, rgba(175,104,7,1) 67%, rgba(222,170,14,1) 82%, rgb(171 130 7) 100%)border-box;box-shadow: unset;border: 2px solid transparent;;transition: 0.2s ease-out;color: #ffa012;}

#customform, .reg-btn {display: inline-block;margin:0;}

.reg-btn a:hover{color: #ffa012;transform: scale(1.15)}



/*--BANNER--*/

.flexslider {background: transparent;border: 0px solid #fff;margin: 0px;}
.flex-direction-nav .flex-next {right: 0px;}
.banner img {width:100%;}

/*--SCROLLING TEXT--*/
.announce {padding: 8px 0;background: #fff;filter: drop-shadow(0px 0px 4px #c2c1c2);border-radius: 20px;width: 98%;margin: 15px;}
.announce ul {margin: 0;padding: 0px 10px;}
.announce ul li:nth-child(2) { width: 91.1%;}
.announce ul li{display:inline-block;font-weight:bold; vertical-align: middle;}
.announce ul li a {border: 1px solid #ffa012;padding: 7px 20px;color: #ffa012;border-radius: 20px;}

marquee#horizontal-scrolling-msg {width: fit-content;color: #858385;border: 0px solid red;    margin-top: 3px;}
marquee#horizontal-scrolling-msg:hover {color: #ffa012;}


.w1200 {width:1200px; margin:auto;}



.step {margin: 20px 0px;}
.step ul {margin: 0;padding: 0;text-align: center;}
.step ul li {display: inline-block;padding: 5px;width: 24.8%;}
.step ul li img {width: 100%;}

.title {position: relative;margin-top:60px;}
.titleLine {position: absolute;top:10px;left: 0;}
.titleLine img {width: 100%;}



.threeEvent ul {margin: 0;padding: 0;text-align:center;}
.threeEvent ul li:nth-child(2) {width: 31%;}
.threeEvent ul li {display: inline-block;width: 26%;margin: 30px;vertical-align: middle; }
.threeEvent ul li:hover .eventBox {transform: scale(1.05);transition: 0.3s ease-out;}
.detailBox {position: absolute;top: 45px;left: 0;right: 0;}
.threeEvent ul li:nth-child(2) .detailBox {top:60px;}
.threeEvent ul li:nth-child(2) td.tdSpace {height: 40px;}
.threeEvent ul li:nth-child(3) td.tdSpace {height: 17px;}
.detailBox table {width: 67%;border:0px solid red;margin: auto;}
.detailBox table {text-align: center;}
.detailBox td p {text-transform: uppercase;font-size: 12px;}
.detailBox td {width: 90px;}
.eventBox {position: relative; transition: 0.3s ease-out;}
.eventBox img {width:100%;}
.detailBox th {text-align: center;}
p.eventDate {font-size: 11px;color: #858385;}
p.eventTitle {font-size: 15px;margin-bottom: 3px;}

p.sttTop, p.sttBtm {margin: 0;}
p.sttTop { color: #858385;}

tr.teamLogo td:nth-child(2) {width: 35%;}
tr.teamLogo img {width: 65px;margin-bottom: 7px;}
tr.gameStats td:last-child {border: unset;}
tr.gameStats td {border-right: 1px solid #c2c1c2;}
td.tdSpace {height: 23px;}

.podium img {width: 100%;}


.advServicelist {margin: 70px 0;}
.advServicelist ul {margin: 0;padding: 0;text-align: center;}
.advServicelist ul li {display: inline-block;width: 23%;margin: 0 10px;}
.serviceListBox img {width: 100%;}
.listBoxImg {position: relative; transition: 0.2s ease-out;}
.listBoxTxt {position: absolute;bottom: 0;left: 0;right: 0;width: 80%;}
.listBoxTxt {position: absolute;bottom: 40px;left: 0;right: 0;width: 60%;margin: auto;}
.listBoxTxt p {font-size: 16px;color: #858385;}

.inactive{position: absolute;top: 0;left: 0;}

.serviceListBox:hover .listBoxImg .inactive {opacity: 0;}
.serviceListBox:hover .listBoxImg {transform: translateY(-15px);transition: 0.2s ease-out;}
.serviceListBox:hover .listBoxImg .hoveractive {opacity: 1;}
.serviceListBox:hover .listBoxTxt p {color:#ffa012;font-weight:bold;}





.bettingBox {position: relative;border: 0px solid red;}
.buttonTabactive, .buttonTab {width: fit-content;border: 0px solid red;position: relative;}
.buttonTxtActive span,.buttonTxt span {font-size: 15px;font-weight: bold;color: #fff;line-height: 32px;}
.buttonTxt span {color:#838583;}
.buttonTxtActive, .buttonTxt {position: absolute;top: 8px;left: 0;right: 0;margin: auto;text-align: center;border: 0px solid red;}
.tablinks {display: inline-block;width: 16%;}
.tablinks .buttonTabactive {display:none;opacity:1;}
.tablinks.active .buttonTabactive {display:block;}
.tablinks:hover .buttonTabactive {opacity:1;display: inline-block;}

.tablinks .buttonTab {display:block;}
.tablinks:hover .buttonTab {display: none;}
.tablinks.active .buttonTab {display:none;}

.tablinks .buttonTabactive > img, .tablinks .buttonTab > img {width: 100%;}
.buttonTxtActive img, .buttonTxt img {width: 30px;margin-right: 5px;margin-left: -6px;margin-top: -2px;}

/* Style the tab */
.tab {overflow: hidden;position: absolute;top: -40px;right: 0;width: 870px;}

/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px;border: 0px solid #ccc;border-top: none;}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}}

.tabcontent .col-sm-9 img {width: 100%;}
.prodBtn img {width: 100%;}
.gameProd {margin-top: 60px;}

.gameProd ul {padding: 0;margin: 0;}
.gameProd ul li {display: block;width: 57%;height: 73px;margin-bottom: 25px;}

.prodTxt {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;text-align: center;opacity:0;transition: 0.3s ease-out;}
.prodTxt span {font-size: 13px;font-weight: bold;color: #ffa012;text-transform: uppercase;}
.prodBtn {position: relative;border:0px solid red;width: 100%;height: 100%;transition: .3s ease-out;}
.gameProd img.pactive{position:absolute;transition: 0.3s ease-out;opacity:1;}
.gameProd img.phover {position:absolute;transition: 0.3s ease-out;opacity:0;}
.gameProd ul li:hover .phover,
.gameProd ul li:hover .prodTxt {opacity: 1;transition: 0.3s ease-out;}
.gameProd ul li:hover .pactive {transition: 0.3s ease-out;}
.gameProd ul li:hover .prodBtn {transform:scale(1.1);transition: 0.3s ease-out;}

/*=== SPORTSBOOK ===*/
.sport-mobile {display: none;}

.prodBtn:before {content: url(images/gamearrowinactive.png);position: absolute;top: 50%;transform: translateY(-50%);right: -28px;z-index: 9;transition: 0.3s ease-out;}

.gameProd ul li:hover .prodBtn:before {content: url(images/gamearrowactive.png);transition: 0.3s ease-out;}

#cssmenu li:hover>ul {padding: 0;background:#fff;border: 0px solid red;}
#cssmenu ul ul {position: absolute;left: 50%;top: 100%;background:#fff;z-index: -1;}

#cssmenu>ul>li>a {padding: 38px 20px;}
#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {background: transparent;color: #ffa012;}

#cssmenu>ul>li.active a{position:relative;}
#cssmenu>ul>li.active a::before {content: '';position: absolute;background-color: #ffa012;width: 30%;height: 3px;bottom: 20px;left: 0;right: 0;margin: auto;}

#cssmenu ul>li.has-sub:hover>a::after {content: url(images/dropdowniconactive.png);}
li.has-sub>a:after {content: url(images/dropdowniconinactive.png);display: inline-block;z-index: 999;margin-top: -16px;margin-left: 0px;width: 0;height: 0;border-top: unset;border-right: unset;border-left:unset;vertical-align: middle; }

.menu-btm {margin-top:10px;transition: 0.4s;}
#cssmenu ul li.has-sub ul li {padding: 7px 18px;border-bottom: 0px solid transparent;}

#cssmenu ul li:hover>ul>li {height: auto;width: 16%;}
#cssmenu ul li.has-sub ul li:hover {border-bottom: 0 solid transparent;background: linear-gradient(
0deg, white, #f7f6ff);transition: unset;}
#cssmenu ul li.has-sub ul>li:hover img:nth-child(3) {transform: scale(1.2);transition: 0.4s;}
.menu-icn p {margin: 5px 0;font-family: 'Roboto-lt',sans-serif;font-size: 11px;font-style: italic;font-weight: bold;color: #858385;}

#cssmenu ul li.has-sub ul li:first-child {pointer-events: unset;}

.carouselctn {width: 200px;margin-top: 70px;}
.prodBtn {position: relative;border: 0px solid red;width:150px;height: 100%;transition: .3s ease-out;}
.prodBtn img {width: 100%;position: absolute;top: 0;left: 0;}
.prodBtn .phover {opacity: 0;transition: .3s ease-out;}
.prodBtn .pactive {opacity: 1;transition: .3s ease-out;}
.prodBtn:hover .phover {opacity: 1;}
.prodBtn:hover .pactive {opacity: 0;}
.prodBtn:hover .prodTxt {opacity: 1;}
.prodBtn:hover .prodTxt {opacity: 1;}
.item:hover .prodBtn:before {content: url(images/gamearrowactive.png);}
.item:hover .prodBtn {transform: scale(1.1);}
.prodBtn .phover {position: unset;}
.prodBtn img {width: 100%;position: absolute;top: 0;left: 0;}
.cv-carousel {height: 420px !important;}
.cv-carousel .cv-item {height: 76px !important;}
.cv-carousel .cv-stage-outer {/* overflow: unset !important; */width: 100% !important;border: 0px solid red;padding-left: 10px;padding-top: 5px;}
.cv-nav .cv-prev, .cv-nav .cv-next {font-size: 14px;margin-left: 30px;padding: 2px 5px;border: 1px solid #d6d6d6;background: #fff;cursor: pointer;border-radius: 3px;width: 54%;}
.cv-prev {position: absolute;top: 0;left: 0;right: 0;}
.cv-nav {float: unset;clear: unset;margin-right: unset;position: unset;top: unset;transform: unset;width: unset;}
.cv-prev,.cv-next {font-size: 0px !important;}
.cv-next {position: absolute;bottom: -35px;left: 0;right: 0;z-index: 99;}
.cv-prev {position: absolute;top: -35px;z-index: 99;left: 0;right: 0;}
.cv-prev:after {content: "\e113";font-family: 'Glyphicons Halflings';margin-left: 45%;font-size: 10px;color: #858385;}
.cv-next:after {content: "\e114";font-family: 'Glyphicons Halflings';margin-left: 45%;font-size: 10px;color: #858385;}



#Lottery .cv-prev,
#Lottery .cv-next,
#Cockfight .cv-prev,
#Cockfight .cv-next,
#Ptwop .cv-prev,
#Ptwop .cv-next{display: none;}


.tabProd .tablinks {display: inline-block;width: 50%;}

.tabProd .buttonTxtActive, .tabProd .buttonTxt {position: absolute;top: 0;left: 0;right: 0;margin: auto;text-align: center;border: 0px solid red;}
.tabProd .buttonTxtActive img,.tabProd .buttonTxt img {width: 100%;margin:0;}
.tabProd .item {width: 140px;}


.tab.tabProd {overflow:visible;}
.owl-carousel .owl-stage-outer {overflow: hidden;}

.game .title {margin-top: 180px;}

.owl-carousel .owl-nav.disabled {display: block;width: 100%;height: 70px;margin-top: -55px;z-index: -1;position: relative;}
.owl-carousel .owl-nav button.owl-next {position: absolute;right: -25px;top:0;border: 1px solid #d6d6d6 !important;background: #fff !important;border-radius: 3px !important;width: 14px;height: 64%;}
.owl-carousel .owl-nav button.owl-prev {position: absolute;left: -25px;top: 0;border: 1px solid #d6d6d6 !important;background: #fff !important;border-radius: 3px !important;width: 14px;height: 64%;display: none;}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {font-size: 0;}
.owl-carousel .owl-nav button.owl-prev span:after {content: "\e079";font-family: 'Glyphicons Halflings';font-size: 10px;color: #c2c1c2;margin-left: 10%;}
.owl-carousel .owl-nav button.owl-next span:after {content: "\e080";font-family: 'Glyphicons Halflings';font-size: 10px;color: #c2c1c2;margin-left: 10%;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px;display: none;}


.tabProd .tabcontent .col-sm-8 {text-align: right;}
.tabProd .tabcontent .col-sm-8 img {width: 90%;}
.tabProdTxt {margin: 30% 0;}
.tabProdTxt h2 {font-family: 'Roboto-b',sans-serif;font-weight: bolder;color: #ffa012;font-style: italic;}
.tabProdTxt p {margin: 0;font-size: 13px;color: #858385;}
.tabProdTxt>img {width: 300px;margin: 25px 0;}
.tabcontent .col-sm-8{text-align:center;}
.tabcontent .col-sm-8 img {width: 100%;}
.playBtn {width: 130px;margin-left: -10px;transition: 0.2s ease-out;}
.playBtn:hover {transform: scale(1.1);transition: 0.2s ease-out;}
.playBtn img {width: 100%;}



.webpage-lottery .owl-nav.disabled,.webpage-p2p .owl-nav.disabled,.webpage-cockfight .owl-nav.disabled {display: none;}

.webpage-lottery #Keno .tabProdTxt p,.webpage-cockfight #Cockfight .tabProdTxt p {margin: 30px 0;}


.slotPoolBg {position: relative;}

.slotPool {position: absolute;top: 21px;left: 15px;}
span.poolNumber {font-size: 20px;font-weight: bold;color: #2c2e2c;margin: 12px;letter-spacing: 4px;}

span.poolNumber:first-child {margin-left: 10px;}
span.poolDot {margin-right: 7px;}


.prizePool {width: 80%;margin: 16% auto 3%;text-align: center;}
.poolTxt {width: 16%;margin: 0 10px;display: inline-block;}

.slotPoolBg>img,.poolTxt>img {width: 100%;}
.slotPoolBg {position: relative;display: inline-block;width: 50%;padding: 10px;}


.webpage-slot-detail #theme-frame {background: url(images/slot-detail-background.png)center center no-repeat;background-size: cover;}
.prizePool>img {position: absolute;top: -8px;left: 0;width: 100%;}

.webpage-slot-detail .tabProd .item {width: 190px;}
.webpage-slot-detail .tab {width: 90%;margin: auto;border: 0px solid red;position: unset;}
.slotProdBtn {position: relative;}
.slotProdInside {position: absolute;top: 0;left: 0;right: 0;margin: auto;text-align: center;}
.slotProdInside p {font-size: 9px;margin-top: 53px;margin-bottom: 5px;color: #c2c1c2;}
img.slotLogo {width: 30% !important;    margin: auto;}
img.slotProd {margin-top: -3px;width: 90% !important;}
.slotGames {padding: 9px;margin: 20px 0;background: #fff;border-radius: 20px;filter: drop-shadow(0px 0px 3px #c2c1c250);}
.slotProdBtn img.slotBgHover {position: absolute;opacity: 0;
top: 19px;left: 0;}
.slotProdBtn:hover img.slotBgHover {opacity: 1;display: inline-block;}
.slotProdBtn:hover img.slotBgNormal {opacity: 0;}
.webpage-slot-detail .tabProd .item:hover .slotProdBtn {transform: scale(1.15);}
.webpage-slot-detail .tablinks.active .slotBgNormal {opacity: 0;}
.webpage-slot-detail .tablinks.active .slotBgHover {opacity: 1;transform: scale(1.05);}


.webpage-slot-detail .owl-carousel .owl-nav.disabled {display: block;margin:unset;width: 100%;height: 100px;z-index: -1;position: absolute;top: 40%;transform: translateY(-40%);}
.webpage-slot-detail .owl-carousel .owl-nav button.owl-prev {display:block;}

.webpage-slot-detail .owl-carousel .owl-nav button.owl-prev span:after {content: url(images/arrow-left.png);left: 0;}
.webpage-slot-detail .owl-carousel .owl-nav button.owl-prev {border: 0px solid #d6d6d6 !important;background: #fff0 !important;border-radius: 0px !important;}
.webpage-slot-detail .owl-carousel .owl-nav button.owl-next span:after {position: absolute;content: url(images/arrow-right.png);left: 0;}
.webpage-slot-detail .owl-carousel .owl-nav button.owl-next {border: 0px solid #d6d6d6 !important;background: #fff0 !important;border-radius: 0px !important;}



.playNow {width: 60%;margin: auto;}

.gamesProd {position: relative;overflow:hidden;}
.gamesProd img {
width: 100%;border-radius: 5px 5px 0 0; transition: 0.15s ease-out;}
.gamesProd .playNow {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);opacity: 0;transition: 0.3s ease-out;z-index: 99999999;}
.gamesProd:hover .playNow {opacity: 1;transition: 0.3s ease-out;}
.gamesProd:hover>img {transform: scale(1.1); transition: 0.15s ease-out;}
.gamesProd img {width: 100%;}

.slotGames ul {padding: 0;margin: 0;}
.slotGames ul li {display: inline-block;width: 14.4%;margin: 10px 10px;background: #fff;filter: drop-shadow(0px 0px 3px #c2c1c250);border-radius: 5px;}
.slotGames ul li:hover .gamesProd:after {opacity:1;    transition: 0.3s ease-out;}
.gamesProd:after {opacity:0;  transition: 0.3s ease-out;    position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #00000078;z-index: 5;}


.gamesTitle {padding: 10px;}
span#heart {float: right;}




.vip {position: relative;}
.vip>img {width: 100%;}

.vip-txt {position: absolute;top: 50%;left: 15%;width: 29%;transform: translateY(-50%);}
span.black {font-size: 40px;font-family: 'Roboto-blk',sans-serif;}

span.yellow {font-size: 40px;font-family: 'Roboto-blk',sans-serif;font-style: italic;color: #ffa012;}

.vip p {margin: 20px 0;line-height: 20px;font-size: 11px;color: #858385;}
.vip-table {padding: 0px 40px;background: #fff;filter: drop-shadow(0px 0px 3px #c2c1c250);width: 80%;border-radius: 10px;margin: 60px auto;}
.vip-table table {margin: auto;width: 100%;}
.vip-table th:first-child,
.vip-table td:first-child {text-align: left;}
.vip-table th, .vip-table td {text-align: center;padding: 10px;border: 1px solid #dfdfdf;font-size: 11px;}
.vip-table tr:nth-child(even) {background: #f0f0f0;}
.vip-table thead tr:nth-child(2) {background: unset;}
.vip-table th {color: #ffa012;}

.vip-table th:first-child {background: #ffa012;color: #fff;}
.vip-table tr td:first-child {width: 40%;}
.vip-table tr.table-top th {border: unset;}
.vip-table tr.table-top th:first-child {vertical-align: bottom;background: unset;color: #333;}

.vip-table tr th img {width: 80%;padding: 15px;}
.vip-table tr td img {width: 14%;}

.vip-table>p {margin-top: 40px;margin-bottom: 5px;font-size: 13px;font-weight: bold;}
ul.vip-info {margin: 0;padding: 15px;}
ul.vip-info li {padding: 10px 5px;color: #858385;list-style: circle;}




.jackpot>img {width: 100%;}
.mega-jackpot img {width: 100%;}
.mega-jackpot {width: 26%;margin: auto;position: relative;}
.jackpot-txt {position: absolute;top: 60px;left: 0;right: 0;text-align: center;}
.jackpot-box {width: 40%;margin: 0 auto 15px;border: 2px solid #c6c6c67d;border-radius: 5px;}
.jackpot-box>p {margin: 0;font-size: 20px;font-weight: bold;font-style: italic;}
.jackpot-txt span {font-size: 10px;}

.webpage-jackpot .vip-table {padding: 15px 40px;}


.jackpotPlace {position: absolute;top: 7px;left: 0;right: 0;text-align: center;}

.jackpotPlace span {color: #fff;font-style: italic;font-size: 9px;}
.jackpotPlace {position: absolute;top: 3px;left: 0;right: 0;text-align: center;}

.webpage-jackpot .vip-table ul {margin: 0;padding: 0;    text-align: center;}
.webpage-jackpot .vip-table ul li {display: inline-block;width: 19.7%;}

ul li .mega-jackpot {width: 100%;}
ul li .mega-jackpot .jackpot-txt {top: 45px;}
ul li .mega-jackpot .jackpot-txt {top: 30px;}
ul li .mega-jackpot .jackpot-box>p {margin: 0;font-size: 15px;}


.jackpot-detail p {text-align: center;margin: 20px 0;color: #858385;font-size: 11px;}
.jackpot-detail span.ffa012 {color: #ffa012;}

.result-btn {width: 15%;margin: auto;}
.result-btn img {width: 100%;}
.result-btn:hover {transform: scale(1.1);transition: 0.3s ease-out;}


ul.page-info li {display: block;width: 100% !important;text-align: left;list-style-type: circle !important;margin: 10px 0;}
ul.page-info {margin: 0;padding: 0;}
.line {border-bottom: 1px solid #e6e6e6;margin-top: 30px;}
/*=== LIVE TV ===*/
.webpage-live-tv .venuesBetting,.webpage-jackpot-result .venuesBetting {margin-top: 178px;}
.live-tv {margin-top: 60px;}

#api-leaguefeed .brick>ul {list-style: none;margin: 0;padding: 0;}
.api-leaguefeed-free-wall .brick {min-height: 217px;margin: 10px;position: unset !important;display: inline-block;vertical-align: top;width: 18%;text-align: center;}
#api-leaguefeed {clear: both;display: block;width: 100%;height: unset !important;position: unset !important;text-align: center;}
#api-leaguefeed .brick>ul>li {padding: 5px 10px;}
#api-leaguefeed #versus {text-align: center;font-size: 13px;font-weight: 700;padding: 20px 0;}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {display: block;text-decoration: none;text-align: center;padding: 10px;border-radius: 10px;background: linear-gradient(#2e2c2e,#2e2c2e) padding-box,linear-gradient( 
90deg, rgba(255,177,20,1) 10%, rgba(255,228,175,1) 24%, rgba(255,255,255,1) 3%, rgba(242,188,86,1) 52%, rgba(175,104,7,1) 67%, rgba(222,170,14,1) 82%, rgb(171 130 7) 100%)border-box;box-shadow: unset;border: 2px solid transparent;transition: 0.2s ease-out;color: #ffa012;}
#api-leaguefeed #playtime {background: linear-gradient(
195deg, #ffe69d, #ffa012);font-weight: bold;
  color: #fff;}
#api-leaguefeed #livetv a:hover {border-radius: 15px;font-weight: bold;color: #000000;background: transparent;transition: 0.2s ease-out;border: 2px solid #858385;}

.webpage-jackpot-result .tablinks {display: inline-block;width: 21%;cursor: pointer;}
.webpage-jackpot-result .buttonTxtActive span, .webpage-jackpot-result .buttonTxt span {border: 0px solid red;font-size: 13px;line-height: 32px;}
.jackVid {text-align: center;}
.jackVid .youtubewidth {width: 100%;margin: 1% auto;display: inline-block;}
.embed-container img {width: 100%;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;z-index: 2;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: -13px;left: 0;width: 100%;height: 100%;padding: 11% 19.5%;}
.jackResult {padding: 30px 0;margin-top: -147px;position: relative;z-index: 1;}
.jackpotTitle {position: absolute;top: 17px;left: 0;right: 0;text-align: center;color: #fff;font-size: 12px;font-family: 'Roboto-l',sans-serif;font-weight: bold;letter-spacing: 1px;}
.jackpotBox {position: relative;}
.jackpotBox img {width: 100%;}
.jackpotNumber {position: absolute;top: 60%;left: 0;right: 0;text-align: center;transform: translateY(-50%);font-weight: bold;font-size: 25px;font-style: italic;text-shadow: 1px 2px #cecece52;letter-spacing: 1px;}
.jackpotTotal {position: absolute;top: 19px;right: 25px;font-weight: bold;color: #979797;letter-spacing: 0.5px;font-style: italic;}

.jackpotBox ul {margin: 0;padding: 0;}
.jackpotBox:nth-child(5) ul li {display: inline-block;width: 23%;}
.jackpotBox:nth-child(6) .jackpotNumber {    top: 55%;;}
.jackpotBox:nth-child(6) ul li {display: inline-block;width: 24%;padding: 10px 0;}
.jackpotBox:nth-child(6) ul li:last-child {width: 100%;text-align: left;margin-left: 70px;}
.webpage-jackpot-result .result-btn {width: 15%;margin: auto;padding-bottom: 4%;}

.logoRL img {width: 100%;}

.logoRL  {width: 10%;padding: 5px 0;border: 0px solid red;margin: auto;}
.countryBtn {text-align: center;}
.countryBtn ul {margin: 0;padding: 0;}
.countryBtn ul li {position: relative;width: 8%;display: inline-block;margin: 0 15px;}
.countryBtn ul li span {color: #fff;text-decoration: none;}
.countryBtn img {width: 100%;}

.my:hover .countryBtnActive,.sg:hover .countryBtnActive {opacity: 1;transition:0.2s ease-out;}
.my .countryBtnInactive,.sg .countryBtnInactive  {opacity: 1;transition:0.2s ease-out;}
.my .countryBtnActive,.sg .countryBtnActive {opacity: 0;position: absolute;top: 0;left: 0;transition:0.2s ease-out;}
.my:hover .countryBtnInactive .sg:hover .countryBtnInactive {opacity: 0;transition:0.2s ease-out;}
.my:hover .countryBtnActive,.sg:hover .countryBtnActive {opacity: 1;transition:0.2s ease-out;  }


.countryBtn a{text-decoration: unset;}  
.my.active .countryBtnActive {opacity: 1;}
.sg.active .countryBtnActive {opacity: 1;}


.webpage-registration .theme-fixed,.webpage-login .theme-fixed {display: none;}
.webpage-registration #theme-content,.webpage-login #theme-content {margin-top: 0;}
.webpage-registration .footer,.webpage-login .footer ,.webpage-registration .copyright,.webpage-login .copyright{display:none;}
.webpage-registration,.webpage-login {background: url(images/register-loginbg.png)center center no-repeat fixed !important;background-size: cover !important;}
.webpage-registration #theme-frame,.webpage-login #theme-frame {background:unset;}

.registration-box {margin: 40px 0;}
.registerArea {width: 20%;margin: 50px auto 10px;}
.register #registerform dl {margin-bottom: 15px;}
.register #registerform dt { width: 100%;color: #927d37; font-size: 10px; display: none;}
.register #registerform dd {text-align:left;}
.register #registerform textarea, .register #registerform input[type=text], .register #registerform input[type=text], .register #registerform input[type=password], .register #registerform #registerform_Currency, .webpage-login #customform #customform_UserName, .webpage-login #customform #customform_Password, .remoteloginform textarea, .remoteloginform input[type=text], .remoteloginform input[type=password] {width: 100%;font-size: 11px;border: 1px solid transparent !important;padding: 10px 30px;border-radius: 20px;margin: 0;color: #fff !important;background: transparent;transition: 0.2s ease-out;border: 2px solid #858385;box-shadow: 0px 0px 24px 5px rgb(255 255 255 / 82%) inset, 0 0px 5px #00000021;outline: unset;}
.register #registerform #registerform_Currency option {color: #000 !important;}
.register #registerform #registerform_UserName {width: 100%;} 
.register #registerform #registerform_Currency {color: #000;}
.register #registerform #groupSubmit dd {width: 100%;margin-top: 25px;}
.register #registerform #registerform_varifycode {width: 50%;float: left;}
.register #registerform .btnCheckUser {color: #ffa012;background: #2c2e2c;padding: 3px 10px;margin: 5px 0;border-radius: 8px;border: 1px solid #ffa012;text-transform: uppercase;font-size: 10px;}
#registerform_btnSubmit, .webpage-login input#customform_submit, .webpage-login input#remoteloginformsubmit {background: linear-gradient( 
45deg, #ffa012, #d88200);color: #fff;width: 100%;padding: 9px;border: 1px solid #ffb546;border-radius: 20px;outline: unset;margin: 0;}
.register #registerform dl#groupCurrency {width: 100%;}
.register input::placeholder {transform:translateX(0px);transition:.4s;color:#fff;}
.register input:focus::placeholder {transform: translateX(200px);transition:.4s;opacity:0;transition-timing-function: ease-in;}
.small, small {font-size: 85%;color: #fff;margin: 5px 0 0;}
.btnBottom {text-align: center;color: #fff;margin-top: 40px;}
.btnBottom a {margin: 0 20px;color: #fff;}

.webpage-login .registerArea {width: 80%;margin: auto;}
.loginArea {margin-top: 55px;}
.loginArea p {font-weight: bold;font-size: 15px;color: #fff;}

.loginArea #remoteloginform, .loginArea #customform {width: 80%;margin:auto;}
.loginArea ul {margin: 0;padding: 0;text-align: center;}
.loginArea ul li {display: inline-block;width: 30%;}
.webpage-login #customform dl {display: block;}

.loginArea #customform dl {margin: 0 0 20px;}







.info-tab {padding: 30px 20px;background: #fff;filter: drop-shadow(0px 0px 3px #c2c1c280);border-radius: 10px;margin: 15% auto 5%;}

.info-tab .tablinks {width: 15%;background: unset;border: unset;position: relative;padding: 11px 0;}
.tablinks.active .infoBtn::before {content: '';position: absolute;background-color: #ffa012;width: 13%;height: 3px;bottom: -13px;left: 0;right: 0;margin: auto;}
.info-tab .tab {position: unset;width: unset;text-align: center;border-bottom: 1px solid #c2c3c2;overflow:visible;}

.infoBtn {position: relative;}
.infoBtn .infoActive {position: absolute;}

.tablinks.active .infoBtn .infoInactive {opacity: 0;}
.tablinks.active .infoBtn .infoActive {opacity: 1;}
.tablinks .infoBtn .infoInactive {opacity: 1;}
.tablinks .infoBtn .infoActive {opacity: 0;}


.info-tab .tablinks.active .infoBtn span{color:#ffa012;}

.infoBtn span {margin-top: 7px;display: block;}

.info-tab .tabcontent {margin: 30px 0;}

.info-tab .tabcontent p.infoTitle {color: #ffa012;font-weight: bold;border-left: 3px solid #ffa012;padding-left: 20px;margin: 40px 0px 15px;}
.info-tab .tabcontent span {font-size: 11px;letter-spacing: 0.5px;color: #858385;margin: 20px 0 50px;}
.info-tab .tabcontent .tab-pane ul {margin: 0;padding: 15px;}
.info-tab .tabcontent .tab-pane ul li {font-size: 13px;margin: 20px 0;list-style: circle;}
.info-tab ul.nav-pills>li.active>a, .info-tab ul.nav-pills>li.active>a:focus, .info-tab ul.nav-pills>li.active>a:hover {background: linear-gradient(
180deg, #ffa012, #ffc368);border-radius: 22px;color: #fff;}
.info-tab .nav>li>a {position: relative;display: block;padding: 10px 15px;color: #858385;}
.info-tab .nav>li>a:focus,.info-tab .nav>li>a:hover {text-decoration: none;background-color: transparent;}

.info-tab ul.nav.nav-pills {text-align: center;margin: auto;padding: 0;width: 60%;border: 1px solid #ffa012;border-radius: 22px;}
.info-tab .nav-pills>li {float: unset;display: inline-block;width: 24.4%;}
p.infoSubTitle {margin: 20px 0;color: #ffa012;}
#info4 .nav-pills>li{float: unset;display: inline-block;width: 32.7%;}
#info4  ul.nav.nav-pills{width: 47%;} 
img.affiliate {width: 100%;margin-bottom: 30px;}
#info5 center span {font-size: 20px;color: #000;font-weight: bold;}
#info6 table tr td {padding: 10px 20px 10px 0px;color: #858385;}

#info6 table tr td:nth-child(2) {font-style: italic;font-weight: bold;}






.promo .col-md-9 h3 {padding: 0; margin: 0;border: 0px solid white;}
.promo .col-md-9 img {width: 100%;}

.promo .col-md-9 h5{margin-bottom:40px;}
.promo .col-md-9 a:hover{color:#0738cd;}
.promo-count {padding: 10px 0;margin: 40% 25%;font-size: 15px;color: #2c2e2c;}
.promo-count i {font-size: 20px;vertical-align: middle;}
.promo-count>div {color: #ffa012;}

#faq_template_list ol#faq {margin: 0;padding: 0;}
#faq_template_list li#faq {display: block;}

#faq_template_list #answer {width: 72.5%;border: 0px solid red;padding: 25px 30px;background: #fff;filter: drop-shadow(0px 0px 3px #c2c1c250);border-radius: 10px;margin-top: 2px;margin-left: 14px;}

.webpage-promotion .tab {overflow: hidden;position: absolute;top: 40px;right: 0;width: 945px;}
.webpage-promotion .tabcontent{margin-top: 53px;}    

.webpage-promotion .tablinks {display: inline-block;width: 15%;}
#faq_template_list .promo .row {margin:0;}
.promo-details ul {margin: 0;padding: 14px;}
.promo-details ul li {margin: 18px 0;}
.promo-details p.infoSubTitle {margin: 5px 0;color: #ffa012;}
.promo-details h2 {color: #ffa012;font-weight: bold;}

.promo .col-md-9 img{padding: 10px;background: #fff;filter: drop-shadow(0px 0px 3px #c2c1c250);border-radius: 10px;}

.footer {background: #2e2c2e;}
.footer-inside {width: 60%;margin: auto;}
.gameBrand {border-bottom: 3px solid #1f1f1f;margin-bottom: 40px;padding-bottom: 20px;filter: drop-shadow(0px 0px 1px #c2c1c250);}
.gameBrand img {width: 100%;margin: 20px 0;}
.social p,.payment p {color: #fff;}
.payment img {width: 100%;margin-top: 6px;}
.social {width: 30%;display: inline-block; vertical-align: top;}
.payment {display: inline-block;width: 69%;vertical-align: top;}
.social {text-align: right;}
.social ul {margin: 0;}
.social ul li {display: inline-block;position: relative;width: 20%;}
.social ul li img {width: 100%;padding: 5px;}
.social ul li img.social-hover {position: absolute;top: 0;left: 0;opacity: 0;transition: 0.2s ease-out;}
.social ul li:hover img.social-hover {opacity: 1;transition:0.2s ease-out;}

.footer .btnBottom {color: #858385;}
.footer .btnBottom a {margin: 0 29px;color: #858385;}

.footer-inside {width: 60%;margin: auto;padding: 20px 0;}
.copyright {background: #555455;}
.copyright p {padding: 8px 0;text-align: center;color: #fff;margin: 0;font-size: 11px;}

.float {position: fixed;bottom: 30px;right: 0;}
.float ul {margin: 0;padding: 0;}
.float ul li {display: block;width: 75%;text-align: center;}
.float ul li p {color: #555455;}
.float ul li:hover p {color: #ffa012;}
.float ul li img {width: 100%;}
.float ul li:hover a {text-decoration: unset;}
.float button#backtotop {background: unset;border: unset;outline: unset;}


#cssmenu ul li.has-sub ul li:last-child {width: fit-content;}
#cssmenu ul li.has-sub ul li:last-child:hover {background: unset;transform: scale(1.1);transition: 0.2s ease-out;}



.flex-direction-nav .flex-next {right: 0px;}










@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;}

.theme-fixed {position: unset;}


#theme-menu{margin-top: 0px;}

#theme-header-top .col-sm-5 {text-align: center;}
.clock, .country {display: inline-block;margin-top: 0%;}
.logreg {text-align: center; margin: 10px;padding: 5px 20px;}

.logreg #customform {display: none;}

.logo { width: 55%;}
#logo {float: left; margin-left: 15px;}

#theme-header-link,#theme-header-top,.w1200 {width: 100%;}
.float{display:none;}
.row {margin: 0;}
#theme-menu{float: unset;width: 100%;}   
 
#cssmenu #menu-button {color:#fff;}
#theme-content {margin-top: unset;}
#cssmenu #menu-button::before {top: 30px;}
#cssmenu #menu-button::after {top: 25px;} 
.announce {margin: 0;}
.announce ul li:nth-child(2) {width: 70%;}

.step ul li {width: 80%;}

.threeEvent ul li {width: 80%;margin: 30px 0;}
.threeEvent ul li:nth-child(2) {width: 80%;}


.title{padding-left: 20px;overflow: hidden;margin-top: 10px;}
.titleLine {top: 23px;left: 0px;width: 700px;}
.titleLine img {width: 173%;}

.tab {top: 11px;width: 100%;text-align: center;}
.tablinks {display: inline-block;width: 30%;}

.buttonTxtActive span, .buttonTxt span {font-size: 12px;line-height: 0px;}
.buttonTxtActive img, .buttonTxt img {width: 25px;}

.tabcontent .col-sm-3 {display: none;}
.tabcontent .col-sm-9 {margin-top: 100px;}


.gameBrand {margin:0;padding:0;}


.advServicelist ul li {display: inline-block;width: 43%;margin: 10px;}
.listBoxTxt {position: absolute;
  bottom: 22px;}
.listBoxTxt p {font-size: 10px;color: #858385;}

.footer-inside {width: 90%;margin: auto;padding: 10px 0;}
.social, .payment {text-align: center;width: 100%;margin-top: 20px;}
.social ul {margin: 0;padding: 0;text-align:center;}
.social ul li {width: 15%;}
.footer .btnBottom a {margin: 0px 4px;color: #858385;font-size: 9px;}

.threeEvent ul li:nth-child(2) td.tdSpace {height: 6px;}

#cssmenu>ul>li:hover>a, #cssmenu>ul>li.active>a {background: 0 0;color: #ffa012 !important;}
#cssmenu>ul>li>a {padding: 20px 0 !important;color: #000 !important;}
#cssmenu>ul>li.active a::before {width: 13%;bottom: -2px;}

.game .title {margin-top: 0;}

.tabProdTxt {margin: 30% 0 0;}

.tabProd .item {width: 100%;}
.tabProd .owl-item {width: 100px !important;}
.tabProd .tablinks {display: inline-block;width: 100%;}
.owl-dots {display: none;}

.owl-carousel .owl-nav button.owl-next {display: none;}

element.style {}
.vip-table {padding: 0px 20px;width: 90%;margin: 50px auto;}

.vip-table th, .vip-table td {text-align: center;padding: 2px;border: 1px solid #dfdfdf;font-size: 10px;}
.vip-table tr th img {width: 50px;padding: 10px;}
.vip p {margin: 7px 0;line-height: unset;font-size: 10px;color: #858385;}
.vip-txt {position: unset;width: 80%;margin: auto;transform: unset;}
.promo-count {display: none;}

#faq_template_list #answer {width: 91%;margin: 0 auto;}
.mega-jackpot {
  width: 80%;}
.webpage-jackpot .vip-table ul li {display: inline-block;width: 69%;}
.result-btn {width: 60%;}
.webpage-live-tv .venuesBetting, .webpage-jackpot-result .venuesBetting {margin-top: 0;}
.jackpotNumber {top: 60%;font-size: 10px;}
.jackpotTotal {top: 4px;right: 10px;font-size: 6px;}
.jackpotTitle {top: 3px;font-size: 7px;}
.jackpotBox:nth-child(6) ul li {width: 19%;padding: 4px 0;}
.jackpotBox:nth-child(6) ul li:last-child {margin-left: 37px;}

.webpage-jackpot-result .result-btn {width: 50%;}

.api-leaguefeed-free-wall .brick {width: 42% !important;}

.jackVid .youtubewidth {margin: 15% auto;}
.webpage-jackpot-result .tab {top: -22px;width: 100%;text-align: center;}
.webpage-jackpot-result .tablinks {width: 35%;}
.webpage-jackpot-result .tabcontent {margin-top: 10%;}
.webpage-jackpot-result .buttonTxtActive span, .webpage-jackpot-result .buttonTxt span {border: 0px solid red;font-size: 8px;line-height: 0px;}

.infoBtn span{font-size: 8px;}
.info-tab .nav-pills>li {float: unset;display: inline-block;width: 23.79%;font-size: 10px;}
#info4 ul.nav.nav-pills {width: 100%;}
#info4 .nav-pills>li {width: 32.2%;vertical-align: middle;}
.registerArea {width: 60%;}
.countryBtn ul li {width: 25%;}
.logoRL {width: 30%;}
.loginArea ul li { width: 100%;}










}



/*=============================================================*/
/*---------------------------------------      MOBILE VIEW  LANDSCAPE   ---------------------------------------*/		
/*=============================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) {	



.threeEvent ul li {
width: 40%;
    margin: 21px 0;
}
.threeEvent ul li:nth-child(2) {
    width: 45%;
}







}