@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:#020331}
body{font-size:14px;font-family:Rubik,sans-serif}
a{text-decoration:none;color:#8a00ff;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; color:#ffffff; }
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,#020331,#020331,#020331, #020331, #020331,#020331);
	background-size:100% 100%;
}
#sectionWrapper #sectionHeader{
	width:100%;
	height:115px;
	background-color:#020331;
	position:relative;
}
#sectionWrapper #sectionHeader.header{height:170px}
 #sectionWrapper #sectionHeader #sectionLogo{
	 height:78px;
	 width:278px;
	 left:0;
	 top:40px;
	 position:absolute; 
}
 #sectionWrapper #sectionHeader .login{
	 width:505px;
	 height:30px;
	 position:absolute;
	 right:0;
	 top:12px;
}

 #sectionWrapper #sectionHeader .login input{
	 border:none;
	 position:absolute;
	 font-size:12px;
	 color:#fff;
	 background:#020331;
	 }
 #sectionWrapper #sectionHeader .login input.username{
	 left: -150px;
	 width:112px;
	 height:28px;
	 padding:0 22px;
	 border:1px solid #c500e7;
	 font-style:italic;
	 background: url(../img/usernamebg.png) no-repeat;
}
 #sectionWrapper #sectionHeader .login input.password{
	left: 10px;
	 width:112px;
	 height:28px;
	 padding:0 22px;
	 border:1px solid #c500e7;
	 font-style:italic;
	 background: url(../img/pass.png) no-repeat;
}
 #sectionWrapper #sectionHeader .login input.code{
	left: 171px;
    top: 0;
    width: 68px;
    height: 28px;
	 padding:0 5px;
	 border:1px solid #ff5400;
	 font-style:italic;
}
 #sectionWrapper #sectionHeader .login img.kode{
	 position:absolute;
	 left: 254px;
	 top: 0px;
	 border:1px solid #ff5400;
}
 #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{
	 left:326px;
	 width:87px;
	 height:30px;
background: rgb(162,0,255);
background: linear-gradient(0deg, rgba(162,0,255,1) 0%, rgba(126,5,220,1) 41%, rgba(70,2,128,1) 98%);	 font-family:'Bebas Neue',cursive;
	 letter-spacing: 1px;
	 font-size:20px;
  	 color:#fff;
	 border:1px solid #c500e7;
	 font-style:italic;
	 padding-top: 2px;
	 cursor: pointer;
	 visibility: visible;
} 
 #sectionWrapper #sectionHeader .login input.btn-register{
	 left:418px;
	 width:87px;
	 height:30px;
	 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%);
	 font-family:'Bebas Neue',cursive;
	 letter-spacing: 1px;
	 font-size:20px;
  	 color:#fff;
	 border:1px solid #c500e7;
	 font-style:italic;
	 padding-top: 2px;
	 cursor: pointer;
	 visibility: visible;
}

 #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{

}
 #sectionWrapper #containerWrapper #sectionMenu .menu{
	 
}
 #sectionWrapper #sectionHeader .menuu{
	 width:730px;
	 height:70px;
	 position:absolute;
	 right:0;
	 top:49px; color:white;
}
.menubox{
	float:left;
width:61px;
height:70px;
}

.textmenu {
	width:68px; 
	height:auto;
	text-align: center;  
font-size:16px;	
letter-spacing:1px;
color: #fffff;
}

.menuimg{
  display: block;
  margin-left: auto;
  margin-right: auto;
width:50px;
height:50px;

}

.menupad{
	margin-left:5px;
}
nav {
	float:right;
	margin:0px auto;
	font-family:'Bebas Neue',cursive; 
}
#checkbox1,
.toggle {
	display:none;
}


.menu { 
	padding:0px;
	margin:0;
color:white;
	border-radius:0;

	flex-direction:row;
	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:0px;}
 
.demo {
} 
.demo li a {
	color:#fff; 
} 
.demo li a:hover {
	width:100%;
	color:#00e3f1;
}

.maincontent{
	height:1020px; 
	
}

  #informasi {
	  margin-top:10px;
	float:left;
background: rgb(162,0,255);
background: linear-gradient(0deg, rgba(162,0,255,1) 0%, rgba(126,5,220,1) 41%, rgba(70,2,128,1) 98%);	 font-family:'Bebas Neue',cursive;
	width:1022px;
	height:38px;
	border:1px solid #c500e7;
}
.textinformasi {
	float:left;
	color:#fff;
	font-size:23px;
	font-family:'Bebas Neue',cursive;
	letter-spacing:0px;
	width:10%;
	margin:7px 10px;
}
.textmarquee {
	float:right;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	width:87%;
	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;

}
  
#sliderarea {
	margin-top:5px;
	float:left;
	width:780px;
	height:328px;
	border:1px solid #c500e7;
	background:red;
}
  
.iframestyle {
	width:780px;
	height:328px;
	float:left;
	margin-left:0;
	margin-top:0;background:red;
}
  
.boxtoto {
	position:absolute;
	right:0px;
	top:50px;
	margin-top:5px;
	float:right;
	width:235px;
	height:328px;
	font-family:'Bebas Neue',cursive;
	border:1px solid #c500e7;
}
  
.lastesttitle {
	float:left;
	width:100%;
	height:58px;
	vertical-align:middle;
background: rgb(162,0,255);
background: linear-gradient(0deg, rgba(162,0,255,1) 0%, rgba(126,5,220,1) 41%, rgba(70,2,128,1) 98%);	 font-family:'Bebas Neue',cursive;
	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:235px;
	 height:58px;
 } 
 
.countrytoto { 
	width:80px;
	padding-left:8px;
	text-align:left;
	font-size:18px;
	text-transform: uppercase;
	font-style:italic;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
}

.datetoto {
	width:85px;
	text-align:left;
	font-size:18px;
}
.imgtoto {
	width:25px;
	height:35px; 
}
#gaptoto {
	margin-left:0px;
	margin-top:0px; 
	width:235px;
	height:43px; 
}
  
.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-style:italic;
	font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif; 
	font-weight:normal;
	font-size:25px;
	margin-left:60px;
	color:#fff;
	padding-top:10px;
	
  }
  
  .media {
	float:left;
	width:252px;
	height:50px;
	margin-top:0;
	margin-left:0px;
	font-size:18px;
background: rgb(162,0,255);
background: linear-gradient(0deg, rgba(162,0,255,1) 0%, rgba(126,5,220,1) 41%, rgba(70,2,128,1) 98%);	 font-family:'Bebas Neue',cursive;

  }
  
  .socialico {
	float:left;
	width:40px;
	height:40px;
	position:absolute;
	margin-top:5px;
	margin-left:10px;
  }
  
  
  .gameplay {
	float:left;
	margin-top:5px;
	width:1024px;
	height:171px;
  }
 .gamegap{
	 margin-left:5px;
 }
.gameplaybox {
	float:left;	
	width:252px;
	height:171px;
	background:yellow;
  }
  
   .bannerinfo {
	float:left;
	margin-top:5px;
	width:1024px;
	height:91px;
	background:white;
  }
  .middleinfo {
	float:left;
	width:1024px;
	height:276px;
	margin-top:5px;
  }
  
  .gameswraper {
	font-family:arial;
	float:left;
	margin-right:10px;
	width:320px;
	height:276px;
	border:0px solid #ff9600;
  }
  
.listwin {
	float:left;
	width:201px;
	height:292px;
	border:0px solid #ff9600;
	
  }
    
  .boxmid {
	float:left;
	width:355px;
	height:292px;
	border:0px solid #ff9600;
	margin-left:15px;
  }
  
  .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:432px;
	height:292px;
	border:0px solid #ff9600;
	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:0px;
	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:#8a00ff;font-size:16pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h2{text-align:center;color:#8a00ff;font-size:14pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h3{text-align:center;color:#8a00ff;font-size:12pt;line-height:26px;margin:20px;margin-right:5px;margin-left:5px}
 #sectionWrapper #sectionArtikel h4{text-align:center;color:#8a00ff;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 #fff; }
  40% { box-shadow: 0 0 15px #fff; }
  60% { box-shadow: 0 0 15px #fff; }
  100% { box-shadow: 0 0 -10px #fff; }
}

.button-glow {
  animation: glowing 300ms 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%;
	}
  }
  
  
  .animatedcolor,
.animatedcolor span {
  -webkit-animation:color-change 1s infinite;
}

.animatedcolor,
.animatedcolor i {
  -webkit-animation:color-change 1s infinite;
  -moz-animation:color-change 1s infinite;
  -o-animation:color-change 1s infinite;
  -ms-animation:color-change 1s infinite;
  animation:color-change 1s infinite;
}

@-webkit-keyframes color-change {
  0% {
    color:white;
    text-shadow:0;
  }
  20% {
    color:white;
    text-shadow:0 0 10px #fff,0px 0 10px #ffbc03;
    -webkit-text-fill-color:#7d00ab;
  }
  100% {
    color:red;
    text-shadow:0;
  }
}

@-moz-keyframes color-change {
  0% {
    color:white;
    text-shadow:0;
  }
  20% {
    color:white;
    text-shadow:0 0 10px #fff,0px 0 10px #ffbc03;
    -webkit-text-fill-color:white;
  }
  100% {
    color:#7d00ab;
    text-shadow:0;
  }
}

@-ms-keyframes color-change {
  0% {
    color:white;
    text-shadow:0;
  }
  20% {
    color:white;
    text-shadow:0 0 10px #fff,0px 0 10px #ffbc03;
    -webkit-text-fill-color:white;
  }
  100% {
    color:#7d00ab;
    text-shadow:0;
  }
}

@-o-keyframes color-change {
  0% {
    color:white;
    text-shadow:0;
  }
  20% {
    color:white;
    text-shadow:0 0 10px #fff,0px 0 10px #ffbc03;
    -webkit-text-fill-color:white;
  }
  100% {
    color:#7d00ab;
    text-shadow:0;
  }
}

@keyframes color-change {
  0% {
    color:white;
    text-shadow:0;
  }
  20% {
    color:white;
    text-shadow:0 0 10px #fff,0px 0 10px #ffbc03;
    -webkit-text-fill-color:white;
  }
  100% {
    color:#7d00ab;
    text-shadow:0;
  }
}