.sidebank {
background:url(../images/sidebank.png);
padding:20px;
position:fixed;
top:200px;

-moz-border-radius:7px;
-o-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

.sidebank ul, .sidebank li, .transaction ul, .transaction li {
margin:0; padding:0; list-style:none;
}

.sidebank li {
margin-top:5px;
}

.sidebank li:first-child {
margin-top:0px;
}

.transaction {
	width: 803px;
	height: 214px;
	box-sizing: border-box;
	background: url(../images/last_trans.jpg) no-repeat;
	margin-left:30px;
}

.last_depo, .last_wd, .service-adventage {
	padding-top:64px;
	width: 250px;
	height: 250px;
	box-sizing: border-box;
	float: left;
}

.last_wd {
	margin-left:23px;
}

.transaction ul li table {
	width: 230px;
	margin-left:47px;
}

.transaction ul li table tr td {
	color: #fada4e;
	padding:0 0 7px 0;
	width: 30%;
}

.transaction ul li table tr td:nth-child(2) {
	color: #fff;
	width: 23%;
}

.transaction .last_depo ul li table tr td:nth-child(3) {
	color: #00a701;
	width: 47%;
}

.transaction .last_wd ul li table tr td:nth-child(3) {
	color: #b90100;
	width: 40%;
}

/* CSS CONDITIONAL FOR FIREFOX ONLY */
@-moz-document url-prefix() {
	.transaction ul li table tr td {
		color: #fada4e;
		padding:0 0 6px 0;
	}
}

.service-adventage {
	margin-left: 29px;
	font-size: 9px;
	padding-top: 0;
	padding-top: 50px;
	line-height: 11px;
}

.hdg-service-adventage {
	font-family: tahoma;
	font-size: 14px;
	 line-height: 14px;
	color: #f9d94e;
}

.service-adventage-nb {
 	line-height: 12px;
 	width: 90%;
 	margin:7px auto 0px auto;
}

.time-bar {
	height: 19px;

}

.sidecontact .sidecontact-header, .sidecontact .sidecontact-body {
cursor:pointer;
position:fixed;
top:25%;
z-index: 999;

-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}

.sidecontact .sidecontact-header {
/*right:0;*/
right: -16px;
}

/* .sidecontact:hover .sidecontact-header {
	right:175px;
}*/

.sidecontact .sidecontact-body {
	background: url(../images/contact2.png) no-repeat;
	width: 175px;
	height: 292px;
	right: -175px;
}

/*.sidecontact:hover .sidecontact-body {
	right: 0;
}*/

.joinsekarang {
 width: 130px;
 height: 34px;
 position: absolute;
 top: 126px;
 left: 81px;
}

.sidecontact ul, .sidecontact li, .center-section, .center-section li {
margin:0; padding:0; list-style:none;
}

.sidecontact li, .sidecontact li a {
color:#dab445;
font-weight:bold;
font-size:14px;
}

.sidecontact ul {
margin-top:62px;
}

.sidecontact li {
margin-left:45px;
margin-bottom:12px;
}

.lucky-millionaire {
	height: 509px;
	background: url(../images/lucky-millionaire.jpg) no-repeat center;
	color: #fff !important;
	position: relative;
}

.lucky-millionaire .container {
	position: relative;
	top: 250px;
	left: 230px;
	z-index: 1;
}

#countdown {
	position: absolute;
	top: 219px;
	left:103px;
	width:562px;
	height: 113px;
	background: url(../images/countdown-bg.png) no-repeat;
	line-height: 102px;
	box-sizing: border-box;
	font-size: 72px;
	font-family: bebasNeue;
	position: relative;
	z-index: 99;
}
.count-content {
	color: #fff;	
}

#countdown .count-content.days {
	padding-left:10px;
	letter-spacing: 28px;
}

#countdown .count-content.hours {
	padding-left:22px;
	letter-spacing: 28px;
}

#countdown .count-content.minutes {
	padding-left:19px;
	letter-spacing: 28px;
}

#countdown .count-content.seconds {
	padding-left:18px;
	letter-spacing: 28px;
}

.countdown-decor1 {
	width: 80%;
	height: 353px;
	background: url(../images/countdown-decor1.png) no-repeat left;
	position: absolute;
	margin:auto;
	top: 0px;
	left: 10%;
}

.countdown-decor2 {
	width: 80%;
	height: 244px;
	background: url(../images/countdown-decor2.png) no-repeat right;
	position: absolute;
	margin: auto;
	top: 30px;
	right: 20%;
}

.countdown-decor3 {
	height: 418px;
	width: 100%;
	margin:auto;
	position: absolute;
	top: 50px;
	background: url(../images/countdown-decor3.png) no-repeat center;
}

.play-now {
	width: 88%;
	height: 42px;
	transition: all .5s ease-in-out;
}

.play-now:hover {
	transform: scale(1.2);
}

#parallax-animate {
	margin-top: -70px;
}

.numCounter {
  display: inline-block;
  height: 74px;
  line-height: 70px;
  color: #fff;
  /*text-shadow: 0 0 2px #fff;*/
  font-weight: bold;
  white-space: normal;
  font-size: 46.66667px;
}
.numCounter > b {
  display: inline-block;
  width: 54px;
  height: 100%;
  margin: 0 3px;
  border-radius: 8px;
  /*background: #191919;*/
  background-color: rgba(51,51,51, 0.7);
  border: 1px solid #ffd700;
  text-align: center;
  /*box-shadow: 1px 1px rgba(255, 255, 255, 0.05), 1px 1px 5px #111 inset;*/
  overflow: hidden;
  color:#fff;
}
.numCounter > b:before {
  content: ' 0 1 2 3 4 5 6 7 8 9 ';
  display: block;
  word-break: break-all;
  word-break: break-word;
  -webkit-transition: 0.8s cubic-bezier(0.12, 0.78, 0.52, 1.2);
  transition: 0.8s cubic-bezier(0.12, 0.78, 0.52, 1.2);
}
.numCounter > b.d1:before {
  margin-top: -70px;
}
.numCounter > b.d2:before {
  margin-top: -140px;
}
.numCounter > b.d3:before {
  margin-top: -210px;
}
.numCounter > b.d4:before {
  margin-top: -280px;
}
.numCounter > b.d5:before {
  margin-top: -350px;
}
.numCounter > b.d6:before {
  margin-top: -420px;
}
.numCounter > b.d7:before {
  margin-top: -490px;
}
.numCounter > b.d8:before {
  margin-top: -560px;
}
.numCounter > b.d9:before {
  margin-top: -630px;
}
.numCounter > span {
  display: inline-block;
  font-size: 1.1em;
  opacity: 1;
  line-height: 1.8;
  padding: 0;
  vertical-align: top;
  text-shadow: none;
  color: #000;
}

.center-section {
	height: 176px;
	position: relative;
	background: url(../images/center-section.jpg) no-repeat center;
}

.center-section li {
	position: absolute;
	top: 21px;
}

.center-section li a {
	display: block;
	width: 60px;
	height: 60px;
}

.gplus {
	left: 778px;
}

.fb {
	left: 851px;
}

.ig {
	left: 924px;
}

.twitter {
	left: 997px;
}

/* POPUP HEADER */
/* The Modal (background) */
.modal {
    display: none; 
    position: fixed; 
    z-index: 999; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    background: rgba(0,0,0, 0.6);
    overflow: auto;
    overflow-y: hidden;
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1000px;
}

/* Add Animation */
.modal-content{    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/* start - LOTTERY PAGE ==================================================================================== */
.banner-lottery {
	background: url(../images/page/lottery/lottery.jpg) no-repeat;
	height: 800px;
}
.banner-lottery2 {
	background: url(../images/page/lottery/bg.jpg) no-repeat;
	height: 800px;
}
.banner-lottery .banner-item1 {
	position: relative;
	width: 217px;
	height: 59px;
	float:right;
	margin:260px 100px 0 auto;
}
.banner-lottery .banner-item2 {
	position: relative;
	width: 240px;
	height: 50px;
	float:right;
	margin:260px 100px 0 auto;
}
.lottery-btn {
	position: relative;
	top: 30px;	
}
.banner-page .lottery2 {
	float: left; 
	width: 300px;	
}
.banner-page .lottery2 img {
	width: 360px;	
}
.banner-page .lottery2 img, .banner-page .lottery2 a  {
	display: block;
	margin-left: -62px;
}
.banner-page .lottery2 img:hover {
	transform: scale(1.1);
}
.banner-page .lottery2 a img {
	position: relative;
	top: -20px;
	margin: 0 auto;	
	width: 240px;
}

/* start - FOREX PAGE ==================================================================================== */
.banner-forex {
	background: url(../images/page/forex/forex.jpg) no-repeat;
	height: 800px;
}
.banner-forex .banner-item1 {
	position: relative;
	width: 217px;
	height: 59px;
	float:right;
	margin:260px 100px 0 auto;
}

.banner-forex .banner-item2 {
	width: 240px;
	height: 50px;
}

.banner-forex .banner-item3 {
	float: right;
	margin-right: 4%;
}
.banner-forex .banner-item4 {
	position: absolute;
    top: 20%;
    left: 14%;
}


/* start - SPORTSBOOK PAGE ==================================================================================== */

.sportsbook-page .bg-page-item {
	height: 500px;
	position: relative;
}

.sportsbook-page a {
	width: 44%;
	display: inline-block;
	margin: 0 40px 0 20px;
}
.afb-item1 {
	margin-right: 10%;	
	float: right;
	z-index: 2;
	height: 495px;
	width: 40%;
	top: 20px !important;
}
.afb .item-img2 {
	left: 42% !important;
	width: 28%;	
	height: 400px;
	z-index: 1;
	top: 20px !important;
}

.afb-text {
	position: relative !important;
	width: 480px;
	color: #fff;
	float: right;
	margin-right: 10%;
	margin-top: 6%;
	text-align: right;
}

.afb-button {
	position: relative !important;
	width: 200px;
	margin-right: 11%;
	margin-top: 1%;
	float: right;
	height: 40px;
	pointer-events: visible;
}

.afb-button img{
	width: 200px;
	height: 50px;
}

/*
.sportsbook-page {
    background: url(../images/page/sportsbook/sb-background-game.png) no-repeat top;
}*/

.content-page {
    margin-bottom: 20px;
    padding-top: 40px;
    background: #000;
    padding-bottom: 30px;
}

.banner-sportsbook {
	/*background: url(../images/page/sportsbook/sb-background-banner.jpg) no-repeat;*/
	background: #000;
	height: 530px;
}

.banner-sportsbook .banner-item1 {
	width: 95%;
	margin:auto;
	padding-top:20px;
}

.banner-sportsbook .banner-item2 {
	width: 100%;
	margin:160px auto 0 auto;
	height: 607px;
}

.banner-sportsbook .banner-shadow {
	margin-top:633px;
}
/*
.sportsbook-page {
	background: url(../images/page/sportsbook/sb-background-game.png) no-repeat top;
}
*/
.page-item.afb .bg-page-item {
	background: url(../images/page/sportsbook/afb-background.png) no-repeat center bottom;
	background-size:100%;
	height: 495px;
	
}

.page-item.sbo .bg-page-item {
	background: url(../images/page/sportsbook/sbo-background.png) no-repeat center bottom;
	background-size: 100% 85%;
}

.page-item.ibc .bg-page-item {
	background: url(../images/page/sportsbook/ibc-background.png) no-repeat center bottom;
	background-size:100% 75%;
}

.sportsbook-page .game-item.item-img1 {
	float: right;
	z-index: 2;
	height: 498px;
}

.sportsbook-page .game-item.item-img2 {
	z-index: 1;
	/*margin-top:10%;*/
}

.game-item-shadow, .game-item-line  {
	position: relative;
	bottom: 120px;
	width: 100%;
	height: 144px;
}
.game-item-line {
	height: 2px;
}

.content-page-text {
	padding:10px 20px;
	text-align: center;
	font-size: 12px;
	line-height: normal;
	text-transform: uppercase;
	color: #bebebe;
	background: url(../images/page/sportsbook/text-underline.png) no-repeat center bottom;
}

/* end of - SPORTSBOOK PAGE ==================================================================================== */



/* start - LIVECASINO PAGE ==================================================================================== */

.banner-livecasino {
	background: url(../images/page/livecasino/lc-background-banner.jpg) no-repeat;
	height: 800px;
}

.banner-livecasino .banner-item1 {
	width: 50%;
	padding-top:20px;
	float: right;
}

.banner-livecasino .banner-item2 {
	width: 95%;
	margin:140px auto 0 auto;
	height: 646px;
}

.banner-livecasino .banner-shadow {
	margin-top:660px;
}

.page-item.amethyst {
	background: url(../images/page/livecasino/amethyst-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.citrine {
	background: url(../images/page/livecasino/citrine-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.emerald {
	background: url(../images/page/livecasino/emerald-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.diamond {
	background: url(../images/page/livecasino/diamond-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.onyx {
	background: url(../images/page/livecasino/onyx-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.topaz {
	background: url(../images/page/livecasino/topaz-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.sapphire {
	background: url(../images/page/livecasino/sapphire-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.ruby {
	background: url(../images/page/livecasino/ruby-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.zirconia {
	background: url(../images/page/livecasino/zirconia-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.page-item.ivory {
	background: url(../images/page/livecasino/ivory-bg.jpg) no-repeat center bottom;
	background-size:100% 100%;
}

.livecasino-page .page-item {
	position: relative;
}

.livecasino-page .game-item.item-img1 {
	z-index: 1;
	margin-top:4%;
	margin-left: 0;
	width: 99%;
}

.livecasino-page .game-item.item-img2 {
	z-index: 1;
	margin-top:32%;
	height: 15%;
	margin-left: 60%;
}

.livecasino-page .game-item.item-img3 {
	display: block;
	margin-left: 45%;
	margin-top:10%;
	width: 50%;
}

.livecasino-page .game-item-shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	z-index: 99;
}

.livecasino-page .bg-page-item {
	height: 549px;
	overflow:hidden;
	position: relative;
}

/* end of - LIVECASINO PAGE ==================================================================================== */


/* start - NUMBERGAME PAGE ===================================================================================== */

.slideshow.slideshow-numbergame .item-1.slide-1 {
	margin-left:5% !important;
	width: 95% !important;
}

.slideshow.slideshow-numbergame .item-2.slide-1 {
	margin-left:40% !important;
	width: 14% !important;
}

.slideshow.slideshow-numbergame .item-3.slide-1 {
	margin-left:55% !important;
	width: 40% !important;
}

.slideshow.slideshow-numbergame .shadow {
	bottom: -1px !important;
}

.slideshow.slideshow-numbergame .item-1.slide-2 {
	margin-left:40% !important;
	width: 60% !important;
	margin-top:3%;
}

.slideshow.slideshow-numbergame .item-2.slide-2 {
	margin-left:26% !important;
	width: 15% !important;
	margin-top:3%;
}

.slideshow.slideshow-numbergame .item-3.slide-2 {
	margin-left:1% !important;
	width: 27% !important;
	margin-top:3%;
}

.slideshow.slideshow-numbergame .item-4.slide-2 {
	margin-left:215% !important;
	margin-top: 110% !important;
	position: relative;
	pointer-events: visible;
}

.slideshow.slideshow-numbergame .item-5.slide-2 {
	left: 250%;
	margin-top: 122% !important;
	position: relative;
	pointer-events: visible;
}
.slideshow.slideshow-numbergame .item-5.slide-2:hover {
	transform: scale(1.1);	
}

.banner-numbergame {
	background: url(../images/page/numbergame/nu-background-banner.jpg) no-repeat center;
	text-align: center;
	position: relative;
}

.banner-numbergame .banner-item1 {
	width: 45%;
	margin:auto;
	z-index: 3;
	float: right;
	padding-top:20px;
}

.banner-numbergame .banner-item2 {
	width: 95%;
	margin:100px auto 0 auto;
}

.banner-numbergame .banner-item3 {
	width: 23%;
	margin:7.5% 0 0 35%;
}

.banner-numbergame .banner-shadow {
	margin-top:492px;
}

.content-page.numbergame-page {
	width: 97%;
	margin:0 auto 100px auto;
}

.content-page.numbergame-page, .content-page.numbergame-page .page-item-wrapper {
	padding-top:0;
}

.content-page.numbergame-page .page-item {
	width: 33.33%;
	float: left;
}
.content-page.numbergame-page .page-item img{
	margin: 0 auto;
}


/* end of - NUMBERGAME PAGE ==================================================================================== */






/* start - POKER PAGE ===================================================================================== */


.banner-poker {
	background: url(../images/page/poker/pk-background-banner.jpg) no-repeat;
	height:800px;
}

.banner-poker .banner-item1 {
	width: 50%;
	margin-left: 22%;
	padding-top:7.5%;
}

.banner-poker .banner-item2 {
	height: 22%;
	margin:24% 0 0 15.5%;
}

.banner-poker .banner-item3 {
	height: 22%;
	margin:24% 0 0 5%;
}

.banner-poker .banner-item4 {
	height: 22%;
	margin:24% 0 0 27%;
}

.banner-poker .banner-item5 {
	width: 8%;
	margin:18% 0 0 56.3%;
}

.banner-poker .banner-item6 {
	width: 35%;
	margin:13% 0 0 56%;
}

.banner-poker .banner-item7 {
	width: 35%;
	margin:13% 0 0 5%;
}

.banner-poker .banner-item8 {
	width: 10%;
	margin:20% 0 0 26%;
}

.banner-poker .banner-item9 {
	width: 10%;
	margin:24% 0 0 77%;
}

.banner-poker .banner-shadow {
	margin-top:730px;
}



/* end of - POKER PAGE ==================================================================================== */



/* start - SLOTS PAGE ===================================================================================== */


.banner-slots {
	background: url(../images/page/slots/sl-background-banner.jpg) no-repeat;
	height: 760px;
	background-size: 100% 100%;
}

.banner-slots .banner-item1 {
	width: 99%;
	margin-left: 1%;
	padding-top:2.0%;
}

.banner-slots .banner-item2 {
	width: 64%;
	margin:2% 0 0 35%;
	height: 683px;
}

.banner-slots .banner-shadow {
	margin-top:530px;
}


.slots-page .page-item, .slots-page .page-item li {
	margin: 0; padding: 0; list-style: none;
}


.slots-page .page-item li {
	width: 23.2%;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin-left:22px;
	margin-bottom:22px;
	margin-top:12px;
}

.slots-page .page-item li:nth-child(4n+1) {
	margin-left: 0;
}

.game-item-effect {
	position: absolute;
	bottom: 42px;
	left: 0;
	right: 0;
	background: url(../images/page/slots/sl-click-effect.png);
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}

.slots_text {
	color: white;
	font-size: 20px;
	position: absolute;
	top: 64%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.slots-page .page-item li a:hover .game-item-effect {
  	height: 100%;
}

.page-item li a img{
	width: 100%;	
}


/* end of - SLOTS PAGE ==================================================================================== */

/* register page */

.register_background {
	background: url(../images/register/bg_register_new.jpg) no-repeat center;
	background-size: 100%;
	width: 671px;
	height: 996px;
	margin: 30px auto;
}
.register_title{
	font-family: signup_font;
	font-size:65px;
	color:#F6DA50;
	text-align:center;
	background-image: -webkit-linear-gradient(top, #333333, #000000);
	border:1px solid #F6DA50;
	border-bottom:0;
}
.register_title1 {
	position: relative;
	width: 668px;
	height: 105px;
	top: 2px;
	left: 2px;
}

.register_background .form-group label {
	display: inline-block;
	color: #fff;
	width: 34%;
	text-align: left;
	font-family: signup_font;
    font-size: 18px;
}
.register_box {
	width: 63%;
	height: 30px;
	margin-left: 14px;
	float:right;
}
.register_background .form-group input, .register_background .form-group select {
	position: absolute;
	width: 326px;
	margin-left: 14px;
	float: right;
	top: 19px;
	right: 62px;
	background: none;
	padding: 2px 0;
	font-size: 14px;
	color: #fff;
    font-size: 14px;
	line-height: 19px;
}
.register_background .form-group select {
    font-family: signup_font;
}
.register_background .form-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: signup_font;
}
.register_background .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: signup_font;
}

.register_background .form-group input::-ms-input-placeholder { /* Microsoft Edge */
    font-family: signup_font;
}
.register_background .form-group select option {
	background: #000;
	color: #fff;	
}
.register_background .form-group {
	position: relative;
	width: 530px;
	padding: 16px 64px;
}
.register_background .form-group span {
	color: red;
}
.register_background .form-group .full_name {
	float: right;
	width: 63%;
	color: #fff;
	font-family: signup_font;
}
.register_margin {
	top: 10px;
}

.terms a {
	color: #fff;
	border-bottom: 2px solid #666;
}

.terms a:hover {
	border-bottom: 2px solid #fff;
}

.form-group .required {
	width: 100%;
	margin-top: 100px;
	color:#fff;
	text-align: center;
	font-family: signup_font;
	font-size:16px;
}

.form-group .register_btn {
	width: 256px;
	height: 60px;
	background: url(../images/register/btn_submit_new.png) no-repeat;
	margin: 0 26%;
	cursor: pointer;
	font-size: 55px;
    color: #1d1c1c;
	font-family: signup_font;
	line-height:55px;
}
.form-group .register_btn:hover {
	border: 1px solid #fff;
}

.form-group .register_captcha {
	color: #f9d94e !important;
	font-size: 18px !important;
	padding: 0 6px !important;
	width: 62px !important; 
	left: 254px;
}
.register_background .form-group .err_div {
	position: relative;
	float: right;
	color: red;
	font-size: 14px;
	width: 90%;
	left: 142px;
	font-family: signup_font;
}

.register_background .form-group .err_div:hover {
	transform: scale(1.5);	
}

/* home page barcode */
.android img, .ios img{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 4px;
}

.ios {
	left: 186px;
}.form-group div.label{
	color:#fff;
	width:162px;
	display:inline-block;
}