@charset "utf-8"; *{margin:0;padding:0}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset
,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;background:none repeat scroll 0% 0% transparent;text-align:left}
html{background-color:#024c59;}
body{font-size:14px;font-family:Rubik,sans-serif}
a{text-decoration:none;color:#ff4200;font-weight:700;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
a img{border:none}.hover:hover{opacity:.5}
ul{list-style-type:none}
p{text-align:justify}
img {
	max-width:100%;
	max-height:100%;
	display:block;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block;height:inherit}
.clear{clear:both;height:0}
.container{
	width:1024px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#sectionWrapper{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;

}
#sectionWrapper #sectionHeader{
	width:100%;
	height:100px;
}
#sectionWrapper #sectionHeader.header{height:170px}
 #sectionWrapper #sectionHeader #sectionLogo{
	 height:68px;
	 width:305px;
	 left:0;
	 top:25px;
	 position:absolute;
}
 #sectionWrapper #sectionHeader .login{
	 width:390px;
	 height:49px;
	 position:absolute;
	 right:0;
	 top:42px;
}
 #sectionWrapper #sectionHeader .login input{
	 border:none;
	 position:absolute;
	 font-size:12px;
	 color:#fff;	
	 border-radius:5px;
	 background:#020331;
}
 #sectionWrapper #sectionHeader .login input.username{
	 left:60px;
	 top:0;
	 width:112px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #01bdbe;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login input.password{
	 top:27px;
	 left:60px;
	 width:112px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #01bdbe;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login input.code{
	 left:189px;
	 top:0;
	 width:56px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #01bdbe;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login img.kode{
	 position:absolute;
	 left:189px;
	 top:27px;
	 border:1px solid #01bdbe;
	 border-radius:5px;
}
 #sectionWrapper #sectionHeader .login input[type=button],
 #sectionWrapper #sectionHeader .login input[type=button]{
	 padding:0;
	 border:none;
	 cursor:pointer;
	 position:absolute;
	 top:0;
}
 #sectionWrapper #sectionHeader .login input.btn-login{
	 padding-top: -10px;
	 border: 0px solid;
	 border-image-source: linear-gradient(0deg, rgba(173,0,0,1) 0%, rgba(255,0,0,1) 100%); 
	 border-image-slice: 1;
	 cursor: pointer;
	 visibility: visible;
	 background: #fff;
	 right:0;
	 top:0;
	 width:127px;
	 height:49px;
	 font-family: "Plus Jakarta Sans", sans-serif;
	 font-weight:bold;
	 letter-spacing: 2px;
	 margin-left:5px;
	 font-size:20px;
	 cursor:pointer;
  	 color:#01bdbe;
	 border-radius:5px;
} 
 #sectionWrapper #sectionHeader .login input.btn-register{
	 padding-top: -10px;
	 cursor: pointer;
	 visibility: visible;
	 background-image: url("../img/daftar.png"); background-repeat: no-repeat;	
	 left:-75px;
	 top:0;
	 width:127px;
	 height:49px;
	 font-family:'Bebas Neue',cursive;
	 letter-spacing: 2px;
	 margin-left:2px;
	 font-size:24px;
	 cursor:pointer;
  	 color:#fff; 
	 border-radius:5px;
}

 #sectionWrapper #sectionHeader .login .fogotpass{
	 position:absolute;
	 color:#fff;
	 font-size:12px;
	 font-style:italic;
	 position:absolute;
	 right:168px;
	 top:100px;
	 font-weight:700;
}
 #sectionWrapper #containerWrapper{
	width:100%;
	height:auto;
}
 #sectionWrapper #containerWrapper #sectionMenu{
	width:100%;
	height:45px;
	padding-bottom:0px;
}
 #sectionWrapper #containerWrapper #sectionMenu .menu{
	 float:left;
}

nav {
	margin:0px auto;
	max-width:1024px;
	width:1024px;
	font-family:'Bebas Neue',cursive;

}
#checkbox1,
.toggle {
	display:none;
}
.menu { 
	padding:0px;
	margin:0;
	max-width:1024px;
	height:45px;
	border-radius:0;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	list-style-type:none;
	background: url("../img/bgmenu.png")no-repeat;	
}
  
.menu li a {
	text-decoration:none;
	align-self:center;
	border-radius:0;
	font-size:20px;
	
	transition:background .2s linear;
}
li{padding-right:2px;}
 
.demo {
} 
.demo li a {
	color:#fff; 
} 
/* .demo li a:hover {
	width:100%;
	color:#000;
} */

.maincontent{
	height:395px;
	
}
.blink {animation: blinker 1s linear infinite;} @keyframes blinker { 50% {opacity: 0; }}
  #informasi {
	margin-top:5px;
	float:left;
	background: #01bdbe;
	width:1022px;
	height:45px;
	border:1px solid #00feff;
	border-radius:5px;
}
.textinformasi {
	float:left;
	color:#ffffff;
	font-size:25px;
	font-family:'Bebas Neue',cursive;
	letter-spacing:0px;
	width:117px;
	margin:8px 10px;

}
.textmarquee {
	float:right;
	color:#fff;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	width:875px;
	height:28px;
	margin:5px 5px;
	background:#024c59;
	padding-top:8px;
	border-radius:7px;
}
  
#sliderarea {
	margin-top:5px;
	float:left;
	width:1024px;
	height:310px;
	border:0px solid #ff4200;
}
  
.iframestyle {
	width:100%;
	height:310px;
	float:left;
	margin-left:0;
	margin-top:0;
}
.boxtotobar {
	right:0px;
	top:0px;
	margin-top:6px;
	float:right;
	width:1024px;
	height:100px;
	font-family:'Bebas Neue',cursive;
}
.totobox{
	float:left;
	left:0px;
	width:194px;
	height:98px;
	background:#024c59;
	border:1px solid #00feff;
}
   
.boxnegara{
	float:left;
	width:100%;
	height:36px;
	background:#01bdbe;

}
.boxnomor{
	float:left;
	width:100%;
	height:42px;
	background:#024c59;
}

.negara{
	padding-top:0px;
	text-align:center;
	color:#024c59;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: bolder;
	font-size:16px;
}
.dayoff{
	padding-top:0px;
	text-align:center;
	color:white;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:bold;
	font-size:10px;
}
.textnomor{
	float:left;
	width:78px;
	height:42px;
}
.hari{
	margin-top:2px;
	text-align:center;
	color:white;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:bold;
	font-size:16px;
}
.tanggal{
	margin-top:1px;
	text-align:center;
	color:white;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight:bold;
	font-size:10px;
}
.hasilnomor{
	float:left;
	width:116px;
	height:42px;
}
.kotakhasil{
	float:left;
	margin-top:8px;
	margin-right:3px;
	width:23px;
	height:24px;
	background:white;
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	font-size:21px;
	border:1px solid #00feff;
}
.jadwal{
	margin-top:4px;
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-weight: bold;
	font-size:13px;
	color:white;
}
.tgltoto{
	text-align:center;
	color:white;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
	font-style:italic;
	font-size:15px;
}
.boxbola{
	float:left;		
	width:100%;
	height:95px;
}
.bolaarea{
	float:left;
	margin-top:25px;
	width:100%;
	height:45px;
}
.bolaimg{
	float:left;
	margin-left:10px;
	width:45px;
	height:45px;
}
.texttoto{
	color:#340065;
	float:left;
	width:100%;
	height:31px;
	background:yellow;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
	font-size:25px;
	text-align:center;
}
  .gameplay {
	float:left;
	margin-top:7px;
	width:1024px;
	height:128px;
  }
 .gamegap{
	 margin-left:5.5px;
 }
.gameplaybox {
	float:left;	
	width:166px;
	height:128px;
	background:yellow;
  } 
     .bannerinfo {
	float:left;
	margin-top:5px;
	width:1024px;
	height:277px;
	background:white;
  }
  
.lastesttitle {
	float:left;
	width:100%;
	height:29px;
	vertical-align:middle;
	background: rgb(255,128,0);
	background: linear-gradient(0deg, rgba(255,128,0,1) 0%, rgba(255,7,0,1) 44%, rgba(135,4,7,1) 100%);
	color:#fff;
	font-size:25px;
	font-family:'Bebas Neue',cursive;
	padding-top:5px;
	padding-bottom:3px;
	margin-bottom:2px;
}
  
.tototitle{
	 float:left;
	 text-align:center;
	 width:80px;
 } 
 
.countrytoto { 
	width:80px;
	padding-left:8px;
	text-align:left;
	font-size:18px;
	text-transform: uppercase;
}

.datetoto {
	width:85px;
	text-align:left;
	font-size:18px;
}
.imgtoto {
	width:30px;
	height:30px;
}
#gaptoto {
	margin-left:0px;
	margin-top:0px; 
	width:302px;
	height:32px;
	border-bottom:1px solid #ff9600;
}
  
.wrappersection {
	float:left;
	width:100%;
  }
  
table {
	border-left:0 solid #ddd;
	border-right:0 solid #ddd;
  }
  
table,td,th {
	border-bottom:0 solid #ddd;
}
  
table {
	border-collapse:collapse;
	width:90%; 
}
  
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:0px;
	text-align:center;
	vertical-align:center;
}
  
.widget-content {
	margin:0 0 0 0;
}
  
tr td a {
	display:block;
}
  
.widget-content tr td {
	border-top:0;
	letter-spacing:0;
	color:#fff;
}
   
  .nbox {
	-webkit-box-shadow:aquamarine;
	-moz-box-shadow:0 -2px 0 0 rgba(7,32,49,1);
	padding:0 0;
	float:left;
	margin-top:10px;	width:1024px; 
}
  
  .media-body {
	vertical-align:middle;
  }

  .media-body span {
	position:absolute;font-family:'Bebas Neue',cursive;
	font-weight:normal;
	font-size:30px;
	margin-left:80px;
	color:#01bdbe;
	padding-top:11px;
		font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
	font-style:italic;

  }
  
  .media {
	float:left;
	width:335px;
	height:56px;
	margin-top:0;
	margin-left:0px;
	font-size:18px;
background: #fff;
	border:1px solid #00feff;
 }
  
  .socialico {
	float:left;
	width:40px;
	height:40px;
	position:absolute;
	margin-top:9px;
	margin-left:30px;
  }
  
  .middleinfo {
	float:right;
	margin-top:7px;
	width:1024px;
	height:276px;
  }
  
  .gameswraper {
	font-family:arial;
	float:left;
	margin-right:10px;
	width:320px;
	height:276px;
	border:0px solid #ff9600;
  }
  
.games {
	float:left;
	margin:0 auto;
	text-align:center;
	width:320px;
	height:62px;
	margin-bottom:7px;
	border:1px solid #ff9600;
  }
    
.bannerbot{
	float:left;
	margin-top:8px;
	width:1024px;
	height:232px;
}	
.box1{
	float:left;
	width:336px;
	height:232px;
	background:yellow;
}	
	
  .boxmid {
	float:left;
	width:362px;
	height:276px;
	border:1px solid #ff9600;
background: rgb(129,23,0);
background: linear-gradient(0deg, rgba(129,23,0,1) 0%, rgba(50,0,0,1) 100%);
  }
  
  .boxmid span {
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	letter-spacing:5px;
	font-weight:normal;
	background-image:linear-gradient(
		to top,#a74b00 10%,#a74b00 0,#ffea00 22%,#a74b00 45%,#ffea00 50%,#ffea00 55%,#be8600 78%,#ffea00 100%
		);
	color:gold;
	-webkit-background-clip:text;
	letter-spacing:0;
	-webkit-text-stroke:0 #6c0000;
  }
  
   .boxsmartphone {
	float:left;
	position:absolute;
	right:0px;
	margin-left:8px;
	width:320px;
	height:276px;
	border:1px solid #ff9600;
background: rgb(129,23,0);
background: linear-gradient(0deg, rgba(129,23,0,1) 0%, rgba(50,0,0,1) 100%);
	animation:gradient 15s ease infinite;
  }
  
  .boxsmartphone span {
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	letter-spacing:5px;
	font-weight:normal;
	background-image:linear-gradient(
		to top,#a77600 10%,#a77600 0,#ffea00 22%,#a77600 45%,#ffea00 50%,#ffea00 55%,#be8600 78%,#ffffff 100%
		);
	color:#ffa200;
	-webkit-background-clip:text;
	letter-spacing:2px;
	-webkit-text-stroke:0 #6c0000;
  }
.boxslotgames{
	float:left;
	border:1px solid #ff9600;
}
  
 #sectionWrapper #containerWrapper #sectionFooter{
	width:100%;
	height:40px;
	text-align:center;
}

#sectionWrapper #sectionFooter p{
	text-align:justify;
	color:#fff;
	font-size:16pt;
	font-family:'Bebas Neue',cursive;
	line-height:26px;
	padding-top:7px;
	text-align:center;
}


 #sectionWrapper #sectionArtikel{
	 width:100%;
	 height:auto;
	 position:relative;

}


 #sectionWrapper #sectionArtikel p{text-align:justify;color:#fff;font-size:10pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h1{text-align:center;color:#ff8c00;font-size:16pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h2{text-align:center;color:#c9dd00;font-size:14pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h3{text-align:center;color:#ff8c00;font-size:12pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h4{text-align:center;color:#c9dd00;font-size:12pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel .copyright{color:#696969;text-align:center;font-weight:700;font-style:italic}
 aside{position:fixed;bottom:0;max-width:240px;text-align:center}
 aside.aside-left{left:10px}
 aside.aside-right{right:0}
 
 
 @keyframes glowing {
  0% { box-shadow: 0 0 -10px #00fffc; }
  40% { box-shadow: 0 0 20px #00fffc; }
  60% { box-shadow: 0 0 20px #00fffc; }
  100% { box-shadow: 0 0 -10px #00fffc; }
}

.button-glow {
  animation: glowing 3000ms infinite;
}
/*# sourceMappingURL=button.css.map */


.glow {
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.glow:hover {
  box-shadow: 1px 1px 25px 5px rgba(0, 0, 0, 0.7);
}

.glow:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: all 650ms;
}

.glow:hover:before {
  left: 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 2s infinite;
  }
  
  @-webkit-keyframes shine {
	from {
	  -webkit-mask-position:150%;
	}
	to {
	  -webkit-mask-position:-50%;
	}
  }