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

@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;
	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:2px;}
 

#theme{
	display:table-cell;
	height:100%;
	width:100%;
	background:linear-gradient(to bottom, #0852ae 0%, #021833 100%);
	/*background:transparent;*/
}

.themetbl {display:table;}
.themetblrow {display:table-row;}
.themetblcell {display:table-cell;}
.themetblwidth {width:100%;}
.themetblheight {height:100%;}
.theme-container-box { width:100%; height:500px; }
.w1000{width:1000px; margin:auto;}
.w1100{width:1100px; margin:auto;}
.w1200{width:1000px; margin:auto;}
.container2 {width:100%; max-width:1000px; margin:auto;}
.greybg {background:#221e1e;}
.fr{float:right;}
.space{width:100%; height:2px;}
/*.bgblack{background:url(/theme/bigbos88/imgs/bgblack.jackpot-bgroundg)no-repeat; background-size:cover; border:2px solid #806340; color:#fff; padding:40px; margin-top:0px; border-radius:10px;}*/

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:155px;
	/*background:#062852;*/
	background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%);
	width:100%;
	z-index:2000;
	border-top:0px solid gold;
	border-bottom:1px solid #392d2d;
	position:relative;
}

#theme-header-content { position:relative; }


#theme-menu{ height:auto; z-index:500; position:relative;border:0px solid yellow; float:right; top:35px; background:none; }
#theme-menu #cmsmenu {z-index:999;}
#theme-menu img{ height:auto; padding:8px; }
#theme-menu img:hover {filter:brightness(120%);}
#theme-container { clear:both; position:relative; background: url(/theme/bigbos88/imgs/container_livebg.jpg)fixed center no-repeat; background-size:100% 100%;/* background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%);*/}
#theme-content { position:relative;height:100%; margin:auto; width:100%;} 
#theme-contain-adminloginx {padding:90px;border:0px solid red;}
#theme-contain-adminloginx table {border:0px solid green;padding-left:100px;}
#theme-contain-adminloginx table td, th {color:#ebbf52;}
#theme-contain-adminloginx table a {border:0px solid yellow;color:#062852;}
#theme-contain-adminloginx table a:hover {border:0px solid yellow;color:#ebbf52;}
textarea, input[type=text], input[type=password] {
    border: 1px solid #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    color: #062852;
}
#theme-content-slider { position:relative; top:0px;	z-index:0;height:100%; margin:auto;width:100%;border:0px solid #ff0000;width:100%;overflow:hidden;}

#theme-title {padding-left:10px;display:block; border:0px solid blue; color: #ebbf52; text-align:center; font-size:15px; display:none;}
#theme-lang {position:absolute; right:21%; top:7px; border:0px solid green; color:#fff; display:none;}
#theme-lang ul {list-style:none; }
#theme-lang ul li { display:inline-block; border-left:0px solid #efefef; }
#theme-lang ul li:first-child{ border:0px;}
#theme-lang a,
#theme-lang a:visited { color:#ebbf52; text-decoration:none; padding:2px 5px; }
#theme-lang a:hover { color:#ffffff;}
.time-header {border:0px solid red; top:12px; position:absolute;}


#theme-header-link {position:absolute; right:0px; top:0px;display:inline-block; width:100%; margin:auto; height:100%; border:0px solid blue; height:40px;  background:#062852; border-bottom:1px solid gold;}
#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:#ffffff; text-decoration:none; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-link a:hover { font-weight:bold; background:none; color:#114e86; border:0px solid red;}
#theme-header-link img {}
#theme-header-link img:hover {filter:brightness(160%);}
#theme-header-logo {position:relative; left:0px; top:0px;}
#theme-header-logo img { width:25%; border:0px solid green; position:absolute; top:55px;}
#theme-contain-news {width:1000px; margin:auto;}
#right-header{color:#fff; }
#right-header ul{}
#right-header ul li{display:inline-block;}
.headtopright {}
.headtopright ul{border:0px solid red;}
.headtopright ul li{display:inline-block;}
.log-bar{border:0px solid green;}
.log-bar ul {list-style:none;}
.log-bar ul li{display:inline-block;}

.fontyellow{color:#e9d000;}
.fontgreen{color:#46ba00;}
.fontgrey{color:#cccccc;}
.fontgrey:hover, .fontgrey:active{color:#cccccc;}
 a:hover{text-decoration:none; color:#b71313;}
 .txt-center{text-align:center;}
/*.dashed {border-bottom:1px dashed gold; }*/
.fGold {color:#fdd200;}
.blackbg {background-color:black;}
.brighten {filter:brightness(100%);}
.brighten:hover {filter:brightness(118%);}
/*.brighten img {filter:brightness(140%);}
.brighten img:hover {filter:brightness(100%);}*/
a {text-decoration:none;}
.white {color:#fff;}



.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; }
#theme-content{margin-top:-6px;}


#theme-footer {
	height:auto; 
	padding:0px; 
	border-top:0px solid #5b67cd; 
	border-bottom:2px solid gold; 
	text-align:center;
	vertical-align:middle;
	color:#fff;
	position:relative;
}


#licensing .cockfight-text p{
color: #fff;
}
#licensing .cockfight-text ul{
    color: #fff;
}
#licensing .cockfight-text h2{
    color: #ebbf52;
}
.footer-licensing {
    margin-bottom: -20px;
    padding-top: 30px;
}
.footer-licensing a{
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}
.footer-licensing a:hover{
    color: #fdd200
}


/*=========================  LOGIN  ============================*/
#submember-login{position:absolute; top:23px; border:0px solid green; right:56px; z-index:99; background:url(/theme/bigbos88/imgs/login-bg.png)top no-repeat; background-size:100% 100%; padding:70px 30px 42px; width:24%; height:auto;}
.logincontent{border:0px solid red; }
#remoteloginform{margin:0px;padding:0px;}
#remoteloginform input[name=user]{background:url(/theme/bigbos88/imgs/user-box.png)no-repeat; border: 0px solid #111111; padding:12px 20px 12px 50px; width:100%; font-size:11px; color:#fff;}
#remoteloginform input[type=password]{background:url(/theme/bigbos88/imgs/pwd-box.png)no-repeat; border: 0px solid #111111; padding:12px 20px 12px 50px; width:100%; font-size:11px; color:#fff;}
#remoteloginform input[name=varifycode]{ width: 73%; float:right; height: 37px; margin-left: 5px; background: rgba(0,0,0,0.5); border: 1px solid #959595; border-radius: 1px; padding: 0px 20px; font-size:11px; color:#fff;}
#remoteloginform input[type=button]{
	-webkit-appearance: button; 
	cursor: pointer; 
	background:url(/theme/bigbos88/imgs/log-buttons.png)top center no-repeat; 
	border:0px solid red; 
	color: #fff; 
	padding: 11px 10px 12px 10px;  
	margin-left:0px;
	margin-top: 10px; 
	font-family: 'RussoOneRegular',sans-serif; 
	font-size: 18px; 
	text-transform: uppercase; 
	font-weight: bold; 
	width:100%;
}
#remoteloginform dl{display:block; margin-bottom: 4px;}
#remoteloginform dt{vertical-align:top;color:black; }
#remoteloginform dd{vertical-align:top; }
#remoteloginform img{margin-right:2px; margin-top:4px; border-radius:4px; margin-left:2px; float:left;}
#remoteloginformsubmit{background:url(/theme/bigbos88/imgs/log-buttons.png) no-repeat; background-size:59px 28px;border:none;color:#fff;}
#remoteloginform input[type=button]:hover{color:gold;}
.regi{background:url(/theme/bigbos88/imgs/reg-buttons.png)center no-repeat; width:100%; font-family: 'RussoOneRegular',sans-serif; font-size: 18px; text-align:center; padding:12px 0px 8px 10px; border:0px solid red;}
.regi a{color:gold;}
.regi a:hover{}

textarea, input[type=text], input[type=password] {

    background: #ebbf52 !important;}





/*REGISTER HOME*/

#registerform{border:1px solid #f5e57f; background:rgb(0,0,0,0.3); padding:40px; width:80%; margin:20px auto; }
#registerform dl{width:100%; display:inline-block; margin-bottom: 10px;}
#registerform dt{width:20%; float:left; color:#ffffff;}
#registerform dd{width:75%; float:right;}
#registerform textarea, #registerform input[type=text], #registerform input[type=password]{width:70%; border-radius: 2px; padding: 5px;}
#registerform button, #registerform html input[type=button], #registerform input[type=reset], #registerform input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: linear-gradient(to top, #2e66d6 0%, #49c0c5 100%);
    color:#ffffff;
    border:0px solid red;
    padding: 10px 25px;
    border-radius:2px;
  }
#groupVerifyCode img{margin-top:2px;}
#registerform .small, #registerform small{color:#ffffff;}
#registerform input.btnCheckUser{
	  background: linear-gradient(to top, #2e66d6 0%, #49c0c5 100%);
    color:#ffffff;
    border:0px solid red;
    padding: 10px 25px;
    border-radius:2px;
	}





/*============================================  HOME  =============================================*/

/*=======================  flipster slide  =====================*/
.promo-banner {
    padding-top: 30px;
    background: #000;
    background: url(/theme/bigbos88/imgs/mainflipback.jpg) bottom center  no-repeat;
    background-size:100% 100%;
}

.flipster--coverflow .flipster__item__content {border: 0px solid red; box-shadow: 0 0 0px 0px #faf7c3;}
.flipster--coverflow .flipster__container, .flipster--coverflow .flipster__item, .flipster--coverflow .flipster__item__content {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98);
}

/*=======================  slider home  =====================*/
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 0px solid #fff;
    position: relative;
    overflow: hidden;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

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

#slider-home{position:relative; width:100%;margin:auto;}
#mainslider .flexslider{border:0px solid green;}
.overlapslide {
    position: absolute;
    top: 2%;
    right: 21%;
    border: 1px solid #d2b700;
    /*background: url(/theme/bigbos88/imgs/kerawang-box.png)no-repeat;*/
    background: rgba(6,40,82,0.9);
    border-radius:10px;
    z-index: 9999;
    padding: 30px 18px 30px 18px;
    display:none;
}

.join-us {border:0px solid yellow;padding-top:5px;}
.join-us img {border:1px solid white;margin-left:10px; }
.join-us img:hover {filter:brightness(130%);}



/*=======================  steps row  =====================*/
#steps-box {border:0px solid yellow;height:110px; padding:30px 20px; background:#021784; background:linear-gradient(to left, #021784 0%, #021784 50%, #010c58 100%);}
.step{border:0px solid red; margin-top:-10px;}
.jack-box {border:0px solid red; margin-top:-20px; }
#jackpot {
    position: absolute;
    text-decoration: none;
    z-index: 500;
    border:0px solid red;  
    width:70%;
   top:5%;
   right:-7%;
}
.count {border:0px solid red;}
.count,	#foo{font-family:arial; font-size: 34px; color: #062852 ; text-shadow: 1px 1px 2px #d8d8d7;font-weight:bold;border:0px solid yellow;position:absolute;margin-top:0px;margin-left:15px;} 	

/*=======================  third-bg-section  =====================*/
div.transbox {
  /*background: url(/theme/bigbos88/imgs/diamond-bg2.png) bottom center no-repeat;
  background-size:cover;*/
  background:transparent;
  border-top: 1px solid black;
  position:relative;
  margin-top:0px;
  padding:0px;
}

div.third-background {
  margin-top:0px;
  border-top: 1px solid black;
  opacity: 1;
  filter: alpha(opacity=20); /* For IE8 and earlier */
  /*background:linear-gradient(to bottom, #000000 0%, #fdd600 100%);*/
  /*background:#fdd600;*/
}


.text-box{padding-top:40px;}
.text-box ul {list-style:none;}
.text-box ul li {display:block; padding:0;}
.text-box p{border:0px solid red; padding:10px 15px; line-height:200%; text-align:left; font-size:13px; color:#fff;text-align:justify;}
.text-box .title {text-align:left; color:#f6c20c; font-size:27px; font-family:arial; font-weight:bold; }

/*====================  CONTENT  ========================*/


/*=======================  up banner  =====================*/
.up-banner {width:100% ; position:relative;}
.up-banner img {width:100%; height:auto;}
.button-link-up{position:absolute; top:30%; right:10%; border:0px solid blue;}
.button-link-up .link-text {border:0px solid red; }
.button-link-up .link-text ul {}
.button-link-up .link-text ul li {list-style:none; background:linear-gradient(to right, #f1c85a 0%, #c68403 100%);  padding:1px; width:250px; border-radius:30px; margin-bottom:15px;}
.button-link-up .link-text h2 {color:#000; text-align:center;font-size:18px; font-weight:bold; }
.button-link-up h2 {color:#000; text-align:center; }


/*====================  CASINO PAGE  ========================*/
#casino {border:0px solid blue;}
.casino-data {border:0px solid green; padding:0; color:#fff;}
.casino-data .title { text-align:center; }
.casino-data .casino-box {clear:both; padding:0px;}
.casino-box .col-md-4 {padding:0; margin:0; padding-left:8px;}
.casino-box ul {list-style:none; float:none; }
.casino-box ul li{padding:0; display:block;  }
.casino-text {border:0px solid red; background:url(/theme/bigbos88/imgs/detail-bg.png) top no-repeat; background-size:100% 100%; padding:20px 30px; }
.casino-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.casino-text p {color:#fff; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:center; font-size:12px;}
.casino-text .video-part {border:0px solid red; padding-left:30px; }
.casino-text .video-part .col-md-3 {border:0px solid blue; padding:2px;}

/*====================  SLOT PAGE  ========================*/
#slot {}
.slot-data {border:0px solid green; padding:20px 30px; }
.slot-data .title { text-align:center; }
.slot-data .slot-box {clear:both; padding-right:0px;}
/*.slot-box .col-md-3 {padding:0; margin:0; padding-left:8px;}
.slot-box .col-md-6 {padding:0; margin:0; padding:4px;}
.slot-box .col-md-12 {padding:0; margin:0; padding-left:10px;}*/
.slot-box ul {list-style:none; float:none; width:100%;}
.slot-box ul li{padding:0px; display:inline-block; position:relative;  width:24%;}
.slot-overlap-text {position: absolute;
    color: #000;
    top: 3%;
    right: 1%;
    font-size:40px;
    text-align: center;
    border:0px solid red;
    width: 100%;
    text-shadow: 1px 1px 2px #000000;
    font-family:Adobe Caslon Pro Bold;
     -webkit-animation: changeColor 70s ease-in infinite;
   animation: changeColor 1.4s ease-in infinite;}

.slot-text {border:0px solid red; padding:20px 30px; }
.slot-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.slot-text h4 {color:gold; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-weight:bold;}
.slot-text p {color:#fff; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}
.slot-text .second-content{border:0px solid blue;padding-left:40px; padding-right:10px; text-align:justify;}

.fadein img {
 margin: 0px;
 opacity: 0.8;
 border: 0px solid #eee;
 pointer:cursor;
 
 /*Transition*/
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 
 /*Reflection*/
 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}

.fadein img:hover {  
   opacity: 1;
   pointer:cursor;
  
   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 
   /*Glow*/

  -webkit-box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 0px rgba(255,255,255,0.8);
}  



/*====================  LOTTERY PAGE  ========================*/
#lottery {}
.lotterywin {border:0px solid green;margin-top:30px;  }
.lotterywin h1 {border:0px solid green; color:#ebbf52;font-size:28px; text-shadow: 1px 1px 2px #000; }
.lotterywintable {width:100%; text-align:center; margin:auto; color:#fff; font-family:arial; font-weight:400; font-size:12px;}
.lotterywintable  table {border:0px solid red; width:100%; margin:auto; }
.lotterywintable  table tr{border:0px solid yellow;}
.lotterywintable  table tr td{border:1px solid grey; padding:11px 0px; text-align:center; background:white;}
.lotterywintable  table tr th{border:1px solid grey; background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%); padding:10px; text-align:center;}
#drawresult{text-align:center;}
.auto-style10{
font-weight: bold;
background-color: #ff9900;
border:1px solid green;
font-size:14px;
color:#000;
}

.auto-style9{
font-weight: bold;
background-color: #1e2246;
color:#fff;
}

.auto-style5{
background-color: #575656;
color:#6f1719;
text-align:center;
}

.auto-style6{
background-color: #333;	
color:#6f1719;
text-align:center;
border:1px solid blue;
}

table #drawresult ul > li {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    width: 200px;
    border: 1px solid #614700;
    margin: 10px;
    padding: 0px;
    text-align: center;
    background:#ebbf52;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size:12px;
}

.lottery-data {}
.lottery-text {border:0px solid red;  padding:20px 30px; }
.lottery-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.lottery-text p {color:#010101; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}


/*====================  PROMOTION PAGE  ========================*/
.promotable {width:100%; text-align:center; margin:auto; color:#fff; font-family:arial; font-weight:400; font-size:12px;}
.promotable  table {border:0px solid red; width:100%; margin:auto; }
.promotable  table tr{border:0px solid yellow;}
.promotable  table tr td{border:1px solid grey; padding:11px 0px; text-align:center; background:white;}
.promotable  table tr th{border:1px solid grey; background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%); padding:10px; text-align:center;}


/*====================  HUNTFISH PAGE  ========================
#huntfish { margin-top:20px;}
.huntfish-text {border:0px solid red; background:url(/theme/bigbos88/imgs/detail-bg.png) top no-repeat; background-size:100% 100%; padding:20px 30px; }
.huntfish-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.huntfish-text p {color:#010101; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}


/*====================  COCK_FIGHTING PAGE  ========================*/
#cockfight { margin-top:20px; border:0px solid grey;  margin-bottom:20px; }
.cockfight-text {border:1px solid grey; padding:0px; border-radius:10px; background:rgba(6,40,82,0.7);  padding:20px 20px; }
.cockfight-text h1 {color:#ebbf52; font-weight:bold; text-shadow: 1px 1px 2px #202122; text-align:center;}
.cockfight-text h2 { font-size:23px;}
.cockfight-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.cockfight-text p {color:#010101; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}
.cockfight-box {border:1px solid grey; height:230px; padding-top:10px;  border-radius:10px; background:rgba(6,40,82,0.9); }


/*=======================  download page  =====================*/
.download-content {border:0px solid gold; border-radius:0px; padding-top:30px; padding-bottom:30px; text-align:center;}
.download-content a {text-decoration:none; color:#000;}
.download-content h3 {font-size:40px; color:#ebbf52; }
.download-content p {color:#ebbf52; font-size:23px;}
.link-download{border:0px solid green; padding:5px; margin-bottom:30px; }
.link-download h2 {border:0px solid blue; padding:30px 10px; border-radius:50px; background:linear-gradient(to right, #f1c85a 0%, #c68403 100%);  text-align:center;}
.link-download{border:0px solid green; padding:34px 2px; margin-bottom:10px; }
.link-download h4 {
	padding:5px 55px 0px 0px; 
	text-align:center;  
	color:#fdd200; 
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;}



/*====================  FAQ  ========================*/
#faq_template_list{border:0px solid red; width:100%; margin:auto;}
#faq_template_list ol#faq{padding:0; margin:0; list-style:none;}
#faq_template_list ol#faq li#faq div#question a{display:inline;}
#faq_template_list ol#faq li#faq div#question a:hover{text-decoration:none;}
#faq_template_list ol#faq li#faq div#answer{	
	border:2px solid gold; color:gold; padding:15px 20px; margin-top:15px; border-radius:10px; font-family:arial; font-size:12px; background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%);  
 	}

/*====================  FAQ  ========================
#faq_template_list{}
#faq_template_list ol{list-style:none;}
#faq_template_list #question{text-align:center;}
#faq_template_list #answer{border:2px solid #f35151; background:transparent; color:#fff; text-align:justify; padding:20px 40px 40px; width:80%; margin:auto; border-radius:10px;}
*/

/*====================  DOWNLOAD PAGE  ========================*/
#download{}
.download-data{}
.download-data .col-md-6 {border:0px solid yellow; }
.download-data .link-side {border:0px solid blue; margin-top:80px; }
.link-side .col-md-6 { margin:0; padding-bottom:20px; border:0px solid pink;} 
.download-data .link-side ul {padding:0;}
.download-data .link-side ul li {list-style:none;}
.download-data .link-side ul li img {width:100%;border:0px solid blue;}
.download-text-blink {
	color: #b71313;
	font-family:Adobe Caslon Pro Bold; 
	font-size:39px; 
	font-weight: bold; 
	text-align:center; 
	padding:5px 0px 0px; 
	border:0px solid blue; 
    -webkit-animation: changeColor 70s ease-in infinite;
   animation: changeColor 1.3s ease-in infinite;}


/*====================  LIVE_TV PAGE  ========================*/
#live-tv {margin-top:20px;}
.livetv-data {}
.livetv-data .title {color:#ebbf52;; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #202122;}
.brick{}
.brick ul{margin:0px ; padding:0px;}
.brick ul li {margin:0px ; padding:0px; list-style:none; text-align:center;font-weight:bold;}
.brick ul #playtime {background:#ad6201; color:#241400;}
.brick ul #versus{background:#311c01; color:#ce9601;padding:8px 0px;min-height:120px;}



/*====================  SPORT PAGE  ========================*/
#sport {border:0px solid blue;}
.sport-data {border:0px solid green; padding:20px 30px; }
.sport-data .title { text-align:center; }
.sport-data h1 {color:#ebbf52; font-weight:bold; text-shadow: 1px 1px 2px #202122; text-align:center;}
.sport-data .sport-box {clear:both; margin-right:50px;}
.sport-box .col-md-4 {padding:0; margin:0; padding-left:8px;}
.sport-box ul {list-style:none; float:none; }
.sport-box ul li{padding:0; display:block; position:relative;}

.overlapped-text {position: absolute;
    color: #000;
    top: 80%;
    right: -2%;
    font-size:40px;
    text-align: center;
    width: 100%;
    text-shadow: 1px 1px 2px #000000;
    font-family:Adobe Caslon Pro Bold;
     -webkit-animation: changeColor 70s ease-in infinite;
   animation: changeColor 1.4s ease-in infinite;}

.sport-text {border:0px solid red; background:rgba(255,255,255,0); border:0px dotted #6f1719;  padding:20px 30px; margin-top:0px; }
.sport-text .title {color:##ebbf52; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #202122;}
.sport-text p {color:#010101; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; font-size:12px;}

.sm-text {border:0px solid red; background:rgba(255,255,255,0); padding:20px 30px; margin-top:20px; border:0px dotted #6f1719;  }
.sm-text .title {color:#ebbf52; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #202122;}
.sm-text  h1 {color:#ebbf52; font-weight:bold; text-shadow: 1px 1px 2px #202122; text-align:center;}
.sm-text p {color:#fff; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; font-size:12px;}


/*====================  AFFILIATE PAGE  ========================*/
#affiliate {border:1px solid grey; border-radius:10px; background:rgba(6,40,82,0.7); padding:20px 20px; margin-top:20px; }
.affiliate-data {border:0px solid green; margin-top:30px;  }
.affiliate-data .title { text-align:center; }
.affiliate-data h2 {text-align:left; color:#ebbf52; font-weight:bold; text-shadow: 1px 1px 2px #202122;}
.affiliate-data p {color:gold; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}
/*.poker-data .poker-box {clear:both; padding-right:20px;}
.poker-box .col-md-3 {padding:0; margin:0; padding-left:8px;}
.poker-box ul {list-style:none; float:none; }
.poker-box ul li{padding:0; display:block;  }*/
.affiliate-text {border:0px solid grey;   }
.affiliate-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.affiliate-text p {color:#010101; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}


/*====================  VIP PAGE  ========================*/
#vip {border:0px solid blue; padding-top:20px; }
#vip p {color:gold; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}
#vip  h1 {color:gold; text-shadow: 1px 1px 2px #000; text-align:center;}
#vip  h2 {color:gold; text-shadow: 1px 1px 2px #000; text-align:center;}
.vip-text {border:0px solid red; width:100%; margin:auto;}
.vip-text  table {border:0px solid red; width:100%; margin:auto;  }
.vip-text  table tr{border:0px solid yellow;}
.vip-text  table tr td{border:1px solid grey; padding:11px 0px; text-align:center; border-radius:10px; background:rgba(6,40,82,0.7);}
.vip-text  table tr th{border:1px solid grey; background: linear-gradient(to right, #6f1719 0%, #b62123 23%, #b62123 49%, #6f1719 100%); padding:10px; text-align:center;}
.vip-text  table h1 {color:gold; text-shadow: 1px 1px 2px #000;}
.vip-text  table h2 {color:gold; text-shadow: 1px 1px 2px #000;}

.vip-text .title {color:#b71313; font-family:arial; font-size:22px; letter-spacing:2px; font-weight:bold; text-align:center;  text-shadow: 1px 1px 2px #d8d8d7;}
.vip-text p {color:gold; font-family:arial; letter-spacing:1px; line-height:150%; border:0px solid red; text-align:left; font-size:12px;}


#vip-table {
    background: transparent;
    border-radius: 10px;
    padding: 7px;
    text-align: center;
    border: 1px solid #fdc536;
}
#vip-table tr td{padding:8px;}
#vip-table td { border:1px solid grey; background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%); }


/*Footer*/

.footer-logo-detail p{border:0px solid green; letter-spacing:1px; line-height:180%; text-align:justify; padding:15px 5px; font-size:10px;}
.footer-logo-detail .logo-support {border:0px solid red; background:rgba(4,28,55,0.2);}
.footer-logo-detail .detail-asia{border:0px solid red;  padding:5px 50px 10px 50px; text-align:justify; height:330px;}
.footer-logo-detail .detail-asia ul{margin:auto; width:100%;}
.footer-logo-detail .detail-asia ul li {display:inline-block; width:24.6%; padding:10px 25px;  float:left;}
.detail-asia h5 {color:#fdd200; text-shadow: 1px 1px 2px #000; font-weight:bold;}
.detail-asia h6 {color:#ebbf52; text-shadow: 1px 1px 2px #000; letter-spacing:1px; line-height:130%; }




/*================ HOVER =============*/
.grayscale{ filter: grayscale(130%);}
.grayscale:hover{ filter: grayscale(0%);}

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

/*====================  POPUP MASSAGE  ========================*/
.bts-popup-container{background:#333 !important; padding:30px; border-radius:15px; color:#fff;border:1px solid gold; text-shadow:1px 1px #000;}
.info-text1{ font-size:24px !important;}
.info-text2{ font-size:18px !important;}
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  z-index:999999;
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.bts-popup-container {
  top:10%;
  position: relative;
  width: 620px;
  margin:auto;
  background:#fff;
  border-radius: 10px; 
  text-align: center;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.bts-popup-container img {
  padding: 10px 0px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

.bts-popup-container .bts-popup-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
background:#000;
border-radius:40px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: white;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


    /* ---------------------------------------------------------------------
           FANCY EXAMPLE
        --------------------------------------------------------------------- */
    .fancy .jSlots-wrapper {
        overflow: hidden;
        height: 125px;
        display: inline-block; /* to size correctly, can use float too, or width*/
        border: 1px solid #999;
    }

    .fancy .slot li {
        width: 100px;
        line-height: 125px;
        text-align: center;
        font-size: 70px;
        font-weight: bold;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
        font-family: 'Gravitas One', serif;
        border: 0px solid #999;
    }

.overlay-slot{position:absolute; right:5%; top:20%;}

    .fancy .slot:first-child li {
        
    }

    .fancy .slot li:nth-child(0) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(9) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(8) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(7) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(6) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(5) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(4) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(3) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(2) {
        background-color: transparent;
    }

    .fancy .slot li:nth-child(1) {
        background-color: transparent;
    }

    /*.fancy .slot li:nth-child(1),
        .fancy .slot li:nth-child(8) {
            background-color: #FF3333;
        }*/

    .fancy .slot li span {
        display: block;
    }

    /* ---------------------------------------------------------------------
           ANIMATIONS
        --------------------------------------------------------------------- */

    @-webkit-keyframes winner {
        0%, 50%, 100% {
            -webkit-transform: rotate(0deg);
            font-size: 70px;
            color: #fff;
        }

        25% {
            -webkit-transform: rotate(20deg);
            font-size: 90px;
            color: #FF16D8;
        }

        75% {
            -webkit-transform: rotate(-20deg);
            font-size: 90px;
            color: #FF16D8;
        }
    }

    @-moz-keyframes winner {
        0%, 50%, 100% {
            -moz-transform: rotate(0deg);
            font-size: 70px;
            color: #fff;
        }

        25% {
            -moz-transform: rotate(20deg);
            font-size: 90px;
            color: #FF16D8;
        }

        75% {
            -moz-transform: rotate(-20deg);
            font-size: 90px;
            color: #FF16D8;
        }
    }

    @-ms-keyframes winner {
        0%, 50%, 100% {
            -ms-transform: rotate(0deg);
            font-size: 70px;
            color: #fff;
        }

        25% {
            -ms-transform: rotate(20deg);
            font-size: 90px;
            color: #FF16D8;
        }

        75% {
            -ms-transform: rotate(-20deg);
            font-size: 90px;
            color: #FF16D8;
        }
    }


    @-webkit-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px yellow;
            background-color: transparent;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px yellow;
            background-color: transparent;
        }
    }

    @-moz-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px yellow;
            background-color: transparent;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px yellow;
            background-color: transparent;
        }
    }

    @-ms-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px yellow;
            background-color: transparent;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px yellow;
            background-color: transparent;
        }
    }



    .winner li {
        -webkit-animation: winnerBox 2s infinite linear;
        -moz-animation: winnerBox 2s infinite linear;
        -ms-animation: winnerBox 2s infinite linear;
    }

        .winner li span {
            -webkit-animation: winner 2s infinite linear;
            -moz-animation: winner 2s infinite linear;
            -ms-animation: winner 2s infinite linear;
        }

    /* Syntax Highlighter, ignore */
    .dp-highlighter ol {
        padding: 10px;
    }


/*====================  BANKING  ========================*/
.banking-content { padding:10px 20px; margin:20px; border:1px solid grey; border-radius:10px; background:rgba(6,40,82,0.7); border-radius:10px; color:#fff;}
.banking-content td {padding:5px 5px;}

.bankingTable {
    border-collapse: collapse;
    line-height: 24px;
    margin-top: 10px
}

.bankingTable td {
    border: 1.5px solid #806340;
    padding: 0 5px;
    color: #fcf1d9;
    line-height: 30px;
    background:rgba(0, 0, 0, 0.8);
}

.ttTr2{background: #806340;}

/*====================  CONTENT1  ========================*/
.content-details{border:0px solid red; padding:20px;}
.content-details ul {list-style-type: inherit;}
.content-details ul li{display:block; color:#000;}

/*====================  CONTENT2  ========================*/
.content-details2{border:0px solid red; padding:20px; text-align:center;}
.content-details2 ul {list-style-type: inherit;}
.content-details2 ul li{display:inline-block; color:#000;}
.content-details2 ul li img{border:0px solid red; margin:10px 10px;}




/*===============  HOVER  ================*/
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

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



/*=======================  footer  =====================*/
.footer-logo-detail{
	border:0px solid pink; 
	background:#221e1e; 
	margin:auto; 
	padding:0px 0px;/*background: url(/theme/bigbos88/imgs/supportgame-bg.jpg)repeat; background-size:cover;*/
	background: linear-gradient(to right, #062852 0%, #0852ae 23%, #0852ae 49%, #062852 100%);
	overflow: hidden;
	
	}
.footer-logo-detail ul {margin:auto;}
.footer-logo-detail ul li {list-style:none; }
.footer-logo-detail p{border:0px solid green; letter-spacing:1px; line-height:180%; text-align:justify; padding:15px 5px; font-size:10px;}
.footer-logo-detail img{border:0px solid green;}
.footer-logo-detail img:hover{filter:brightness(160%);}


.footer-logo-detail .logo-support {border:0px solid red; background:rgba(4,28,55,0.2);}
.footer-logo-detail .detail-asia{border:0px solid red;  padding:5px 50px 10px 50px; text-align:justify; height:330px;}
.footer-logo-detail .detail-asia ul{margin:auto; width:100%;}
.footer-logo-detail .detail-asia ul li {display:inline-block; width:24.6%; padding:10px 25px;  float:left;}
 .detail-asia h5 {color:#fdd200; text-shadow: 1px 1px 2px #000; font-weight:bold;}
 .detail-asia h6 {color:#ebbf52; text-shadow: 1px 1px 2px #000; letter-spacing:1px; line-height:180%; }
/*.footer-link a{color:#a4a9de; font-size:11px; font-family: 'Roboto', sans-serif; padding:0px 12px; font-weight:300;}
.footer-link a:hover{color:#ebbf52;}*/

.bottom-footer{color:#fff; padding:30px 0px; font-family:arial; font-size:13px; font-weight:bold; background:#041C37;}

.float-btn-left{position:fixed; top:34%; left:0px; z-index:9999; border:0px solid red;}
.sideMenuhide {position: fixed;right: -51px; top: 100px;float: left;width: 100px;height: 300px;cursor:pointer;z-index:9999;}
.sideMenushw {position: fixed;right: 85px;top: 100px;float: left;width: 100px;height: 300px;cursor:pointer;z-index:9999;}
.float-btn{position:relative;width:190px;font-weight:bold;color:#000;font-size:14px;text-align:center}
.float-btn .phone-text{position: absolute;top: 45%;left: 60px;font-size: 11px;color: #ffffff;font-weight: bold;}
.float-btn .whatsapp-text{position: absolute;bottom: 38%;left: 77px;font-size: 12px;color: #ffffff;font-weight: bold;}
.float-btn .wechat-text{position: absolute;bottom: 25%;left: 77px;font-size: 12px;color: #ffffff;font-weight: bold;}
.float-btn .email-text{position: absolute;bottom: 10%;left: 77px;font-size: 12px;color: #ffffff;font-weight: bold;}
.float-btn .float-qr{position:absolute;top:363px;left:74px;}



.rotate-left{
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;}
	
.rotate-left:hover{transform: rotateY( 360deg ); -webkit-transform: rotateY(360deg);}








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

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

.w1000{width:100%;}
.w1100{width:100%;}
.w1200{width:100%;}
.row{margin:0px;}

#theme-header-logo{width:100%; text-align: center;  padding-bottom: 14px;}
#theme-header-logo img{position:static; width: 40%; margin-top:55px; }
#theme-menu{float:none; top:0px;}
#theme-menu.themetblcell{display:block;}

#theme-content { margin-top: 15px; }
#submember-login{position:relative; top: 0px; right:0px; width:100%; height:auto;}
.flipster__item img{width:80%; margin:auto;}

#steps-box{height:auto;}
.jack-box{margin-top:0px;}
.count, #foo{ position: static; margin-top: 11px; font-size:20px;}
.text-box .title {text-align: center;}

.footer-logo-detail ul {margin: 0px;padding:0px;}
.footer-logo-detail .detail-asia ul {margin: 0px;padding: 0px;}
.footer-logo-detail .detail-asia ul li {display: block; width: 100%;padding: 0px 0px;}

#divSideMenu{display:none;}
.float-btn-left{display:none;}

/*--------------------------------------Play Now Button-----------------------------------*/
.button-link-up {position:relative;top: 0px;width:100%;right: 0%;}
.button-link-up .link-text {text-align: center;width: 50%;margin: auto;}
.button-link-up .link-text ul {width: 100%;margin: 0px;padding: 10px;}
.button-link-up .link-text ul li {padding: 1px;width: 100%;border-radius: 30px;margin-bottom: -10px;}
.button-link-up .link-text h2 {font-size: 11px;margin-top:7px;margin-bottom:7px;}


/*--------------------------------------CASINO-----------------------------------*/
.casino-box ul {padding: 0px;}
.casino-text .video-part {padding: 0px;}


/*--------------------------------------SLOT-----------------------------------*/
.slot-box ul {padding: 0px;margin: 0px;text-align: center;}
.slot-box ul li {display: block;width: 100%;}
.slot-text h4 {text-align:justify;}
.slot-text p {text-align:justify;}


/*--------------------------------------LOTTERY-----------------------------------*/
.lotterywin h1{font-size: 20px;}
.lotterywintable table {width: 90%;}


/*--------------------------------------COCKFIGHT-----------------------------------*/
#cockfight{margin:18px;}
.cockfight-text h1{font-size:20px;}
.cockfight-text p{font-size: 14px;text-align: justify;}
.cockfight-text h2{text-align: justify;}
.cockfight-text ol li{text-align: justify;color:#000000;color: #ffffff;}
.cockfight-box{height: 268px;margin-top: 5px;}


#registerform {width: 100%;}
#registerform textarea, #registerform input[type=text], #registerform input[type=password] {width: 100%;}

.time-header{position:relative;width:100%;text-align:center;}
.pull-left{float:none;!important}
}
/*==========================================================*/
/*------------------------------------------      iPad      --------------------------------------------------*/		
/*==========================================================*/


/* ----------- iPad 1, 2, Mini and Air ----------- */

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

#theme-menu{float:none; top:-7px;}
#theme-content { margin-top: 57px; }
#submember-login {width: 42%;margin: auto;}

#steps-box{text-align:center;}
#jackpot {width: 95%;}
.count, #foo{ position: static; margin-top: 12px; font-size:41px;}

/*--------------------------------------SPORT-----------------------------------*/
.sm-text .col-md-4{display:inline-block; width:32.5%;}


/*--------------------------------------CASINO-----------------------------------*/
.casino-box ul li {width: 32.5%;display: inline-block;}


/*--------------------------------------SLOT-----------------------------------*/
.slot-box ul li {display: inline-block;width: 24%;}


/*--------------------------------------COCKFIGHT-----------------------------------*/
.cockfight-box{height:165px;margin-top: 5px;}
.cockfight-box img{width:100%;}
.cockfight-box .col-md-6{display:inline-block;width:49%;}

/*--------------------------------------Play Now Button-----------------------------------*/
.button-link-up .link-text {width: 30%;}
.button-link-up .link-text h2 {font-size: 16px;}



}


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

#theme-header-logo{padding-bottom: 14px;}
#theme-header-logo img{width: 31%; margin-top:55px; }
#theme-menu{float:none; top:-10px;}
#theme-content { margin-top: 56px; }

#submember-login {width: 34%;margin: auto;}

#steps-box .step{margin-top:10px;}
.count, #foo{font-size:36px;}

/*--------------------------------------SLOT-----------------------------------*/
.slot-box ul li {display: inline-block;width: 24%;}


/*--------------------------------------COCKFIGHT-----------------------------------*/
.cockfight-box {height: 226px;}


/*--------------------------------------Play Now Button-----------------------------------*/

.button-link-up {position: absolute;top: 60px;width:30%;}
.button-link-up .link-text ul li {margin-bottom: 0px;}

}



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


#theme-header-logo img {margin-top: 35px;}
#theme-header-logo {padding-bottom: 3px;}

#submember-login {width: 32%;}
#steps-box .step {margin-top: 10px;}

.casino-box ul li {width: 100%;display:inline;}

.cockfight-box {height: 220px;}

}


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


#theme-content {margin-top: 40px;}
#submember-login {width: 46%;margin:auto;}

#steps-box .step {margin-top: 10px;}
#steps-box {text-align: center;background: linear-gradient(to left, #021784 0%, #021784 50%, #021784 83%);}
#jackpot{right:4%;}
.count, #foo{font-size:40px !important;}

/*--------------------------------------SPORT-----------------------------------*/
.sm-text .col-md-4{display:inline-block; width:32.5%;}

/*--------------------------------------CASINO-----------------------------------*/
.casino-box ul li {width: 32.5%;display: inline-block;}


/*--------------------------------------Play Now Button-----------------------------------*/
.button-link-up .link-text {width: 30%;}
.button-link-up .link-text h2 {font-size: 12px;}

/*--------------------------------------SLOT-----------------------------------*/
.slot-box ul li {display: inline;width: 24%;}
.slot-box  img {width: 24%;}

/*--------------------------------------COCKFIGHT-----------------------------------*/
.cockfight-box{height:145px;margin-top: 5px;}
.cockfight-box img{width:100%;}
.cockfight-box .col-md-6{display:inline-block;width:49%;}


}