/**************************************************
	===================================================
		INDEX OF CSS
	-----------------------------------
	1. 		Root of The Root
	1.1		Text Point
	1.2		Margin Point
	1.3		Color Point
	1.4		Display Point
	1.5		Float Point
	1.6		Width Point
	1.7		Button Point
	1.8		IMG Point
	1.9		Ul Point

	2.		NAVIGASI
	3.		SLIDER
	4.		SEPARATOR
	5.		PLAY HOME
	6.		PARTING HOME
	7.		TUTORIAL HOME
	8.		LOGIN PAGE
	9.		FORM
	10.		PAGINATION
	11.		DATE PICKER
	12.		TABLE
	13.		Account Menu
	14.		SIDEBAR MENU
	15.		GAME RULES
	16.		FOOTER
	17.		PLAY PAGE
	18.		RESPONSIVE
	-------------------------------------
		Author - Nt04
	===================================================
***************************************************/

body {
	background-color: #171717;
	background-image: url(images/bg/bg-main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;	
	font-family: "PlayRegular";
	font-size: 16px;	
	color: #fff;
	min-width: 320px;
}

body > div.container {
    overflow: hidden;
}

body {
  min-height: 100vh;
  position: relative;
  padding-bottom: 80px;
}

footer {
  bottom: 0;
  position: absolute !important;
  left: 0;
  right: 0;
}

a:link {
	outline: none;
}

a, a:hover, a:visited {
	color: #ffb400;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.page-login {
	background-color: #000;
	background-image: url(images/bg/bg-login.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

.mobile-view {
	display: none;
}

.padding-x-0 {
    padding-left: 0;
    padding-right: 0;
}

/*
===================================
	Root of The Root
===================================
*/

/*
--- Text Point ---
*/
.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.text-bold {
	font-weight: 600;
}

.text-14 {
	font-size: 14px;
}

.text-16 {
	font-size: 16px;
}

.text-18 {
	font-size: 18px;
}

.text-20 {
	font-size: 20px;
}

.text-22 {
	font-size: 22px;
}

.text-24 {
	font-size: 24px;
}

/*
--- Margin Point ---
*/
.margin-top-0 {
	margin-top: 0;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-top-40 {
	margin-top: 40px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-6ps {
	margin-top: 6%;
}

.margin-bottom-7 {
	margin-bottom: 7px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.margin-bottom-30 {
	margin-bottom: 30px;
}

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-100 {
	margin-bottom: 100px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-left-5ps {
    margin-left: 5%;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-15 {
	margin-right: 15px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

/*
--- Color Point ---
*/
.yellow-color {
	color: #ffb400;
}

.yellow-color-2 {
	color: #eccd00;
}	

.blue-color {
	color: #00b4ff;
}

.red-color {
	color: #d9534f;
}

.red-color-2 {
    color: #F74040;
}

.red-color-3 {
	color: #ff0000;
}

.green-color {
	color: #5cb85c;
}

.green-color-2 {
    color: #5AE273;
}

/*
--- Display Point ---
*/

.show-when-mobile {
	display: none !important;
}

.inline-block {
	display: inline-block;
}

/*
--- Float Point ---
*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*
--- Width Point ---
*/
.width-30ps {
    width: 30%;
}

.width-60ps {
    width: 60%;
}

/*
--- Button Point ---
*/

.btn {
	color: #000 !important;
	font-weight: 600;
	font-family: "PlayBold";
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	outline: 0;
	padding: 0 20px;
	display: inline-block;
			 
	-webkit-box-shadow: inset 0px 0px 10px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: inset 0px 0px 10px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
		 -o-box-shadow: inset 0px 0px 10px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);   
			box-shadow: inset 0px 0px 10px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
}

.btn-rules {
	color: #000 !important;
	font-weight: 600;
	font-family: "PlayBold";
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	outline: 0;
	border-radius: 0;
	padding: 7px 25px;
	display: inline-block;
	width: 100%;
}

.btn-rules:hover {
	text-decoration: none !important;
}

.btn-mid {
	font-size: 21px;
}

.btn-larger {
	font-size: 21px;
}

.btn-yellow {
	border: 2px solid #ffa800;	
	background: #ffdd30;
	background-image: -webkit-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -moz-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -ms-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -o-linear-gradient(top, #ffdd30, #ffa611);
	background-image: linear-gradient(to bottom, #ffdd30, #ffa611);
}

.btn-red {
	border: 2px solid #C31200;	
	background: #ff5242;
	background-image: -webkit-linear-gradient(top, #ff5242, #C31200);
	background-image: -moz-linear-gradient(top, #ff5242, #C31200);
	background-image: -ms-linear-gradient(top, #ff5242, #C31200);
	background-image: -o-linear-gradient(top, #ff5242, #C31200);
	background-image: linear-gradient(to bottom, #ff5242, #C31200);
	color: #fff !important;	
}

.btn-green {
	background: #0db507;
	background-image: -webkit-linear-gradient(top, #0db507, #0e540a);
	background-image: -moz-linear-gradient(top, #0db507, #0e540a);
	background-image: -ms-linear-gradient(top, #0db507, #0e540a);
	background-image: -o-linear-gradient(top, #0db507, #0e540a);
	background-image: linear-gradient(to bottom, #0db507, #0e540a);
	color: #fff !important;	
}

.btn span { 
	display: inline-block; 
	-webkit-transform: skew(-10deg);
	   -moz-transform: skew(-10deg);
		 -o-transform: skew(-10deg);   
			transform: skew(-10deg); 
}

.btn-yellow:hover {
	background: #fdcf01;
}

.btn-red:hover {
	background: #C31200;
}

.btn-green:hover {
	background: #0e540a;
}

/*
--- IMG Point ---
*/
.img-490 {
	width: 490px;
}

.img-300 {
	width: 300px;
}

.img-middle {
	margin-left: auto;
	margin-right: auto;
}

/*
--- Ul Point ---
*/

ul.no-list-img {
	padding: 0;
	font-size: 20px;
	text-shadow: 2px 2px 2px #000;
	font-weight: 600;	
}

ul.no-list-img li {
    list-style: none;
}

ul.custom-list-img li {
	background-image: url("images/point-dot-list-item.png");
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-bottom: 18px;
	background-size: 18px;
	line-height: 25px;
	background-position: 0px 6px;
}

ul.no-list-img-small {
    padding: 0;
}

ul.no-list-img-small li {
    list-style: none;
    color: #fff;
    font-weight: normal;
}

ul.custom-list-img-small li {
    background-image: url("images/point-dot-list-item.png");
    background-repeat: no-repeat;
    background-size: 17px auto;
    padding-left: 26px;
    line-height: 1em;
    font-size: 16px;
	margin-bottom: 15px;
}

/*
==================================================
			MAIN LOGO
==================================================
*/
.main-logo {
    padding-top: 30px;
    padding-bottom: 25px;
}

.main-logo img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	max-width: 320px;
}

.main-logo a {
    display: table;
    margin: auto;
}

@media (max-width:1199px){
	.main-logo img {
		max-width: 280px;
	}
}


.first-section {
	/*
	display: flow-root;
	*/
	z-index: 9;
}
.top-menu-wrap {
	display: table;
	width: 100%;
}

/*
==================================================
			NAVIGASI
==================================================
*/
.navbar {
	margin-bottom: 0;
	min-height: 40px;
	font-size: 12px;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-inverse {
	border: 0;
	border-radius: 5px 5px 0 0;
	background-image: none;
	background-color: transparent;	
	z-index: 9;
	width: 100%;
	display: table;
	
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;	
		 -o-box-shadow: none;	   
			box-shadow: none;
}

.navbar-brand {
	display: block;
    padding: 12px 15px;
	height: 65px;
}	

.navbar-brand > img {
    width: 168px;
}

.navbar-brand-mobile {
	display: none;
}

.navbar-collapse.collapse {
	background-color: rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
		 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
}

.navbar-nav {
	border-radius: 5px 5px 0 0;
	min-height: 40px;
	margin: auto;
	float: none;
	display: table;
}

.navbar-nav > li > a {
    padding: 14px 0 12px;
	text-transform: uppercase;
}	

.navbar-nav > li > a > div {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1em;
    position: relative;
}

.navbar-nav > li > a > div {
	/*
    border-right: 1px solid #fff;
	*/
}

.navbar-nav > li {
    border-right: 1px solid #000;
}

.navbar-nav > li:last-child {
    border-right: 1px solid transparent;
}


.navbar-nav > li:last-child > a > div {
    border-right: 1px solid transparent;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #ffffff;
	/*border-bottom: 2px solid #ffb400;*/
	text-shadow: 0px 0px 7px #fff;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover
/**.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a :active */ {
	background-image: none;
	background-color: transparent;
	box-shadow: none;
	/*border-bottom: 2px solid #ffb400;*/
	text-shadow: 0px 0px 7px #fff;
}

.navbar-inverse .navbar-nav > li.login-menu > a {
    color: #fdcd01;
}

.navbar-inverse .navbar-nav > li.login-menu > a:hover {
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a::before,
.navbar-inverse .navbar-nav > .open > a::before,
.navbar-inverse .navbar-nav > li:hover > a::before, 
.navbar-inverse .navbar-nav > li.open > a::before, 
.navbar-inverse .navbar-nav > li.open > a:focus::before, 
.navbar-inverse .navbar-nav > li.open > a:active::before  {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ffb400;
}


.navbar-nav > li > .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
	background-color: transparent;
    
    min-width: 190px;
    box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
		 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
}

.navbar-nav > li > .dropdown-menu a {
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 0.875em;
    padding: 8px 20px;
    border-bottom: 1px solid #222;
    color: #fff;
	position: relative;
	background-color: rgba(0, 0, 0, 0.9);
	
}
.navbar-nav > li > .dropdown-menu a:link,
.navbar-nav > li > .dropdown-menu a:visited,
.navbar-nav > li > .dropdown-menu a:hover {
    text-decoration: none;
}
.navbar-nav > li > .dropdown-menu a:hover,
.navbar-nav > li > .dropdown-menu a.active {
	text-shadow: 0px 0px 7px #fff;
}
.navbar-nav > li > .dropdown-menu a:hover::before,
.navbar-nav > li > .dropdown-menu a.active::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ffb400;
}
.dropdown-login .dropdown-menu {
    background-color: rgba(0,0,0,0.9) !important;
    padding: 10px 15px !important;
}
.dropdown-login input {
    width: 100%;
	font-size: 0.875em;
}

@media (max-width:1199px){
	.navbar-nav > li:nth-child(1) {
		margin-left: 32px;
	}
	.navbar-nav > li:nth-child(7) {
		clear: left;
	}
}

@media (max-width:767px) {
	.navbar-nav > li:nth-child(1) {
		margin-left: 0;
	}
	.navbar-nav {
		width: 100%;
	}
	.dropdown-login .dropdown-menu {
		max-width: 300px;
	}
	.main-logo {
		position: absolute;
		padding-top: 0;
		padding-bottom: 0;
		display: flex;
		height: 66px;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
		z-index: 10;
		width: 60%;
	}
	.main-logo a {
		margin-left: 0;
	}
	.main-logo img {
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width:480px) {
	.top-menu-wrap {
		margin-left: -15px;
		margin-right: -15px;
		display: block;
		width: auto;
	}
	.main-logo {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width:360px) {
	.dropdown-login .dropdown-menu {
		max-width: none;
	}
}

/*
======================================================
		MAIN LOGIN
======================================================
*/
.main-login {
	margin-bottom: 0;
	margin-right: 20px;
	min-height: 40px;
	font-size: 12px;
	width: 50%;
	float: right;
	z-index: 9;
}

.main-login, .main-login-sm {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 5px 5px 0 0;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
		 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
}

.main-login-sm {
	display: none;
}

.main-login-xs {
	display: none;
}

.main-form-login > div {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 5px 7px;
}

.main-form-login > div:last-child {
	border-right: 0;
}

.main-form-login > div  > button {
	margin-top: -5px;
	padding: 1px 20px;
}

.img-validation {
    width: 90px;
    height: 26px;
    margin-top: -5px;
}

.main-login-control {
	width: 105px;
    background: transparent;
    border-radius: 5px;
	padding: 5px 10px;
	border: 0;
	
	-webkit-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75);
	   -moz-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75);
		-ms-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75);	   
		 -o-box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75);
			box-shadow: inset 0px 0px 6px rgba(255, 255, 255, 0.75);	
}

.main-login-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff !important;
	opacity: 0.75 !important;
}

.main-login-control::-moz-placeholder { /* Firefox 19+ */
	color: #fff !important;
	opacity: 0.75 !important;
}

.main-login-control:-ms-input-placeholder { /* IE 10+ */
	color: #fff !important;
	opacity: 0.75 !important;
}

.main-login-control:-moz-placeholder { /* Firefox 18- */
	color: #fff !important;
	opacity: 0.75 !important;
}

/*
======================================================
		SLIDER
======================================================
*/

.slider-home {
    position: relative;
    float: left;
}

.main-slider-home {
    border-radius: 10px 10px 0 0;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.carousel-indicators {
	width: auto;
	left: unset;
	right: 0;
	margin-right: 15px;
	margin-left: 15px;	
}

.carousel-indicators li {
	width: 35px;
	height: 5px;
	border-radius: 5px;	
}

.carousel-indicators .active {
    width: 35px;
    height: 5px;
    margin: 1px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
}

.carousel-inner {
    /*border-radius: 10px 10px 0 0;*/
}

/*
======================================================
		CIRCLE COUNTER
======================================================
*/
#countdown {
  position: relative;
  margin: auto;
  height: 40px;
  width: 40px;
  text-align: center;
  display: inline-block;
  transform: scale(0.7);
}

#countdown-number {
  color: white;
  display: inline-block;
  line-height: 40px;
  font-size: 0.7em;
}

#countdown svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

#countdown svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: white;
  fill: none;
  animation: countdown 60s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}

@media (max-width: 1199px) {
	#countdown {
	  transform: scale(0.875);
	}
}

/*
======================================================
		LOBY GAME HOME
======================================================
*/
.loby-game-home-wrap {
    margin-top: 15px;
	display: table;
	width: 100%;
}
.loby-game-home-title,
.loby-game-home-footer {
    display: table;
    margin: auto;
    font-size: 1.4em;
	background-color: rgba(40, 17, 0, 0.6);
	border-radius: 10px 10px 0 0;
	padding: 5px 30px 5px 20px;
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}
.loby-game-home-footer {
	border-radius: 0 0 10px 10px;
	padding: 12px 95px;
	text-transform: uppercase;
	font-size: 1em;
}
.loby-game-home {
    display: table;
	width: 100%;
}

.loby-game-1,
.loby-game-3 {
    width: 35.3%;
    float: left;
    min-height: 170px;
    overflow: hidden;
    position: relative;
	
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	   -moz-box-shadow: 0px 0px 10px #fdcd01;
		 -o-box-shadow: 0px 0px 10px #fdcd01;
			box-shadow: 0px 0px 10px #fdcd01;	
}

.loby-game-2 {
	width: 35.3%;
	float: left;
	background: white;
	min-height: 170px;
	overflow: hidden;
	position: relative;	
}

.loby-game-2 {
    margin-left: -3%;
	border-left: 2px solid #fff;
}
.loby-game-3 {
    margin-left: -3%;
}

.loby-game-1::before {
	background-image: url(images/games/36-ball.jpg);
}

.loby-game-2::before {
	background-image: url(images/games/50-ball.jpg);
}

.loby-game-3::before {
	background-image: url(images/games/24-ball.jpg);
}

.loby-game-4::before {
	background-image: url(images/games/50-ball.jpg);
}

.loby-game-5::before {
	background-image: url(images/games/36-ball.jpg);
}

.loby-game-1::before,
.loby-game-2::before,
.loby-game-3::before,
.loby-game-4::before,
.loby-game-5::before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 110%;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
	transition: height 1s;
}

.loby-game-1:hover:before, 
.loby-game-2:hover:before, 
.loby-game-3:hover:before,
.loby-game-4:hover:before,
.loby-game-5:hover:before {
	height: 100%;
	-webkit-transition: height 1s;
	   -moz-transition: height 1s;
		 -o-transition: height 1s;
			transition: height 1s;	
}

.loby-game-2 {
    z-index: 9;
	border-right: 2px solid #fff;
	
	-webkit-transform: skewX(-20deg);
	   -moz-transform: skewX(-20deg);
		 -o-transform: skewX(-20deg);	   
			transform: skewX(-20deg);

	-webkit-box-shadow: 0px 0px 12px #fdcd01;
	   -moz-box-shadow: 0px 0px 12px #fdcd01;
		 -o-box-shadow: 0px 0px 12px #fdcd01;
			box-shadow: 0px 0px 12px #fdcd01;
}

.loby-game-2 .content-loby-game {
	-webkit-transform: skewX(20deg);
	   -moz-transform: skewX(20deg);
		 -o-transform: skewX(20deg);	   
			transform: skewX(20deg);
}			

.loby-game-2 .content-loby-game {
	text-align: center;
}

.loby-game-3 .content-loby-game {
	text-align: right;
}

.content-loby-game {
    position: absolute;
    width: 100%;
	bottom: 0;
}

.content-loby-game h2 {
    font-family: "PlayBold";
    text-transform: uppercase;
    padding: 5px 15px 25px;
    -webkit-text-stroke: 2px #000;
    color: #b3b385;
    text-shadow: 3px 3px 1px #000;
	font-size: 2.2em;
}

.content-loby-game h3 {
    font-family: "PlayBold";
    text-transform: uppercase;
    margin: 0;
    background: rgba(0, 0, 0, 0.75);
    padding: 5px 15px;
}

.loby-game-2 .content-loby-game h3 {
	margin-left: -25px;
}

.loby-game-1 h3 div,
.loby-game-2 h3 div,
.loby-game-3 h3 div {
    font-size: 0.8em;
    font-family: "PlayRegular";
}


.loby-game-1 a, 
.loby-game-2 a, 
.loby-game-3 a,
.loby-game-4 a,
.loby-game-5 a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 991px){
	.loby-game-3 {
		margin-left: 0;
	}
}
@media (max-width: 360px){
	.loby-game-home-title,
	.loby-game-home-footer {
		width: 100%;
		text-align: center;
	}
}

/*
======================================================
		BANK BLOCK
======================================================
*/

.room-bank-block {
	text-align: center;
}

.room-bank-block > div {
	float: none;
	display: inline-block;
}

/*
======================================================
		PLAY GAME HOME
======================================================
*/
.play-game-home {
	width: 106%;
    background-color: #fff;
    position: relative;
    float: left;
    min-height: 200px;
    z-index: 9;
	border: 5px solid #000;
	border-radius: 7px;	
    margin-left: -3%;
    margin-right: -3%;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.play-game-1,
.play-game-2,
.play-game-3 {
	float: left;
	position: relative;
}

.play-game-1,
.play-game-3 {
	width: 30%;
}

.play-game-2 {
	width: 40%;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
}

.play-game-2 embed.flash.machine, .play-game-2 object.flash.machine {
	width: 100%;
	/*
	height: 265px;
	*/
	height: 282px;
}

/*
======================================================
		MAIN BANNER TOP
======================================================
*/
.main-banner-top {
    border-radius: 10px;
    margin: 20px 0;
	position: relative;
	float: left;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.main-banner-top img {
    border-radius: 10px;
}

/*
======================================================
		BOTTOM HOME CONTENT
======================================================
*/
.bottom-home-content {
    background-image: url(images/bg/bg-bottom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
	border-radius: 10px;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.room-bottom-home-content {
	border-radius: 10px;
    padding: 30px 50px;	
    background-color: rgba(0, 0, 0, 0.75);
}

.room-main-pagination {
	text-align: center;
}

.main-pagination {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 2px #f5f5f5;
	   -moz-box-shadow: 0px 0px 2px #f5f5f5;
		-ms-box-shadow: 0px 0px 2px #f5f5f5;
		 -o-box-shadow: 0px 0px 2px #f5f5f5;
			box-shadow: 0px 0px 2px #f5f5f5;
}

.main-pagination .record-summary {
    background-color: rgba(46, 49, 53, 0.85);
    font-family: "PlayBold";
    font-style: italic;
    padding: 5px 20px;
	border-radius: 5px 5px 0 0;	
}

.main-pagination nav {
	font-family: "PlayBold";
	font-style: italic;	
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 0 0 5px 5px;
	padding: 5px 20px;
	line-height: 0;
}

.pagination {
    margin: 0;
}

.btn-pagination {
	-webkit-box-shadow: inset 0px 0px 12px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: inset 0px 0px 12px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
		-ms-box-shadow: inset 0px 0px 12px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);   
		 -o-box-shadow: inset 0px 0px 12px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);
			box-shadow: inset 0px 0px 12px #fff, 0px 4px 7px rgba(0, 0, 0, 0.25);

	color: #000 !important;
	border-radius: 5px !important;
	text-transform: uppercase;
	border: 2px solid #ffa800 !important;
	padding: 2px 10px !important;
	line-height: normal !important;
	margin-top: 3px;	
	
	background: #ffdd30;
	background-image: -webkit-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -moz-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -ms-linear-gradient(top, #ffdd30, #ffa611);
	background-image: -o-linear-gradient(top, #ffdd30, #ffa611);
	background-image: linear-gradient(to bottom, #ffdd30, #ffa611);
}

.btn-pagination:hover {
	background: #fdcf01 !important;
}

.pagination > li:first-child > a {
	margin-right: 5px;
}

.pagination > li:last-child > a {
	margin-left: 5px;
}

/*
--- Petunjuk ---
*/

.bottom-home-content .panel .panel-heading {
    background-color: transparent;
    background-image: none;
    border: none;
	color: #eccd00;
	font-size: 22px;
	padding: 10px 15px 0;
}

/*
.bottom-home-content .panel .panel-heading h3 {
	background: -webkit-linear-gradient(#eee, #333);
	-webkit-text-stroke: 2px #000;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
}
*/
.bottom-home-content .panel .panel-heading h3 {
	margin: 0;
	background: -webkit-linear-gradient(top, rgba(238,193,114,1) 0%,rgba(176,130,52,1) 50%,rgba(105,68,3,1) 100%);
				-webkit-background-clip: text;
				   -moz-background-clip: text;
					-ms-background-clip: text;
					 -o-background-clip: text;
						background-clip: text;
	-webkit-text-fill-color: transparent;
}

.title-ul-li {
    background: -webkit-linear-gradient(top, rgba(238,193,114,1) 0%,rgba(176,130,52,1) 50%,rgba(105,68,3,1) 100%);
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 25px;
    margin-right: 10px;
	/*
	border: 2px solid #000;
	*/
}

.bottom-home-content .panel {
    background-color: transparent;
    font-family: "PlayBold";
    text-transform: uppercase;
    text-align: justify;
    font-size: 16px;
    border: none;
}

.bottom-home-content .panel .panel-body img {
    margin-left: auto;
    margin-right: auto;
}

.ket-bottom h3 {
    margin: 0;
    text-shadow: 0 0 7px #000;
}

.ket-btn-bottom {
	text-align: right;
}

/*
--- DAFTAR ---
*/

.content-block {
	font-family: "PlayRegular";
	text-transform: uppercase;
	/*text-align: justify;*/
	font-size: 16px;
	padding-left: 45px;
	padding-right: 45px;	
}

.content-form-block {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 45px;
}

.yellow-note {
    color: #ffcc00;
    text-transform: uppercase;
    font-style: italic;
    font-size: 14px;
}

/*
--- LOBY GAMES ---
*/

.room-loby-game {
    margin-bottom: 25px;
}

.room-loby-game .shine img, .room-click-contact .shine img {
    width: 100%;
}


/*
======================================================
		BOTTOM HOME
======================================================
*/
.top-home {
    background-image: url(images/bg/bg-bottom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding: 30px 50px;
	float: left;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.bottom-home {
    background-image: url(images/bg/bg-bottom.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    padding: 30px 50px;
	border-radius: 0 0 10px 10px;
	float: left;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.title-bottom-home h4 {
    font-family: "PlayBold";
}

.content-bottom-home {
    padding: 0 100px;
}

.download-bottom-home {
	float: left;
}

.first-download {
	padding-right: 40px;
}

.second-download {
	padding-left: 40px;
}

.first-download img, .second-download img {
    border-radius: 5px;
	width: 100%;
}


/* Shine */
.shine {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.shine {
	border-radius: 5px;
	
	-webkit-box-shadow: 0px 0px 5px #ffc600;
	   -moz-box-shadow: 0px 0px 5px #ffc600;
		-ms-box-shadow: 0px 0px 5px #ffc600;
		 -o-box-shadow: 0px 0px 5px #ffc600;
			box-shadow: 0px 0px 5px #ffc600;
}

.shine:after {
	content: "";
	position: absolute;
	top: -110%;
	left: -270%;
	width: 415%;
	height: 56%;
	opacity: 0;
	transform: rotate(30deg);

	background: rgba(255, 255, 255, 0.13);
	background: linear-gradient(
		to right, 
		rgba(255, 255, 255, 0.13) 0%,
		rgba(255, 255, 255, 0.13) 77%,
		rgba(255, 255, 255, 0.5) 92%,
		rgba(255, 255, 255, 0.0) 100%
	);
}

.shine:hover:after {
	opacity: 1;
	top: -100%;
	left: -100%;
	transition-property: left, top, opacity;
	transition-duration: 0.9s, 0.9s, 0.2s;
	transition-timing-function: ease;
}

.shine:active:after {
	opacity: 0;
}

/*
==========================================================
	MARQUEE
==========================================================
*/

marquee {
	display: block;
	line-height: 1.2em;
	white-space: nowrap;	
}

.bg-marquee {
    clear: both;
    display: block;
    overflow: hidden;
    /*position: relative;*/
    width: 100%;
    background: url(images/bg/bg-marquee.png);
	background-repeat: repeat-x;
    padding: 13px;
    font-family: "PlayRegular";
    font-weight: 600;
	/*
    border-bottom: 1px solid #111;*/
    margin-bottom: 14px;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
}

.marquee-home {
	margin-bottom: 0 !important;
	padding: 11px !important;
}

.main-login-col {
	margin-left: -25px;
	margin-right: -25px;
}

.main-login-col > div{
	padding-left: 10px;
	padding-right: 10px;
}

.main-left-panel {
	min-height: 1080px;
	background-color: rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 1px 1px 13px #78a5d2;
	   -moz-box-shadow: 1px 1px 13px #78a5d2;
		 -o-box-shadow: 1px 1px 13px #78a5d2;	
			box-shadow: 1px 1px 13px #78a5d2;	
	padding: 40px 60px;
}

/*
==========================================================
	FORM
==========================================================
*/
.form-control {
    background-color: rgba(255, 255, 255, 0.07);
    border: none;
    border-radius: 5px;
	color: #fff;
	font-size: 1em;
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
	   -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
		 -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;   
			box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
}

.form-control:focus, .form-control:active {
	-webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
	   -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
		 -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;   
			box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.45), inset -3px -3px 3px #000;
}


.inline-wrap > input,
.inline-wrap > img,
.inline-wrap > select,
.inline-wrap > span {
    display: inline-block !important;
}

.form-group-big {
    margin: 30px 0;
}

.form-horizontal .control-label {
    padding-top: 3px;
}

.form-horizontal .control-label {
    text-align: left;
	text-transform: uppercase;
}

.form-horizontal .control-label > abbr {
	color: #ffcc00;
}

textarea.form-control {
    height: 100% !important;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
}

select.form-control {
	text-transform: uppercase;
}

select.form-control > option {
	background: rgba(0, 0, 0, 0.45);
}

.form-control::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #fff;
}

.form-control::-webkit-input-placeholder {
	color: #fff;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: rgba(0,255,255,0.15);
  opacity: 1;
}

.fields-group-title {
    font-size: 1.4em;
    padding: 40px 40px 0;
}

.form-login {
    margin: auto;
    max-width: 440px;
}

select.from, select.to {
    display: inline;
    height: 26px;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
}

.rangelabel {
    margin-right: 10px;
}

.form-range-balance {
    display: table;
    margin: auto;
}

.captcha-wrap {
    width: 56.5%;
}

div.form-control {
    height: auto;
}

p.form-control {
    cursor: inherit !important;
    height: auto;
	padding: 15px 20px 20px;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.message-list > a {
    background-color: #aaa;
    border-radius: 5px;
    clear: both;
    color: #fff !important;
    display: table;
    padding: 5px 20px;
    width: 100%;
	position: relative;
}

.message-list > a.unread {
    color: #ffed6b !important;
    padding-left: 40px;
}

.message-list > a.unread::before {
    background-color: #ffe400;
    border-radius: 5px;
    content: "";
    height: 10px;
    left: 20px;
    position: absolute;
    top: 12px;
    width: 10px;
}

.message-list > a + a {
    margin-top: 5px;
}

.message-list > a > div {
    float: left;
	height: 25px;
}

.message-list .msg-from {
    width: 25%;
	padding-right: 15px;
}

.message-list .msg-subject {
    width: 50%;
	padding-right: 15px;
}

.message-list .msg-time {
    font-size: 16px;
    width: 20%;
}

.message-list .msg-trash {
    color: #c45252;
	font-size: 16px;
	line-height: 1.4em;
    text-align: right;
    width: 5%;
	opacity: 0.7;
}

.message-list .msg-trash:hover {
	color: #c42525;
	opacity: 1;
}

.bg-gradation-darkblue {
	background-color: rgba(0, 255, 255,0.15) !important;
	/*border: 1px solid rgba(0, 0, 0, 0.45);*/
	-webkit-box-shadow: inset 0px 0px 16px #000;
	   -moz-box-shadow: inset 0px 0px 16px #000;
		 -o-box-shadow: inset 0px 0px 16px #000;
			box-shadow: inset 0px 0px 16px #000;	
}

.bg-gradation-darkblue:hover {
	background: rgba(0, 255, 255, 0.39) !important;	
}

.new-message a::after {
    color: #ff0000;
    content: "*";
    font-size: 1.6em;
    position: absolute;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.9);
    margin-left: 2px;
    margin-top: -4px;
}

.new-message a > div::after {
    color: #ff0000;
    content: "*";
    font-size: 1.6em;
    position: absolute;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.9);
    margin-left: 2px;
    margin-top: -4px;
}

.mgs-pagination {
    display: table;
    width: 100%;
}

.mgs-pagination .record-summary {
    float: left;
    font-size: 0.9em;
}

.mgs-pagination .record-pagination {
    float: right;
    margin-top: 0;
}

.msg-navigation ul {
    margin-top: 0;
}

.msg-navigation {
    float: right;
    margin-top: 0;
}

.rasterized {
    background-color: rgba(0,255,255,0.15);
	-webkit-box-shadow: inset 0px 0px 16px #000;
	   -moz-box-shadow: inset 0px 0px 16px #000;
		 -o-box-shadow: inset 0px 0px 16px #000;
			box-shadow: inset 0px 0px 16px #000;	
    padding: 8px 15px;
    overflow-wrap: break-word;
}

/*
=============================================
		PAGINATION
=============================================
*/

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pagination > li > a, .pagination > li > span {
    color: #fff;
    background-color: transparent;
    border: none;
    margin-right: 0;
	padding: 6px 8px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: transparent;
    border-color: #244e98;
	color: #eccd00;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #eccd00;
    background-color: transparent;
    border-color: #244e98;
}

/*
=============================================
		DATE PICKER
=============================================
*/
.datepicker table tr td, .datepicker table tr th {
    color: #39240d !important;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: #fdcd01 !important;
	color: #fff !important;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #fff !important;
    background-color: #fdcd01 !important;
    border-color: #f59e00 !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #fff !important;
    background-color: #39240d !important;
    border-color: #39240d !important;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #fff !important;
    background-color: #fdcd01 !important;
    border-color: #f59e00 !important;
}

/*
=======================================================
		TABLE
=======================================================
*/
.room-message-table {
    margin-top: 30px;
}

.room-message-table table {
    font-family: "PlayBold";
    text-transform: uppercase;
    border-radius: 5px;	
	
    -webkit-box-shadow: 0px 0px 2px #f5f5f5;
	   -moz-box-shadow: 0px 0px 2px #f5f5f5;
		-ms-box-shadow: 0px 0px 2px #f5f5f5;
		 -o-box-shadow: 0px 0px 2px #f5f5f5;
			box-shadow: 0px 0px 2px #f5f5f5;
}

.room-message-table table .text-left {
    text-align: left !important;
}

.room-login-table {
    margin-top: 30px;
}

.room-login-table table {
    font-family: "PlayBold";
    text-transform: uppercase;
    border-radius: 5px;	
	
    -webkit-box-shadow: 0px 0px 2px #f5f5f5;
	   -moz-box-shadow: 0px 0px 2px #f5f5f5;
		-ms-box-shadow: 0px 0px 2px #f5f5f5;
		 -o-box-shadow: 0px 0px 2px #f5f5f5;
			box-shadow: 0px 0px 2px #f5f5f5;
}

.minim-font-table > th {
    font-size: 12px !important;
    font-weight: normal !important;
}

.minim-font-tbody > td {
    font-size: 12px !important;
    font-family: "PlayRegular" !important;
}

.style-normal {
	font-style: normal !important;
}

.room-login-table table .text-left {
    text-align: left !important;
}

.room-main-table {
    margin-top: 30px;
}

.room-main-table table {
    font-family: "PlayBold";
    text-transform: uppercase;
    border-radius: 5px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
	
    -webkit-box-shadow: 0px 0px 2px #f5f5f5;
	   -moz-box-shadow: 0px 0px 2px #f5f5f5;
		-ms-box-shadow: 0px 0px 2px #f5f5f5;
		 -o-box-shadow: 0px 0px 2px #f5f5f5;
			box-shadow: 0px 0px 2px #f5f5f5;
}

.room-main-table table img {
    width: 32px;
    margin-left: auto;
    margin-right: auto;
}

.table > thead > tr > td, .table > thead > tr > th {
	background-color: rgba(46, 49, 53, 0.85);
	font-style: italic;
	padding: 10px;
	font-size: 18px;
}

.table > thead > tr > th {
    border-bottom: 4px solid #000;
}

.table > tbody > tr > td:first-child, .table > tbody > tr > th:first-child, 
.table > tfoot > tr > td:first-child, .table > tfoot > tr > th:first-child, 
.table > thead > tr > td:first-child, .table > thead > tr > th:first-child {
	border-left: 0;
}

.table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, 
.table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, 
.table > thead > tr > td:last-child, .table > thead > tr > th:last-child {
	border-right: 0;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.55);
}

.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: rgba(46, 49, 53, 0.85);
}

.table-striped > tbody > tr:hover {
    background-color: rgba(236, 205, 0, 0.45);
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
    border-top: 1px solid rgba(0, 0, 0, 0.45);
	border-left: 2px solid #000;
    text-align: center;
}

.record-table .td {
    width: 16.65%;
}

.record-table-4 .td {
    width: 25%;
}

.record-table-7 .td {
    width: 14.25%;
}

.table-instruction {
	display: none;
	line-height: 1.4em;
    margin-bottom: 10px;
}
.tiny-font {
    font-size: 0.7em;
}
.page-play .small-font,
.mini-font {
    font-size: 0.8em;
}
.record-table, .record-table-4 {
	overflow-x: hidden;
	/*overflow-y: scroll;*/
}
.the-table {
    border: 1px solid #aaa;
	/*width: 560px;*/
}
/*
.the-table > div.tr + div.tr {
    border-top: 1px solid #aaa;
}
*/
.the-table > div.tr + div.tr > div.td {
    border-top: 1px solid #aaa;
}

#deposit-history.record-table,
#withdraw-history.record-table,
#referral-history.record-table {
    border: 1px solid #aaa;
	/*height: 140px;*/
}

#deposit-history.record-table-4,
#withdraw-history.record-table-4,
#referral-history.record-table-4 {
    border: 1px solid #aaa;
	/*height: 140px;*/
}

#deposit-history .the-table,
#withdraw-history .the-table,
#referral-history .the-table {
    width: auto;
	min-width: 544px;
	border: none;
}
#deposit-history .the-table .td,
#withdraw-history .the-table .td,
#referral-history .the-table .td {
    display: inline-block;
    /*width: 24% !important;*/
}
#deposit-history .the-table > div.tr + div.tr > div.td,
#withdraw-history .the-table > div.tr + div.tr > div.td,
#referral-history .the-table > div.tr + div.tr > div.td {
    border-top: none;
}
#deposit-history .the-table > div.tr + div.tr,
#withdraw-history .the-table > div.tr + div.tr,
#referral-history .the-table > div.tr + div.tr {
    border-top: 1px solid #aaa;
}
.nodata-in-table {
    font-size: 0.8em;
    font-style: italic;
    margin-top: 58px;
    padding: 0 15px;
    text-align: center;
}
.inline-block {
	display: inline-block;
}

.record-pagination {
    margin-top: 15px;
}
.record-pagination > div {
    display: inline-block;
}
.record-pagination > div a {
    background-color: #c4ad00;
    color: #fff;
    padding: 5px 12px;
	font-size: 0.8em;
}
/*
.tr {
    padding: 5px 0;
}
*/
.tr {
	clear: both;
	display: table;
    width: 100%;
}
.td {
    display: table-cell;
    padding: 10px;
	line-height: 1.2em;
	text-align: center;
	word-wrap: break-word;
	float: left;
}
.page-balance .td {
	width: 14.25%;
}
.page-balance-detail .td {
	width: 16.65%;
}
.page-deposit-fund .td,
.page-referral-2 .td,
.page-withdraw-money .td {
	width: 25%;
}

.td.text-right {
	text-align: right;
}
.td.text-left {
	text-align: left;
}
/*
.page-balance-detail .td {
	width: 94px;
}
*/
.th {
    text-align: center;
}
.the-table.small-font .td {
    font-size: 0.7em;
}
.td.expand {
    display: none;
}
.the-table .expand-for-mobile {
    display: none;
}

.the-table div.tr > div:nth-child(1) {
    /*width: 100px !important;*/
}
/*
.the-table div.tr > div:nth-child(1),
.the-table div.tr > div:nth-child(2),
.the-table div.tr > div:nth-child(7) {
    text-align: center;
}
*/
.narrow-side-gap {
    padding-left: 10px;
    padding-right: 10px;
}

.narrow-side-gap-2 {
    padding-left: 5px;
    padding-right: 5px;
}

/*
======================================================
		MAIN BANNER TOP
======================================================
*/
.login-banner-top {
	background-image: url(images/banner/banner-all.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	width: 100%;	
    border-radius: 10px;
    margin: 20px 0;
	position: relative;
	float: left;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);	
}

.login-banner-top h1 {
    font-family: "AirStrike";
    text-transform: uppercase;
    text-align: center;
    font-size: 72px;
    font-style: italic;
    margin: 0;
	padding: 10px 0;
	-webkit-text-stroke: 2px #000;
}

.login-banner-top h1 {
	background: -webkit-linear-gradient(top, rgba(235,232,222,1) 0%,rgba(209,206,199,1) 39%,rgba(185,182,171,1) 59%,rgba(236,232,221,1) 100%);
				-webkit-background-clip: text;
				   -moz-background-clip: text;
					-ms-background-clip: text;
					 -o-background-clip: text;
						background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 0.8em;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: -0.08em;
}

/*
==========================================================
	FIRST SECTION LOGIN
==========================================================
*/
.first-section-login {
	z-index: 9;
}

.top-left-login, .top-right-login {
	margin-bottom: 0;
	min-height: 40px;
	font-size: 14px;
	z-index: 9;
	text-transform: uppercase;
	line-height: 30px;	
}

.top-left-login {
	float: left;
	min-width: 30%;	
}	

.top-right-login {
	float: right;
	min-width: 30%;	
}

.top-left-login, .top-right-login {
	background-color: rgba(0, 0, 0, 0.45);
	border-radius: 5px 5px 0 0;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
		 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
}

.top-left-login > div {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 7px 10px;
}

.top-right-login > div {
    display: inline-block;
    border-right: 1px solid #000;
    padding: 7px 10px;
}

.top-left-login > div:last-child, .top-right-login > div:last-child {
    border-right: 0;
}

.top-right-login > div > select {
	background-color: #639de4;
	border: 3px solid transparent;
	color: #000;
	text-transform: uppercase;
	border-radius: 5px;
}

.top-right-login .top-btn, .top-left-login .top-btn {
	margin-top: -5px;
	padding: 1px 20px;
	min-width: 150px;
}
	
.top-right-login > div:last-child {
	float: right;
}

/*
==========================================================
	BUTTON MENU LOGIN
==========================================================
*/

.room-button {
    text-align: center;
}

.room-button a {
	color: #fff;
	text-decoration: none;
}

.room-button a:hover, .room-button a:active, .room-button a:focus {
	color: #000;
}

.main-btn-menu {
    min-width: 150px;	
    min-height: 35px;
	position: relative;
	padding: 3px 10px 0px;
	border-radius: 7px;
}

.main-btn-menu span {
    font-family: "PlayBold";
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
    font-style: italic;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 0 7px;	
}

.main-btn-menu::before {
    position: absolute;
    top: 0;
    left: 0;	
    content: "";
    height: 35px;
    width: 10px;
}

.main-btn-menu::after {
    position: absolute;
    top: 0;
    right: 0;	
    content: "";
    height: 35px;
    width: 15px;
}

.btn-result::before {
    background-image: url(images/button/result-left.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-result {
    background-image: url(images/button/result-center.png);
    background-size: 15px 35px;
    background-repeat: repeat-x;
}

.btn-result::after {
    background-image: url(images/button/result-right.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-pasaran::before {
    background-image: url(images/button/pasaran-left.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-pasaran {
    background-image: url(images/button/pasaran-center.png);
    background-size: 15px 35px;
    background-repeat: repeat-x;
}

.btn-pasaran::after {
    background-image: url(images/button/pasaran-right.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-balance::before {
    background-image: url(images/button/balance-left.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-balance {
    background-image: url(images/button/balance-center.png);
    background-size: 15px 35px;
    background-repeat: repeat-x;
}

.btn-balance::after {
    background-image: url(images/button/balance-right.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-logout::before {
    background-image: url(images/button/logout-left.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.btn-logout {
    background-image: url(images/button/logout-center.png);
    background-size: 15px 35px;
    background-repeat: repeat-x;
}

.btn-logout::after {
    background-image: url(images/button/logout-right.png);
    background-size: 15px 35px;
    background-repeat: no-repeat;
}

.black-text {
	color: #000;
	text-shadow: none !important;
}

/*
==========================================================
	LOGIN MENU BLOCK
==========================================================
*/

.login-menu-block {
	background-image: url(images/bg/bg-menu-game.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;	
	margin-top: 10px;
	padding: 15px 15px 0;
	width: 100%;
    position: relative;
    float: left;
	border-bottom: 5px solid #ffb400;
	border-radius: 10px;
	
    -webkit-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
	   -moz-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		-ms-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
		 -o-box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);		
			box-shadow: 0px 0px 14px rgba(255, 168, 0, 0.45);
}

.black-bottom-block {
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	height: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1 !important;	
	border-radius: 0 0 5px 5px;
}

/*
.login-menu-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
}

.login-menu-block::after {
    display: block;
    background: #ffb400;
}
*/
.login-menu-block > div {
	text-align: center;
	z-index: 2;
}

.login-menu-block > div > a {
	text-decoration: none;
	cursor: pointer;
}

.login-menu-block > div > a > span {
	text-transform: uppercase;
	font-family: "PlayBold";
	font-size: 18px;
	display: block;
	margin-top: 15px;
	
	background: -webkit-linear-gradient(top, rgba(235,232,222,1) 0%,rgba(209,206,199,1) 39%,rgba(185,182,171,1) 59%,rgba(236,232,221,1) 100%);
				-webkit-background-clip: text;
				   -moz-background-clip: text;
					-ms-background-clip: text;
					 -o-background-clip: text;
						background-clip: text;
	-webkit-text-fill-color: transparent;
	
}

.login-menu-block > div > a:hover > img {
	opacity: 0.7;
}

.login-menu-block > div > a > img {
	width: 100%;
}

.login-menu-block .notifikasi {
	position: absolute;
	top: -10px;
	right: 0;
	background: red;
	color: #fff;
	padding: 0px 5px;
	border-radius: 10px;
	font-weight: 600;
	box-shadow: 0px 0px 4px #000;
	font-size: 14px;
}

#masthead {
	float: left;
	width: 100%;
	position: relative;
}

.fixed-banner {
	position: fixed;
	top: 0;
	z-index: 9;
	margin-top: 0;
}

@media (min-width:768px){
	.fixed-banner{width:720px}
	
	.fixed-banner .login-banner-top {
		margin-top: 0;
	}
	
	.fixed-top-margin {
		margin-top: 52%;
	}	
}

@media (min-width:992px){
	.fixed-banner{width:940px}
	
	.fixed-top-margin {
		margin-top: 21%;
	}	
}

@media (min-width:1200px){
	.fixed-banner{width:1140px}
	
	.fixed-top-margin {
		margin-top: 18%;
	}
}

@media (max-width:768px){
	.fixed-banner {
		position: fixed;
		top: 0;
		z-index: 9;
		margin-top: 0;
		width: 100%;
		left: 0;
		right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.fixed-top-margin {
		margin-top: 357px;
	}	
}

@media (max-width:640px){
	.fixed-top-margin {
		margin-top: 342px;
	}	
}

@media (max-width:600px){
	.fixed-top-margin {
		margin-top: 315px;
	}	
}	

@media (max-width:520px){
	.fixed-top-margin {
		margin-top: 320px;
	}	
}	

@media (max-width:360px){
	.fixed-top-margin {
		margin-top: 295px;
	}	
}

/*
=========================================================
	LOADER 
=========================================================
*/

.loader-wrap {
	padding: 50px;
}

.loader {
    width: 50px;
    margin: auto;
    display: block;
}

/*
==========================================================
	RESUME & AFB BLOCK
==========================================================
*/

.afb-home-block, 
.resume-block, 
.play-afb88, 
.play-afb88 .side-afb88, 
.play-afb88 .main-afb88 {
	width: 100%;
	position: relative;
}

.afb-home-block {
	margin-top: 10px;
}

.afb-home-block img {
	width: 70%;
	margin: auto;
	border-radius: 10px;
	
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
		-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
		 -o-box-shadow: 0 0 10px rgba(0, 0, 0, .75);
			box-shadow: 0 0 10px rgba(0, 0, 0, .75);	
}

.resume-block .row {
	margin-left: -10px;
	margin-right: -10px;
}

.resume-block .row > div {
	padding-left: 10px;
	padding-right: 10px;
}

.resume-block .panel {
	background: rgba(0, 0, 0, 0.45);
	background-image: none;
	border: none;	
	
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);
	   -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);
		 -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);   
			box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);	
}

.resume-block .panel-heading {
	background-image: none;
	background: #ffcf68;
	background: -moz-linear-gradient(top,  #ffcf68 0%, #bf6200 100%);
	background: -webkit-linear-gradient(top,  #ffcf68 0%,#bf6200 100%);
	background: linear-gradient(to bottom,  #ffcf68 0%,#bf6200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf68', endColorstr='#bf6200',GradientType=0 );
	border: none;
}

.resume-block .panel-title {
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
	font-weight: 700;	
}

.resume-block .panel-body {
	font-family: 'MyriadProBold';	
	color: #fff;
	font-size: 21px;
}

.resume-block.games-card .panel-title {

}

.resume-block.games-card .panel-body {
	min-height: 180px;
}

.resume-block.games-card .panel-body img {
	width: 100%;
	
	-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;	
}

.resume-block.games-card .panel-body img:hover {
	-webkit-transform: scale(0.95);
			transform: scale(0.95);
}

.resume-block.games-card .panel-body .alert {
	margin-bottom: 0;
}

.resume-block.games-card .panel-body .alert p {
	font-size: 14px;
	font-family: 'MyriadProRegular';
}

/**  PLAY AFB88 **/

.play-afb88 .row {
	margin-left: 0;
	margin-right: 0;
}

.play-afb88 .row > div {
	padding-left: 0;
	padding-right: 0;
}

.play-afb88 .row > div:first-child {
	width: 23%;
}

.play-afb88 .row > div:last-child {
	width: 77%;
}

.play-afb88 .side-afb88 iframe, 
.play-afb88 .main-afb88 iframe {
	height: 550px;
	width: 100%;
}

.game-card-mobile {
	display: none;
}

.loading-game {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 99;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-game > div {
	text-align: center;
	text-shadow: 1px 2px 3px #000;
}

.loading-game > div p {
	margin-top: 5px;
}

.page-afb88 .content-block {
    padding-left: 0;
    padding-right: 0;
}



@media (max-width: 1199px){	
	.resume-block.games-card .panel-heading {
		min-height: 51px;
	}
	
	.resume-block.games-card .panel-title {
		text-align: center;
	}
	
	.resume-block.games-card .panel-body {
		min-height: 145px;
	}	
}

@media (max-width: 767px){	
	.resume-block.games-card .panel-heading {
		min-height: auto;
	}
	
	.resume-block.games-card .panel-title {
		text-align: left;
	}	
	
	.resume-block.games-card .panel-body {
		min-height: auto;
	}	
	
	.resume-block.games-card .panel-body {
		float: unset;
		margin: auto;
		display: table;
	}
	
	.resume-block.games-card .panel-body img {
		width: 225px;
		margin: auto;
	}
	
	/**  PLAY AFB88 **/
	.play-afb88 .row > div:last-child {
		width: 100%;
	}
	
	.game-card-mobile {
		display: block;
	}
	
	.game-card-mobile {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9;
		min-width: 320px;
	}
	
	.game-card-mobile-main {
		float: left;
		width: 100%;
		position: relative;
		
		background-image: -webkit-linear-gradient(top,#3c3c3c 0,#000 100%);
		background-image: -o-linear-gradient(top,#3c3c3c 0,#000 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#000));
		background-image: linear-gradient(to bottom,#3c3c3c 0,#000 100%);

		-webkit-box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.45);
		   -moz-box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.45);
			 -o-box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.45);   
				box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.45);	
	}
	
	.game-card-mobile .row {
		margin-left: 0;
		margin-right: 0;
	}
	
	.game-card-mobile .row > div {
		float: left;
		width: 33.33333333%;
		position: relative;	

		padding-left: 0;
		padding-right: 0;
	}

	.game-card-mobile .item a {
		display: block;
		text-align: center;
		padding: 5px;
		color: #fff;
		text-decoration: none;
		outline: none;
	}	
	
	.game-card-mobile .item a:hover {
		background-color: rgba(255,255,255,0.1);	
	}
	
	.game-card-mobile .item .icon {
		margin-bottom: 5px;
	}
	
	.game-card-mobile .item .icon img {
		width: 100%;
		text-align: center;
		margin: auto;
	}

	.game-card-mobile .item .title {
		font-size: 12px;
		display: none;
	}
	
	.game-card-mobile .icon-mobile {
		display: none;
	}
	
	.afb-home-block img {
		width: 80%;
	}	
	ul.nav-tabs {
		display: table;
	}
}

@media (max-width: 600px){
	.afb-home-block img {
		width: 100%;
	}
	.page-afb88 .room-bottom-home-content {
		padding: 0;
	}
}

@media (max-width: 480px){
	.game-card-mobile .icon-tablet {
		display: none;
	}

	.game-card-mobile .icon-mobile {
		display: block;
	}
	
	.game-card-mobile .item .icon img {
		width: 100%;
	}
}

@media (max-width: 360px){
	.resume-block.games-card .panel-body img {
		width: auto;
	}	
}

/**
=============================================
	REGISTER BLOCK
=============================================
**/
#captcha_code {
    width: 160px;
    color: #000;
    padding: inherit;
    margin-top: 5px;
}
#refresh_captcha {
    display: inline-block;
    width: 20px;
    margin-left: 3px;
}
.form-validation select.form-control > option {
    background-color: #444;
	font-family: "Arial", sans-serif;
}

/**
=============================================
	GAPS
=============================================
**/

.mt-1 {
	margin-top: 45px !important;
}
.mt-2 {
	margin-top: 30px !important;
}
.mt-3 {
	margin-top: 15px !important;
}
.mb-1 {
	margin-bottom: 45px !important;
}
.mb-2 {
	margin-bottom: 30px !important;
}
.mb-3 {
	margin-bottom: 15px !important;
}
.px-1 {
    padding-left: 5px;
    padding-right: 5px;
}
.w20 {
	width: 20%;
}
/*
.peraturan-news .container {
    margin-top: 10px;
}
*/
@media (max-width: 640px) {
	.mt-1 {
		margin-top: 15px !important;
	}
	.mt-2 {
		margin-top: 10px !important;
	}
	.mt-3 {
		margin-top: 5px !important;
	}
	.mb-1 {
		margin-bottom: 15px !important;
	}
	.mb-2 {
		margin-bottom: 10px !important;
	}
	.mb-3 {
		margin-bottom: 5px !important;
	}
}


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

.show-340 {
	display: none !important;
}
@media (max-width: 340px){
	.show-340 {
		display: block !important;
	}
	.hide-340 {
		display: none !important;
	}
}

.page-dreambook .main-search input {
    box-shadow: none;
    background-color: #444;
}
.room-bottom-home-content {
    min-height: 400px;
	/*display: table;*/
	width: 100%;
}
.body-title {
    text-align: center;
    font-size: 1.6em;
    background-color: rgba(255,255,255,0.1);
    padding: 0.3em 1em;
}
.login .content-block {
    padding-left: 30px;
    padding-right: 30px;
}
@media (max-width: 991px) {
	.first-block {
		margin-bottom: 10px;
		margin-top: 15px;
	}
}
@media (max-width: 991px) {
	.first-block {
		margin-top: 18px;
	}
}
@media (max-width: 767px) {
	.first-block {
		margin-top: 0;
		margin-bottom: 0;
	}
	.body-title {
		font-size: 1.5em;
	}
}
@media (max-width: 600px) {
	.body-title {
		font-size: 1.4em;
	}
}
@media (max-width: 480px) {
	.body-title {
		font-size: 1.3em;
	}
	.login .content-block {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (max-width: 360px) {
	.body-title {
		font-size: 1.2em;
	}
}


/*
==========================================================
	FOOTER
==========================================================
*/

footer {
	position: relative;
	background-color: #0f0f0f;
	padding: 10px 0 5px;
	border-bottom: 1px solid #0f0f0f;
	margin-top: 15px;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
}

.tail-footer {
	opacity: 0.5;
	padding: 0;
}

.about-footer {
    height: 26px;
    display: flex;
    width: 100%;
    align-items: center;
}

.about-footer img {
	float: left;	
	width: 90px;
	padding-left: 5px;
	padding-right: 5px;
}

.about-footer img.logo-footer {
    height: auto;
    width: 45%;
    max-width: 300px;
}

.social-footer ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-footer ul > li {
	float: left;
	position: relative;
	display: block;
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	margin-left: 5px;
	margin-right: 5px;	
	border-radius: 3px;
}

.social-footer ul > li a {
	color: #fff !important;
}

.social-footer ul > li:hover {
	opacity: 0.75;
}

.fa.fa-bbm {
	background-image: url("images/social/fa-bbm.png?v=2");
	width: 100%;
	height: 100%;
	background-size: 77%;
	background-repeat: no-repeat;
	background-position: center center;
}

.fa.fa-line {
	background-image: url("images/social/fa-line.png?v=2");
	width: 100%;
	height: 100%;
	background-size: 77%;
	background-repeat: no-repeat;
	background-position: center center;
}

.social-footer ul > li.twitter {
	background-color: #6acff4;
}

.social-footer ul > li.instagram {
	background-color: #dd2a7b;
}

.social-footer ul > li.facebook {
	background-color: #3a5898;
}

.social-footer ul > li.whatsapp {
	background-color: #29AD00;
}

.social-footer ul > li.bbm {
	background-color: #0159B3;
}

.social-footer ul > li.line {
	background-color: #00B300;
}

.social-footer ul > li.wechat {
	background-color: #00A818;
}

@media (max-width: 767px) {
	footer {
		position: relative;
	}
	
	.about-footer {
		height: auto;
	}
	
	.logo-footer {
		display: none;
	}		
}

@media (max-width: 600px) {
	/** FOOTER **/
	
	.tail-footer {
		padding: 0;
	}
	
	.tail-footer .row > div:first-child {
		width: 45% !important;
	}
	
	.tail-footer .row > div:last-child {
		width: 55% !important;
	}	
}

@media (max-width: 520px) {
	
	/*-- FOOTER --*/
	
	footer {
		padding: 7px 0 5px;
	}	
	
	.head-footer {
		font-size: 1px;
		margin-bottom: 7px;
	}	
	
	.tail-footer {
		padding: 0;
	}
	
	.tail-footer .row {
		margin-left: -5px;
		margin-right: -5px;
	}	
	
	.about-footer img {
		width: 55px;
		padding-left: 2px;
		padding-right: 2px;
	}	
	
	.social-footer ul > li {
		width: 15px;
		height: 15px;
		margin-left: 2px;
		margin-right: 2px;
		font-size: 9px;
		line-height: 14px;
	}	
}

@media (max-width: 340px) {
	.tail-footer .row > div {
		padding: 0;
	}
}

/*
==================================================
		SCORE BLOCK
==================================================
*/

.score-block {
	/*margin-top: 10px;*/
}

.score-block .head-score {
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
}

.score-block .head-score,
.score-block .foot-score {
	padding: 15px;
	
	background: #ee5b3b;
	background: -moz-linear-gradient(-45deg,  #ee5b3b 0%, #e93625 100%);
	background: -webkit-linear-gradient(-45deg,  #ee5b3b 0%,#e93625 100%);
	background: linear-gradient(135deg,  #ee5b3b 0%,#e93625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5b3b', endColorstr='#e93625',GradientType=1 );	
	
	margin-top: 10px;
}
.score-block .foot-score {
	border-top: 2px solid #ccc;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
}

.content-head-score,
.content-foot-score {
	display: table;
	margin: auto;
}

.content-head-score > div, 
.content-head-score .text > div {
	float: left;
}

.content-head-score .icon img {
	width: 35px;
}

.content-head-score .text > div {
	padding-left: 7px;
	padding-right: 7px;
}

.content-head-score .text {
	font-size: 22px;
	line-height: 26px;
}

.content-head-score .text .title {
	text-transform: uppercase;
	font-weight: 700;
}

.content-head-score .text .date {
	color: #f7ff87;
	text-transform: uppercase;
}

.content-head-score .text .time {
	background-color: rgba(255, 255, 255, 0.45);
	border-radius: 5px;
	font-size: 16px;
	padding: 3px 5px;
	line-height: normal;
}

.score-block .body-score {
	background-image: url(images/bg/bg-score.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 15px 30px;
	/*padding: 15px 0 15px 30px;*/
	/*border-radius:  0 0 15px 15px;*/
	align-items: center;
	display: flex;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	-o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
}
.score-block .body-score.no-footer {
	/*border-radius:  0 0 7px 7px;*/
}

.score-block .body-score > div {
	position: relative;
}

.score-block .body-score .item-score {
	width: 100%;
	/*width: 90%;*/
}

.score-block .body-score .navigasi-score {
	width: 10%;
	/*padding-top: 10%;*/
	padding-left: 15px;
	padding-right: 15px
}

.body-score .item-score > div {
	float: left;
	width: 100%;
	position: relative;
}

.body-score .item-score .item {
	margin-bottom: 7px;
}

.body-score .item-score .item > div,  
.score-block .item-ball {
	float: left;
}

.body-score .item-score .hasil-game .row-hasil-game > div {
	display: table;
	margin: auto;
}

.body-score .item-score .item > div {
	min-height: 61px;
}

.body-score .item-score .item .game {
	width: 35%;	
	padding: 7px;
	border-radius: 7px 0 0 7px;
	
	background: #c8c5bb;
	background: -moz-linear-gradient(top,  #c8c5bb 0%, #666666 100%);
	background: -webkit-linear-gradient(top,  #c8c5bb 0%,#666666 100%);
	background: linear-gradient(to bottom,  #c8c5bb 0%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c5bb', endColorstr='#666666',GradientType=0 );	
	height: 100%;
	position: absolute;
	/*
	align-items: center;
	display: flex;
	*/
}

.body-score .item-score .item .game img {
	height: 47px;
	width: auto;
	/*margin: auto;*/
	margin: 0.95em auto 0 auto;
	max-width: 100%;
	display: block;	
}

.body-score .item-score .hasil-game {
	width: 65%;
	border-radius: 0 7px 7px 0;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #c6bcb4 100%);
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#c6bcb4 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#c6bcb4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c6bcb4',GradientType=0 );
	float: right !important;
	max-height: 29em;
	overflow-y: auto;
}

.body-score .item-score .hasil-game .row-hasil-game {
	display: table;
	margin: auto;
}

.body-score .item-score .item .periode {
	padding: 0 15px 10px 15px;
}

.body-score .item-score .item .content-periode {
	padding: 0 10px;
	background-color: #fff;
	font-family: "PlayBold";
	font-size: 1em;	
	color: #333;
	border-radius: 5px;
	border: 1px solid #bbb;
	
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.75);
		-ms-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.75);
		 -o-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.75);	   
			box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.75);
}

.body-score .item-score .item .periode .hasil-periode {
	color: #e50015;
}

.body-score .item-score .item .ball {
	padding: 7px;
}

.score-block .item-ball {
	font-family: "PlayBold";
	font-size: 1.4em;
	line-height: 1.9em;
	text-align: center;
	border-radius: 50px;	
	background-color: #000000;
	margin-left: 5px;
	margin-right: 5px;
	width: 2em;
	height: 2em;
}

.item-ball.red-ball {
	background-color: #eb2b1c !important;
}

.item-ball.black-ball {
	background-color: #000000 !important;
}

.item-ball.blue-ball {
	background-color: #1200ff !important;
}

.score-block .body-score .navigasi-score > a {
	display: table;
	margin: auto;
	color: #fff;
	font-size: 30px;
	text-shadow: 0 0 7px rgba(0, 0, 0, .75);
	opacity: .75;	
}

.score-block .body-score .navigasi-score > a:focus, 
.score-block .body-score .navigasi-score > a:hover {
	opacity: 1;
}

.btn-score {
	border-radius: 7px;
	font-style: normal;
	-webkit-box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.75), 2px 3px 7px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.75), 2px 3px 7px rgba(0, 0, 0, 0.75);
		-ms-box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.75), 2px 3px 7px rgba(0, 0, 0, 0.75);
		 -o-box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.75), 2px 3px 7px rgba(0, 0, 0, 0.75);
			box-shadow: inset 2px 2px 1px rgba(255, 255, 255, 0.75), 2px 3px 7px rgba(0, 0, 0, 0.75);
	transform: skew(0deg);
	font-size: 1.3em;
	font-family: "PlayRegular";
}
.btn-score:hover {
    color: #fff !important;
}

.score-block .btn-score {
    color: #fff !important;
}
.score-block .btn-score:hover {
    color: #ddd !important;
}

.page-history-casinoresult .single-long-block {
    background-image: none;
}

@media (max-width: 1199px){	
	/**
	 * SCORE BLOCK
	 */
	.body-score .item-score .item .game {
		width: 30%;
	}
	.body-score .item-score .hasil-game {
		width: 70%;
	}
}

@media (max-width: 991px){	
	/**
	 * SCORE BLOCK
	 */
	.body-score .item-score .item > div {
		min-height: 54px;
	}	
	
	.body-score .item-score .item .game img {
		margin: 0.5em auto 0 auto;
	}
	
	.body-score .item-score .hasil-game {
		max-height: 17.2em;
	}
	
	.body-score .item-score .hasil-game .row-hasil-game > div {
		float: left;
	}
	
	.body-score .item-score .item .game {
		width: 30%;	
	}
	
	.body-score .item-score .hasil-game {
		width: 70%;	
	}
	
	.body-score .item-score .item .game img {
		height: 40px;	
	}
	
	.body-score .item-score .item .periode {
		padding: 15px;
	}	
	
	.score-block .item-ball {
		font-size: 25px;
		line-height: 40px;
		width: 40px;
		height: 40px;
	}	
}

@media (max-width: 767px){
	/**
	 * SCORE BLOCK
	 */
	.score-block .body-score {
		padding: 15px 0 15px 15px;
	}
	
	.score-block.video-wrap .body-score {
		padding: 15px 15px 15px 45px;
	}
	
	.body-score .item-score .hasil-game {
		max-height: 13.8em;
	}
	
	.body-score .item-score .item > div {
		min-height: 41px;
	}
	
	.body-score .item-score .item .periode {
		padding: 7px 15px 7px 15px;
	}	

	.body-score .item-score .item .game img {
		height: 30px;
	}	
	
	.body-score .item-score .item .content-periode {
		font-size: 18px;	
	}
	
	.score-block .item-ball {
		margin-left: 2px;
		margin-right: 2px;		
	}
	
	.score-block .item-ball {
		font-size: 20px;
		line-height: 30px;
		width: 30px;
		height: 30px;
	}	
	
	.score-block .body-score .navigasi-score > a {
		font-size: 25px;	
	}
	
	.video-wrap .body-score > div > div + div {
		margin-top: 20px;
	}
}

@media (max-width: 600px){
	/**
	 * SCORE BLOCK
	 */
	.content-head-score .icon img {
		width: 30px;
	}

	.content-head-score .text {
		font-size: 16px;
		line-height: 23px;
	}	
	
	.body-score .item-score .hasil-game {
		max-height: 12.2em;
	}
	
	.content-head-score .text .time {
		font-size: 14px;	
	}
	
	.body-score .item-score .item > div {
		min-height: auto;
	}	
	
	.body-score .item-score .item .periode {
		padding: 7px;
	}	
	
	.body-score .item-score .item .game {
		width: 35%;
	}	
	
	.body-score .item-score .hasil-game {
		width: 65%;
	}	
		
	.body-score .item-score .item .game img {
		height: 25px;
	}	
	
	.body-score .item-score .item .content-periode {
		font-size: 16px;
	}	
	
	.score-block .item-ball {
		font-size: 16px;
		line-height: 25px;
		width: 25px;
		height: 25px;
	}	
	
	.score-block .body-score .navigasi-score {
		/*padding-top: 7%;*/
		padding-left: 10px;
		padding-right: 10px;
	}	
	
	.score-block .body-score .navigasi-score > a {
		font-size: 22px;
	}	
	
	.btn-score {
		font-size: 0.9em;
	}
}

@media (max-width: 480px){
	/**
	 * SCORE BLOCK
	 */
	.score-block .body-score {
		padding: 15px;
	}
	
	.body-score .item-score .item .game img {
		margin: 0 auto;
	}

	.content-head-score,
	.content-foot-score	{
		display: table;
	}	
	
	.content-head-score .icon {
		width: 10%;
	}
	
	.content-head-score .text {
		width: 90%;
		font-size: 20px;
		line-height: 27px;
	}	
	
	.content-head-score .text > div:first-child {
		width: 100%;
	}
	
	.body-score .item-score .item .game, 
	.body-score .item-score .hasil-game {
		width: 100%;
	}	
	
	.body-score .item-score .item .game {
		border-radius: 7px 7px 0 0;
		position: static;
	}	
	
	.body-score .item-score .hasil-game {
		border-radius: 0 0 7px 7px;	
	}
	
	.body-score .item-score .hasil-game .row-hasil-game > div {
		/*float: unset;*/
		display: table;
		margin: auto;
	}
	
	.body-score .item-score .item .ball {
		/*padding-top: 0;*/
	}	
	
	.score-block .body-score .navigasi-score {
		padding-top: 0;	
	}
	
	.btn-score {
		margin: auto;
		display: table;
	}
}

/*
=========================================================
	CASINO RESULT
=========================================================
*/

.number-part-inner {
    padding: 0.65em 1.6em;
    background-color: #000;
}
.number-part-inner > div {
    display: table;
    width: 100%;
}
.video-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 2px;
    background-color: #222;
}
.video-title {
    padding: 1.4em 1em;
}
.video-title img {
    max-width: 136px;
}
.homepage .score-block .body-score > div + div {
    border-top: 2px solid #444;
}
.homepage .video-title {
    padding: 0 0.5em 0.5em;
    background-color: transparent;
}
.homepage .video-title img {
    max-width: 120px;
}
@media (max-width: 767px) {
	.homepage .video-title {
		padding: 0.5em;
		background-color: rgba(255,255,255,0.2);
	}
}
.body-score-item {
    padding-top: 0.8em;
    padding-bottom: 0.5em;
}
.monitor-score {
    padding: 15px !important;
	display: block !important;
}
@media (max-width: 480px) {
	.homepage .monitor-score {
		padding: 0 !important;
	}
	.homepage .video-title {
		-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		-moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		-o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
	}
}
.srn-row {
    display: table;
    width: 100%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.srn-row > div {
    width: 6.25%;
    float: left;
	height: 1.88em;
}
.section-legend {
    background-color: black;
    border: 1px solid #fff;
}
.legend-item-wrap {
    text-align: center;
}
.legend-item-wrap.title {
    text-align: left;
	padding-left: 18%;
}
.legend-dot {
    width: 0.7em;
    height: 0.7em;
    display: inline-block;
    position: relative;
    bottom: -1px;
    margin-right: 5px;
}
.section-history-oddeven, 
.section-history-smallbig {
    border-top: 2px solid #00ff04;
}
.section-history-smallbig {
    border-bottom: 1px solid #fff;
}
.section-history-oddeven .srn-row > div:nth-child(2n-1) {
    background-color: #ddd;
}
.section-history-oddeven .srn-row > div:nth-child(2n) {
    background-color: #aaa;
}
.section-history-smallbig .srn-row > div:nth-child(2n-1),
.section-history-sequential .srn-row > div:nth-child(2n-1) {
    background-color: #aaa;
}
.section-history-smallbig .srn-row > div:nth-child(2n),
.section-history-sequential .srn-row > div:nth-child(2n) {
    background-color: #ddd;
}
.section-legend .row {
    margin-left: 0;
    margin-right: 0;
}
.section-legend .row > div {
    width: 20%;
    float: left;
}
.shape {
    text-align: center;
    padding-top: 0.05em;
    padding-bottom: 0.05em;
    font-size: 1.2em;
	-webkit-box-shadow: inset 0px 0px 0.1em 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 0.1em 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 0.1em 0px rgba(0,0,0,0.75);
}
.shape-circle {
    border-radius: 1em;
}
.shape-black {
    background-color: #000000;
}
.shape-blue {
    background-color: #0000ff;
}
.shape-red {
    background-color: #ff0000;
}
.srn-row > div + div {
    border-left: 1px solid #fff;
}
.section-history-oddeven .srn-wrap > div + div .shape-square {
    border-top: 1px solid #aaa;
}

@media (max-width: 1199px) {
	.video-title {
		padding: 1.12em 1em;
	}
	.section-legend {
		font-size: 0.8em;
	}
	.section-legend .shape {
		font-size: 1.2em;
	}
	.number-part-inner {
		padding: 0.85em 1.6em;
	}
	.shape {
		font-size: 0.8em;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
	}
	.srn-row > div {
		height: 1.5em;
	}
}
@media (max-width: 991px) {
	.section-result-number .shape {
		width: 1.8em;
		margin: auto;
	}
	.body-score-item {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}
@media (max-width: 767px) {
	.video-title {
		padding: 0.8em 1em;
	}
}
@media (max-width: 480px) {
	.number-part-inner {
		padding: 1em; 
	}
	.section-result-number .shape {
		width: 100%;
	}
}
@media (max-width: 380px) {
	.number-part-inner .section-legend {
		line-height: 1.4em;
	}
	.legend-item-wrap {
		font-size: 0.8em;
	}
	.shape {
		font-size: 0.6em;
	}
	.number-part-inner {
		padding: 0;
	}
	.section-result-number .shape {
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
	.srn-row > div {
		height: 1.3em;
	}
}

body.video-single {
	min-width: auto;
}

/*
=========================================================
	PLAY INSTANT BLOCK
=========================================================
*/

.play-instant-block {
	background-image: url("images/bg/bg-bottom.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 15px;
	float: left;
	width: 100%;
	
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

.play-instant-block .browser {	
	padding: 0 30px 30px;
}

.play-instant-block .browser img {
	margin: auto;
	width: 300px;
}

.play-instant-block .goto-instant {
	position: relative;
	
	padding: 30px 30px 10px;
	text-align: center;	
}

.btn-instant {
    font-size: 1.4em;
    width: 290px;
    background-color: #e71616;
    margin-top: 0.8em;
	color: #222 !important;
}

@media (max-width: 991px){
	.btn-instant {
		margin-top: 0;
	}
	.play-instant-block .browser {
		padding: 0 30px 15px;
	}
}

@media (max-width: 767px){
	.play-instant-block {
		display: none;
	}
}

/*
==================================================
			STORE BLOCK
==================================================
*/

.store-block {
	padding: 30px 15px;
	background-image: url("images/bg/bg-bottom.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 15px;
	float: left;
	width: 100%;
	
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

.store-block .container {
    width: 100%;
}

.store-block .row {
	margin-left: -7px;
	margin-right: -7px;
}

.store-block .row > div {
	padding-left: 7px;
	padding-right: 7px;
}

.store-block img {
	width: 100%;
}

@media (max-width: 767px){
	.store-block {
		display: none;
	}
}

/*
==========================================================
	PLAY STRIP BLOCK
==========================================================
*/

.main-play-strip {
	margin-top: 15px;
}

.play-strip-block {
	margin-bottom: 10px;
}

.play-strip-block img {
	width: 100%;
	margin: auto;
	
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
			transition: all .3s;
}

.play-strip-block img:hover {
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
			transform: scale(1.05);
}

.btn-play-strip {
	width: 100%;
	font-weight: 700;
	padding: 5px 15px;
	border-radius: 7px;
	transform: skew(0deg);
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#170219+0,260028+100 */
	background: rgb(23,2,25); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(23,2,25,1) 0%, rgba(38,0,40,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(23,2,25,1) 0%,rgba(38,0,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(23,2,25,1) 0%,rgba(38,0,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#170219', endColorstr='#260028',GradientType=0 ); /* IE6-9 */


	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

.btn-play-strip:hover, 
.btn-play-strip:focus {
	background-color: #9A5826;
}

.btn-play-strip .room-btn-play {
	/*
	display: table;
	margin: auto;
	*/
}

.btn-play-strip .icon-play {
	float: left;
	width: 40px;
	height: 40px;
	
	background-size: 25px;
	background-position: center;
	background-repeat: no-repeat;	
}

.btn-play-strip .icon-android {
	background-image: url(images/icon/android-icon.png);
}

.btn-play-strip .icon-apple {
	background-image: url(images/icon/apple-icon.png);
}

.btn-play-strip .icon-web {
	background-image: url(images/icon/web-icon.png);
}

.btn-play-strip .icon-afb88 {
	background-image: url(images/icon/afb88-icon.png);
}

.btn-play-strip .text {
	float: left;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
}

/*
==================================================
	ARTICLE BLOCK
==================================================
*/

.article-block {
    display: table;
    width: 100%;
	margin-top: 15px;
	float: left;
}

.page-articles .article-block {
    margin-top: 0;
}

.article-block .section-article {
	/*background-image: url(images/bg/bg-section-article.jpg);*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	margin-bottom: 10px;
	background-color: rgba(3,2,26,0.8);
	
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

.homepage .article-block > div:last-child {
    margin-bottom: 0;
}

.page-article .single-block-content {
    background-color: rgba(3,2,26,0.8);
    padding: 30px 60px;
	
	-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
    box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
}

/*
.article-block > div:nth-child(2n+1)::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.45);
}
*/

.article-block .image-article {
	overflow: hidden;
}

.image-article img {
	width: 100%;
}

.title-article {
	margin-top: 20px;
}

.title-article a {
	color: #fff;
}

.title-article a:hover {
	color: #ddb425;
	text-decoration: none;
}

.date-article {
	color: #ddb425;
	font-size: 12px;
	margin: 15px 0;
}

@media (max-width: 600px) {
	.article-block .section-article {
		padding: 25px 15px 15px;
	}
	.section-article.page-numbers-wrap {
		padding: 15px;
	}
	.title-article h1 {
		font-size: 1.8em;
	}
}
@media (max-width: 480px) {
	.title-article h1 {
		font-size: 1.6em;
	}
	.page-article .single-block-content {
		padding: 15px;
	}
}

/*
==========================================================
	PROMO BANNER BLOCK
==========================================================
*/
.promo-banner-wrap {
    margin-top: 15px;
    float: left;
}

.promo-banner-wrap .row {
    margin-left: -7px;
    margin-right: -7px;
}

.promo-banner-part {
    margin-bottom: 15px;
    padding-left: 7px;
    padding-right: 7px;
}

.promo-banner-part img {
    height: 86px;
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

@media (max-width: 1199px){
	.promo-banner-part img {
		height: 71px;
	}
}

@media (max-width: 991px){
	.promo-banner-part img {
		height: 54px;
	}
}

@media (max-width: 991px){
	.promo-banner-part img {
		height: auto;
	}
}

/*
=========================================================
	BANK BLOCK
=========================================================
*/

.bank-block {
    background-image: url("images/bg/bg-bank.jpg");
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 150px;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	
	-webkit-box-shadow: 0px 0px 10px #fdcd01;
	-moz-box-shadow: 0px 0px 10px #fdcd01;
	-ms-box-shadow: 0px 0px 10px #fdcd01;
	-o-box-shadow: 0px 0px 10px #fdcd01;
	box-shadow: 0px 0px 10px #fdcd01;
}

.bank-block > div {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 767px){
	.bank-block > div > div + div + div {
		margin-top: 10px;
	}
}

@media (max-width: 600px){
	.bank-block {
		padding: 20px 30px;
	}
}

@media (max-width: 480px){
	.bank-block {
		padding: 20px 0;
	}
}

table .pokercard {
    width: 1.5em !important;
}
@media (max-width: 640px) {
	table .pokercard {
		width: 1.2em !important;
	}
}

/*
=========================================================
	RESPONSIVE
=========================================================
*/
@media (min-width:992px){
	.col-md-5-cust {
		width: 20%;
	}
}

@media (max-width: 1280px){

}

@media (max-width: 1220px){
	
	.play-game-home {
		width: 104%;
		margin-left: -2%;
		margin-right: -2%;		
	}	
}

@media (max-width: 1200px){

}

@media (max-width: 1199px){
	/*
	.navbar-inverse {	
		width: 50%;
	}
	*/
	
	.main-login {
		display: none;
	}
	
	.main-login-sm {
		display: block;
		min-height: 40px;		
		min-width: 100px;
		margin-bottom: 0;
		margin-right: 20px;
		font-size: 12px;
		float: right;
		z-index: 9;
	}

	.main-login-sm a {
		padding: 12px 0 10px;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-align: center;
	}
	
	.main-login-sm a:hover, .main-login-sm a:focus, .main-login-sm a:active {
		color: #fff;
		text-decoration: none;
		text-shadow: 0px 0px 7px #fff;
	}

	.main-login-sm .dropdown-menu {
		min-width: 220px;
		font-size: 12px;
		margin: 0;
		border-radius: 0 0 5px 5px;
		background-color: #000;
		padding: 10px;
		border-bottom: 2px solid #ffb400;
		
		-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
			-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
				box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);		
	}
	
	.main-login-sm .dropdown-menu .padding-bottom-7{
		padding-bottom: 7px;
	}
	
	.main-login-sm .main-login-control {
		width: 100%;
	}
	
	.dropdown-menu .divider {
		background-color: #000;
		
		-webkit-box-shadow: 0px 0px 4px #fff;
		   -moz-box-shadow: 0px 0px 4px #fff;
			-ms-box-shadow: 0px 0px 4px #fff;
			 -o-box-shadow: 0px 0px 4px #fff;
				box-shadow: 0px 0px 4px #fff;
	}

	.img-validation {
		width: auto;
		height: 23px;
		margin-top: 0;
	}
	
	.main-form-login > li  > button {
		padding: 1px 20px;
	}
	
	.room-login-table table {
		min-width: 540px;
	}	
	
	.room-main-table table {
		/*
		width: 90%;
		min-width: 540px;
		*/
	}
	
	.loby-game-home-title,
	.loby-game-home-footer {
		font-size: 1em;
	}
	
	.loby-game-home-footer {
		padding: 12px 56px;
	}
	
	.content-loby-game h3 {
		font-size: 18px;
	}
	
	.content-loby-game h2 {
		-webkit-text-stroke: 1px #000;
		font-size: 2em;
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	.play-game-2 embed.flash.machine, .play-game-2 object.flash.machine {
		height: 227px;
	}
	
	.login-menu-block > div > a > span {
		margin-top: 10px;
		font-size: 16px;
	}
	
	.black-bottom-block {
		height: 23px;
	}	

	.login-banner-top h1 {
		font-size: 57px;
	}	
}

@media (max-width: 991px){

	
	.first-download {
		padding-right: 15px;
	}

	.second-download {
		padding-left: 15px;
		margin-top: 20px;
	}
	
	.room-bottom-home-content {
		padding: 30px 15px;
	}
	
	.content-block {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.content-form-block {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
	}
	
	.room-loby-game {
		margin-bottom: 0;
	}
	
	.room-loby-game > div {
		margin-bottom: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.room-click-contact > div {
		margin-bottom: 20px;
	}	
	
	.loby-game-1,
	.loby-game-2,
	.loby-game-3,
	.loby-game-4,
	.loby-game-5 {
		width: 100%
	}
	
	.loby-game-2, .loby-game-3, .loby-game-4, .loby-game-5 {
		border-top: 3px solid #fff;
	}
	
	.loby-game-2, .loby-game-3, .loby-game-4 {
		border-right: 0 solid transparent;
		
		-webkit-transform: skewX(0deg);
		   -moz-transform: skewX(0deg);
			 -o-transform: skewX(0deg);
				transform: skewX(0deg);
	}

	.loby-game-2 {
		margin-left: 0;
		border-left: 0px solid transparent;
	}
	
	.loby-game-2 .content-loby-game, 
	.loby-game-3 .content-loby-game, 
	.loby-game-4 .content-loby-game {
		-webkit-transform: skewX(0deg);
		   -moz-transform: skewX(0deg);
			 -o-transform: skewX(0deg);
				transform: skewX(0deg);
	}
	
	.loby-game-2 .content-loby-game h3, 
	.loby-game-3 .content-loby-game h3, 
	.loby-game-4 .content-loby-game h3 {
		margin-left: 0;
	}
	
	.loby-game-1 .content-loby-game,
	.loby-game-2 .content-loby-game, 
	.loby-game-3 .content-loby-game, 
	.loby-game-4 .content-loby-game,
	.loby-game-5 .content-loby-game {
		text-align: center;
	}
	
	.content-loby-game h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	
	.content-loby-game h3 {
		font-size: 24px;
	}

	.play-game-1, 
	.play-game-2, 
	.play-game-3 {
		width: 100%;
	}
	
	.play-game-2 {
		border-left: 0 solid transparent;
		border-right: 0 solid transparent;
		border-top: 5px solid #000;
		border-bottom: 5px solid #000;		
	}
	
	.play-game-1 img,
	.play-game-3 img {
		width: 100%;
		height: 320px;
	}
	
	.play-game-2 embed.flash.machine, .play-game-2 object.flash.machine {
		height: 300px;
	}
	
	.top-left-login, .top-right-login {
		width: 100%;
		
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
			-ms-box-shadow: none;
			 -o-box-shadow: none;
				box-shadow: none;
	}
	
	.first-section-login {
		float: left;
		position: relative;
		border-radius: 5px;
		
		-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
			-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
				box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);			
	}
	
	
	.top-left-login > div, .top-right-login > div {
		border-right: 0;
		width: 100%;
		border-bottom: 1px solid #000;
		/*text-align: right;*/
	}
	
	.top-right-login {
		border-radius: 0 0 5px 5px;
	}
	
	.top-right-login > div:last-child {
		border-bottom: 0;
	} 
	
	.login-menu-block {
		background-image: url(images/bg/bg-menu-game-767.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right top;	
	}	
	
	.login-menu-block {
		padding: 15px 0 0px;
	}
	
	.login-menu-block > div > a > img {
		margin-left: auto;
		margin-right: auto;
		width: unset;
	}
	
	.black-bottom-block {
		display: none;
	}
	
	.login-menu-block > div > a > span {	
		margin-bottom: 10px;
	}
	
	.login-menu-block > div > a > span {
		font-size: 16px;
	}
		
	.login-menu-block .notifikasi {
		right: 20%;
	}

	.login-banner-top h1 {
		font-size: 47px;
	}	
	
	.room-main-table table {
		width: 100%;
	}		
}

@media (max-width: 800px){
	.st-col-title {
		padding: 20px 0 0;
	}

	h1.first-title {
		font-size: 3.5em;
	}

	h1.second-title {
		font-size: 2.5em;
		margin-top: -10px;
	}

	.sec-col-title {
		padding: 10px 0 10px;
	}	
	
	.th-col-title p {
		font-size: 0.9em;
	}
}

@media (max-width: 767px){
	.mobile-view {
		display: block;
	}
	.navbar-brand {
		float: left;
	}

	.navbar-inverse {
		width: 100%;
	}
	
	.navbar-inverse {
		margin-left: 0;
		border-radius: 5px;		
		background-color: rgba(0, 0, 0, 0.45);
		
		-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
			 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
				box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	
	}
	
	.navbar-nav {
		margin: 0;
	}
	
	.navbar-toggle {
		margin-top: 16px;
		margin-bottom: 15px;		
	}
	
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	
	.nav > li {
		border-bottom: 1px solid #222;
	}
	
	.navbar-nav > li > a {
		font-size: 12px;
		padding: 14px 0;
	}	
	
	.navbar-nav > li > a > div {
		border-right: none;
		padding-left: 15px;
		padding-right: 15px;		
	}

	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover/*, 
	.navbar-inverse .navbar-nav > .active > a:focus, 
	.navbar-inverse .navbar-nav > .active > a :active*/ {
		background-image: none;
		background-color: rgba(0, 0, 0, 0.65);
		box-shadow: none;
		border-bottom: none;
	}

	.navbar-inverse .navbar-nav > li > a:hover {
		color: #ffffff;
		background-color: rgba(0, 0, 0, 0.65);		
		border-bottom: none;
	}
	
	.main-login-sm {
		display: none;
	}

	.main-login-xs {
		display: block;
	}
	
	.main-login-xs {
		display: block;
		min-height: 40px;		
		width: 100px;
		margin-bottom: 0;
		font-size: 12px;
		z-index: 9;
	}

	.main-login-xs a {
		margin: 16px 15px;
		padding: 7px;
		border-radius: 4px;
		border: 1px solid #333;		
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		display: block;
	}
	
	.main-login-xs a:hover, .main-login-xs a:focus, .main-login-xs a:active {
		color: #fff;
		text-decoration: none;
		text-shadow: 0px 0px 7px #fff;
	}

	.main-login-xs .dropdown-menu {
		min-width: 220px;
		font-size: 12px;
		margin: 0;
		margin-top: 10px;
		border-radius: 0 0 5px 5px;
		background-color: #000;
		padding: 10px;
		border-bottom: 2px solid #ffb400;
		
		-webkit-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
		   -moz-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);
			-ms-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
			 -o-box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);	   
				box-shadow: 0 -1px 6px rgba(255, 255, 255, 0.45);		
	}
	
	.main-login-xs .dropdown-menu .padding-bottom-7{
		padding-bottom: 7px;
	}
	
	.main-login-xs .main-login-control {
		width: 100%;
	}	
	
	.main-banner-top {
		margin: 0 0 20px;
	}	
	
	.carousel-indicators {
		z-index: 1;
	}

	.ket-bottom {
		margin-bottom: 20px;
		text-align: center;
	}
	
	.ket-btn-bottom {
		text-align: center;
	}	
	
	.login-menu-block .notifikasi {
		right: 20%;
	}	
	
	.login-banner-top h1 {
		font-size: 42px;
	}	
}

@media (max-width: 700px){
	.content-bottom-home {
		padding: 0 20px;
	}
	
	.login-menu-block .notifikasi {
		right: 17%;
	}	
}

@media (max-width: 640px){
	.room-message-table table {
		width: 100%;
	}
	
	.room-message-table .table > tbody > tr > td, .room-message-table .table > tbody > tr > th, 
	.room-message-table .table > tfoot > tr > td, .room-message-table .table > tfoot > tr > th, 
	.room-message-table .table > thead > tr > td, 
	.room-message-table .table > thead > tr > th {
		border-left: 0;
		border-top: 0;
		text-align: left;
	}
	
	.room-message-table table img {
		margin-left: unset;
		margin-right: auto;
		text-align: left;
	}
	
	.room-message-table .table > tbody > tr > td:first-child, 
	.room-message-table .table > tbody > tr > th:first-child, 
	.room-message-table .table > tfoot > tr > td:first-child, 
	.room-message-table .table > tfoot > tr > th:first-child, 
	.room-message-table .table > thead > tr > td:first-child, 
	.room-message-table .table > thead > tr > th:first-child {
		border-top: 2px solid #aeaeae;
	}
	
	.room-message-table .table > tbody > tr:first-child > td:first-child, 
	.room-message-table .table > tbody > tr:first-child > th:first-child, 
	.room-message-table .table > tfoot > tr:first-child > td:first-child, 
	.room-message-table .table > tfoot > tr:first-child > th:first-child, 
	.room-message-table .table > thead > tr:first-child > td:first-child, 
	.room-message-table .table > thead > tr:first-child > th:first-child {
		border-top: 0;
	}	
	
	.room-message-table .table > tbody > tr > td:last-child, 
	.room-message-table .table > tbody > tr > td:last-child, 
	.room-message-table .table > tfoot > tr > td:last-child, 
	.room-message-table .table > tfoot > tr > td:last-child, 
	.room-message-table .table > thead > tr > td:last-child, 
	.room-message-table .table > thead > tr > td:last-child {
		border-bottom: 0;
		min-height: 55px;
	}
	
	/* Force table to not be like tables anymore */
	.room-message-table table, .room-message-table thead, .room-message-table tbody, .room-message-table th, .room-message-table td, .room-message-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.room-message-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.room-message-table tr { }
	
	.room-message-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.45); 
		position: relative;
		padding-left: 40% !important; 
	}
	
	.room-message-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
	}
	
	/*
	Label the data
	*/
	.room-message-table td:nth-of-type(1):before { content: "Type"; }
	.room-message-table td:nth-of-type(2):before { content: "Content"; }
	.room-message-table td:nth-of-type(3):before { content: "Publish \a Time"; white-space: pre; }
	
	.room-main-table table {
		width: 100%;
	}
	
	.room-main-table .table > tbody > tr > td, .room-main-table .table > tbody > tr > th, 
	.room-main-table .table > tfoot > tr > td, .room-main-table .table > tfoot > tr > th, 
	.room-main-table .table > thead > tr > td, 
	.room-main-table .table > thead > tr > th {
		border-left: 0;
		border-top: 0;
		text-align: left;
	}
	
	.room-main-table table img {
		margin-left: unset;
		margin-right: auto;
		text-align: left;
	}
	
	.room-main-table .table > tbody > tr > td:first-child, 
	.room-main-table .table > tbody > tr > th:first-child, 
	.room-main-table .table > tfoot > tr > td:first-child, 
	.room-main-table .table > tfoot > tr > th:first-child, 
	.room-main-table .table > thead > tr > td:first-child, 
	.room-main-table .table > thead > tr > th:first-child {
		border-top: 2px solid #aeaeae;
	}
	
	.room-main-table .table > tbody > tr:first-child > td:first-child, 
	.room-main-table .table > tbody > tr:first-child > th:first-child, 
	.room-main-table .table > tfoot > tr:first-child > td:first-child, 
	.room-main-table .table > tfoot > tr:first-child > th:first-child, 
	.room-main-table .table > thead > tr:first-child > td:first-child, 
	.room-main-table .table > thead > tr:first-child > th:first-child {
		border-top: 0;
	}	
	
	.room-main-table .table > tbody > tr > td:last-child, 
	.room-main-table .table > tbody > tr > td:last-child, 
	.room-main-table .table > tfoot > tr > td:last-child, 
	.room-main-table .table > tfoot > tr > td:last-child, 
	.room-main-table .table > thead > tr > td:last-child, 
	.room-main-table .table > thead > tr > td:last-child {
		border-bottom: 0;
	}
	
	/* Force table to not be like tables anymore */
	.room-main-table table, .room-main-table thead, .room-main-table tbody, .room-main-table th, .room-main-table td, .room-main-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.room-main-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.room-main-table tr { }
	
	.room-main-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.45); 
		position: relative;
		padding-left: 55% !important; 
	}
	
	.room-main-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align: left;
	}
	
	/*
	Label the data
	*/
	.room-main-table td:nth-of-type(1):before { content: "Periode"; }
	.room-main-table td:nth-of-type(2):before { content: "Hari"; }
	.room-main-table td:nth-of-type(3):before { content: "Angka Keluar"; }
	.room-main-table td:nth-of-type(4):before { content: ""; }
	.room-main-table td:nth-of-type(5):before { content: ""; }

	
	.login-menu-block .notifikasi {
		right: 14%;
	}
	
	.login-banner-top h1 {
		/*font-size: 30px;*/
	}	
}

@media (max-width: 600px){
	.room-login-table {
		overflow-x: scroll;
		border-radius: 5px;
		
		-webkit-box-shadow: 0px 0px 2px #f5f5f5;
		   -moz-box-shadow: 0px 0px 2px #f5f5f5;
			-ms-box-shadow: 0px 0px 2px #f5f5f5;
			 -o-box-shadow: 0px 0px 2px #f5f5f5;
				box-shadow: 0px 0px 2px #f5f5f5;		
	}	
	
	.room-main-table {
		/*
		overflow-x: scroll;
		*/
		border-radius: 5px;
		/*
		-webkit-box-shadow: 0px 0px 2px #f5f5f5;
		   -moz-box-shadow: 0px 0px 2px #f5f5f5;
			-ms-box-shadow: 0px 0px 2px #f5f5f5;
			 -o-box-shadow: 0px 0px 2px #f5f5f5;
				box-shadow: 0px 0px 2px #f5f5f5;		
		*/		
	}
	
	.table {
		margin-bottom: 0;
	}
	
	.main-pagination nav {	
		padding: 5px 15px;
		font-size: 12px;
	}
	
	.pagination > li > a, .pagination > li > span {
		padding: 5px 5px;
	}
	
	.carousel-indicators {
		margin-bottom: 0;
		bottom: 0px;
	}
	
	.carousel-indicators li {
		width: 20px;
	}
	
	.loby-game-1,
	.loby-game-2, 
	.loby-game-3, 
	.loby-game-4,
	.loby-game-5 {
		min-height: 140px;
	}	
	.content-loby-game h2 {
		margin-bottom: 0;
	}

	.top-home {
		padding: 15px 45px;
	}

	.bottom-home {
		padding: 15px 45px 45px;
	}
	
	.content-bottom-home {
		padding: 0;
	}
	
	.login-menu-block .notifikasi {
		right: 12%;
	}	
}

@media (max-width: 560px){

}

@media (max-width: 540px){	
	.ket-bottom h3 {
		font-size: 18px;
	}
	
	.login-menu-block .notifikasi {
		right: 7%;
	}	
}	

@media (max-width: 480px){
	.bg-marquee {
		padding: 6px;
		font-size: 13px;
	}
	
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.pagination > li:last-child > a, .pagination > li:last-child > span {
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}	
	
	.room-bottom-home-content {
		padding: 15px;
	}
	
	.content-block {
		padding-left: 0;
		padding-right: 0;
	}
	
	.content-loby-game h2 {
		padding: 5px 15px 23px;
	}	
	
	.top-home {
		padding: 15px 30px;
	}

	.bottom-home {
		padding: 15px 30px 45px;
	}	
	
	.first-download, .second-download {
		padding-right: 0;
		padding-left: 0;
	}
	
	.play-game-2 embed.flash.machine, .play-game-2 object.flash.machine {
		height: 258px;
	}
	
	.play-game-1 img, .play-game-3 img {
		height: 258px;
	}
	
	.login-menu-block .notifikasi {
		right: 5px;
	}	
	
	.login-banner-top h1 {
		font-size: 34px;
	}	
}

@media (max-width: 460px) {
	.login-menu-block .notifikasi {
		right: 0;
	}	
}

@media (max-width: 420px) {
	
}

@media (max-width: 400px) {

}

@media (max-width: 360px){
	.col-xs-btn {
		width: 100%;
		margin-bottom: 10px;
	}	
}

@media (max-width: 320px){

}

/***
=====================================================
		IE 10+ ONLY
=====================================================
**/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.login-banner-top h1 {
		text-shadow: -2px -2px 0 #000, -2px 2px 0 #000, -2px 0 0 #000, 2px -2px 0 #000, 2px 2px 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000;	
		color: rgba(185,182,171,0.75);
	}	
}