@charset "utf-8"; *{margin:0;padding:0}

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
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:#036313}
body{font-size:14px;font-family:Rubik,sans-serif}
a{text-decoration:none;color:#00ff15;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;
	background:linear-gradient(180deg,#000a04,#002211,#004e11, #022c00, #004b25,#015320);
	background-size:100% 100%;
}
#sectionWrapper #sectionHeader{
	width:100%;
	height:115px;
background: rgb(47,6,0);
background: linear-gradient(0deg, rgb(0, 36, 6) 0%, rgb(1, 71, 4) 100%);	position:relative;
}
#sectionWrapper #sectionHeader.header{height:170px}
 #sectionWrapper #sectionHeader #sectionLogo{
	 height:114px;
	 width:316px;
	 left:0;
	 top:14px;
	 position:114px;
}
 #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:#000;
	 background:#fff;
	 }
 #sectionWrapper #sectionHeader .login input.username{
	 left:60px;
	 top:0;
	 width:112px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #00ff22;
	 font-style:bold;
}
 #sectionWrapper #sectionHeader .login input.password{
	 top:27px;
	 left:60px;
	 width:112px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #00ff22;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login input.code{
	 left:189px;
	 top:0;
	 width:56px;
	 height:20px;
	 padding:0 5px;
	 border:1px solid #00ff22;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login img.kode{
	 position:absolute;
	 left:189px;
	 top:27px;
	 border:1px solid #04db1d;
}
 #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: 1px solid;
	 border-image-source: linear-gradient(0deg, rgb(0, 173, 43) 0%, rgb(0, 255, 128) 100%); 
	 border-image-slice: 1;
	 cursor: pointer;
	 visibility: visible;
	 background: rgb(255,128,0); 
	 background: linear-gradient(0deg, rgb(2, 168, 44) 0%, rgb(0, 255, 0) 44%, rgb(1, 124, 62) 100%);
	 right:0;
	 top:0;
	 width:127px;
	 height:49px;
	 font-family:'Bebas Neue',cursive;
	 letter-spacing: 2px;
	 margin-left:5px;
	 font-size:24px;
	 cursor:pointer;
  	 color:#ffffff;
} 
 #sectionWrapper #sectionHeader .login input.btn-register{
	 padding-top: -10px;
	 border: 1px solid;
	 border-image-source: linear-gradient(0deg, rgb(0, 173, 43) 0%, rgb(0, 255, 128) 100%); 
	 border-image-slice: 1;
	 cursor: pointer;
	 visibility: visible;
	 background: rgb(2, 100, 51); 
	 background: linear-gradient(0deg, rgb(2, 168, 44) 0%, rgb(0, 255, 0) 44%, rgb(1, 124, 62) 100%);
	 left:-75px;
	 top:0;
	 width:127px;
	 height:49px;
	 font-family:'Bebas Neue',cursive;
	 letter-spacing: 2px;
	 margin-left:5px;
	 font-size:24px;
	 cursor:pointer;
  	 color:#fff;
	 border font-size: 1 px ;
}

 #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{
	background:#6bcb47;
	width:100%;
	height:auto;
}
 #sectionWrapper #containerWrapper #sectionMenu{
	width:100%;
	height:47px;
	background: rgb(1, 94, 5);
	background: linear-gradient(0deg,  rgb(12, 66, 1) 0%, rgb(12, 70, 1) 44%, rrgb(25, 85, 1)100%);
	padding-top:3px;
}
 #sectionWrapper #containerWrapper #sectionMenu .menu{
	 float:left;
}

nav {
	margin:0px auto;
	max-width:1023px;
	width:1023px;
	font-family:'Bebas Neue',cursive;
}
#checkbox1,
.toggle {
	display:none;
}
.menu { 
	padding:0px;
	margin:0;
	max-width:1024px;
	height:43px;
	border-radius:0;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	list-style-type:none;
}
.menu li a {
	
	text-decoration:none;
	align-self:center;
	border-radius:0;
	font-size:20px;
	
	transition:background .2s linear;
}
li{padding-right:3px;}
 
.demo {
} 
.demo li a {
	color:#fff; 
} 
.demo li a:hover {
	width:100%;
	color:#000;
}

.maincontent{
	height:840px;
	
}

  #informasi {
	  margin-top:5px;
	float:left;
	background: rgb(115, 255, 0);
	background: linear-gradient(0deg, rgb(43, 255, 0) 0%, rgb(43, 255, 0) 44%, rgb(41, 135, 4) 100%);	
	width:1022px;
	height:38px;
	border:1px solid #33ff00;
	border-radius:5px;
}
.textinformasi {
	float:left;
	color:#fff;
	font-size:23px;
	font-family:'Bebas Neue',cursive;
	letter-spacing:0px;
	width:0.2%;
	margin:7px 10px;
	margin:7px 10px;
	font-style: italic;
}
.textmarquee {
	float:right;
	color:#fff;
	font:normal 15px arial,sans-serif;
	font-style:italic;
	width:90%;
	height:21px;
	margin:5px 5px;
	background:rgb(36,36,36);
	background:-moz-linear-gradient(0deg,rgba(36,36,36,1) 0%,rgba(0,0,0,1) 7%,rgba(0,0,0,1) 48%,rgba(22,22,22,1) 50%,rgba(0,0,0,1) 75%,rgba(24,24,24,1) 100%);
	background:-webkit-linear-gradient(0deg,rgba(36,36,36,1) 0%,rgba(0,0,0,1) 7%,rgba(0,0,0,1) 48%,rgba(22,22,22,1) 50%,rgba(0,0,0,1) 75%,rgba(24,24,24,1) 100%);
	background:linear-gradient(0deg,rgba(36,36,36,1) 0%,rgba(0,0,0,1) 7%,rgba(0,0,0,1) 48%,rgba(22,22,22,1) 50%,rgba(0,0,0,1) 75%,rgba(24,24,24,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#242424",endColorstr="#181818",GradientType=1);
	padding-top:7px;
	border-radius:7px;
}
  
#sliderarea {
	margin-top:5px;
	float:left;
	width:713px;
	height:296px;
	border:1px solid #00ff0d;
}
  
.iframestyle {
	width:100%;
	height:295px;
	float:left;
	margin-left:0;
	margin-top:0;
}
  
.boxtoto {
	position:absolute;
	right:0px;
	top:45px;
	margin-top:5px;
	float:right;
	width:302px;
	height:296px;
	font-family:'Bebas Neue',cursive;
	border:1px solid #00ff22;
}
  
.lastesttitle {
	float:left;
	width:100%;
	height:29px;
	vertical-align:middle;
	background: rgb(0, 255, 34);
	background: linear-gradient(0deg, rgb(0, 255, 34) 0%, rgb(21, 255, 0) 44%, rgb(4, 135, 15) 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 #00ff22;
}
  
.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:7px;	width:1024px; 
}
  
  .media-body {
	vertical-align:middle;
  }

  .media-body span {
	position:absolute;font-family:'Bebas Neue',cursive;
	font-weight:normal;
	font-size:25px;
	margin-left:60px;
	color:#fff;
	padding-top:10px;
	
  }
  
  .media {
	float:left;
	width:245px;
	height:50px;
	margin-top:0;
	margin-left:9px;
	font-size:18px;
background: rgb(81, 255, 0);
background: linear-gradient(0deg, rgb(9, 255, 0) 0%, rgb(32, 107, 2) 44%, rgb(19, 135, 4) 100%);

  }
  
  .socialico {
	float:left;
	width:40px;
	height:40px;
	position:absolute;
	margin-top:5px;
	margin-left:10px;
  }
  
  .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 #00fc54;
  }
  
.games {
	float:left;
	margin:0 auto;
	text-align:center;
	width:320px;
	height:62px;
	margin-bottom:7px;
	border:1px solid #00fc54;
  }
    
  .boxmid {
	float:left;
	width:362px;
	height:276px;
	border:1px solid #00fa0c;
background: rgb(26, 129, 0);
background: linear-gradient(0deg, rgb(15, 129, 0) 0%, rgb(10, 85, 7) 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 #00fa0c;
background: rgb(26, 129, 0);
background: linear-gradient(0deg, rgb(15, 129, 0) 0%, rgb(10, 85, 7) 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:#ebebeb;
	-webkit-background-clip:text;
	letter-spacing:2px;
	-webkit-text-stroke:0 #6c0000;
  }
.boxslotgames{
	float:left;
	border:1px solid #00fa0c;
}
  
 #sectionWrapper #containerWrapper #sectionFooter{
	width:100%;
	height:40px;
	background:pink;text-align:center;
background: rgb(255,55,0);
background: linear-gradient(0deg, rgb(0, 134, 23) 0%, rgb(21, 126, 0) 100%);
}

#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;
background: rgb(153,20,0);
background: linear-gradient(0deg, rgb(23, 138, 1) 0%, rgb(4, 50, 0) 100%);
}


 #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:#fbff00;font-size:16pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h2{text-align:center;color:#fbff00;font-size:14pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h3{text-align:center;color:#fbff00;font-size:12pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h4{text-align:center;color:#fbff00;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 #fffc00; }
  40% { box-shadow: 0 0 20px #fffc00; }
  60% { box-shadow: 0 0 20px #fffc00; }
  100% { box-shadow: 0 0 -10px #fffc00; }
}

.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%;
	}
  }