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

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

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

#theme{
	height:100%;
	width:100%;
	background: #114e86;
	background: -moz-linear-gradient(top, #114e86,#3d92d6 );
	background: -webkit-gradient(linear, left top, left bottom, from(#114e86), to(#3d92d6));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#114e86', EndColorStr='#3d92d6', GradientType=0);
}

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

#theme-frame{
	height:100%;
	margin:auto;
	width:100%;
    background: #161616;
	border-left:0px solid #efefef;
	border-right:0px solid #efefef;
}

#theme-header {	
    height: 32px;
}
#theme-header-content { position:fixed;  background: transparent; z-index: 999; width: 100%; top:20px;}
ul.header-content{  width:95%; margin:auto; box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);}
#theme-header-content ul{padding:0px; background:transparent;}
#theme-header-content ul.header-content {padding: 0px;background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);}
#theme-header-content ul li{display:inline-block;vertical-align: middle;}
#theme-header-content ul li.headlast{float:right;}

#theme-menu{ height:32px; z-index:500; }
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative; top: -33px;}


#theme-title {  padding-left:10px; display:none;}
#theme-lang {position:absolute; left:0px; top:0px; display:none;}
#theme-header-link {border:0px solid red; font-family: 'Robotoc-bold';}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li {border-left:0px solid #efefef; color:#000000; font-size:15px;}
#theme-header-link a,
#theme-header-link a:visited { 
	 display:inline-block; 
	 padding: 17px 11px;
	text-transform:uppercase; 
	color:#000000; 
	text-decoration:none;  
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
#theme-header-link a:active {color: #fff !important;}
#theme-header-link a:hover{color:#ffffff;}
.right-menu ul li:nth-child(4){border:0px solid red; vertical-align:middle;}
.livec{background:url(imgs/lchat.png)center top no-repeat; background-size:cover; border:0px solid red; width:22px; height:22px;}
.livec:hover{background:url(imgs/lchat1.png)center top no-repeat; background-size:cover; width:22px; height:22px; border:0px solid green;}
.livec img{width:80%; vertical-align:middle;}
.mcme{background:url(imgs/m-icon.png)center top no-repeat; background-size:cover; border:0px solid red; width:22px; height:22px;filter: brightness(1.5);}
.mcme:hover{background:url(imgs/m-icons.png)center top no-repeat; background-size:cover; width:22px; height:22px; border:0px solid green;filter: brightness(2);}
.mcme img{width:80%; vertical-align:middle;}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ba9428;
  min-width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 0px;
  margin-top: 0px;
}
li.dropdown {
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
   text-align: center;
    width: 100%;
}

.dropdown-content a:hover {}

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


p {color: #fff;}

#theme-header-logo {z-index: 999; background: url(imgs/bglogo.png)top right;padding: 11px 34px 11px 5px;}
#theme-header-logo img {width: 160px; vertical-align: unset;}

.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:none; }
#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; }

/*====================================   ADMINLOGINX PAGE   ===========================================*/
.webpage-adminloginx #theme-container{top:100px !important;}

/*====================================   HOME PAGE   ===========================================*/
.flexslider{margin:0px; border:0px solid red; border-radius:0px;background: #161616;}

.bnrtop {position: relative;}
.ann-top {border: 0px solid red; margin-top: -16px; position: absolute; z-index: 50;background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%); align-items: center; left: 0; margin: auto; right: 0;width: 66%;bottom: -22px;padding:10px;box-shadow: 0px -1px 8px 2px #000000;}
marquee#horizontal_scrollmsg ul{padding:0;margin:0; list-style: none;}
ul.annc {padding: 0; margin: 0;}
ul.annc li {border: 0px solid red; display: inline-block; vertical-align: middle;font-weight: bold;}
ul.annc li  i.fas {font-size: 25px;margin-left: 10px;}
ul.annc li:nth-child(2) {width: 94%;}
.recom-games{padding:40px 0px; border:0px solid red; overflow:hidden;}
.recom-games ul{padding:0px; margin:0px; text-align:center;}
.recom-games ul li{display:inline-block;vertical-align: top; width:13%; padding:10px; border:0px solid green; margin:5px;}
.recom-games ul li img{width:100%; padding-bottom:10px;}
.title-red{color: #b48e37;font-size:2em; font-family: 'roboto-b'; letter-spacing:0.2px; padding-bottom:10px;}
.title-red-small{color: #b48e37;font-size:1.3em; font-family: 'roboto-b'; letter-spacing:0.2px; padding-bottom:10px;}
.title-white-small{ color:#ffffff; font-size:1.3em; font-family: 'roboto-b'; letter-spacing:0.3px; padding-bottom:10px; text-transform:uppercase;}
.twocolumn-home{padding-top:20px; position:relative; overflow:hidden;background:url(imgs/ss_bg.jpg)center center no-repeat;background-size:cover;background-color: #161616; background-blend-mode: lighten;}
.twocolumnleft{ padding:0 40px;}
.twocolumnleft p{text-align:justify; padding-top:10px;}
.twocolumnright{overflow:hidden; border:0px solid red;padding-top: 20px;}


.img-box {border: 0px solid red;position: relative;min-height: 500px;}

.about-p-coin,.about-img-box,.about-balls,.about-ship,.about-rich-god,.about-girl,.about-cards,.about-f-coin{position:absolute;}
.about-p-coin{animation-name: d-left-small-move;    animation: left-small-move 10s infinite;}
.about-p-coin,.about-img-box {width: 100%;}
.about-f-coin {border: 0px solid green; width: 250px; left: 0;right: 0; top: 60px; z-index: 110;margin: auto;    animation: right-pig-move 8s linear infinite alternate;animation-name: d-right-pig-move;}
.about-cards {border: 0px solid red;bottom: 49px; width: 151px;right: 63px; z-index: 100;animation-name: d-left-small-move;animation: left-small-move 8s -2s infinite reverse;}
.about-girl { left: 0;right: 0;width: 292px; margin: auto;z-index: 99;}
.about-rich-god {width: 200px;border: 0px solid rebeccapurple; right: 7px; top: 20px;animation: left-pig-move 9s infinite;}
.about-ship {width: 200px; bottom: 42px; left: 20px; z-index: 100;animation: right-small-move 7s infinite;animation-name: d-right-small-move;animation-name: d-left-pig-move;}
.about-balls { left: 20px; top: 63px;animation-name: d-left-small-move;    animation: left-small-move 10s -7s infinite alternate-reverse;}


.twocolumn-home:before{content: "";
    pointer-events: none;
    width: 100%;
    height: 0;
    background-size: cover;
    position: absolute;
    left: 0;
    -webkit-animation: bg-animate 18s -4.5s linear infinite both paused;
    animation: bg-animate 18s -4.5s linear infinite both paused;  }

.twocolumn-home:before{  background-image: url(imgs/about_move_bg.png);
    padding-bottom: 44.27083%;animation-play-state: running;}

.homeright{}
.homeright-icon{float:left; border:0px solid green; width:20%; min-height: 115px; text-align: center;}
.homeright-icon img{width:62%;}
.homeright-content{float:right; width:80%; border:0px solid black; min-height: 115px;}
.homeright-content p {text-align: justify;}

.twocolumnleft .carousel-indicators{width:100%; margin:0px; text-align:right; left:0px; padding-right: 40px;}
.twocolumnleft .carousel{position:unset;}
.twocolumnleft .carousel-indicators .active{background:#b48e37; width:25px;}
.twocolumnleft .carousel-inner { min-height: 200px; }
.twocolumnleft .carousel-indicators li { border: 1px solid #b48e37;border-radius:0px; transition:width .4s; width:15px;}
.twocolumnleft .carousel-indicators li:hover{width:20px;}

.homebottom{padding:40px 0px; text-align:center; overflow:hidden;}
.homebottom ul{padding:20px 0px 0px;text-align:center;}
.homebottom ul li{display:inline-block; color:#ffffff; text-transform:uppercase; width: 24%; margin: 2px; position:relative; }
.homebottom ul li img{width:100%;}
.overlay-prodhome{position:absolute;    bottom: -15%; color: #debd4e !important;width:100%; text-align:center; font-size:1.5em; }

.accordion > input[type="checkbox"] { position: absolute; left: -100vw;}
.accordion .content {overflow-y: hidden;height: 0; transition: height 0.3s ease;    margin-top: 0px;}
.accordion > input[type="checkbox"]:checked ~ .content {height: auto;overflow: visible;}

.accordion label {display: block;}
.accordion {margin-bottom: 1em;}
.accordion > input[type="checkbox"]:checked ~ .content {padding: 15px;border: 1px solid #e8e8e8; border-top: 0;background:transparent;text-align: justify;}
.accordion .handle { margin: 0; font-size: 20px;}
.accordion label {color: #fff;cursor: pointer; font-weight: normal;padding: 15px;background: linear-gradient(-90deg, #eccd5e 0%, #b88f23 100%);margin-bottom:0;}
.accordion label:hover, .accordion label:focus {background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);margin-bottom:0;}
.accordion .handle label:before {  font-family: 'fontawesome';  content: "\f067";  display: inline-block;  margin-right: 10px;  font-size: .58em;  line-height: 1.556em;  vertical-align: middle;}
.accordion > input[type="checkbox"]:checked ~ .handle label:before {  content: "\f068";}
.accordion { width: 100%;}
.accordion p:last-child { margin-bottom: 0;}

.accordion .handle h1,.accordion .handle h2{font-size:20px;display: inline-block; margin: 0;}
.accordion .content h2{color: #b48e37;;font-size:18px;}
.accordion .content .ctn-s {color: #b48e37;}
.home-collaps {margin: 50px auto 0;}


.flex-direction-nav a:before {color: #eccd5e; text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a {height: 55px;}



@keyframes head-slide {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes pig-desk-head-slide {
    0% {
        transform: translate3d(-50%, -100%, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}
@keyframes m-home-stage {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
@keyframes home-stage {
    0% {
        opacity: 0;
        transform: translate3d(0, -50%, 0)
    }
    99.999% {
        z-index: 0;
    }
    100% {
        opacity: 1;
        z-index: 1;
        transform: translate3d(0, 0, 0)
    }
}
@keyframes img-box {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    33.33% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    66.66% {
        z-index: 0;
        transform: scale3d(.9, .9, .9);
    }
    100% {
        opacity: 1;
        z-index: 2;
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bg-animate {
    0% {
        opacity: .2;
        transform: scale3d(.6, .6, 1);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: .1;
        z-index: 1;
        transform: scale3d(2, 2, 1);
    }
}
@keyframes golden-title-flash {
    0%, 33.33%{
        opacity: 1;
    }
    66.66%, 100% {
        opacity: 0;
    }
}
@keyframes right-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    } //原4倍數 //3
    35% {
        transform: translate3d(0, 8px, 0);
    } //6
    65% {
        transform: translate3d(-8px, 0, 0);
    } //9
}
@keyframes d-right-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, 12px, 0);
    }
    65% {
        transform: translate3d(-12px, 0, 0);
    }
}
@keyframes right-pig-move {
    0%,
    100% {
        transform: translate3d(0, 4px, 0);
    } //原4倍數 //3
    35% {
        transform: translate3d(-4px, 12px, 0);
    } //9
    65% {
        transform: translate3d(-12px, -4px, 0);
    }
}
@keyframes d-right-pig-move {
    0%,
    100% {
        transform: translate3d(0, 6px, 0);
    }
    35% {
        transform: translate3d(-6px, 18px, 0);
    }
    65% {
        transform: translate3d(-18px, -6px, 0);
    }
}
@keyframes left-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, -8px, 0);
    }
    65% {
        transform: translate3d(8px, 0, 0);
    }
}
@keyframes d-left-small-move {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    35% {
        transform: translate3d(0, -12px, 0);
    }
    65% {
        transform: translate3d(12px, 0, 0);
    }
}
@keyframes left-pig-move {
    0%,
    100% {
        transform: translate3d(0, -4px, 0);
    }
    35% {
        transform: translate3d(4px, -12px, 0);
    }
    65% {
        transform: translate3d(12px, 4px, 0);
    }
}
@keyframes d-left-pig-move {
    0%,
    100% {
        transform: translate3d(0, -6px, 0);
    }
    35% {
        transform: translate3d(6px, -18px, 0);
    }
    65% {
        transform: translate3d(18px, 6px, 0);
    }
}
@keyframes right-left-move {
    0% {
        transform: translate3d(-9px, 0, 0);
    } //原3倍數
    35% {
        transform: translate3d(3px, 0, 0);
    }
    65% {
        transform: translate3d(-6px, 0, 0);
    }
    100% {
        transform: translate3d(9px, 0, 0);
    }
}
@keyframes d-right-left-move {
    0% {
        transform: translate3d(-12px, 0, 0);
    }
    35% {
        transform: translate3d(4px, 0, 0);
    }
    65% {
        transform: translate3d(-8px, 0, 0);
    }
    100% {
        transform: translate3d(12px, 0, 0);
    }
}
@keyframes m-sexy-bg-animate {
    0% {
        opacity: .3;
        transform: scale3d(.8, .8, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
    100% {
        opacity: .2;
        transform: scale3d(1.2, 1.2, 1);
    }
}
@keyframes sexy-bg-animate {
    0% {
        opacity: .4;
        transform: scale3d(1.6, 1.6, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(2, 2, 1);
    }
    100% {
        opacity: .3;
        transform: scale3d(2.4, 2.4, 1);
    }
}
@keyframes d-sexy-bg-animate {
    0% {
        opacity: .3;
        transform: scale3d(1, 1, 1);
    }
    50% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1);
    }
    100% {
        opacity: .2;
        transform: scale3d(1.4, 1.4, 1);
    }
}
@keyframes m-process-arrow {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50%,
    100% {
        transform: translate3d(0, 14px, 0);
    }
}
@keyframes process-arrow {
    0%,
    20% {
        transform: translate3d(0, 0, 0);
    }
    60%,
    100% {
        transform: translate3d(14px, 0, 0);
    }
}
@keyframes gif-effect{
 0%{opacity:0;}
 47%{opacity:0;}
 50%{opacity:1;}
 97%{opacity:1;}
 100%{opacity:0;}
}
@keyframes ae-girls-ig {
    0% {transform:translate3d(0, 0, 0);}
    100% {transform:translate3d(0, 5px, 0);}
}



/*====================================   BANNER   ===========================================*/
.bg-banner img {width: 100%;}
.banner-top .img-box {min-height: unset;overflow: hidden;}
.banner-top.sport .about-girl {left: unset;width: 55%;bottom: 0;right: 7%; z-index: 20;}
.banner-top .about-p-coin {z-index: 9; bottom: 0; right: 0; left: 0;margin: auto;}

.banner-top .about-ship {width: 200px;bottom: -70px; left: 29%; z-index: 45;}
.banner-top .about-balls {z-index: 9; left: 0;top: 0; width: 220px;}
.banner-top .about-cards {bottom: -15px;width: 300px;right: -100px;z-index: 43;}


.bg-banner {border: 0px solid red;position: relative;overflow: hidden;}
.bg-banner:before{content: "";pointer-events: none;width: 100%;height: 0;background-size: cover;position: absolute;left: 0; -webkit-animation: bg-animate 18s -4.5s linear infinite both paused; animation: bg-animate 18s -4.5s linear infinite both paused;  }
.bg-banner:before{  background-image: url(imgs/bg-ovrly.png); padding-bottom:26%;animation-play-state: running;}


.bnr-des {border: 0px solid red;position: absolute;z-index: 45;overflow: hidden;min-height: 175px; top: 50%; transform: translateY(-50%); left: 10%;}
.bnr-des h1 {color: #eab533;font-weight: bold;font-size: 50px;margin: 0;}
p.dess {font-size: 18px;}
p.btn-bnr { border: 0px solid red; width: 113px; text-align: center; padding: 10px;background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);
    color: #000;font-weight: bold; box-shadow: 0 1px 3px #fff inset, 0 -1px 0 rgba(0,0,0,0.25) inset, 0 17px 12px -12px rgba(0,0,0,0.7);
    cursor: pointer;transition: background .4s, box-shadow .4s, -webkit-box-shadow .4s;border-radius: 80px 0;}
p.btn-bnr:hover {box-shadow: 0 1px 0 rgba(0,0,0,0.15) inset, 0 -1px 0 rgba(255,255,255,0.4) inset, 0 0 0 1px rgba(0,0,0,0.4), 0 1px 3px 1px rgba(0,0,0,0.6);background: linear-gradient(90deg, #bc9428 0%, #b88f23 100%);}


/*-------------------CASINO-------------------*/
.cas .bnr-des h1 {font-size: 40px;}
.cas p.dess {font-size: 14px;}

.banner-top .about-rich-god {z-index: 9;width: 250px !important;right: 0;top: 0;}
.banner-top.cas .about-cards {bottom: unset;width: 295px;right: 0;z-index: 1;top: 0;}
.banner-top.cas .about-p-coin {z-index: 9;bottom: 0;right: 32%; left: unset; margin: auto;width: 275px;}

.cas .bg-banner:before{  background-image: url(imgs/bg-csov.png);padding-bottom: 33%;}


/*-------------------SLOTS-------------------*/
.banner-top.slots .about-p-coin {filter: opacity(0.4) brightness(1.8);left: unset;right: -14%;}
.banner-top.slots .about-f-coin.jack {top: unset;bottom: -70px;z-index: 48;width: 300px; left: unset; right: 15%;}
.banner-top.slots .about-cards {right: 0;}
.slots .bg-banner:before {background-image: url(imgs/slot-ovrly.png);padding-bottom: 36%; animation-play-state: running;}
.banner-top.slots .about-girl { width: 100%;right: 0%;}


/*-------------------LOTTERY-------------------*/
.banner-top.lottry .about-girl {width: 420px; bottom: -15%;right: 19%;}
.lottry .about-f-coin {width: 270px; left: 0; right: 0; top: 66px; z-index: 4;}
.banner-top.lottry .about-cards {right: 0;}
.about-cards.balss {bottom: -16%;right: 5% !important;}
.banner-top.lottry .about-rich-god {right: 5%; top: 10%;}

.lottry .bg-banner:before {background-image: url(imgs/lott-ov.png);padding-bottom: 36%; animation-play-state: running;}


/*------------------ COCKFIGHT-------------------*/
.banner-top.cf .about-girl {width: 54%; left: unset; right: 6%; bottom: 0; z-index: 45;}
.banner-top.cf .about-cards {right: 0;}
.banner-top.cf .about-p-coin {width: 61%;bottom: -50%; left: unset; right: 2%;}
.banner-top.cf .about-p-coin.cff {bottom: 0; width: 100%;border: 0px solid red;right: 0; z-index: 44;}
.cf .bg-banner:before {background-image: url(imgs/cf-ovrly.png);padding-bottom: 36%; animation-play-state: running;}


/*------------------ PROMO-------------------*/
.banner-top.promo .about-girl {width: 50%;right: 13%;z-index: 45;left: unset;}
.about-f-coin.boxp {width: 15%;top: 93px;right: 15%;}
.banner-top.promo .about-cards {right: 0;}
.banner-top.promo .about-rich-god { top: 22%; right: 6%; z-index: 46;}
.promo .bg-banner:before {background-image: url(imgs/promo-overlay.png);padding-bottom: 36%; animation-play-state: running;}


/*------------------ AFFILIATE -------------------*/
.banner-top.afflt .about-girl {width: 34%;top: 6%; left: unset;right: 20%;z-index: 45;}
.afflt .bg-banner:before {background-image: url(imgs/slot-ovrly.png);padding-bottom: 36%; animation-play-state: running;}

.banner-top.afflt  .about-cards {right: 0;}
.banner-top.afflt .about-p-coin {bottom: -18px;}
.banner-top.afflt  .about-rich-god {right: 14%;top: 18px;}
.banner-top.afflt  .about-f-coin.boxp {width: 17%; top: 71px;right: 0%;}
.banner-top.afflt .about-ship {left: 23%;}


/*------------------ VIP -------------------*/
.banner-top.vpp .about-girl {width: 40%;right: 17%;z-index: 45;left: unset; bottom: 0;}
.vpp .bg-banner:before {background-image: url(imgs/vip-overlay.png);padding-bottom: 36%; animation-play-state: running;}
.banner-top.vpp .about-p-coin {bottom: -17px;}
.banner-top.vpp .about-rich-god {right: 7%;top: -25px;}
.banner-top.vpp .about-f-coin {right: unset;left: 35%;}


/*------------------ CONTACT -------------------*/
.banner-top.contactt .about-girl {left: unset;right: 22%;width: 31%; top: 7%;z-index: 45;}
.banner-top.contactt .about-cards {right: 0;}
.banner-top.contactt .about-p-coin {bottom: -18px;right: 1%;left: unset;}
.contactt .bg-banner:before {background-image: url(imgs/promo-overlay.png);padding-bottom: 36%; animation-play-state: running;}


/*------------------ LIVE TV -------------------*/
.banner-top.tvlive .about-girl {left: unset;right: 7%;width: 48%; z-index: 7;}
.banner-top.tvlive  .about-cards {right: -20px;z-index: 5;}
.banner-top.tvlive .about-rich-god {right: 10%;width: 57% !important;}


/*------------------ LOGIN -------------------*/
.reg-log .about-f-coin {width: 85%;}
.reg-log .about-rich-god {right: 50px;top: 50px;}
.reg-log .about-girl {width: 63%;}
.reg-log .about-balls {width: 29%;left: 75px;}



/*------------------ SCROLLBAR -------------------*/
::-webkit-scrollbar {width: 5px; height: 5px;}
::-webkit-scrollbar-track { background: #1B1B1B;}
::-webkit-scrollbar-thumb {background: linear-gradient(45deg, #b88f23, #e7c758); border-radius: 10px;}
::-webkit-scrollbar-thumb:hover { background: linear-gradient(45deg, #e7c758, #fff);  transition: .5s ease; cursor: pointer; }



/*====================================   FOOTER   ===========================================*/
#theme-footer {clear:both; padding:30px 0px ; border-top:0px solid #888888; text-align:left;vertical-align:middle;background-color: #212121;color:#ffffff;}

.bottom-footer{text-align:center; margin-top:30px;}
.bank-footer img{width:20%; margin: 1px 0px;}
.linkfooter a{font-family: 'roboto-m'; color:#ffffff; transition:padding .4s; padding-left:0px;}
.linkfooter a:hover{text-decoration: none;}
p.ft-abt { text-align: justify;}

.footertbot{float:left;}
.footertbot ul{margin:0px; padding:0px;}
.footertbot ul li{display:inline-block; padding:0px 5px;}
.footertbot ul li img{}
.footertbot ul li img:hover{filter: brightness(150%);}
.bottom-footer p{float:right;}
/*====================================   EFFECT   ===========================================*/
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.bright{filter:brightness(100%);}
.bright:hover{filter:brightness(130%);}


/*====================================   PAGECONTENT   ===========================================*/
.slidecontent{}
.slidecontent img{width:100%;}

.pagecontent{padding:30px 0px;}
.centercontent{}
.prod-casino-box{margin-top:20px;}
.webpage-casino .prod-casino-box .col-sm-3 {padding: 0px; margin: 7px 5px; width: 32%;float: unset;display: inline-block;cursor: pointer;overflow: hidden;}
.prodcasino{position:relative; border:0px solid #b00000;}
.prodcasino img{width:100%;}
.prodcasino-tit{color:#232323;}
.centerborder-overlay {
    position: absolute;
    border: 5px solid transparent;
    bottom: 0px;
    color: #ffffff;
    background:transparent;
   /* background: #d2ae40;*/
    width: 100%;
    margin: 0px;
    padding: 10px 10px 4px;
    min-height: 70px;
}
.centerborder-overlay ul{padding:0px;}
.centerborder-overlay ul li{display:inline-block; width: 32%; float:left; font-size:10px;}
.centerborder-overlay p{line-height:8px;}

.prodcasino .playrightbut{
	font-family: 'roboto-b'; 
	position:absolute; 
	right:0px; text-align: center;
	background:linear-gradient(90deg, #eccd5e 0%, #b88f23 100%); 
	text-transform:uppercase; 
	color:#ffffff; 
	top:0px; 
	padding: 10px 8px 10px 10px; 
	text-transform:uppercase;
	font-size:10px;
	opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
	}
.prodcasino:hover .playrightbut{opacity: 1;}
.prodcasino:hover {box-shadow: 0 0px 7px 0px rgba(200, 162, 53, 0.5); cursor: pointer;}
.playrightbut a{color:#ffffff; text-decoration:none;line-height: 12px; text-align: center;}
.titprod{font-family: 'roboto-b'; text-transform:uppercase;}
.seo-content{padding:40px; box-shadow: 0 2px 16px 0 rgba(0,0,0,.15); margin-top:20px;}
.seo-content p{text-align:justify;}


.prod-logo {margin: auto;position: absolute;right:0%;top:12px; z-index: 9;}
.prod-logo img {width: 150px;text-align: center;filter: drop-shadow(1px 1px 1px black);}

.prod-cslt {position: absolute; z-index: 1;}
.prod-cslt img {width: 100%;}

.casino-prod {border: 0px solid #be962a;background: url(imgs/casino-bg.jpg)center center no-repeat;background-size: cover;position: relative;}
.prod-casino-box .col-sm-3:hover .casino-prod {background-color: #b38919;background-blend-mode: hard-light;transition:.5s ease;}

.prod-gif {visibility: hidden;}
.prod-casino-box .col-sm-3:hover .prod-gif {visibility:visible;transition:.8s ease;opacity:0.8;}
.prod-gif img{width: 100%;}

.playnow-csn p {text-align: center; margin: 0;padding: 8px 0;background: #c49e31;font-size: 17px;color: #000;font-weight: bold;}
.playnow-csn {bottom: 0;position: absolute;width: 100%;z-index: 9;}

.casino-prod p.btn-bnr {margin: auto;position: absolute;bottom: 4px; left: 0; right: 0;z-index: 100;visibility: hidden;}
.prod-casino-box .col-sm-3:hover p.btn-bnr{visibility:visible;}
.prod-casino-box .col-sm-3:hover .playnow-csn{visibility: hidden;}

.row {margin-right: 0;margin-left: 0;}
.prod-casino-box .row{text-align:center;}

.prod-casino-box .col-sm-3:hover .csn2 {background-color: #197ab3;}
.prod-casino-box .col-sm-3:hover .csn3 {background-color: #b35219;}
.prod-casino-box .col-sm-3:hover .csn4 {background-color:#3f19b3;}
.prod-casino-box .col-sm-3:hover .csn5 {background-color:#b31960;}
.prod-casino-box .col-sm-3:hover .csn6 {background-color: #19b381;}
.prod-casino-box .col-sm-3:hover .csn7 {background-color: #9419b3;}
.prod-casino-box .col-sm-3:hover .csn8 {background-color: #1965b3;}
.prod-casino-box .col-sm-3:hover .csn9 {background-color: #b31919;}
.prod-casino-box .col-sm-3:hover .csn10 {background-color: #19b381;}
.prod-casino-box .col-sm-3:hover .csn11 {background-color: #4d19b3;}
.prod-casino-box .col-sm-3:hover .csn12 {background-color: #b3ae19;}
.prod-casino-box .col-sm-3:hover .csn13 {background-color: #1973b3;}
.prod-casino-box .col-sm-3:hover .csn14 {background-color: #b31999;}
.prod-casino-box .col-sm-3:hover .csn15 {background-color:#16a021;}
.prod-casino-box .col-sm-3:hover .csn16 {background-color:#4516a0;}



/*==================   SLOT GAMES  ====================*/
.prodcasino .overlay-button {position: absolute;top: 55%;left: 5%;}
.prod-casino-box .col-sm-4 {padding: 0;margin: 10px 7px;width: 31%;float: unset;display: inline-block; text-align: center;}
.overlay-button.cmsoon {top: 50%; transform: translateY(-50%);}



/*==================   SPORT CONTENT   ====================*/
.seo-sec {margin-top: 8%;}
.seo-sec h1 {margin: 35px auto;color: #d1ab3f;text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 30px;}
.lvscr {border: 5px solid #cea83b;}

#theme-contain-sportsbook .prod-casino-box .col-sm-3 {display: inline-block; float: unset;margin: 10px;width: 31%;}

#api-leaguefeed{ clear:both; display:block; width:100%;}
#api-leaguefeed .brick > ul { list-style:none; margin:0px; padding:0px;}
#api-leaguefeed .brick > ul > li {padding:5px 10px;}
#api-leaguefeed #playtime {background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);color: #313131;font-weight: bold;text-align:center;}
#api-leaguefeed #versus{ text-align:center; font-size:13px; font-weight:bold; padding:20px 0px;}
#api-leaguefeed #versus div:nth-child(1){ color:#0080FF;}
#api-leaguefeed #versus div:nth-child(2){ color:#000000; font-size:12px;}
#api-leaguefeed #versus div:nth-child(3){ color:#ff0000;}
#api-leaguefeed #livetv {text-align:center;}
#api-leaguefeed #livetv a,
#api-leaguefeed #livetv a:visited { display:block; color:#ffffff; text-decoration:none; text-align:center; background:#0080FF; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#api-leaguefeed #livetv a:hover { background:#0073E6;}
.api-leaguefeed-free-wall .brick {height: 190px !important;width: 190px;border-radius: 12px;overflow: hidden;}
#api-leaguefeed #versus {padding: 14px 0px;font-size:11px;}
#api-leaguefeed #livetv a:hover {background: #cd292e;}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {    background: #cea83b;}



/*==================   LOTTERYCONTENT   ====================*/
.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: 45%; margin: 13px;}
.lottab ul li h4{color:#fff;letter-spacing: 1px;}
.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 #d5b144; background: #e5c456; color: #161616;}

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





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

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

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


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


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



/*======================COCKFIGHT======================*/
#theme-contain-cockfight{}
.cf-ctn {text-align: center;position: relative;margin-top:40px;}
.cf-bg {width: 100%;margin: auto;}
.cf-bg img{width:100%;}
.play-btn {position: absolute;left: 0; right: 0; margin: auto; top: 50%;}
.play-btn:hover{-webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;filter: brightness(150%);cursor: pointer;}

/*-------------------------*ANIMATION POP-UP* -------------------------*/
@-webkit-keyframes text-pop-up-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;text-shadow: none;}
  100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);}
}
@keyframes text-pop-up-top {
  0% {-webkit-transform: translateY(0);transform: translateY(0);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;text-shadow: none;}
  100% {-webkit-transform: translateY(-20px);transform: translateY(-20px);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);}
}


/*======================AFFILIATE======================*/
.accordion .content ul{padding:0;margin:0; text-align: center;font-size: 25px;}
.accordion .content ul li {display: inline-block; width: 45%; margin: 25px; vertical-align: middle;}
.accordion .content ul li img{width:100%;}
.accordion .content ul.aff-tb {font-size: 12px;text-align: justify;}
.accordion .content ul.aff-tb .title-red{font-size:15px;color: #ffe1a9;}

.top-afft {text-align: center;}
.top-afft p {font-size: 14px; text-align: justify; text-align-last: center;}
.top-afft .title-red { text-transform: uppercase; letter-spacing: 1px;color: #ffe1a9;}
.top-afft.btm .title-red {text-transform: capitalize;font-family: 'roboto-regular'; letter-spacing: 0; padding-bottom: 0;}
p.af-btn {border: 0px solid red;padding: 10px;width: 25%; margin: auto;}
p.af-btn a {color: #000;width: 100%;padding: 10px 20px;background: linear-gradient(-90deg, #eccd5e 0%, #b88f23 100%);}
p.af-btn a:hover,p.af-btn a:focus{background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);text-decoration:none;}


/*==================   faqCONTENT   ====================*/
#cms5faq_modal_template_list{padding:20px; text-align:center;}
.fancybox-skin {background: #404040; border-radius: 0; width: 75% !important; margin: auto; padding: 12px;}
.fancybox-outer, .fancybox-inner { position: relative; width: 100% !important; }
ol#faq_modal { list-style: none; padding: 0px; }
#faq_modal li{display:inline-block; margin: 5px; border:1px solid #e5c556;padding:15px;}
.question img{width:100%;}

.fancybox-inner h4 {text-align: center;}

.content-promo{position:relative; overflow:hidden;}
.content-promo p{color: #fff;}
.promobutton{border:0px solid red; overflow: hidden; padding: 10px; margin-top:5px;}
.button1{padding:15px 20px; background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);color:#ffffff; margin:5px;}
.promobutton a:hover, .promobutton a:active{color:#ffffff; text-decoration: none;}
.button2{padding:15px 20px; background:#232323; color:#ffffff; margin:5px;}
.promobutton a:hover, .promobutton a:active{color:#ffffff; text-decoration: none;}
.titlepromo{color: #e2c152;font-family: 'Robotoc-bold'; padding: 5px 0px 0px; font-size: 2em; text-transform:uppercase;}
.fancybox-opened {top: 15px !important;}
.faq-answ h2 {color: #e2c152 !important;}
.faq-answ ul li{color:#fff;}
.faq-answ { width: 90%; margin: auto;}
.fancybox-inner h4 .button1 {display: none;}



/*===============log popup btn==================*/
.loginpopup {
    border: 2px solid #b00000;
    padding-top: 5px;
    width: 40%;
    color: #fff;
    margin: auto;
    padding-bottom: 5px;
    background: #b00000;
}
.overlaypopuplogin {
  position: fixed;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(0, 0, 0, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; z-index:999999;
  overflow-x: scroll;
}
.overlaypopuplogin:target {visibility: visible;opacity: 1;}

.popuplogin {
  margin: 100px auto;
  padding: 20px 20px;
  background: #ffffff;
  border-radius: 5px;
  width: 45%;
  position: relative;
  transition: all 5s ease-in-out;
  text-align:center;
}
.popuplogin hr{border-top: 1px solid #b00000;}

.popuplogin h2 {margin-top: 0;color: #333; }

.popuplogin .close {
  position: absolute;
  top: 0px;
  right: 0px;
  transition: all 200ms;
  font-size: 30px;
  text-decoration: none;
  color: #fff;
  background:#a17a17;
  width:45px;
  height:45px;
}
/*.popuplogin .close:hover {color: #000000;}*/

.popuplogin .close .glyphicon {margin-top:6px;}

.popuplogin .content {max-height: 30%;overflow: auto;}
.loginpage{}
.loginpage p{color:#b00000; font-size: 12px;}
.loginpage h3{color:#b00000; font-family: 'roboto-b';}
.logpageimg img{width:30%;}
.logv1 dl, .logv2 dl{margin:45px auto;}
.logv1 textarea, .logv1 input[type=text], .logv1 input[type=password], .logv2 textarea, .logv2 input[type=text], .logv2 input[type=password] {
    background: transparent;
    border-bottom: 2px solid #b48e37 !important;
    border-radius: 0px;
    padding: 17px 10px;
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 18px;
    color: #fff;    border: 0px solid red;
}

 .logv1 input[type=text], .logv1 input[type=password]:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.popuplogin a.close{padding:0px !important; background: #ffffff;}
.warn-login{ background:#ffffff; padding:20px; margin-top: 15px; border:5px solid #b00000;}
input#remoteloginformsubmit, input#customform_submit {
    background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);
    color: #161616;
    font-weight: bold;
    border: 0px;
    padding: 10px 25px;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


@media screen and (max-width: 700px){
  .box{width: 70%;}
  .popuplogin{width: 70%;}
}


.webpage-login {background:url(imgs/bg-log.jpg)center right no-repeat !important;background-size:cover !important;}
.webpage-login #theme-frame {background: transparent;}
.loginpage {margin-top: 90px;}
span.text-yellow a, p.text-yellow {color: #b48e37;margin-bottom: 0; margin-top: 32px; font-size: 20px;}
span.text-yellow a{font-size:12px;}
span.text-yellow a:hover{text-decoration:none;color:#fff;}
.logv1 p {color: #fff;}
.loginpage .title-red { font-size: 32px; letter-spacing: 1px;}

.webpage-login #theme-container {top: 8px;}



/*==============  REG PAGE   =================*/
.webpage-registration #theme-container {top: 8px;}
#theme-contain-registration{background:url(imgs/bg-log.jpg)center center no-repeat !important;background-size:cover !important;}
#theme-contain-registration .regcontents {margin-top: 4%;position:relative;}
.reg-btm { position: absolute; bottom: 0; right: 0; border: 0px solid red; width: 50%;}

.reg-btm.reg-log .about-girl {width: 72%;}

#theme-contain-registration .regcontents .logv1 {padding-left: 50px;}
.regcontent{padding:30px; border:5px solid #b48e37; width: 75%; margin: auto;}
.regcontents{padding:20px 0px; overflow:hidden;}
.regcontents .col-sm-6{padding:30px;}
.regcontop{color:#b48e37; font-size:15px; font-family: 'roboto-b';}
.regcontsd{color:#b48e37; text-transform:uppercase; font-size:13px;}
.reglist{}
.reglist ul{padding:0px;}
.reglist ul li{
	display:block; 
	color:#fff; 
	background:url(imgs/bgreglist.jpg)top left no-repeat; 
	padding-left:28px; 
	border:0px solid red;
	background-position: 7px 7px;
	text-align:justify;
	}
.regconbot{color:#fff;}
.regpage #registerform{border:0px solid red; padding:0px 20px;}
.border-gold{border-top:0px solid #847d57}
.regpage #registerform textarea, .regpage #registerform input[type=text], .regpage #registerform input[type=password] {
    background: transparent;
    border-bottom: 2px solid #b48e37 !important;
    border-radius: 0px;
    padding: 17px 10px 5px;
    width: 100%;
    font-family: 'Roboto-Regular';
    font-size: 18px;
    color: #fff;
    border: 0px solid red;
}
#registerform_UserName {width: 75% !important;}
#registerform_varifycode{width:28.3% !important; float:left;}
#groupVerifyCode img{margin-left:5px; width: 22.5%;}
#registerform_btnSubmit {margin-left: 0; width: 36%; margin-top: 21px;}
.regpage #registerform dl{margin: 0px 0px 7px;}
.regpage #registerform dt {color: #ffffff; width: 100%; border: 0px solid red; text-transform: uppercase; font-weight: normal; font-size: 13px; padding: 21px 11px 4px; letter-spacing: 1px;}
.regpage #registerform button{float:right;}
.regpage #registerform .small {color: #b48e37; text-align: left; width: 100%; margin: 6px auto 0; padding-left: 11px; font-size: 94%;}
.regpage #registerform .btnCheckUser, #registerform_btnSubmit {background: linear-gradient(90deg, #eccd5e 0%, #b88f23 100%);color: #161616; font-weight: bold;border: 0px; padding: 10px 9px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;}
#registerform_Currency {background: transparent;border-bottom: 2px solid #b48e37 !important;border-radius: 0px; padding: 17px 10px 5px; width: 100%;font-family: 'Roboto-Regular'; font-size: 18px; color: #757575; border: 0px solid red;}

#registerform_Currency:focus {outline: -webkit-focus-ring-color auto 0px;}
.regpage #registerform textarea:focus, .regpage #registerform input[type=text]:focus, .regpage #registerform input[type=password]:focus {outline: -webkit-focus-ring-color auto 0px;}

.floatjackpot{position:fixed; left:0px; top:30%; z-index:9999; }
.floatjackpot p{transform: rotate(-90deg); display:block; height: 90px;}
.floatjackpot a{
	padding:10px 20px; 
	background:#b00000; 
	color:#ffffff; 
	border:2px solid #ffffff; 
	display:block; 
	text-transform:uppercase; 
	font-family: 'Robotoc-bold';
	text-align:center;
	}

/*===================================SPORTS PAGE===================================*/

.bnrtop.pgs img:hover {cursor: pointer;}
#theme-contain-sportsbook .prod-casino-box {margin: 20px auto 35px; text-align: center;}

#theme-contain-withdraw .lottab {margin: 30px 0px 40px;}
td.headert {background: #e5c456 !important;}
p.bk-t {text-align: center;}

/*===================================CONTACT PAGE===================================*/
#theme-contain-contact .contact_form {display: none;}
.ctc-btm {margin-top: 6%;}
.ctc-btm ul{padding:0;margin:0;text-align:center;}
.ctc-btm ul li{display:inline-block;width:20%;padding:0 20px;border-left:1px dashed #b48e37;}
.ctc-btm ul li:nth-child(1){border-left:0px solid;}
.ctc-btm ul li img{width:100%;}

.ctc-btm ul li p.title-red{padding:0; letter-spacing: 0.8px;}
p.w-ctc,p.w-ctc a {font-size: 18px; padding: 0; letter-spacing: 0.8px;color: #fff;margin-top: 8px;}
p.w-ctc a:hover {text-decoration: none;color: #b48e37;}
ul.csosm {margin-top: 25px;}

.ctc-btm ul li i.fab { font-size: 39px; margin-bottom: 10px;}

.ctc-btm ul li i.fab.fa-twitter{color:#00aced;}
.ctc-btm ul li i.fab.fa-facebook-f{color:#3b5998;}
.ctc-btm ul li i.fab.fa-instagram{color:#fff;margin: 0;}
.ctc-btm ul li .ig-clr {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width: 26%; margin: auto; padding: 4px; margin-bottom: 2px; border-radius: 10px;}

#vip-table{width:80%; text-align:center; margin:auto;}
#vip-table tr td{border:2px solid red; padding:5px;}
#vip-table tr td img{width:50%;}
.vipcenter{padding:20px 0px;}
tr.grad2 { background: #940000; color: #fff; }

td.headert{font-size: 14px;font-weight: bold;}
td.headert img {width: 32%;margin: auto;}

.affiliatecenter{margin-top:10px;}
.affiliatetable{width:80%; margin:auto;}
.affiliatetable tr td{border:2px solid red; padding:5px;}
#theme-contain-affiliate > #theme-title-box{padding-bottom:0px;}
.leftpadbg p{ background: url(imgs/bgreglist.jpg)center left no-repeat; padding-left: 20px; }
.gamelicense{padding-top:70px; text-align:center;}
.gamelicense img{padding:15px;}

/*====================PAGE EXTRA==================*/
.top-afft.othpgs {margin-top: 45px; border: 2px solid #c7a134; padding: 20px 20px 30px; text-align: justify; background: #3e3e3e;}
.top-afft.othpgs p {text-align-last: unset;margin-bottom: 19px;}

.top-afft.othpgs ol#faq {border: 0px solid red;padding: 0 20px; margin: 0; color: #fff;}
.top-afft.othpgs ol#faq li{}
.top-afft.othpgs ol#faq li a{color:#fff;font-size:17px;}
.top-afft.othpgs ol#faq li a:hover{text-decoration:none;color: #b48e37;}

.faq-answ {margin-top: 20px;}
.faq-answ ul{margin:0;padding: 35px 27px 27px;border: 1px solid #c7a134;}
.faq-answ ul li{margin-bottom:20px;}

li.dropdown.nav-item {width: 15%;border: 0px solid red;}
li.dropdown.nav-item img {width: 100%;}
li.dropdown.nav-item a:hover img { filter: brightness(1.5);transition:0.5s ease;}

.lvscrm {display: none;}
.lvscrm,.lvscre {border: 5px solid #cea83b;}


#theme-contain-adminloginx {min-height: 70vh;}
#theme-contain-adminloginx table {color:#fff;
    border: 0px solid red;
    margin: 55px auto;
    width: 16%;
    overflow: hidden;
    background-color: transparent;}

#theme-contain-adminloginx table tr td input[type="password"],#theme-contain-adminloginx table tr td input[type="text"],#theme-contain-adminloginx input[type="submit"] {color: #000;}

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


/*=============================================================*/
/*---------------------------------------      MOBILE VIEW    ---------------------------------------*/		
/*=============================================================*/

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
padding:0px;
}
.row { margin-right: 0px; margin-left: 0px; }
.w1000{width:100%;}
.gamelicense { padding-top: 30px;}
#theme{background:#fff;}

.lvscrm {display: block;}
.lvscr {display: none;}

#theme-header-link { margin-top: 0px; }
#theme-header-link ul li:nth-child(4){}
#theme-header-link ul li:nth-child(3){display:none;}
#theme-header-content{top:0px;}
#theme-header-content ul li{float:left;}
#theme-header-content ul li:nth-child(1) {width: 33%;}
#theme-header-content ul li.nav-item:nth-child(1) {width: 23%; border: 0px solid white; margin-left: 15px;}
ul.header-content{width:100%;}
#theme-container { top: 22px; }
#theme-header-logo {padding: 17px 0px 25px 8px;background: url(imgs/bglogo.png)top right no-repeat;}
#theme-header-link a, #theme-header-link a:visited {padding: 17px 7px;}
/*#theme-header-logo {
background-image: url(imgs/bglogo.png);
background-position-x: left !important;
    background-position-y: top;
    background-size: initial;
    background-repeat-x: no-repeat !important;
    background-repeat-y: no-repeat  !important;}*/

#theme-header-logo img { width: 73%;}
#theme-header-content ul li.headlast {float: none; border: 0px solid red; width: 59%; margin-left: -19px;}
.navbar {margin-bottom: 0;}
#theme-menu { position: absolute; right: 0px; top: 0px; }
.navbar-nav {margin: 0;}


.recom-games ul li {width: 45%; text-align:center; float:none;}
.twocolumnleft{padding:40px !important;}
.twocolumnright{padding:20px !important;}
.homeright { min-height: 140px; }
.homebottom { padding: 0px 10px;}
.homebottom ul { padding: 20px 0px 20px; }
.homebottom ul li { float: none; width: 48%;margin: 18px 0;}

.centerborder-overlay ul {display: none;}


#theme-footer .col-sm-4, #theme-footer .col-sm-2{padding:0px 20px;}
.floatjackpot{display:none;}

ul.annc li:nth-child(2) {width: 190px;}
ul.annc li i.fas {font-size: 17px;}
.accordion .handle {margin: 0;font-size: 15px;}
.home-collaps {margin: 0px auto 0;}
.bottom-footer p {float: unset;}
.col-sm-2.linkfooter {margin-top: 13px;}


/*===========================   BANNER   =============================*/
.bnr-des {min-height: unset;top: 50%;transform: translateY(-50%);width: 42%;left: 7%;}
.bnr-des h1 { font-size: 20px;}
p.dess {font-size: 8px;}
p.btn-bnr {width: 75px;padding: 6px;font-size: 9px;}


.about-f-coin { width: 22%;top: 0;z-index: 2;}
.banner-top .about-ship {width: 19%; bottom: 0px;}
.banner-top .about-balls {width: 17%;}
.banner-top .about-cards {bottom: 0; width: 35%;right: -84px;}



/*===========================   CASINO   =============================*/
.prod-casino-box{text-align:center;}
#theme-contain-sportsbook .prod-casino-box .col-sm-3{width:41%; }

.prod-casino-box .col-sm-3{width:41%; margin: 2px auto; display:inline-block;}
.centerborder-overlay p {line-height: 18px;}
.centerborder-overlay { position: relative; overflow: hidden;     min-height: unset;background: #000;margin-top: -28px;}
.prodcasino { min-height: unset;}

.centerborder-overlay ul li {display: inline-block;width: 100%;/* float: left; */font-size: 13px;}

.prod-casino-box .col-sm-4 {padding: 0;margin: 15px 6px; width: 95%;display: inline-block;}

.webpage-casino .prod-casino-box .col-sm-3 {width: 46%;}
.prod-logo img {width: 112px;}
.prod-logo {position: unset;}
.playnow-csn {display: none;}

.cas p.dess {display: none;}
.cas .bnr-des h1 {font-size: 22px;}
.banner-top.cas .about-p-coin {width: 34%;}

.banner-top.slots .about-f-coin.jack { bottom: 0;width: 25%;right: 37%;}
.slots .bnr-des {width: 42%;}

.banner-top.lottry .about-girl {width: 36%;}
.webpage-lottery .banner-top .about-cards {width: 26%;}

.banner-top.lottry .about-rich-god {right: 5%;top: 17%;width: 20% !important;}
.webpage-banking .banner-top.promo .about-rich-god {width: 20% !important;}

.webpage-promotion .about-f-coin.boxp {top: 0;}
.banner-top.promo .about-rich-god {width: 20% !important;}


/*===========================   LOGIN   =============================*/
.webpage-login {background: url(imgs/bg-log.jpg)top left no-repeat !important; background-size: cover !important;}
.loginpage {margin-top: 0px;}
.loginpage .logv1 {margin: 32px;}

#theme-contain-registration .regcontents .logv1 {padding-left: 0;margin: 0px 35px;}
.reg-btm {display: none;}

/*===========================   LOTTERY   =============================*/
.lottab table th { font-size: 9px;}
.lottab table tr td {padding: 6px 0px; font-size: 9px;}
.lotterybox #drawresult ul > li {width: 172px;}


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


/*================PAGE======================*/
.lottab ul li {width: 90%;}
.cf-bg {width: 100%;}
p.bk-t {text-align: justify; padding: 0 20px; text-align-last: center;}
.ctc-btm ul li { display: inline-block; width: 60%; margin-top: 32px; padding: 0 20px; border-left: 0px dashed #b48e37;}
.top-afft {text-align: center; padding: 20px;}
.accordion .content ul li {width: 80%;}
p.af-btn {width: 100%;}


/*==============Others========*/

.popuplogin { width: 95%; }
.fancybox-skin { width: 100% !important; padding: 10px 10px 20px; } 
.regcontent { padding: 20px; width: 100%; } 
#registerform_btnSubmit { margin-left: 0%; width: 100%; margin-top: 5px;}
#registerform_UserName {width: 80% !important;}
#groupVerifyCode img{margin-top: 5px; width: 30%;}
.regpage #registerform textarea, .regpage #registerform input[type=text], .regpage #registerform input[type=password] { width: 100%; }
.regpage #registerform dt{ display:none; }
#registerform_varifycode { width: 67% !important; } 
#registerform_Currency { width: 100%; }

.wrapper ul li { float: none; width: 47%;}
.result-jackpot ul li { width: 46%;}

#vip-table { width: 100%;}
#vip-table tr td{font-size:8px;}
#vip-table tr td img { width: 100%; }
.affiliatetable{ width: 100%;}
iframe{width:100%;}
.padbot40{padding-bottom:40px;}

.fancybox-opened {top: 25px !important;}
.faq-answ ul li {margin-bottom: 7px;}
.fancybox-inner { height: 600px !important;}



.twocolumnleft .img-box { min-height: 250px;}
.twocolumnleft .about-girl { width: 62%;}
.twocolumnleft .about-cards {bottom: 0;width: 36%;}
.twocolumnleft .about-ship {bottom: 0;width: 32%;}

}





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

#theme-header-logo {padding: 11px 0px 12px 10px;}
#theme-header-logo img {width: 83%;}  	
.recom-games ul li {width: 21%; }
#theme-header-link ul li:nth-child(5) { width: 10%;}
#theme-header-content ul li.nav-item:nth-child(1) {width: 15%;}
#cssmenu > ul > li > a { padding: 8px 11px;}
.prod-casino-box .col-sm-3 {width: 22%; margin: 2px 4px;}
.centerborder-overlay {min-height: unset;}
.centerborder-overlay ul li {display: none;}
ul.annc li:nth-child(2) {width: 365px;}

.cf-bg { width: 55%;}
.fancybox-opened {top: 25px !important;}
.fancybox-inner { height: 300px !important;}
.ctc-btm ul li { width: 32%;}

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

#theme-contain-sportsbook .prod-casino-box .col-sm-3 {width: 29%;}
.webpage-casino .prod-casino-box .col-sm-3 {width: 31%;}
.prod-casino-box .col-sm-4 {width: 47%;}

.twocolumnleft .about-girl { left: 29px;right: 0;width: 59.5%;}

.loginpage .img-box { display: none;}

.twocolumnleft .img-box { min-height: 500px;}
.homebottom ul li {width: 24%;}

.cas p.dess {display: block;font-size: 8px;}


/*#cssmenu #menu-button { display: block; padding: 22px;}*/
}





/*=============================================================*/
/*-------------------------------    iPhone 8+ PORTRAIT  ---------------------------------------*/		
/*=============================================================*/
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 420px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	
 #theme-header-logo {padding: 18px 0px 20px 4px !important} 	
}


/*=============================================================*/
/*-------------------------------    iPhone X LANDSCAPE  ---------------------------------------*/		
/*=============================================================*/
@media only screen 
  and (min-device-width: 812px) 
  and (max-device-width:812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
#theme-header-logo {padding: 9px 0px 6px 17px !important; }
#theme-header-content ul li.nav-item:nth-child(1) {width: 25% !important;}
#theme-header-link ul li:nth-child(5) {width: 16%;}
.accordion .content ul li {width: 40%;}
.ctc-btm ul li {width: 27%;}

p.dess {font-size: 12px;}
.cas p.dess {display: block;font-size: 10px;}

.lottery-new .col-sm-4 {
    width: 47%;
    display: inline-block;
    float: none;
    margin: 10px;
}

.loginpage .img-box {
    display: block;
}

.col-sm-6.logv2 {
    width: 49%;
}

.twocolumnleft .img-box {   margin: 28% auto;
}


}


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

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

#theme-header-logo img {width: 38%;}
.recom-games ul li {width: 12%;}
.homebottom ul li {float: none; width: 24%;}

.lottery-new  .col-sm-4 {width: 50%;}
p.dess {font-size: 12px;}
.cas p.dess {display: block;font-size: 10px;}
.bnr-des {width: 45%;}

.webpage-casino .prod-casino-box .col-sm-3 {width: 22%;}
#theme-contain-sportsbook .prod-casino-box .col-sm-3 {width: 30%;}

.lottery-new .col-sm-4 {width: 47%; display: inline-block;float: none;margin: 10px;}

.about-girl { width: 61%;}

.img-box {min-height: 300px;}

.reg-btm.reg-log .about-girl {width: 86%;}
.reg-btm .about-cards {bottom: 0;width: 151px;right: 0;}
.reg-btm .about-ship {width: 38%;bottom: 0;left: 0;}

.loginpage .img-box .about-ship {width: 38%;bottom: -52%;}

.loginpage .img-box  .about-cards {bottom: -52%;width: 36%;right: 22px;}

.loginpage .img-box {
    display: block;
}

}


/*=============================================================*/
/*-----------------------------------------    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) {

.reg-btm.reg-log .about-girl { width: 96%;}
.loginpage .img-box .about-ship {bottom: 0;}
.reg-log .img-box {min-height: 300px;margin-top: 36%;}
.loginpage .img-box  .about-cards {bottom: 0;}

ul.annc li:nth-child(2) {width: 450px;}
.centerborder-overlay { top: -60px;min-height: 106px;}
.centerborder-overlay ul li { width: 49%;}
.prod-casino-box .col-sm-3 {width: 25%;}
.ctc-btm ul li { width: 30%;}
.prod-casino-box .col-sm-4 {width: 31.5%;}
.fancybox-opened {top: 75px !important;}
.accordion .content ul li {width: 42%;}
.cf-bg {width: 45%;}
.loginpage .col-sm-6{width:45%;}
.reg-btm {width: 32%;right: 10%; display: block;}
#theme-header-logo {padding: 13px 0px 14px 30px;}
#theme-header-logo img {width: 72%;}


p.dess {font-size: 12px;}
.cas p.dess {display: block;font-size: 10px;}
}


/*=============================================================*/
/*-----------------------------------------    iPad  LANDSCAPE ---------------------------------------*/		
/*=============================================================*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.flex-direction-nav .flex-next {right: 0;}
.cf-bg {width: 38%;}
ul.annc li:nth-child(2) { width: 475px;}
#theme-header-logo img {width: 85% !important;}
#theme-header-logo img { width: 27%;}
.prod-casino-box .col-sm-3 {width: 25%;}
.prod-casino-box .col-sm-4 {width: 15.4%;}
#theme-header-logo {
    padding: 7px 79px 7px 0px;
    background: url(imgs/bglogo.png)top left no-repeat;
}

.reg-btm {display: block; right: 13%; width: 28%;}
#registerform_UserName { width: 73% !important;}
.loginpage .logv1 { margin: 31px; width: 43%;}
.accordion .content ul li { width: 40%;}

.ctc-btm ul li { width: 21%;}

}



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

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.cf-bg {width: 38%;}
.flex-direction-nav .flex-next {right: 0;}
#theme-header-logo img { width: 67%;}
#theme-header-logo { padding:6px 0px 6px 0px background: url(imgs/bglogo.png)top left no-repeat;}
}



/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 321px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {  
  
  .recom-games ul li { width: 45%;}
  .title-red { font-size: 1.5em;
  #registerform_UserName { width: 61% !important; }



}




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

#theme-header-logo img {width: 35%;}  

.lottab {margin: 0px 3px 40px;}
.prod-casino-box { text-align: center; padding: 0; margin: auto;}
.prod-casino-box .col-sm-3 { width: 32.5%; margin: auto 3px; display: inline-block;}
}