.sectionbank{
	float:left;
	width:100%;
}

.light {
    -webkit-mask-image:linear-gradient(-15deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);
    -webkit-mask-size:200%;
    animation:shine 3s infinite
    } 
        @-webkit-keyframes shine {
    from {
    -webkit-mask-position:150%
    }
    
    to {
    -webkit-mask-position:-50%
    }
		}


.logo {
	float:left;
	width:35%;
	margin-top:20px;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	/*background: url(../../logo.png) no-repeat;*/
}
@media screen and (max-width: 991px){
.logo {
	float:left;
	margin-top:30px;
	width:34%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	/*background: url(../../logo.png) no-repeat;*/
}
}


* {box-sizing: border-box;}

/* Style the navbar */
.topnav {
  overflow: hidden;
}

/* Navbar links */
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Navbar links on mouse-over */
.topnav a:hover {
  
  color: black;
}

/* Active/current link */
.topnav a.active {
  background-color: #2196F3;
  color: red;
}

/* Style the input container */
.topnav .login-container {
  float: right;
  width:428px;
  height: 32px;
  margin-top:15px;
/* background: url(../../loginbg.png) no-repeat;*/
}

/* Style the input field inside the navbar */
.topnav input[type=text], .topnav input[type=password] {
  float:left;
  padding-left: 10px;
  margin-left:5px;
  margin-top: 0px;
  font-size: 12px;
  width: 114px; /* adjust as needed (as long as it doesn't break the topnav) */
  height:32px;
  background:#000;
  border: 1px solid transparent;
  border-color:#007eff;
  border-image-slice: 1;
  font-style:italic;
  color:#fff;
}

/* Style the button inside the input container */
.topnav .login-container button {
  float: left;
  width: 90px;
  height:34px;
  padding-top:0px;
  margin-top: 0px;
  margin-left:5px;
  font-size: 17px;
  border: none;
  cursor: pointer;
  color:#fff;
  font-family: 'Bebas';
  src: url('../fonts/BEBAS.ttf');
}

.topnav .login-container button:hover {
  background-image: linear-gradient(to top, #d80007 100%, #ff0008 100%);
}

/* Add responsiveness - On small screens, display the navbar vertically instead of horizontally */
@media screen and (max-width: 960px) {
  .topnav .login-container {
    float: none;
	margin-top:0px;
	width:100%;
  }
  .topnav a, .topnav input[type=text], .topnav .login-container button {
    float: none;
	color:#fff;
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
	margin-bottom:5px;
    padding: 0px;
	
  }
  .topnav input[type=text] {
  color:#fff;
  border: 1px solid transparent;
  border-color: #007eff;
  margin-bottom:5px;
  }
}


#sectionWrapper #slider{
	margin-top:40px;
	width:960px;
	height: 283px;
}
#sectionWrapper #slider img{
	width: 100%;
	height: auto;
}


nav {
  float:right;
  margin-top:-45px;
  max-width: 550px;
  width: 100%;
  font-family: 'Bebas';
  src: url('../fonts/BEBAS.ttf');
  border: 0px solid transparent;
  border-image-source: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 100%);
  border-image-slice: 1;
}

#checkbox1,
.toggle {
  display: none;
}

.menu {
  padding: 0;
  margin: 0;
  max-width: 550px;
  height: 40px;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  list-style-type: none;
  border-radius: 10px;
}

.menu li a {
  text-decoration: none;
  align-self: center;
  border-radius: 0px;
  font-size: 15px;
  padding: 10px 15px;
  transition: background .2s linear;
}

.demo {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 30%, rgba(223,223,223,1) 52%, rgba(255,255,255,1) 52%, rgba(229,229,229,1) 80%, rgba(209,209,209,1) 100%);
}
.demo li a {
  color: #000;
}

.demo li a:hover {
  width:100%;
  color: red;
}


@media screen and (max-width: 600px) {
  .menu li a {
    font-size: 13px;
  }
}

@media screen and (max-width: 550px) {
  .toggle {
        clear: both;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #595959;
    background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 30%, rgba(223,223,223,1) 52%, rgba(255,255,255,1) 52%, rgba(229,229,229,1) 80%, rgba(209,209,209,1) 100%);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all .0s linear;
  }
  .toggle:hover {
    background: #fff;
  }
  #checkbox1:checked + label .demo li {
    opacity: 1;
    visibility: visible;
    transition: all .7s linear;
  }

  #checkbox1:checked + label .demo {
    height: 250px;
  }
  .menu {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 0px;
    transition: height .3s linear;
  }
  .menu li {
    display: flex;
    /* magic */
    align-self: center;
    width: 95%;
    opacity: 0;
    visibility: hidden;
  }
  .menu li a {
    width: 100%;
    text-align: center;
    align-self: center;
    align-content: center;
  }
.demo li a:hover {
  width:100%;
  background:#c7e5ff;
  color: #002c51;
}
.demo {
background: rgb(4,15,96);
background: linear-gradient(0deg, rgba(4,15,96,1) 0%, rgba(0,138,255,1) 51%, rgba(4,15,96,1) 100%);
}
.demo li a {
  color: #fff;
}
}

img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

#informasi {
  float: left;
  margin-top:10px;
  /*top: 10px;*/
background: rgb(1,61,164);
background: linear-gradient(0deg, rgba(1,61,164,1) 0%, rgba(6,38,83,1) 14%, rgba(2,39,91,1) 31%, rgba(8,57,125,1) 49%, rgba(0,138,255,1) 50%, rgba(0,81,191,1) 74%, rgba(4,15,96,1) 100%);  width: 100%;
  height: 43px;
  border: 1px solid #007eff;
  border-radius:10px;
  margin-bottom:20px;
}

.textinformasi {
   float:left;
   color: #fff;
   font-size:15px;
   font-family: 'Bebas';
   font-style:italic; font src: url('../fonts/BEBAS.ttf');
   width: 0.2%;
   margin: -5px 15px; 
}
.textmarquee {
   float: right;
   color: #fff;
   font: normal 15px arial, sans-serif; font-style:italic;
   width: 89%;
   height: 80%;
   margin: 5px 5px;
   background: rgb(51,51,51);
   background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 19%, rgba(41,41,41,1) 50%, rgba(100,100,100,1) 51%, rgba(163,163,163,1) 78%, rgba(209,209,209,1) 100%);
   padding-top:8px; 
   border-radius:7px;
}

#sliderarea {
  float: left;
  margin-top:-6px;
  width: 70%;
  /*height: 300px;*/
  background: grey;
}

#steparea {
  float: left;
  width: 100%;
  /*height: 100px;*/
  /*background: black;*/
}

#logobank {
  float: left;
  padding-top:30px;
  margin-top:0px;
  width: 100%;
  height: auto;
}

@charset "utf-8";

@font-face { font-family: Neo Sans Std; src: url('fonts/NeoSansStdRegular.otf'); }
@font-face { font-family: Bebas Neue; src: url('fonts/bebasneue-webfont.ttf'); }
@font-face { font-family: Government Agent BB; src: url('fonts/GovtAgentBB.ttf'); }

@font-face {
    font-family: 'Radiance';
    src: url("fonts/radiance.eot");
    src: url("fonts/radiance.eot?#iefix") format("embedded-opentype"),url("fonts/radiance.woff") format("woff"),url("fonts/radiance.ttf") format("truetype"),url("fonts/radiance.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Radiance-SemiBold';
    src: url("fonts/radiance-semibold.eot");
    src: url("fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"),url("fonts/radiance-semibold.woff") format("woff"),url("fonts/radiance-semibold.ttf") format("truetype"),url("fonts/radiance-semibold.svg#ywftsvg") format("svg");
    font-weight: normal;
    font-style: normal
}


@charset "utf-8";
body {
	background: url(images/bg.jpg) no-repeat center;
	color:#fff;
	font-family: 'Radiance', Sans-serif;
	background-size: cover;
} 


.wrappersection{
	float:left;
	width:100%;

}

@media (max-width: 991px){
nav {
  margin-top:-35px;
  max-width: 480px;
}

.textinformasi {
   font-size:13px;
   margin: -1px 7px; 
}
#informasi{
	margin-bottom:15px;
}

}

.lastesttitle{
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	height:55px;
	text-align:center;
	background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 19%, rgba(41,41,41,1) 50%, rgba(100,100,100,1) 51%, rgba(163,163,163,1) 78%, rgba(209,209,209,1) 100%);
	padding-top:6px;
	color:#fff;
	font-size: 30px;
	font-style:bold;
	font-family: 'Bebas';

}

.listtable{
	border-collapse: collapse;
	width: 10%;
	
	text-align: left;
	border-bottom: 1px solid #ddd;
	
}
table{
	border-left:0px solid #ddd;
	border-right:0px solid #ddd; 
}

table, td, th {
	border-bottom: 0px solid #ddd;
	
	
}

table {

  border-collapse: collapse;
  width: 100%;
}

td {
	/* background: rgb(96,96,96);
	background: linear-gradient(0deg, rgba(96,96,96,1) 0%, rgba(0,0,0,0) 44%, rgba(41,41,41,0) 100%); */
	height: 35px;
	vertical-align: center;
}


			 .widget-content {margin:0px 0px 0 0px;}
					 tr td a { display: block; }
						 .widget-content tr td {border-top: 0;padding: 4px 0px 0px 28px;letter-spacing: 0px;color: #fff;font-size: 14px;}




.btn-orange {  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */background: #ffe259;  /* fallback for old browsers */background: -webkit-linear-gradient(to right, #ffa751, #ffe259);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to right, #ffa751, #ffe259); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b848',endColorstr='#f5b134',GradientType=0);-moz-box-shadow:0 2px 0 0 rgba(164,119,31,1);width: 100%;text-shadow:0 0 3px #3a2601;border-top: 1px solid #575c63;border-left: 1px solid #4a5566;padding-top: 5px;padding-bottom: 5px;font-size: 22px;}.btn-orange:hover{background: linear-gradient(to bottom,#f5d362 0,#ffe5a8 100%);margin-top: 0px;color: #efefef;}.btn-grey{width:100%;background:linear-gradient(to bottom,#a6a5a5 0,#8d8d8d 100%);box-shadow:0 2px 0 0 #666;border:1px solid #504f4f}.btn-screenshot,.widget_latest_games_widget .casinos .btn{color:#12232f !important;text-shadow:0 0 3px #fbe06d}.btn-screenshot.discountry{color:#fff !important;text-shadow:0 -1px 0 rgba(0,0,0,.9) !important}.wpcf7-submit{width:304px;border-radius:5px}.wpcf7-recaptcha{margin-bottom:1em}
.btn-pink {background:#f6b848;background:-moz-linear-gradient(top,#f6b848 0,#f5b134 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3700 ),color-stop(100%,#ff4810 ));background: -webkit-linear-gradient(top,#9a761f 0,#ffebb4 100%);background:-o-linear-gradient(top,#f6b848 0,#f5b134 100%);background:-ms-linear-gradient(top,#f6b848 0,#f5b134 100%);background: linear-gradient(to bottom,#ff7d0e 0,#f00000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b848',endColorstr='#f5b134',GradientType=0);-moz-box-shadow:0 2px 0 0 rgba(164,119,31,1);width: 100%;text-shadow: 0 0 3px #3a2601;transition: all 0.4s;opacity: 0.9;padding-top: 5px;padding-bottom: 5px;font-size: 22px;letter-spacing: 0px;margin: 0px 0;}.btn-pink:hover{background: linear-gradient(to bottom,#ff5200 0,#ff8d00 100%);color: #efefef;}
.nbox{background:-ms-linear-gradient(top,#274b66 0,#103856 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#274b66',endColorstr='#103856',GradientType=0);}.nbox{-webkit-box-shadow: aquamarine;-moz-box-shadow:0 -2px 0 0 rgba(7,32,49,1);padding: 0px 0px;float: left; width:100%; margin-top:10px;}



.jackpot h3 {
    color: #fff;
    margin: 5px 70px;
    font-family: 'Bebas';
	src: url('../fonts/BEBAS.ttf');
    font-size: 17px;
    margin-bottom: 2px;
	text-align:center;
	
}
.jackpot span {
	 margin: 0px 53px;
    font-size: 32px;
    color: #fff;
    /* margin-bottom: 53px; */
   	font-family: 'Bebas';
	src: url('../fonts/BEBAS.ttf');
	text-align:center;
}





.btn-pink {}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none !important;
}

.btn:visited {
    box-shadow: none;
}


.contact {
    color: #5f3e0d;
    font-weight: unset;
}
.contactForm {
    margin: 0;
    background-size: 10%;
}
.contactwraper{
	float:left;
	width:100%;
	height:259px;
	font-family: 'Bebas';
  src: url('../fonts/BEBAS.ttf');
}
.contactus {
	margin: 0px auto;
	width:100%;
	height:59px;
	border-radius:8px;
	margin-bottom:7px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 30%, rgba(223,223,223,1) 52%, rgba(255,255,255,1) 52%, rgba(229,229,229,1) 80%, rgba(209,209,209,1) 100%);
}


.contactus2 {
	margin: 0px auto;
	width:100%;
	height:60px;
	border-radius:8px;
	margin-bottom:0px;
	background: rgb(131,0,0);
    background: linear-gradient(0deg, rgba(131,0,0,1) 0%, rgba(121,0,0,1) 29%, rgba(187,0,0,1) 50%, rgba(230,0,0,1) 52%, rgba(255,98,98,1) 93%, rgba(255,98,98,1) 100%);
}

.contactlist {
	float:left;
	margin-top:-5px;
	width:264px;
	margin-left:15px;
}
.textfooter{
	float:left;
	text-align:left;
	width:100%;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
@media(min-width: 1200px){
.bgpoker{
	float:left;
	margin-left:25px;
	margin-top:10px;
	width:261px;
	height:95px;
	background: url(../../bgjppoker.png) no-repeat;	
	
}
.deposit {
    background: url(../../bglastestdepo.png) no-repeat;
	width:320px;
	height:278px;
    padding-top: 70px;
	margin-top:20px;
	line-height: 2.4;
	padding-left:10px;
}
.withdraw {
	margin-left:-10px;
    background: url(../../bglastestwd.png) no-repeat;
	width:320px;
	height:278px;
    padding-top: 70px;
	margin-top:20px;
	line-height: 2.4;
	padding-left:10px;
}
	.contactus span {
	float:left;
	font-size:28px;
	font-weight:bold;
	margin-left:70px;
	padding-top:10px;
	color: #313131;
}
	.contactus2 span {
	float:left;
	font-size:28px;
	font-weight:bold;
	margin-left:70px;
	padding-top:10px;
	color: #fffff;
}
.socialico{
	float:left;
	width:50px;
	position: absolute;
	margin-top: 5px;
	margin-left:10px;
}
.sectionfooter{
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	width:100%;
	height:50px;
	border-radius:5px;
	text-align:center;
	
	}

.browserbank {
	float:left;
	width:100%;
	
}
}


@media (max-width: 1199px){
.bgpoker{ 
	float:left; 
	margin-left:-130px;
	margin-top:10px;
	margin-bottom:0px;
	width:261px;
	height:95px;
	background: url(../../bgjppoker.png) no-repeat;	
	background-size:100%;
	
	
}
.deposit {float:left;
    background: url(../../bglastestdepo.png) no-repeat;
	background-size:100%;
	width:320px;
	height:278px;
    padding-top: 70px;
	margin-top:20px;
	line-height: 2.4;
	padding-left:10px;

}
.withdraw {float:left;
    background: url(../../bglastestwd.png) no-repeat;
	width:320px;
	height:278px;
    padding-top: 70px;
	margin-top:-295px;
	margin-left:620px;
	line-height: 2.4;
	padding-left:10px;
}
	
	.contactus span {
	float:left;
	font-size:28px;
	font-weight:bold;
	margin-left:70px;
	padding-top:10px;
	color: #313131;
}
	.contactus2 span {
	float:left;
	font-size:28px;
	font-weight:bold;
	margin-left:70px;
	padding-top:10px;
	color: #fffff;
}
	.socialico{
	float:left;
	width:50px;
	position: absolute;
	margin-top: 5px;
	margin-left:10px;
	
}
.sectionfooter{
	margin-top:10px;
}

}

@media (max-width: 991px){
.bgpoker{
		margin:auto;
		margin-bottom:10px;
		float:left;
		text-align:center;
		width:100%;
		height:80px;	
	 background: #191e25;
	
}
.jackpot h3 {
	margin:auto;
	float:left;
	width:100%;
	padding-top:2px;
	height:30px;
    color: #fff;
    font-family: 'Bebas';
	src: url('../fonts/BEBAS.ttf');
    font-size: 18px;
    margin-bottom: 0px;
	background: rgb(1,61,164);
background: linear-gradient(0deg, rgba(1,61,164,1) 0%, rgba(6,38,83,1) 14%, rgba(2,39,91,1) 31%, rgba(8,57,125,1) 49%, rgba(0,138,255,1) 50%, rgba(0,81,191,1) 74%, rgba(4,15,96,1) 100%);">LOGIN </button>
}
.jackpot span {
    font-size: 32px;
    color: #fff;
	
    /* margin-bottom: 53px; */
   	font-family: 'Bebas';
	src: url('../fonts/BEBAS.ttf');
}
#sliderarea {
  float: left;
  margin-top:-6px;
  width: 100%;
  /*height: 300px;*/
 
}
#sliderarea img{
  width: 100%;
}
.contactlist {
	margin: 10px auto;
	width:100%;
}
	.contactus span {
	float:left;
	font-size:30px;
	font-weight:bold;
	margin-left:80px;
	padding-top:10px;
	color: #313131;
}
	.contactus2 span {
	float:left;
	font-size:30px;
	font-weight:bold;
	margin-left:80px;
	padding-top:10px;
	color: #fffff;
}
	.socialico{
	float:left;
	width:50px;
	position: absolute;
	margin-top: 5px;
	margin-left:20px;
}

}

@media (max-width: 960px){
.topnav .login-container {
 background: transparent;
 margin-bottom:155px;
 width:100%;
}
nav {
  margin-top:-35px;
  max-width: 1110px;
  width: 100%;
}
.menu {
	max-width: 100%;
}
}

@media (max-width: 768px){

#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:10px;
		margin-top:-2px;
		width:5%;
		font-size:13px;
	}
	.textmarquee{
		width:88%;
		padding-top:8px;
		font-size:12px;
	}
}

@media (max-width: 740px){

#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:10px;
		margin-top:0px;
		width:5%;
		font-size:12px;
	}
	.textmarquee{
		width:88%;
		padding-top:8px;
		font-size:12px;
	}

}

@media (max-width: 700px){

#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:10px;
		margin-top:0px;
		width:5%;
		font-size:12px;
	}
	.textmarquee{
		width:87%;
		padding-top:8px;
		font-size:12px;
	}

}

@media (max-width: 680px){

	#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:10px;
		margin-top:0px;
		width:5%;
		font-size:12px;
	}
	.textmarquee{
		width:87%;
		padding-top:8px;
		font-size:12px;
	}

}

@media (max-width: 600px){

	#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:10px;
		margin-top:0px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:84%;
		padding-top:8px;
		font-size:12px;
	}

}

@media (max-width: 568px){

	#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:8px;
		margin-top:0px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:84%;
		padding-top:8px;
		font-size:12px;
	}

}

@media (max-width: 540px){
	#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:8px;
		margin-top:0px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:83%;
		padding-top:8px;
		font-size:12px;
	}

}

@media(max-width: 480px){
	#informasi{
		height:40px;
	}
	.textinformasi{
		margin-left:6px;
		margin-top:0px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:80%;
		padding-top:8px;
		font-size:12px;
	}

}

@media(max-width: 375px){
	#informasi{
		height:35px;
	}
	.textinformasi{
		margin-left:8px;
		margin-top:-3px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:74%;
		padding-top:7px;
		font-size:12px;
	}

}



@media(max-width: 320px){
	#informasi{
		height:35px;
	}
	.textinformasi{
		margin-left:6px;
		margin-top:-3px;
		width:10%;
		font-size:12px;
	}
	.textmarquee{
		width:72%;
		padding-top:7px;
		font-size:11px;
	}
}