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

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:verdana;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;theme-header-logo img
	font-size:12px;
	font-family:verdana;
	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:8px 2px; color:#000; }
 

#theme{
	display:table-cell;
	height:100%;
	width:100%;
	background-color: #0c0d16;
}

.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
.w800{width:800px; margin:auto;}
.w900{width:900px; margin:auto;}
.w1000{width:1000px; margin:auto;}
.w1100{width:1100px; margin:auto;}
.w1200{width:1200px; margin:auto;}
.fr{float:right;}
.space{width:100%; height:2px;}
.spacer{width:100%; height:20px;}
.oswaldtext {font-family: 'oswald-light'; letter-spacing: 1px;}

div.download{display: table; width: 90%; position: absolute;  bottom: 2.5em; left: 8%}
div.download a{display: table; width: 30%; float: left; text-align: center; color: #fff; text-decoration: none; font-size: 0.7em;}
div.download a.border:after{
    display: block;
    content: '';
    position: absolute;
    border-right: 1px solid #fff;
    height: 40px;
    top: 4px;}
	
div.download a img{
    height: 40px;}


#tdHeader-menu {
    height: 48px;
    z-index: 500;
    position: relative;
    border: 0px solid yellow;
    background: linear-gradient(#580000 0%, #940001 100%);
    border-top: 1px solid #4f0500;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#tdHeader-menu img {
    height: auto;
    padding: 8px;
}

div.cs_detail div
{
	text-align: center;
	font-size: 1.2em;
	line-height:2em;
	font-weight: 600;
	color: #fff;
}

div.cs_detail img
{
	max-height: 1.8em;
	margin-right: 5px;
}

@media (max-width: 768px)
{
	div.download{display: table; width: 90%; position: absolute;  bottom: 1.2em; left: 8%}
	div.download a{display: table; width: 30%; float: left; text-align: center; color: #fff; text-decoration: none; font-size: 0.7em;}
	div.download a.border:after{
		display: block;
		content: '';
		position: absolute;
		border-right: 1px solid #fff;
		height: 30px;
		top: 0px;}
		
	div.download a img{
		height: 30px;}
		
	#theme{padding-bottom: 4em;}
	
	#cssmenu {
		display: inherit;
	}
	
}

#contact
{
	float: right;
	position: fixed;
	bottom: 15px;
	width: 100%;
	z-index: 99;
	right: 40px;
	margin-right: 10px;
}

#contact img
{
	float: right;
	margin-right: 10px;
	opacity: 1;
	height:54px;
}
	
img {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
img {max-width: 100%; height: auto;}

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

#theme-header {	
	height:150px;
	background-color:#000000;
        background-repeat: no-repeat;
        background-size: cover;
}
#theme-header-content { position:relative; }


#theme-container { clear:both; position:relative; background-color: #000000;  top no-repeat; background-size: 100% 100%;  }

#theme-title {  padding-left:10px; display:none;}
#theme-lang {position:absolute; left:0px; top:0px; display:none;}
#theme-header-link  { position: absolute; right: 20px;  top: 14px;  border: 0px solid red;}
#theme-header-link ul {list-style:none; margin:0px; padding:0px;}
#theme-header-link ul li { display:block; border:0px solid #ffffff42; }
#theme-header-link ul li a{ text-decoration:none;}

#right-header {
    border: 0px solid green;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    font-family: 'oswald-light';
}
.contact-link {
    float: right;
    margin-top: -5px;
    margin-right: 0px;
    color: #fff;
    font-size: 2em;
    letter-spacing: 1px;
    font-family: 'oswald-medium';
}

.contact-link img {
    border: 0px solid red;
    width: 1em;
    margin: 0px 2px 4px 2px;
}

.contact-link ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: auto;
}

.contact-link ul li {
    display: inline-block !important;
    float: left;
}

.up-title {text-align:left; font-size:22px; font-family:Oswald-Medium; padding:10px;text-transform:uppercase; letter-spacing:3px; color:#fff;background: -webkit-linear-gradient(#ffff5a, #e4c83b, #d49127);-webkit-text-fill-color: transparent;-webkit-background-clip: text; }

.fontgrey:hover, .fontgrey:active{color:#cccccc;}
a {
    color: #ccc;
    text-decoration: none;
}
 a:hover{text-decoration:none; color:#e5b50e;}
#theme-header-logo {position:absolute; left:0px; top:0px; height: 100px;}
/*#theme-header-logo img { max-width:120%; width:100%;}*/
#theme-header-logo img {
    max-width: 150px;
    width: auto;
    margin-top: 22px;
}

#theme-nav-content {border:0px solid green;}
#theme-content{margin-top:0px; height: auto;}
#theme-contain-adminloginx td { color: #c8d8f1; text-shadow:1px 1px 1px #000;}
input[type="submit"] {color:#000;}
#theme-contain-adminloginx { padding: 50px 150px;}

/*=======================  scroll message  =====================*/

.detail-info {}
.detail-info ul{margin:0; padding:7px 10px 7px 10px;  list-style:none; color: #fff; font-family: oswald medium; letter-spacing: 1.5px;}
/*.detail-info ul li{display:inline-block; list-style:none; color:#ffffb0;}*/
.detail-info ul li marquee {width: 94%; float:right;}
.detail-info ul li img{vertical-align:middle; float:left; border:0px solid green; top:-2px; position:relative; text-align:center; right:0px;}
.detail-info ul li span{color:#f8d882; text-transform:uppercase;}*/
/*.detail-info ul li marquee{background:transparent; margin-top: 9px; border:0px solid green; bottom:0px; position:relative;width:91%; float:right;}*/
.detailinfo-text{position:relative; top:0px; right:0; color:#fefefd;border:1px solid red;font-size:13px;}

/*====================  slot PAGE  ========================*/
#slot{padding: 30px 0px; background:url(../img/background.jpg)top center no-repeat; background-size:cover;}
.slot-box{border:0px solid red; }
.slot-box ul {list-style:none;}
.slot-box ul li{width:33%; display:inline-block; position:relative;}
.slot-items{border:0px solid green; position:relative;}
.title-click {
    border: 0px solid yellow;
    position: absolute;
    bottom: 9.5%;
    left: 33%;
    font-size: 19px;
    font-family: 'Oswald-Light';
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor:pointer;
    color: #fff;
    background: -webkit-linear-gradient(#ffff5a, #e4c83b, #d49127);
    -webkit-text-fill-color: rgba(225,166,3,1);
    -webkit-background-clip: text;
}


 /*=============   BIG 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;}

.w1000{width:100%;}
.w1100{width:100%;}
.w1200{width:100%;}
.row{margin-right:0px; margin-left:0px;}
.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-right:0px; padding-left:0px;}
.fr{float:none;}
.spacer {
    width: 100%;
    height: 0px;}


#theme-header-logo {position: relative; text-align: center; left: 0px;  top: 15px; height: auto;}
#theme-header { height: 354px;}
#theme-header-link { top: 0px; height: auto;  position: static;  width: 100%;}
#theme-header-link ul li {  display: block; border: 0px solid #000000;  /* text-align: center; */  float: left; width: 100%;}
.contact-link ul { text-align: center;}
.contact-link {margin-top: 15px;margin-bottom: 8px; float:none;}

.langbutton { 
	margin-top: 20px; 
	float: none; 
	bottom: 0%; 
	right: 0%;  
	position: static; 
	text-align: center;
	display:none;
}

.langbutton a {padding:0px;}
.detail-info{
	top:0px; 
	float:none; 
	width:100%;  
	overflow:hidden; 
	border:0px solid red; 
	margin-top:5px;
}

.detail-info ul li marquee{
	width:85%; 
	margin-top: 0px;
}

#theme-container {padding-bottom:0px;}

/*===slot page===*/
.slot-box ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: auto;
}
.slot-box ul li {width: 48%;}
.title-click {
    bottom: 9%;
    left: 31%;
    font-size: 13px;
}



/* -----------all phone landscape----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.contact-link {
    margin-top: 15px;
    margin-bottom: 8px;
    float: none;
    font-size: 10.9px;
    width: 100%;
}
.contact-link ul li { display: inline-block !important; float: left; width:33% !important;}  	
.contact-link ul {
    text-align: center;
    padding: 9px 10px !important;
}

.steps ul li { display: inline-block; width: 24%;}
.jackpotcontent { left: 39%; top: 0px;}  	
#home-scroll-logo #banner_template_scroll, 
#home-scroll-logo #banner_template_scroll2, 
#home-scroll-logo #banner_template_scroll3 {
    width: auto;
    max-width: 600px;
    float: normal;}

.power-certificate ul li {
    display: inline-block;
    width: 48%;
    text-align: center;
    float: left;
}

.pull-right {
    float: right!important;
}

.linked-page {
    margin-bottom: 0px;
}  

.slot-box ul li {
    width: 32%;
    display: inline-block;
}

.country-contact ul li {display: inline-block; width: 48%;}
.overlap-contact { position: absolute; top: 38%;}
table.table-contact-country th { font-size: 21px;}
.contact-detail ul li {
    display: inline-block;
    width: 49%;
    float: none;
    margin-bottom: 20px;
}

.hunt-box ul li {
    display: inline-block;
    width: 19%;
    padding: 0;
    margin: auto;
}
.fish-play-btn {padding: 5px 12px;}

.casino-box ul li { display: inline-block; width: 49%;}
.sport-overlay {
    bottom: 20.5%;
    text-align: center;
    position: absolute;
    left: 29%;
}

.sport-title {
  font-size: 35px;}
  
  .sport-btn-border {
    padding: 5px;
    font-size: 12px;
}



 }

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

.main-contact-detail {overflow: hidden;}
.main-contact-detail	ul li {float: none !important;}
.contact-home-detail ul li img {width: auto !important;}
}
 
/* ----------- iPad 1, 2, Mini and Air ----------- */

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


.contact-link ul li { display: inline-block !important; float: left; width:33% !important;}  	
.contact-link ul {
    text-align: center;
    width:100%;
}

/*===homepage===*/
.steps ul li { display: inline-block;width: 24%;}

/*===jackpot===*/    
#jackpot-section{position:relative;}
.jackpotcontent { left: 39%;top: 50px;} 
#jackpot{bottom: initial; top: 17.5%;}
.count, #foo{letter-spacing:2px; font-size: 36px;}

.scroll-image {border:0px solid red; height:auto; overflow:hidden; }
#home-scroll-logo{background:transparent;margin:5px 0px 0px; border:0px solid #4e5a70;width:99.9%; height:375px;display:block; padding:20px;}
#home-scroll-logo > img { float:normal; display:none;}
#home-scroll-logo #banner_template_scroll,
#home-scroll-logo #banner_template_scroll2,
#home-scroll-logo #banner_template_scroll3 { width:auto; max-width:1600px; float:normal; }
#home-scroll-logo #banner_template_scroll #bannerdirectionleft,
#home-scroll-logo #banner_template_scroll2 #bannerdirectionleft,
#home-scroll-logo #banner_template_scroll3 #bannerdirectionleft { padding-top:0px; }


/*===footer section===*/
.linked-page { margin-bottom: 10px;}
.copyright { float: none;}
.power-certificate ul li {
    display: inline-block;
    width: 100%;
    text-align: center;
    float: left !important;
    padding: 0px 10px;
}	
.casino-box ul li { display: inline-block; width: 49%;}
.slot-box ul li {width: 32%;}
.hunt-box ul li {
    display: inline-block;
    width: 19%;}
.fish-play-btn {padding: 5px 22px;}

.overlap-contact {
    position: absolute;
    top: 13%;
    left: 10%;
    border: 0px solid green;
    height: auto;
}

.side-girl {
    display: block;
}

.contact-detail ul li {
    display: inline-block;
    width: 33%;
    float: left;}

.tabs-mobile > .nav-tabs {
    float: left;
}
}

/*===homeprod===*/
.home-prodlist ul li { width: 40%;}
.home-prodlist ul li p {width: 100%;}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  	
#home-scroll-logo #banner_template_scroll, 
#home-scroll-logo #banner_template_scroll2, 
#home-scroll-logo #banner_template_scroll3 {
    width: auto;
    max-width: 950px;
    min-width: 600px;
    float: normal;
}
	
#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
    width: auto;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
}

#cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #fff;
    background: none;
    width: 190px;
}
 }

/*====================  gdlotto PAGE  ========================*/
#gdlotto{padding: 0px 0px; background:url(uploads/red81.jpg) center no-repeat; background-size:cover;}
.slot-box{border:0px solid red; }
.slot-box ul {list-style:none;}
.slot-box ul li{width:45%; display:inline-block; position:relative;}
.slot-items{border:0px solid green; position:relative;}
.title-click {
    border: 0px solid yellow;
    position: absolute;
    bottom: 9.5%;
    left: 33%;
    font-size: 19px;
    font-family: 'Oswald-Light';
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor:pointer;
    color: #fff;
    background: -webkit-linear-gradient(#ffff5a, #e4c83b, #d49127);
    -webkit-text-fill-color: rgba(225,166,3,1);
    -webkit-background-clip: text;
}

#right-header {position:relative;margin-top:20px;}
	
@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-header { height: 34px;}
}