@import url("/theme/Default/style.css");
@import url("/theme/ecity888m/font/font.css")
@viewport {  width: device-width;  zoom: 1;  }


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


input#customform_submit {
    padding: 15px;
    width: 100%;
    border-radius: 50px;
    border: 0px solid red;
    background: linear-gradient(#980000,#4c0000);
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}


#theme-footer center { display: none; }
#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; }

#theme-frame{margin:auto;width:100%;}

#theme-header {	}
#theme-header-content { position:relative;background: linear-gradient(#980000,#4c0000); }

#theme-menu{ height:32px; z-index:500; position:relative;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-footer {
    background: linear-gradient(#8c8c8c,#464646);
    clear: both;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 20px;
    border-top: 2px solid #fff;
    z-index: 99;
    left: 0;
    right: 0;
}

#theme-title {  padding-left:10px;}
#theme-lang {position:absolute; left:0px; top:0px;}
#theme-header-link {position:absolute; right:0px; top:0px;}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited { color:#000; text-decoration:none; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#theme-header-logo img { width:100%; transform: scale(3);}

.flexslider .slides img {max-width: 100%;}

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

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

.loginbar {    line-height: 46px;
    margin: 5px auto 0;
    width: 100%;
    text-indent: 25px;
    font-size: 11px;
    background: url(/theme/ecity888m/imgs/Login_joinbar.png);
    background-size: cover;
    letter-spacing: 0;
}

.logo {
    width: 44px;
    margin: auto;
    line-height: 39px;
    padding: 6px 0;
}


/*--------------------------------MENU------------------------------*/

#divMenu{position:fixed; width:0; height:100%; left:0; right:0; top:0; bottom:0; margin:0;z-index:9999;}
#divMenu.active{width:100vw;}
#cssmenu {
  height:100%; 
  position:fixed; 
  left: -63%; 
  -webkit-transition:left 0.8s; 
  transition:left 0.5s; 
  overflow:auto;
  margin: 0;
  width: 60%;
  border-radius: 0 30px 30px 0;
  height: 100vh;
  background: linear-gradient( 
90deg
 ,rgba(66,4,4,1) 0%,rgba(99,6,6,1) 12%,rgba(66,4,4,1) 26%,rgba(213,213,213,1) 26%,rgba(218,218,218,1) 26%,rgba(250,250,250,1) 68%,rgba(213,213,213,1) 100%);
    filter: drop-shadow(2px 4px 13px black);
}
#divMenu.active #cssmenu{left:0;}

#cssmenu:after{content:"";}
#cssmenu::-webkit-scrollbar {display: none;}
#tab-home::-webkit-scrollbar {display: none;}
#cssmenu > ul:after{content:"";}
#cssmenu > ul > li{float:none;}
#cssmenu > ul > li.active > a,#cssmenu > ul > li:hover > a {color:#ffbe4d;}
#cssmenu > ul > li > a {
    min-width: 100px;
    min-height: 100px;
    padding: 0!important;
    font-size: 15px;
    width: auto!important;
    font-weight: 700;
    color: #550505;
    text-align: left;
}
#cssmenu > ul > li > a:hover{text-decoration:none;}
#cssmenu > ul > li > a > img {display:block; padding-bottom:5px;width:40px;margin:auto;}

#cssmenu .submenu-button { position: absolute;z-index: 10; right: 0;top: 0;display: block; border-left: 0px solid rgba(120, 120, 120, 0.15); height: 100%;width: 22px; cursor: pointer;}
#cssmenu .submenu-button::before {content: "\f0d7"; font-family: 'fontawesome'; position: absolute;left: 6px;top: 15px;color: #0054ab; display: block; z-index: 99;}

span.side-icon {background: url(/data/1876/uploads/side-icon-2023.png);background-position: -24px -11px;width: 50px;height: 40px;background-size: 450px;display: inline-block;vertical-align: middle;}

#cssmenu ul li:nth-child(2) .side-icon {background-position: -69px -10px;}
#cssmenu ul li:nth-child(3) .side-icon {background-position: -113px -10px;}
#cssmenu ul li:nth-child(4) .side-icon {background-position: -158px -10px;}
#cssmenu ul li:nth-child(5) .side-icon {background-position: -203px -10px;}
#cssmenu ul li:nth-child(6) .side-icon {background-position: -248px -10px;}
#cssmenu ul li:nth-child(7) .side-icon {background-position: -293px -10px;}
#cssmenu ul li:nth-child(8) .side-icon {background-position: -382px -10px;}
#cssmenu ul li:nth-child(9) .side-icon {background-position: -24px -46px;}
#cssmenu ul li:nth-child(10) .side-icon {background-position: -83px -46px;}
#cssmenu ul li:nth-child(11) .side-icon {background-position: -259px -46px;}
#cssmenu ul li:nth-child(12) .side-icon {background-position: -144px -46px;}
#cssmenu ul li:nth-child(13) .side-icon {background-position: -202px -46px;}
#cssmenu ul li:nth-child(14) .side-icon {background-position: -335px -46px;}
#cssmenu ul li:nth-child(15) .side-icon {background-position: -381px -46px;}



/*===============HAS SUB=================*/

#cssmenu ul li.has-sub ul li {border: 0px solid white;padding: 10px 0;}
#menu-button {display: none;}
li.has-sub {position: relative;}
li.has-sub ul { display: none !important;}
li.has-sub ul.open {display: block !important;}
li.has-sub ul li a p {font-size: 9px !important;}

/*===============HAS SUB=================*/

.menu-new{position:absolute; top:0; left:0; width:35px;}

#btnMenu {
    position: absolute;
    top: 4px;
    left: 0;
    padding: 10px;
    cursor: pointer;
    z-index: 99;
}
#btnMenu>div{}
#btnMenu span {
    width: 30px;
    height: 3px;
    display: block;
    background: #ffffff;
    margin: 0 auto 6px;
    border-radius: 30px;
}
#btnMenu span:nth-child(2){width:20px;margin-left:0;}

#cssmenu > ul > li > a span:nth-child(2) {margin-left: 10px;}

.homeprod-icn ul li a {color: #000;}
.scrolling-txt marquee ul li {display: inline-block;}


#sidebar-wrapper::-webkit-scrollbar {display: none;}
#navbar #cssmenu ul {padding: 0 0 0 10px; margin: 0;}
#cssmenu ul {padding: 0; margin: 0;}
#cssmenu ul li { padding:0px; display: block; }
#cssmenu ul li p{font-size: 14px;letter-spacing: 0.3px;margin-bottom:0;}
#cssmenu ul li.has-sub ul li a {color: #fff;font-size: 14px;letter-spacing: 0.3px;text-decoration: none;}


/*==MENU LEFT==*/

.webpage-livecasino footer,.webpage-lottery footer,.webpage-sportsbook footer,.webpage-slotgames footer,.webpage-promotion footer,.webpage-poker footer,.webpage-battle footer,.webpage-contact-us footer,.webpage-m-sport footer,.webpage-s-sport footer,
.webpage-e-sport footer,.webpage-maxbet footer, .webpage-horse-racing footer { display: none;}

.webpage-home #navbar,.webpage-login #navbar,.webpage-registration #navbar,.webpage-m-sport #navbar,.webpage-s-sport #navbar,.webpage-e-sport #navbar,.webpage-maxbet #navbar    {display: none;}

.container-margin {margin: 0 30px 0 105px;}

.page-home .navbar-right {display:none;}

.navbar-right {text-align: center;width: 20%;padding: 7.5px 0;background: linear-gradient(to bottom, #DCDCDC, #FFFFFF, #DCDCDC);border-radius: 0px 20px 20px 0px;position: fixed;filter: drop-shadow(2px 4px 3px #888); top: 35%;left:0;z-index: 999;border: 0px solid red;
    height: 380px;
    overflow: hidden;}

.navbar-right #cssmenu {left: 0 !important;}
.navbar-right #cssmenu > ul > li > a span:nth-child(2) {
    margin-left: 0;
}

.navbar-right #cssmenu {
    width: unset;
    border-radius: 0;
    background: transparent;
    filter: unset;
}

.navbar-right .horse {
    filter: contrast(0.1);
    margin-top: 5px;
}
.navbar-right .side-icon {background: url(/data/1876/uploads/side-icon-2023.png) no-repeat;background-position: -24px -11px;width: 50px;height: 40px; margin: auto; background-size: 450px; display:block; vertical-align: middle; filter: contrast(0.1);margin-bottom: -9px;margin-top: 0;}

.navbar-right li {display:none;}
.navbar-right li:nth-child(1n+8) {display:block !important;text-align:center;}
.navbar-right li a {padding:0;}
.navbar-right li a:hover {background:none;color:#000;}


.navbar-right li:nth-child(8) .side-icon {background-position: -382px -10px;}
.navbar-right li:nth-child(9) .side-icon {background-position: -24px -46px;}
.navbar-right li:nth-child(10) .side-icon {background-position: -83px -46px;}
.navbar-right li:nth-child(11) .side-icon {background-position: -259px -46px;}
.navbar-right li:nth-child(12) .side-icon {background-position: -144px -46px;}
.navbar-right li:nth-child(13) .side-icon {background-position: -202px -46px;}

.navbar-right li span {font-size: 8px;}
.navbar-right #cssmenu ul li{display:none;}
.navbar-right #cssmenu ul li a {color: #8c8c8c;}

.navbar-right #cssmenu ul li.active:before {
    content: '';
    border-left: 3px solid #7c0000;
    height: -webkit-fill-available;
    position: absolute;
    left: 0;height:53px;
}




button.backbtn {
    background: linear-gradient(#980000,#4c0000);
    padding: 10px 15px;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    width: 17%;
    margin-left: 10px;
}

button.homebtn {
    background: linear-gradient(#980000,#4c0000);
    padding: 10px 30px;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    width: 68%;
    margin: 10px;
}




/*==BANNER==*/

.carousel-control.left,.carousel-control.right {display:none;}

.hidden-xs { display: block !important;}

.carousel-indicators{ bottom: -5px;}
.carousel-indicators li {width: 25px;height: 2px;margin: 0px 3px;background-color:#830707;border:unset;box-shadow: 0 1px 1px 1px #000;}
.carousel-indicators .active { width: 25px;height: 2px; margin: 0px 3px; background-color: #fff;}

.flexslider {margin: 0px;background: #fff;border: 0px solid #fff;}


/*==SCROLLING TEXT MARQUEEEEEEE==*/

.scrolling-txt {position: relative;}
.scrolling-txt marquee {height: 25px;background-image: linear-gradient(#ffcb4d,#c58500,#ffcf4d);color: #fff;font-size: 12px;padding-top: 5px;text-shadow: 0px 0px 3px black;}
.scrolling-icn {width: 50px;height: 25px;margin-top: 0;margin-left: 0;z-index: 4;background-image: url(/theme/ecity888m/imgs/announcement_holder_icon.png); background-size: cover;position: absolute;z-index: 99; top: 0;left: 0;}


/*==BELOW BANNER SECTION==*/

.welcome {margin-top: -5px;    height: 54px;}
.welcome-left,
.welcome-right {}
.welcome-left {width:26%; margin-left: 12px;float:left;}
.welcome-right {width: 67%;background-image: url(/theme/ecity888m/imgs/shortcut_icons_bar.png);background-size: cover;padding-left: 14px;margin-left: 2px;float:right;}
.welcome-right ul {padding:0;margin:0;text-align:center;}
.welcome-right ul li { display: inline-block; text-align: center;width: 15%; margin: 0px 8px -6px;}
.welcome-right ul li img {width:100%;}
.welcome-right p {color: #fff;font-size: xx-small;font-weight: bold;}
p.black {font-size: 11px;line-height: 0;margin-top: -14px;}
p.red { font-size: 13px;color: maroon; line-height: 3;}

.bg {background: linear-gradient(to bottom,#ffffff,#DCDCDC);padding-bottom: 10px;min-height: 80vh;}


/*==HOME PRODUCT ICON==*/

.homeprod-icn {text-align: center;padding-top: 10px;clear: both;}
.homeprod-icn ul {padding: 0;margin: 0;}
.homeprod-icn ul li {display: inline-block;width: 15%;}
.homeprod-icn ul li img { width: 90%;}
.homeprod-icn ul li p {font-size: 10px;margin-top: 4px;font-family: 'helveticaneue',sans-serif;}


/*==SLIDE SECTION==*/

.slide-prod {overflow-x: scroll;padding: 10px 0;}
.slide-prod ul {padding: 0;margin: 0;width: 90vw;display: inline-flex;}
.slide-prod ul li {width: 80%;display: inline-block;margin: 0 10px;min-width: 300px;}
.slide-prod ul li img {width: 100%;border-radius: 15px;}

.title-bg{width: 100%;margin: 0; position: relative;}
.title-bg:before {position: absolute;top: 30%;transform: translateY(-50%);right: 20px;content: "\f054";font-family: FontAwesome;color: maroon;animation: arrowmove linear 0.5s;
  animation-iteration-count: infinite;}
.title-bg h5 {font-weight: bold;background: linear-gradient(#980000,#4c0000);padding: 10px 20px;border-radius: 30px;color: #fff; font-size: 20px; width: fit-content;margin-left: 10px;}

p.promo-title {padding: 10px 20px;background: #dba01d;border-radius: 30px;margin: 10px 0;text-align: center;font-size: 13px;color: #000;}

@keyframes arrowmove{0% {transform:  translate(-20px,0px)  ;}100% {transform:  translate(0px,0px);}}

.line {border: 1px solid white;margin: 30px 0;}

.slide-prod.sect-4 ul li{width: 68%;}


/*==FOOTER==*/

.copyright { padding: 10px 0;}
.copyright p { color: #fff;font-size: 11px;margin: 10px 0;}
.copyright img {width: 30%;margin: auto;}

footer.footer {background: linear-gradient(#8c8c8c, #464646);  padding-top: 0;padding-bottom:20px;position:absolute;z-index:99;left: 0; right: 0;}
.footer-top > p {color: #fff; font-size: 13px;text-transform: uppercase;padding:5px 0;border-bottom:1px solid white;}
.footer-top > img {width: 100%;}

.home-info {padding: 20px;text-align: justify;line-height: 20px;background: grey;margin: 10px;border-radius: 20px;}
.home-info h3 {color: #770101;font-weight: bold;}
.home-info p { color: #ffffff;}

.contact ul {padding: 0;margin: 0;}
.contact ul li {display: block;}
.contact ul li img {width: 15%;padding:5px;}
.contact ul li a {font-size: 13px;color: #fff;}

.contact,.quicklink, .licence {padding-bottom:20px;}

.licence ul {padding: 0;margin: 0;}
.licence ul li {display: inline-block;width: 31%;padding:0 10px;}
.licence ul li img {width: 100%;}

.quicklink ul {padding:0;margin:0;}
.quicklink ul li {display:inline-block;width:49%;}
.quicklink ul li:nth-child(2n+2) {text-align: right;}
.quicklink ul li a {color:#fff;    font-size: 15px;}


.seo {padding: 20px;background: grey;margin-top: 10px;border-radius: 12px;text-align: justify;}
.seo h4 {font-weight: 700;font-size: 14px;color: #870000;}
.seo p {color: #dcdcdc;font-size: 11px;}


/*===SPORTSBOOK===*/

.sports {margin-top: 5px;}
.sports ul {padding: 0;margin: 0;}
.sports ul li {display: inline-block;width: 100%;padding: 5px 0;position: relative;}
.sports ul li:hover {transform: scale(0.8);transition: .3s;}
.sports ul li img {width: 100%;    border-radius: 8px;}


.sports ul li p {position: absolute;border: 0px solid red;color: #a20d07;font-weight: bold;}
.sports ul li p.lplay{bottom: 4px;left: 40px;}
.sports ul li p.rplay{bottom: 4px;right: 32px;}

.page-casino .sports ul li,
.page-slotgames .sports ul li,
.page-download .sports ul li   {display: inline-block;width: 48.9%;padding: 5px 0;}
    
    
/*===LOTTERY / TOGEL===*/

.lot-prod ul {padding: 0;margin: 0;text-align: center;}
.lot-prod ul li {display: inline-block;width: 20%;margin: 0 10px;}
.lot-prod ul li img {width: 100%;}

.lottab {text-align: center;margin: auto;padding: 10px 0;background: transparent;     color: #0073ba;}
.lottab ul {margin:0; padding:0;}

.lottab table {background: #a8a8a8;border: 0px solid #102632;width: 100%;margin: auto;font-size: 11px;text-align:center;}

.lottab table tbody tr:first-child {background: #800000;border: 1px solid maroon;}
.lottab table tbody tr:first-child th {color: #fff;padding: 10px 4px;text-align:center;}

.lot-popup {
    background: linear-gradient(#464646,#797979,#464646);
    font-size: 14px;
    border: 2px double #353535;
    margin: 10px 0;    width: 60%;
}
.lot-popup:focus, .lot-popup:hover {
    background: linear-gradient(#1b1b1b,#3a3a3a,#1b1b1b);
    border: 1px solid #000;
}
.page-lottery .container-margin {text-align: center;}
 
.lotto-drawresult .col-sm-4 {padding: 0;}

/*==DOWNLOAD==*/

.page-download h4 {font-weight: bold; text-transform: uppercase;font-size: 17px;  margin-top: 20px; color: #750000;}

/*==CONTACT PAGE==*/
/*
.contact-us {
    text-align: center;
}

.contact-us img:nth-child(2),.contact-us img:nth-child(5) {
    width: 60px;
}
.contact-us img {
    width: 80px;
}

.contact-us p {font-size:10px;}
.border-contact:nth-child(odd) {
    background: linear-gradient(#980000,#4c0000);
    color: #fff;
}
.border-contact {
    border-radius: 10px;
    padding: 5px;
    margin: 10px 0;
    color: #970101;
    background: linear-gradient( #3a3a3a, transparent);
}
.contact-us img.qr {
    width: 70%;
}*/

.contact-us ul {padding:0;margin:0;}
.contact-us ul li {display: block;padding: 15px;border-bottom: 1px solid #ebebeb;}

.contact-us ul li i.fa {font-size: 34px;border: 0px solid red;width: 43px;text-align: center;color: #6a0000;margin-right: 10px;vertical-align: top;}
.ctc-txt {border: 0px solid red;display: inline-block;font-size:11px;}
.ctn-ctc ul li p.ctcpix {margin: 16px auto 0;width: 58%;}
.ctcpix img {width: 80%;margin-top:10px;}
/*==LOGIN & REGISTER PAGE==*/

.login-reg-tab {float:right;}
.login-reg-tab .isactive.btn { background: url(/theme/ecity888m/imgs/buttonactive.png)center center no-repeat; background-size: cover; height: 50px;  width: 145px;}
.login-reg-tab .btn { background: url(/theme/ecity888m/imgs/buttonnormal.png)center center no-repeat; background-size: cover; height: 50px; width: 146px; font-size: 11px;  font-size: 12px; letter-spacing: -1px; color: #7d0000;}
.login-reg-tab .btn:nth-child(1) {border: 0px solid red;margin-right: -57px;}

.page-login #cmscontent .container,
.page-registration #cmscontent .container  {clear: both;}

.page-login .loginbar,
.page-registration .loginbar {display:none;}

.reg-txta::after {content:"REGISTER HERE";animation: changeText 3s infinite;animation-delay:2s;margin-left: 33px;}

@keyframes changeText {	0% {content:"REGISTER HERE";}	100% 	{content:"JOIN NOW";}}

::placeholder {font-size: 13px;color: #6a00007a !important;}

form#memberloginform img,
#regform img {width: 140px;margin-top: 10px;}


/*-------------------LOGIN/REG------------------*/
form#customform {padding-top: 90px;}
a.clickregis {text-decoration: none;line-height: 50px;color: #6d0101;font-weight: bold;}
#regform input {border-radius: 30px;border: #000 1px solid;}
form#registerform dl dt {display: none;}
form#registerform {margin: 50px auto;}
input#registerform_UserName {width: 68%;}
input.btnCheckUser {padding: 16px 13px;border-radius: 30px;border: 2px solid white;background: #770000;color: #fff;text-transform: uppercase;}
select#registerform_Currency {width: 100%;padding: 15px;border-radius: 30px;background: #fff;}
dl#groupVerifyCode dd {width: 50%;display: inline-block;}
input#registerform_btnSubmit {
    padding: 15px;
    width: 100%;
    border-radius: 30px;
    background: #770000;
    border: 0px solid red;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;}
.small, small {font-size: 90%;padding: 5px 0 0;color: #ffffff;}

img#regcaptcha {width: 85%;}

#theme-contain-adminloginx table {margin: auto;}




.template-register h2 {font-weight: bold;text-transform: uppercase;color: #830101;}
#template-faq .faq .answer h1 {font-size: 19px;font-weight: bold;color: maroon;margin-top: 22px;}

#template-faq ol {padding: 0;margin: 0;}
#template-faq ol li {display: inline-block;width: 100%;}
#template-faq ol li img {width: 100%;}


body.cmsview { padding-top: 48px;}
.navbar {min-height:48px;}

.header-link { position: absolute; top: 3px; right: 0;}


.lang {padding-top: 30px; margin: 20px;border-radius: 20px; border: 2px solid gold;}
.langicon {margin: 20px; display: inline-block; width: 45%;}
.langicon img { width: 100%;filter: drop-shadow(0px 7px 6px #b1b1b1);}
.langicon p { font-weight: bold; margin-top: 20px; font-size: 20px; color: #c30000;}
.slide-prod ul li img {padding: 10px; background: linear-gradient(#980000,#4c0000);}

p.promo-title {font-size: 13px; color: #930101; font-weight: bold; margin: 4px 0; border-radius: unset;background:unset;}
.navbar-right .nav li:nth-child(12) span { line-height: 0;}
/*---END---*/


.page-memberlogin .navbar-right,
.page-reg .navbar-right {display:none;}

.page-livecasino .footer {display:none;}
.page-livecasino .sports ul li {display: inline-block;width: 48.9%;padding: 5px 0;}

.template-memberlogin {background: #ffffff00;}

.page-memberlogin #cmscontent .container,
.page-reg #cmscontent .container  {clear: both;}


/*-----------------------------------LOTTERY---------------------------------*/
.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 {display: none;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: 42%;border: 0px solid red;}


#Magnumimg {background: url(/theme/ecity888m/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/theme/ecity888m/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/theme/ecity888m/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/theme/ecity888m/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/theme/ecity888m/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/theme/ecity888m/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/theme/ecity888m/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/theme/ecity888m/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/theme/ecity888m/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/theme/ecity888m/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/theme/ecity888m/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: center;}
#datetime label {background: transparent;}
#datetime .col-sm-12 {padding: 0;}

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



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

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


/*-----lott change-------*/

.panel-body #TopThree .col-sm-4 {padding: 1px; width: 100%; border-bottom: 3px solid #404040;}
.panel-body #TopThree .col-sm-4 label, .panel-body #TopThree .col-sm-4 div {background:transparent;display: inline-block;width: 50%;margin-left: -4px;vertical-align: middle;font-size: 20px;font-weight: unset;}

#Special,#Consolation {text-transform: uppercase;}
#Special .row, #Consolation .row{border: 2px solid #404040;}
#Special .col-sm-3, #Consolation .col-sm-3 {border: 1px solid #404040;display: inline-block;width: 33.33%;font-size: 17px;padding: 2px 0;}

.panel-heading .col-sm-2 {display: none;}
.logo div {display: inline-block;text-align: center; vertical-align: middle;}
#GDLotto,#Toto-5D,#Toto-6D{display:none;}

#theme-contain-lottery .modal-dialog {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.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; margin: 0px auto;padding: 0;width:100%;}
.lottab ul li h4{color:#fff;letter-spacing: 1px;color: #8d0000;}
.lottab ul li h4 font{font-size: 16px;}
.lottab table{width:100%; text-align:center;}

#drawresult ul > li ol {text-align: center;}
.lottab table tr td { padding: 8px 2px; border: 1px solid #b10202; background-color: #ffffff; color: #161616;}
.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;}


.tab-pg {margin-top: 20px;}
.tab-pg .tab {background-color: #323232; text-align: center;}
.tab-pg .tab button {background: #5f5f5f;border: 0px solid red;color: #fff;padding: 14px 0;display: inline-block;margin-left: -4px;width: 50%;font-size: 15px;}
.tab-pg .tab button:first-child {margin-left: 0;}
.tab-pg .tab button.active {background-color: #860000 !important;}

.tab-pg .tab button:focus {outline: -webkit-focus-ring-color auto 0px;}



ol#faq_modal {padding: 0;margin: 0;}
ol#faq_modal li{display:block;margin: 10px auto;border-radius: 5px;overflow: hidden;}
li.question img { width: 100%;}

.fancybox-inner img {width: 100%;}
.fancybox-inner {padding: 10px 8px; width: 100% !important;}
.fancybox-opened .fancybox-skin { width: 100% !important;}
.fancybox-opened,.fancybox-wrap {width: 85% !important;left: 0 !important;right: 0; margin: auto;}


.promocontent table {border: 1px solid #868686 !important;background: #e0e0e0;}
.promocontent table tr {border: 1px solid #868686;}
.promocontent table tr th, .promocontent table tr td {border: 1px solid #868686;text-align: center;}
.promocontent table tr th {background: #4a0303;color: #fff;}
.promocontent ul, .promocontent ol {padding: 0;}


/*--------------------------------------------------------------------------------------------------------------------------------*/
/*===========================MOBILE SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/   
@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;}
.hiddenNav {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) {

.navbar-right {width: 14%;top: 17%;height: 300px;}
.navbar-right  #cssmenu ul { margin: 0 22px;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}

#cssmenu {width: 28%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}

.welcome-right {width: 57%;}
p.red {font-size: 18px;}
p.black {font-size: 15px;}
.container-margin {margin: 37px 9px 0px 85px;}

.hiddenNav .nav.navbar-nav{background: linear-gradient(90deg, rgba(66,4,4,1) 0%, rgba(99,6,6,1) 12%, rgba(66,4,4,1) 15%, rgba(213,213,213,1) 15%, rgba(218,218,218,1) 18%, rgba(250,250,250,1) 67%, rgba(213,213,213,1) 100%);}    
.hiddenNav .nav.navbar-nav { width: 32%;overflow: scroll;}

.contact-us p {font-size: 17px;}

.page-casino .sports ul li, .page-slotgames .sports ul li, .page-download .sports ul li {width:32%;}

.langicon {width: 20%;}
input#registerform_UserName {width: 83%;}

.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}

.sports ul li p.lplay {bottom: 7px;left: 53px;}
.sports ul li p.rplay {bottom: 7px;right: 47px;}


}


/*=============================================================*/
/*-------------------------- iPhone 6/7/8 plus portrait ----------------------------*/		
/*=============================================================*/
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	
.navbar-right {width: 18%;} 	
.page-sportsbook .sports ul li { width: 100%;}
.ctc-txt {font-size:10px;}

  	 
}


/*=============================================================*/
/*----------------------- iPhone 6/7/8 plus landscape ---------------------------*/
/*=============================================================*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) { 

p.red {font-size: 17px;margin-top: 11px;}
p.black {font-size: 14px;}

.slide-prod ul li {width: 26%;}

.hiddenNav .nav.navbar-nav{width: 26%;    overflow: scroll;}
.navbar-right{width: 10%;top: 17%;}
.container-margin {margin: 0px 30px 0px 105px;}
.sports ul li {width:32%;}
.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}
.contact ul li {display: inline-block;width: 49%;}


}


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

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 

.navbar-right {top: 35%;}


}


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

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (orientation : landscape) 
    and (-webkit-device-pixel-ratio : 3) {

#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6 {float:none;}
#memberloginform .form-group .col-sm-offset-4 {margin-left:0;}
.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}

.page-sportsbook .sports ul li {width: 49%;}
.page-lottery .sports ul li{width: 49%;}
.licence ul li {width: 10%;}
input#registerform_UserName {width: 84%;}

#cssmenu {width: 23%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}

.navbar-right {width: 14%;top: 47%;height: 158px;}
.navbar-right  #cssmenu ul { margin: 0px;}
.navbar-right li:nth-child(1n+8) {display: inline-block !important; text-align: center;width: 45%;position: relative;}
.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}

.lotto-drawresult .col-sm-4 {width: 47%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}

img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}

.sports ul li p.lplay {bottom: 11px;left: 68px;}
.sports ul li p.rplay {bottom: 11px;right: 59px;}

}


/*=============================================================*/
/*------------------------- Mi 9T PRO / SAMSUNG A50 --------------------------*/		
/*=============================================================*/

/* ----------- Mi 9T PRO ----------- */
/*Landscape */  	
@media only screen 
  and (min-device-width: 491px) /*== 1920 1800 ==*/
  and (max-device-width: 491px)
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

.hiddenNav {width: 80%;}
.navbar-right{ width: 15%;top: 34%;}
.navbar {margin-bottom:0;}

.page-casino {height: 100vh;}
.ctc-txt {font-size: 1em;}
.navbar-right .nav li span {font-size: 9px;}



}


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

/*---------------------Portrait----------------------*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	
  	
#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6,
#regform .form-group .col-sm-3,
#regform .form-group .col-sm-5,
#regform .form-group .col-sm-9,
#regform .form-group .col-sm-10 {float:none;}

#memberloginform .form-group .col-sm-offset-4 ,
#regform .form-group .col-sm-offset-2 {margin-left:0;}

main {min-height: 53vh;}

.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}
.copyright img {width: 15%;}

.hiddenNav .nav.navbar-nav {width: 29%;background:linear-gradient(90deg, rgba(66,4,4,1) 0%, rgba(99,6,6,1) 23%, rgba(66,4,4,1) 13%, rgba(213,213,213,1) 13%, rgba(218,218,218,1) 16%, rgba(250,250,250,1) 68%, rgba(213,213,213,1) 100%);}

.ctc-txt {font-size:13px;}
p.red {font-size: 23px;}
p.black {font-size: 16px;}

.navbar-right .nav li.active:before{left: -11px;}
.container-margin {margin: 50px 30px 0px 105px;}

input#registerform_UserName {width: 84%;}

#cssmenu {width: 23%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}

.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right  #cssmenu ul { margin: 0px;}

.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}

.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}

img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}

.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}

img#regcaptcha {width: 38%;}

.sports ul li p.lplay {bottom: 11px;left:68px;}
.sports ul li p.rplay {bottom: 11px;right: 55px;}

}


/*-----------------Landscape---------------------*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	
#memberloginform .form-group .col-sm-8,
#memberloginform .form-group .col-sm-6,
#regform .form-group .col-sm-3,
#regform .form-group .col-sm-5,
#regform .form-group .col-sm-9,
#regform .form-group .col-sm-10 {float:none;}

#memberloginform .form-group .col-sm-offset-4 ,
#regform .form-group .col-sm-offset-2 {margin-left:0;}
#template-register .col-md-7 {float: unset;}

.licence ul li {width: 10.4%;}
.contact ul li {display: inline-block;width: 49%;}
.copyright img {width: 15%;}

.hiddenNav .nav.navbar-nav {width: 20%;}
    
.ctc-txt {font-size:15px;}

.container-margin {margin:50px 30px 0px 105px;}

input#registerform_UserName {width: 84%;}

#cssmenu {width: 18%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}

.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right  #cssmenu ul { margin: 0px;}

.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}

.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}

img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}

.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}

img#regcaptcha {width: 38%;}

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

.navbar-right { width: 5%;}
.sports ul li p.lplay {bottom: 19px;left: 98px;}
.sports ul li p.rplay {bottom: 20px;right: 87px;}


}



/*=============================================================*/
/*------------------------------------------------- iPad  PRO ---------------------------------------------*/		
/*=============================================================*/

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

hiddenNav {width: 74%;}
.slide-prod ul li {width: 26%;}
.slide-prod.sect-4 ul li {width: 42%;}

.container-margin {margin: 100px 30px 0px 105px;}

input#registerform_UserName {width: 84%;}

#cssmenu {width: 18%;}
.sports ul li {width: 50%;padding: 5px;margin-left: -2px;}

.navbar-right {width: 7%;top: 47%;height: 300px;padding-left: 10px;}
.navbar-right  #cssmenu ul { margin: 0px;}

.navbar-right .side-icon {height: 35px;}
.navbar-nav>li>a {line-height: 15px;}
.navbar-right .nav li span {font-size: 9px;}

.lotto-drawresult .col-sm-4 {width: 46%;margin: 10px;}
.tab-pg {margin-top: 70px;}
.navbar-right #cssmenu ul li.active:before {height: 47px;}

img#regcaptcha {width: 46%;}
.ctcpix img {width: 24%;}
.langicon {width: 20%;}

.homeprod-icn ul li p {font-size: 17px;}
p.promo-title {font-size: 20px;}

img#regcaptcha {width: 38%;}

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

.navbar-right { width: 5%;}


.navbar-nav {margin: 6.5px 13px;}
.navbar-right .nav li.active:before { left: -14px;}

.sports ul li p.lplay {bottom: 19px;left: 98px;}
.sports ul li p.rplay {bottom: 20px;right: 87px;}
}