<!DOCTYPE html>
<html lang="id-ID">

<head>
  <title>HOKI126 OFFICIAL - Agen Resmi Slot Gacor Paling Gampang Menang Terlengkap</title>
<meta name="description" content="HOKI126 Merupakan Agen Resmi Situs Slot Online Paling Resmi Yang Terkenal Akan Gacor Gampang Menang Memiliki Berbagai Permainan Paling Lengkap Dari Segala Provider Resmi Terbaik" />
<meta name="keywords" content="HOKI126, HOKI 126, Slot Gacor, Slot Online, Link Alternatif, RTP Terbaik" />
<meta name="twitter:title" content="HOKI126 OFFICIAL - Agen Resmi Slot Gacor Paling Gampang Menang Terlengkap">
<meta name="twitter:description" content="HOKI126 Merupakan Agen Resmi Situs Slot Online Paling Resmi Yang Terkenal Akan Gacor Gampang Menang Memiliki Berbagai Permainan Paling Lengkap Dari Segala Provider Resmi Terbaik">
<meta property="og:title" content="HOKI126 OFFICIAL - Agen Resmi Slot Gacor Paling Gampang Menang Terlengkap">
<meta property="og:description" content="HOKI126 Merupakan Agen Resmi Situs Slot Online Paling Resmi Yang Terkenal Akan Gacor Gampang Menang Memiliki Berbagai Permainan Paling Lengkap Dari Segala Provider Resmi Terbaik">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="Content-Type" content="text/html">
<meta name="twitter:card" content="summary">
<meta name="og:type" content="website">
<meta name="author" content="HOKI126">
<meta property="og:image" content="https://files.sitestatic.net/mkt_banner_en/20240423194441000000ac0e9338a3ROGABAR__500x500.png">


<link rel="icon" href="https://files.sitestatic.net/ImageFile/63364e23041ae_favicon 126.png" type="image/gif">

<meta property="og:site_name" content="HOKI126">
<meta name="twitter:site" content="HOKI126">
<meta name="twitter:image" content="https://files.sitestatic.net/mkt_banner_en/20240423194441000000ac0e9338a3ROGABAR__500x500.png">
<meta property="og:image:alt" content="HOKI126">
    <meta name="viewport" content="width=1280">

<meta property="og:url" content="https://hoki126-siap.com/">
<link rel="canonical" href="https://hoki126-siap.com/" />


<link rel="amphtml" href="https://pub-a170723859654c97bfe74ca051d7dfb9.r2.dev/hoki126-amp.html">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H90C3PJ2HE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-H90C3PJ2HE');
</script>

<meta name="google-site-verification" content="saPTL5P8NBaR2-_tcVgqh8oM2u6mmZ0-LDKCuO_IqDk" />
<meta name="google-site-verification" content="Udm6LK0udWh4_XsMmEJIlqtLMAQa8O48pLGbYqeas4s" />
<script type="text/javascript">
function mousedwn(e){try{if(event.button==2||event.button==3)return false}catch(e){if(e.which==3)return false}}document.oncontextmenu=function(){return false};document.ondragstart=function(){return false};document.onmousedown=mousedwn
</script>
<script type="text/javascript">
window.addEventListener("keydown",function(e){if(e.ctrlKey&&(e.which==85)){e.preventDefault()}});document.keypress=function(e){if(e.ctrlKey&&(e.which==85)){}return false}
</script>
<script type="text/javascript">
document.onkeydown=function(e){e=e||window.event;if(e.keyCode==123||e.keyCode==18){return false}}
</script>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
    </script>
<style>.hoki126{width: 90px; padding: padding: 10px 10px 5px 0px; position: fixed; bottom: 125px; z-index: 100; background: url(https://i.ibb.co/fd59B7w/thunder.webp) no-repeat; background-position: center; background-size: cover; font-family: "Raleway", sans-serif; color: #fff; font-size: 14px; text-align: center; justify-content: center}.con{display: block; cursor: pointer; padding: 10px; border-radius: 20% 20% 20% 20%; box-shadow: 0 0 8px 2px #ff0000; background-color: #2a2a2a; width: 70px; margin: 0 auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease}.bar{display: block; height: 5px; width: 40px; background: linear-gradient(to bottom, #ffffff 0, #ffffff 100%); margin: 6px auto; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease}.con:hover .bar{background: linear-gradient(to right, #ffffff 0, #ffffff 100%);}.middle{margin: 0 auto; width: 0}.top{background: linear-gradient(to left, #FF0000 0, #FF0000 100%); -webkit-transform: translateY(11px) rotateZ(45deg); -moz-transform: translateY(11px) rotateZ(45deg); -ms-transform: translateY(11px) rotateZ(45deg); -o-transform: translateY(11px) rotateZ(45deg); transform: translateY(11px) rotateZ(45deg)}.bottom{background: linear-gradient(to right, #FF0000 0, #FF0000 100%); -webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-10px) rotateZ(-45deg)}.icn{background: linear-gradient(90deg, #ff0000, #c0c0c0, rgb(42, 42, 42), #2a2a2a); background-size: 300%; background-position: right; border-radius: 20% 20% 20% 20%; width: 70px; margin: 5px auto; text-align: center; color: #fff; cursor: pointer; transition: .5s; border: solid 1px #ff0000; display: block; white-space: nowrap; font-family: "Raleway", sans-serif; padding: 10px 5px; font-size: 10px; text-align: center; text-transform: uppercase;}.icn img{width: 40px; margin-bottom: 5px;}.icn:nth-child(1):hover{background-position: left; color: #2a2a2a}.icn:nth-child(2):hover{background-position: left; color: #2a2a2a}.icn:nth-child(3):hover{background-position: left; color: #2a2a2a}.icn:nth-child(4):hover{background-position: left; color: #2a2a2a}.icn:nth-child(5):hover{background-position: left; color: #2a2a2a}.icn:nth-child(6):hover{background-position: left; color: #2a2a2a}@media only screen and (max-width:450px){.coli{bottom: 15%}}.attention {
                position: relative;
                -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
                width: 100px;
                text-wrap: nowrap;
                height: 30px;
                margin-bottom: 5px;
                left: 60px;
                background-color: #000000;
                cursor: default;
                color: var(--accent-color);
                display: flex;
                justify-content: center;
                align-items: center;
                padding-bottom: 10px;
                opacity: 0;
            }

            .whore {
                animation: flicker .6s infinite;
                &:hover {
                    animation-duration: 10s;
                }
            }

            @keyframes flicker {
                0% {
                    opacity: 1;
                }

                50% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }</style><div class="hoki126">
<div class="attention whore">GACOR !!!
</div>
   <div class="con" style="opacity: .8;">
      <div class="bar" id="top"></div>
      <div class="bar" id="middle"></div>
      <div class="bar" id="bottom"></div>
      <div>MENU</div>
   </div>
   <div class="icns" id="icns">
      <div class="icn">
         <a href="https://rebrand.ly/rtphoki126-gacor" target="_blank" rel="nofollow"><img src="https://imgbob.online/ib/6Rtz4Z5aWb.gif" alt="RTP HOKI126"></a> 
         <div class="nav-text">RTP GACOR</div>
      </div>
      <div class="icn">
         <a href="https://rebrand.ly/luckywheel-jackpot" target="_blank" rel="nofollow"><img src="https://i.postimg.cc/kMNLJ4bV/luckywheel.gif" alt="RODA PUTAR HOKI126"></a> 
         <div class="nav-text">RODA PUTAR</div>
      </div>
      <div class="icn">
         <a href="https://rebrand.ly/contacthoki" target="_blank" rel="nofollow"><img src="https://res.cloudinary.com/dctmb8vbr/image/upload/v1708966402/whatsapp_yzhvxm.gif" alt="CONTACT HOKI126"></a> 
         <div class="nav-text">CONTACT US</div>
      </div>
      <div class="icn">
         <a href="https://s3-ap-southeast-1.amazonaws.com/apkstore888.net/HOKI126/hoki126.apk" target="_blank" rel="nofollow"><img src="https://2.bp.blogspot.com/-p-Ci6hSRGzQ/WJyJtrAECvI/AAAAAAAAASI/6FQWAT9d4gcw4i-crLFz-sBZ4BAupsVhgCLcB/s1600/9c104519461997.562dad20c6fbb.gif" alt="APK HOKI126"></a> 
         <div class="nav-text">APK HOKI126</div>
      </div>
   </div>
</div>
<script>$(document).ready(function(){$("#icns").hide();$(".con").click(function(){$("#top").toggleClass("top");$("#bottom").toggleClass("bottom");$("#middle").toggleClass("middle");$("#icns").slideToggle()})});</script> 

<style>.flex-right .top {
    background: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important
}</style>
 





  <link rel="amphtml" href="https://pub-a170723859654c97bfe74ca051d7dfb9.r2.dev/hoki126-amp.html">
 
<meta charset="utf-8">

<meta name="csrf-token" content="3UhJbIjGpZBPP9sWZsG5Z49nNWeZ52lJIoxgJVnd">

<script src="https://cdn.sitestatic.net/assets/jquery/jquery.min.js"></script>
<script src="https://cdn.sitestatic.net/assets/bootstrap/bootstrap.min.js"></script>

                                     
                        <link rel="preload" href="https://hoki126-siap.com/fonts/ugsubskin/icomoon/fonts/icomoon.woff2?h141kb" as="font" type="font/woff2" crossorigin="anonymous">
      <link rel="stylesheet" href="https://hoki126-siap.com/fonts/ugsubskin/icomoon/style.min.css?v=1.3" media="print" onload="this.media='all'"> 
      <link rel="stylesheet" href="https://hoki126-siap.com/css/ugsports/swiper.css" />

  <style>
  
    .footer_pwrd_by_logo>img{
    background:transparent !important;
    box-shadow:none !important;
  }
    </style>

  <link type="text/css" rel="stylesheet" href="https://hoki126-siap.com/css/ugsports/theme-15/app-desktop.css?id=c06be5eb7f9b1698f8773912ce310859">
  

    <link type="text/css" rel="stylesheet" href="https://hoki126-siap.com/css/ugsports/theme-15/onixgaming/custom.css?id=cc2ed8382da3b71f3a14ed3315ca7b79">
   
  <script src="https://cdn.sitestatic.net/assets/jquery/sweet_alert2.min.js"></script>

 
  <link rel="stylesheet" href="https://cdn.sitestatic.net/assets/jquery/jquery-ui.min.css">
  <script src="https://cdn.sitestatic.net/assets/jquery/jquery-ui.min.js" defer></script>
  <script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery/jquery.ui.touch-punch.min.js" defer></script>
</head>
<body class="desktop home">
    <div class="top_navbar">
    <div class="header-wrapper">
  <div id="masthead" class="main-header container">
    <div class="inner-header flex-row logo-left md-logo-center">
      <div id="logo" class="flex-col logo">
        <a href="https://hoki126-siap.com" title="">
          <!--TODO put site tile-->
          <img class="img-fluid" alt="HOKI126"
            src="https://files.sitestatic.net/ImageFile/62b0157dab4a0_hoki126_design3_310x80.png"   style="max-width: 270px;"/>
        </a>
      </div>

      <!-- Mobile Left Elements -->
      <div class="flex-col show-for-medium flex-left  fs-lg ">
        <i class="icon-bars"></i>
      </div>
      <!-- Left Elements -->
      <div class="flex-col hide-for-medium flex-left
 flex-grow">
</div>

            <!-- Desktop Right Elements -->

            <div class="flex-col hide-for-medium flex-right">
        <div class="flex-row top text-right">
                    <div class="ann-wrapper">
            <div class="clearfix pt-2">
  <div class="pull-left pointer">
    <div>
      <i class="icon-megaphone"></i>
    </div>
  </div>
  <div class="ann-content">
    <marquee  scrollamount="5">
    HOKI126 Merupakan Agen Resmi Situs Slot Online Paling Resmi Yang Terkenal Akan Gacor Gampang Menang Memiliki Berbagai Permainan Paling Lengkap Dari Segala Provider Resmi Terbaik
    </marquee>     
  </div>
</div>

         </div>
                          <a href="/complain-form" class="btn compliant-btn btn-primary" >
          <span><i class="icon-info"></i></span> <span>Pengaduan Member</span>
        </a>
                  <span class="text-right time"></span>
          <div class=" line"></div>
                    <div class="social-icons fade-in" id="blk-socialIcons--top-bar" style="flex-wrap:nowrap;">
            <a href="https://www.facebook.com/groups/hoki126vip" target="_blank" i18n-tooltip="@Follow-FB"
              tooltip="Ikuti di Facebook" data-toggle="tooltip" data-placement="top" title="Follow on Facebook!" class="facebook button icon circle ">
              <i class="icon-facebook"></i>
            </a>
            <!--
  -->
            <a href="https://" target="_blank" i18n-tooltip="@Tweet-us"
              data-toggle="tooltip" data-placement="top" title="Tweet us!" class="twitter  button icon circle  "><i
                class="icon-twitter "></i></a>
            <!--
  -->
            <a href="https://" target="_blank" i18n-tooltip="@Instagram-us"
              data-toggle="tooltip" data-placement="top" title="Instagram us!" class="instagram  button icon circle "><i
                class="icon-instagram"></i></a>
            <!--
  -->
            <a href="https://" target="_blank"
              i18n-tooltip="@See-our-youtube" data-toggle="tooltip" data-placement="top"
              title="See our youtube video to know more!" class=" youtube button icon circle "><i
                class="icon-youtube-play"></i></a>

          </div>
                    <button class="btn button icon circle share" style="" id="btn-showSocialIcons--top-bar">
            <i class="icon-share" style="left:-1px;"></i>
            <i class="icon-close hide"></i>
          </button>
          <div class=" line"></div>
                  
      <a class="country_detail" href="javascript:void(0);" data-trigger='nifty' data-target='#langModal-mobile'>
        <span class="d-inline-block circle-id"></span>
        <span class="contry_name">Indonesia</span>
        <span class='dot'></span>
                <span class="lang_name">indonesian</span>
              </a>
      <div class="  line"></div>

    </div>
    <div class="flex-row text-right mid">
      
                        <a class="pointer button twitter icon" href="https://hoki126-siap.com/info/how-sportsbook" data-toggle="tooltip"
        data-placement="top" title="Cara bermain">
        <i class="icon-help-circle"></i>
      </a>
      <div class="line"></div>
            
      
            <a class="pointer button twitter icon" href="https://hoki126-siap.com/info/faq-general" data-toggle="tooltip"
        data-placement="top" title="Pusat Info">
        <i class="icon-info"></i>
      </a>
      <div class="  line"></div>
            <a class="pointer" href="javascript:void(0)"
        onclick="openLiveChat('https://direct.lc.chat/14253075/' , '')" data-toggle="tooltip"
        data-placement="top" title="Obrolan Langsung">
        <i class="icon-chat1"></i>
      </a>
      <div class="  line"></div>

       

    


                    <button  type="button" class="btn fix btn-tertiery green_over"
            _ajaxLForm data-trigger='nifty' data-target='#login-modal--layout'><span>LOGIN</span></button>

          <a  type="button" class="btn fix  btn-accent yellow_over"
            style="margin-right: 0;" i18n="@Join" href="https://hoki126-siap.com/register"
            routerLinkActive="link-active"><span>DAFTAR</span></a>
            
              </div>

    
      </div>

  <!-- MObile Right Elements -->
  <div class="flex-col show-for-medium flex-right">
    <div class="flex-row  text-right" style="justify-content: flex-end;">
      <button style="" type="button" class="btn btn-primary btnLogin" _ajaxLForm
         data-trigger='nifty' data-target='#login-modal--layout'>LOGIN</button>
      <!--<a *ngIf="!isLogin" class="btn btn-secondary" (click)="register.emit()" routerLink="#" routerLinkActive="link-active">Join</a>-->
      <a style="" type="button" class="btn btn-tertiery"
        href="https://hoki126-siap.com/register">DAFTAR</a>
        <a style="display:none" class="btn btn-primary"
          href="https://hoki126-siap.com/logout">KELUAR</a>
    </div>
  </div>
 
</div>
</div>

</div>    <!--Main Nav-->
    <div class="main nav-wrapper">
    <div>
      <div class="main-nav nav nav-pills nav-fill ">

        <div class="nav-item">
          

          <div class="nav-item-content ">
            <div class="container">
              <div class="flex-row" >


                  <div class="auto-box text-center active  "   style="flex: 0 0 15%;">
                    <a  href="https://hoki126-siap.com/info/faq-general" target=_blank  >
                      <div  class="text-center  ">
                        <img  src="https://hoki126-siap.com/assets/images/nav_imgs/Sub-InfoCentre.png"    class="  img-fluid   " alt="info" >

                      </div>
                      <div class="menu-item-title ">Pusat Info</div>

                    </a>

                  </div>

                  <div class="auto-box text-center active  "   style="flex: 0 0 15%;">
                    <a  href="https://hoki126-siap.com/contact-us" target=_blank   >
                      <div  class="text-center  ">
                        <img   src="https://hoki126-siap.com/assets/images/nav_imgs/Sub-ContactUs.png" class="  img-fluid  " alt="Hubungi kami" >

                      </div>
                      <div class="menu-item-title">Hubungi kami</div>

                    </a>

                  </div>
                  

              </div>
            </div>
          </div>
        </div>
                       <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/slots"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.SLOTS" class="icon-slot"></i>
                              </span>
                            <span class="hot">HOT</span>

                                        </div>
            <div class="nav-title">
                              slots                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pragmatic-play" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"  data-src="https://files.sitestatic.net/images/ppslot.gif?v=1.0" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PRAGMATIC</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pgsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pgsoft" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/images/pgsoft.gif?v=0.2"  data-src="https://files.sitestatic.net/images/pgsoft.gif?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PGSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/joker-gaming" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/jili" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playtech" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PLAYTECH</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active relax" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/relax" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/relax_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/relax_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">RELAX GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active advantplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/advantplay" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">ADVANTPLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active habanero" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/habanero" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hb_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hb_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">HABANERO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/microgaming" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">MICRO GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spadegaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/spadegaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SPADE GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fastspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fastspin" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.gif?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.gif?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">FASTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cq9" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/cq9" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">CQ9</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active booming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/booming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ttg_booming_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ttg_booming_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">BOOMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active booongo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/booongo" >
                                                                                                  <div class="hot-tag"></div>
                                                    <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">BNG</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playngo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playngo" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playngo_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playngo_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PLAYNGO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hacksaw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/hacksaw" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hacksaw_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hacksaw_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">HACKSAW</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/skywind" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active playstar" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/playstar" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PLAYSTAR</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active redtiger" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/redtiger" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">REDTIGER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active evoplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/evoplay" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evoplay_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evoplay_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">EVOPLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active netent" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/netent" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_net_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_net_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">NETENT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nolimitcity" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nolimitcity" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nolimitcity_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nolimitcity_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">NOLIMITCITY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active mancalagaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/mancalagaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mancalagaming_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mancalagaming_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">MANCALA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/sbo" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SBO</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active kagaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/kagaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">KA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nagagames" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nagagames" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nagagames_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nagagames_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">NAGA GAMES</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/dragoonsoft" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">DRAGOON SOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active onegame" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/onegame" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/onegame_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/onegame_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">One Game</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active live22" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/live22" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/live22_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/live22_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">LIVE22</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pegasus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/pegasus" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pegasus_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pegasus_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">PEGASUS</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active fachai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fachai" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">FACHAI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active apollo777" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/apollo777" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/apollo777_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/apollo777_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">APOLLO777</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active bgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/bgaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">BGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jdb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/jdb" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JDB</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active 568win" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/568win" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_568win_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_568win_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">568 WIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active i8" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/i8" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/i8_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/i8_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">i8</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active gmw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/gmw" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gmw_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gmw_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">GMW</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active uu" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/uu" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/uu_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/uu_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">UU Slot</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dodo-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/dodo-gaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dodo_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dodo_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">DODO GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nextspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nextspin" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nextspin_slot.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nextspin_slot.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">NEXTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/live"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <img src="https://files.sitestatic.net/images/live_game_icon.gif?v=1" ref="live game" height="53px">
                              </span>
                            <span class="hot">HOT</span>

                                        </div>
            <div class="nav-title">
                              LIVE GAMES                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 12d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/41.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/41.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">12D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 24d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/42.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/42.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">24D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 36d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/44.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/44.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">36D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 48d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/43.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/43.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">48D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 75d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/48.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/48.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">75D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sicbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/46.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/46.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Sicbo</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active oglok" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/49.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/49.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Oglok</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active mpo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mpo_number.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mpo_number.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">LV NUMBER GAME</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sv388" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/live/sv388" target="king4d" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sv388_cf.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sv388_cf.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SV388</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ws168" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ws168_cf.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ws168_cf.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">WS168</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active cod-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/codgaming_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/codgaming_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">COD GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="king4d" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/sports"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.SPORTS" class="icon-soccer" ></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              sports                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active cmd" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                      <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cmds_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cmds_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">CMD SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active wbet" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wbet_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wbet_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">WBET Sport</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_sport_new.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_sport_new.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">SBO SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ibc" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ibc_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ibc_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">SABA SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active united-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">UNITED GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active bti" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bti_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bti_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">BTI SPORTS</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active beter" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">BETER ESPORT</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active fb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fb_sport.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fb_sport.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">FB SPORTS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/casino"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.CASINO" class="icon-casino"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              casino                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"  data-src="https://files.sitestatic.net/images/ppslot.gif?v=1.0" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">PRAGMATIC</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active welive" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/we_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/we_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">WE</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                      <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">PLAYTECH</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active allbet" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/allbet_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/allbet_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">ALLBET</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active beter" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">BETER</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                    <div class="hot-tag"></div>
                                                      <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">MICROGAMING</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active evo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evo_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evo_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">EVO</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sa-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sa_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sa_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">SA</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active sexy-baccarat" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sb_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sb_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">AE</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active asia-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ag_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ag_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">AG</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active big-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_big_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_big_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">BIG GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 568win" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_casino_new.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_casino_new.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">568win</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active opus" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/opus_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/opus_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">OPUS</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active wm" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wm_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wm_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">WM</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active w" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/w_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/w_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">W</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active dreamgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dream_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dream_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">DREAM GAMING</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active ezugi" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">EZUGI</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">SKYWIND</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active lg88" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/lg88_casino.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/lg88_casino.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">LG88</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="//" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/fish-hunter"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.FISHHUNTER" class="icon-fish_hunter"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              tembak ikan                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/joker-gaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spadegaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/spadegaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SPADE GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cq9" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/cq9" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">CQ9</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/jili" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active skywind" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/skywind" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft_fishing" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/dragoonsoft_fishing" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">DRAGOON SOFT</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active kagaming_fishing" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/kagaming_fishing" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">KA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fastspin_fishing" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fastspin_fishing" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">FASTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fachai_fishing" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fachai_fishing" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">FACHAI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jdb_fishing" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/jdb_fishing" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JDB</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ks-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/ks-gaming" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">KSGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active i8" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/i8" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/i8_fishing.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/i8_fishing.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">i8</div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/lottery"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i class="icon-lottery"></i>
                              </span>
                            <span class="hot">HOT</span>

                                          <span class="hot new"  >NEW</span>

                          </div>
            <div class="nav-title">
                              LOTRE                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 4d-amazon" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/22.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/22.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Amazon 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-king" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/23.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/23.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">King 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-hongkong-grand" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/21.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/21.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Hongkong Grand 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-shanghai-hero" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/20.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/20.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Shanghai Hero 4D</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 4d-singapore-pools" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/17.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/17.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Singapore Pools 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active toto-singapore-pools" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/16.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/16.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Toto Singapore Pools</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-malaysia-toto" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/25.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/25.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Malaysia Toto 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active 4d-malaysia-magnum" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/24.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/24.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Malaysia Magnum 4D</div>
                        </div>

                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active 4d-malaysia-damacai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/26.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel/26.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">Malaysia Damacai 4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active nex4d" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nex4d_togel.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nex4d_togel.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">NEX4D</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active hkb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/lottery/hkb" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_lottery.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_lottery.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">HKB TOGEL</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hkb/live" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/lottery/hkb/live" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_live.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_live.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">HKB LIVE</div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://hoki126-siap.com/e-games"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i  class="icon-others"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              e-games                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dragoonsoft" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">DRAGOONSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active vesatrade" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink bg-um maintenance-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastrade_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastrade_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title">VESATRADE</div>
                        </div>

                      
                  </div>
                                                    <div class="auto-box text-center active gemini" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/gemini" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gemini_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gemini_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">GEMINI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jili" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/jili" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JILI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spribe" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/spribe" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/spribe_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/spribe_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">SPRIBE</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ks-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/ks-gaming" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">KSGAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active joker-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/joker-gaming" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">JOKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active classic-15-keno" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/classic-15-keno" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_3.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_3.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Classic Keno 10</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active baccarat" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/baccarat" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/baccarat_1.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/baccarat_1.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Baccarat</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active stud-poker" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/stud-poker" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/poker_1.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/poker_1.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Caribbean Stud Poker</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active classic-8-keno" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/classic-8-keno" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_2.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_2.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Classic Keno 8</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ultimate-keno" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/ultimate-keno" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_1.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/keno_1.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Ultimate Keno</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active classic-bola-tangkas" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/classic-bola-tangkas" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/classic_bola_blind_1.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/classic_bola_blind_1.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Classic Bola Tangkas</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active bola-tangkas" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/bola-tangkas" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/bola_blind_1.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_rng/bola_blind_1.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Bola Tangkas</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active multihand-blackjack" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/multihand-blackjack" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bjma.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bjma.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Multihand Blackjack</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active big-bass-crash" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/big-bass-crash" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/1320.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/1320.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Big Bass Crash</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active spaceman" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/spaceman" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/1302.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/1302.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Spaceman</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active american-blackjack" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/american-blackjack" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bjmb.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bjmb.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">American Blackjack</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active roulette" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/roulette" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/rla.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/rla.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Roulette</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragon-bonus-baccarat" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dragon-bonus-baccarat" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bnadvanced.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bnadvanced.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Dragon Bonus Baccarat</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragon-tiger" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dragon-tiger" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bndt.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bndt.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Dragon Tiger</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pp-baccarat" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/pp-baccarat" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bca.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng/bca.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">Baccarat</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active microgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/microgaming" target="_blank" >
                                                                                                <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_rng.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/mg_rng.png?v=0.2" *ngIf="showEle" height="90"/>
                        <div class="menu-item-title">MICROGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hide_this_sec" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                              <img  alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"  data-src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2" *ngIf="showEle" height="90"/>
                          <div class="menu-item-title"></div>
                        </div>

                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item ">
          <a class="navlink " href="https://hoki126-siap.com/promotion"  >
            <div class="nav-icon">
              <span><i class="icon-gift"></i></span>
            </div>
            <div class="nav-title" i18n="@PROMOS">PROMOSI</div>
          </a>
        </div>
        
        
                <div class="nav-item ">
          <a class="navlink " href="https://hoki126-siap.com/referral"  >
            <div class="nav-icon">
              <span>
                <i class="icon-users"></i>
              </span>
            </div>
            <div class="nav-title" i18n="@REFERRAL">REFERRAL</div>
          </a>
        </div>
                             
                    <div class="nav-item">
            <a class="navlink " href="https://rebrand.ly/rtphoki126-gacor" target="_blank">
              <div class="nav-icon">
                <span>
                  <i></i>
                  <img src = "https://files.sitestatic.net/ImageFile/657f08a12afe2_rtp hoki126.gif"  style="max-width: 75px; height: 40px; margin-bottom:0;">
                </span>
              </div>
            <div class="nav-title"  >RTP</div>
            </a>
          </div>
                  

      </div>
    </div>

  </div>
    <!--END main nav-->
  </div>
  <div class="content my01">
     
 <style>
.slider-size {
  max-height: 500px; 
  min-height: 130px;
}
</style>
 
<section class="carousel-fixed-height">
<div id="carousel-fixed-height" class="carousel slide  " data-ride="carousel">
        <ol class="carousel-indicators">
              
            <li data-target="#carousel-fixed-height" data-slide-to="0" class="active"></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="1" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="2" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="3" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="4" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="5" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="6" class=""></li>  
                    </ol>

      <div class="carousel-inner" role="listbox" aria-label="banners carousel">
      
                 
                <div   class="item active" role="option">  
                                                        
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="https://files.sitestatic.net/banners/202406222142140000004bf5bbcbbdROGABAR__6400x2238.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="PERINGATAN!!!"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20240622214249000000e0aef00036ROGABAR__3670x1285.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="BONUS ROLL tiap hari"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2024062221430100000068551a6efcROGABAR__6400x2238.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Hoki126 Bonus New Member 30%"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202406212302260000008b00c8ecbdROGABAR__6400x2238.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Hoki126 Bonus Deposit Harian 10%"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20240622214345000000ed48086aaaROGABAR__6400x2238.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Hoki126 Bonus Garansi Gagal Gacor 100%"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/hoki126-situs-slot-online">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2024062221435600000023af3d11d0ROGABAR__6400x2238.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Hoki126 Deposit Pulsa Tanpa Potongan"  >
                </a> 

                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rebrand.ly/luckywheel-jackpot">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20240622214729000000b570e46b49ROGABAR__3670x1285.webp"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="LUCKY SPIN ANTI ZONK SETIAP HARI"  >
                </a> 

                                    
                </div>
                       
      </div>

      <a class="left carousel-control" href="#carousel-fixed-height" role="button" data-slide="prev">
        <!-- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> -->
        <span class="icon-wrap">
        <i class="icon-chevron-left icon-prev"></i>
        </span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-fixed-height" role="button" data-slide="next">
        <!-- <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> -->
        <span class="icon-wrap"><i class="icon-arrow_forward_ios icon-next"></i></span>
        
        <span class="sr-only">Next</span>
      </a> 

    </div>
  </section>
 



<div class="container">
  <div class="jackpot">
 
        <img class="img-fluid" style="width:100%;"
        src="https://files.sitestatic.net/progressive_img/62bc7158b2cb3_JACKPOT.gif"
        alt="jackpot" />
    <div class="txt-overlay">
        <div class="text-content" style="font-size : 2.85em;">
            <span id="jackpot_amount">IDR 621,759,423</span>
        </div>
    </div>
  </div>
</div>
<div class="app-wrapper container">
<!--Onix hkb_lottery_results-->
<div class="row" style="padding-top:30px;">
    <div class="col-xs-12">
        <div class="g-slider-wrapper recommend js-cycling-gallery-onix widget-wrapper">
            <div class="title-wrapper onix_hkb_arrow">
                <h4 class="title u-section-title">HASIL TOGEL</h4>
                <div class="pagi-wrp">
                    <button class="btn btn-link js-cycling-btn btn-prev" data-action = "prev" ><i class="icon-chevron-left"></i></button>
                    <button class="btn btn-link js-cycling-btn btn-next " data-action = "next"><i class="icon-chevron-right"></i></button>
                </div>                
            </div>
            <div class="content-wrapper hot-games hkb_onix" style=" overflow: hidden;position: relative;">
                                <ul style=" position: absolute;" data-count="10">
                                                            <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Singapore  </div>      
                                <div class="onix_hkb_number">6553 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Sydney  </div>      
                                <div class="onix_hkb_number">4262 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Hongkong  </div>      
                                <div class="onix_hkb_number">3070 </div>
                                <div class="onix_hkb_date">2024-09-17 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Cambodia  </div>      
                                <div class="onix_hkb_number">4573 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> China  </div>      
                                <div class="onix_hkb_number">5365 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Japan  </div>      
                                <div class="onix_hkb_number">2499 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Grabpools  </div>      
                                <div class="onix_hkb_number">3106 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Mongolia  </div>      
                                <div class="onix_hkb_number">6104 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Taiwan  </div>      
                                <div class="onix_hkb_number">2738 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Nusantara  </div>      
                                <div class="onix_hkb_number">7900 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                                                                <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Singapore  </div>      
                                <div class="onix_hkb_number">6553 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Sydney  </div>      
                                <div class="onix_hkb_number">4262 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Hongkong  </div>      
                                <div class="onix_hkb_number">3070 </div>
                                <div class="onix_hkb_date">2024-09-17 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Cambodia  </div>      
                                <div class="onix_hkb_number">4573 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> China  </div>      
                                <div class="onix_hkb_number">5365 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Japan  </div>      
                                <div class="onix_hkb_number">2499 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Grabpools  </div>      
                                <div class="onix_hkb_number">3106 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Mongolia  </div>      
                                <div class="onix_hkb_number">6104 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Taiwan  </div>      
                                <div class="onix_hkb_number">2738 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Nusantara  </div>      
                                <div class="onix_hkb_number">7900 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                                                                <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Singapore  </div>      
                                <div class="onix_hkb_number">6553 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Sydney  </div>      
                                <div class="onix_hkb_number">4262 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Hongkong  </div>      
                                <div class="onix_hkb_number">3070 </div>
                                <div class="onix_hkb_date">2024-09-17 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Cambodia  </div>      
                                <div class="onix_hkb_number">4573 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> China  </div>      
                                <div class="onix_hkb_number">5365 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Japan  </div>      
                                <div class="onix_hkb_number">2499 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Grabpools  </div>      
                                <div class="onix_hkb_number">3106 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Mongolia  </div>      
                                <div class="onix_hkb_number">6104 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Taiwan  </div>      
                                <div class="onix_hkb_number">2738 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                        <li>
                        <div class="game-box onix_hkb">
                            <div class=" game-title onix_hkb_result">
                                <div class="onix_hkb_period"> Nusantara  </div>      
                                <div class="onix_hkb_number">7900 </div>
                                <div class="onix_hkb_date">2024-09-18 </div>
                            </div>

                        </div>
                    </li>
                                                        </ul>
            </div>
        </div>
    </div>
</div>
<!--Onix hkb_lottery-->

<div class="row" style="padding-top:30px;">
    <div class="col-xs-12">
        <div class="g-slider-wrapper hot">
            <div class="title-wrapper">
                <h4 class="u-section-title">GAME TERPOPULAR</h4>
                <div class="pagi-wrp">
                        <button class="btn btn-link js-btn-prev " ><i class="icon-chevron-left"></i></button><!--
                        --><button class="btn btn-link js-btn-next "><i class="icon-chevron-right"></i></button>
                </div>
                
            </div>
            <div class="content-wrapper" style="">
            <ul>
                

                                <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Gates-of-Olympus-1000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Gates of Olympus 1000" src="" alt="Gates of Olympus 1000"
                                data-src="https://files.sitestatic.net/games/i/220x220/6d39308186b2c0ede30a49d0c486e911.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Gates of Olympus 1000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Starlight-Princess-1000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Starlight Princess 1000" src="" alt="Starlight Princess 1000"
                                data-src="https://files.sitestatic.net/games/i/220x220/220106934a3dcdf7fc45d13bf8c3cbe5.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Starlight Princess 1000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Mahjong-Wins-2" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Wins 2" src="" alt="Mahjong Wins 2"
                                data-src="https://files.sitestatic.net/games/i/220x220/9e1e3b057df8d1ff272e7bd5b61d6992.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Mahjong Wins 2</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/advantplay?hot=Kingyo-Riches" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Kingyo Riches" src="" alt="Kingyo Riches"
                                data-src="https://files.sitestatic.net/games/i/220x220/b69e0e0c380b3fba9eb59fbcb9e19a8e.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Kingyo Riches</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/advantplay?hot=Fish-Prawn-Crab-Bonanza" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Fish Prawn Crab Bonanza" src="" alt="Fish Prawn Crab Bonanza"
                                data-src="https://files.sitestatic.net/games/i/220x220/ee678d8cf8d8cdb8aaefeb0efbe64070.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Fish Prawn Crab Bonanza</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/advantplay.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/advantplay?hot=Ramakien-Blessing" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Ramakien Blessing" src="" alt="Ramakien Blessing"
                                data-src="https://files.sitestatic.net/games/i/220x220/80bcc2e8fafe54c5fac06e0f345cddee.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Ramakien Blessing</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/advantplay.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Sweet-Bonanza-1000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Sweet Bonanza 1000" src="" alt="Sweet Bonanza 1000"
                                data-src="https://files.sitestatic.net/games/i/220x220/68585ca56ca4bd96989c71fce118b8b6.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Sweet Bonanza 1000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Gates-of-Olympus" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Gates of Olympus" src="" alt="Gates of Olympus"
                                data-src="https://files.sitestatic.net/games/i/220x220/4d5007c76503d49d8ef3f96d3cf4a01c.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Gates of Olympus</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Starlight-Princess" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Starlight Princess" src="" alt="Starlight Princess"
                                data-src="https://files.sitestatic.net/games/i/220x220/c957cd96f3779941ca5755ad5a3e9af0.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Starlight Princess</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Sweet-Bonanza" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Sweet Bonanza" src="" alt="Sweet Bonanza"
                                data-src="https://files.sitestatic.net/games/i/220x220/cf7fdad8713f88703071adaf9a189b74.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Sweet Bonanza</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pgsoft?hot=Mahjong-Ways-2" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Ways 2" src="" alt="Mahjong Ways 2"
                                data-src="https://files.sitestatic.net/games/i/220x220/f24e33352829cf3475df062f42e059ef.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Mahjong Ways 2</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pgsoft?hot=Mahjong-Ways" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Ways" src="" alt="Mahjong Ways"
                                data-src="https://files.sitestatic.net/games/i/220x220/531e9d0cd776c15906ce761bb56f90ae.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Mahjong Ways</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pgsoft?hot=Lucky-Neko" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Lucky Neko" src="" alt="Lucky Neko"
                                data-src="https://files.sitestatic.net/games/i/220x220/9a43da1342aca190cb05be8886f44821.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Lucky Neko</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pgsoft?hot=Wild-Bandito" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Wild Bandito" src="" alt="Wild Bandito"
                                data-src="https://files.sitestatic.net/games/i/220x220/9c9f5f5160abe569deada38af4f5fc7c.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Wild Bandito</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/fastspin?hot=Neko-Riches" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Neko Riches" src="" alt="Neko Riches"
                                data-src="https://files.sitestatic.net/games/i/220x220/5754946c028b1072743067344292c9cf.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Neko Riches</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/fastspin.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/568win?hot=Maneki-Neko" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Maneki Neko" src="" alt="Maneki Neko"
                                data-src="https://files.sitestatic.net/games/i/220x220/68e7e830d057ac89487e9673a0cacd4f.webp" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Maneki Neko</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/sbo.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                </ul>
    </div>
    </div>
</div>
</div>


<div class="row" style="padding-top:30px;">

    <div class="col-xs-12">
        <div class="g-slider-wrapper new">
            <div class="title-wrapper">
                <h4 class="title u-section-title">GAME BARU</h4>
            
                <div class="pagi-wrp">
                    <button class="btn btn-link js-btn-prev " ><i class="icon-chevron-left"></i></button><!--
                    --><button class="btn btn-link js-btn-next "><i class="icon-chevron-right"></i></button>
                </div>
            
            </div>
            <div class="content-wrapper" style="">
            <ul>
                

                                <li>
                                                            <a class="game-box   " href="/slots/cq9?hot=Go-Fishing" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Go Fishing" src="" alt="Go Fishing"
                                data-src="https://files.sitestatic.net/SlotImages/cq9/go_fishing.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Go Fishing</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/cq9.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/cq9?hot=CHICAGOII" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="CHICAGOII" src="" alt="CHICAGOII"
                                data-src="https://files.sitestatic.net/SlotImages/cq9/chicago2.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">CHICAGOII</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/cq9.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                    <li>
                                    <li>
                                    <li>
                                    <li>
                                                            <a class="game-box   " href="/slots/joker-gaming?hot=Masquerade" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Masquerade" src="" alt="Masquerade"
                                data-src="https://img.zhenqinghua.com/gameimages/landscape/86hskqb38a9ua.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Masquerade</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/jk.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/joker-gaming?hot=Gates-Of-Wealth" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Gates Of Wealth" src="" alt="Gates Of Wealth"
                                data-src="https://img.zhenqinghua.com/gameimages/landscape/ao6qfxp1sqamn.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Gates Of Wealth</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/jk.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/microgaming?hot=Mask-of-Amun" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mask of Amun" src="" alt="Mask of Amun"
                                data-src="https://files.sitestatic.net/aurin_image/demo_assets/mg_slots/BTN_MaskofAmun.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Mask of Amun</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/mg.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/microgaming?hot=Lucky-Leprechaun-Clusters" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Lucky Leprechaun Clusters" src="" alt="Lucky Leprechaun Clusters"
                                data-src="https://files.sitestatic.net/aurin_image/demo_assets/mg_slots/BTN_LuckyLeprechaunClusters.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Lucky Leprechaun Clusters</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/mg.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/pgsoft?hot=Wings-of-Iguazu" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Wings of Iguazu" src="" alt="Wings of Iguazu"
                                data-src="https://files.sitestatic.net/SlotImages/pgsoft/Wings_of_Iguazu.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Wings of Iguazu</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/pgsoft?hot=Yakuza-Honor" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Yakuza Honor" src="" alt="Yakuza Honor"
                                data-src="https://files.sitestatic.net/SlotImages/pgsoft/Yakuza_Honor.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Yakuza Honor</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pgsoft.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/playngo?hot=Buildin'-Bucks" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Buildin&#039; Bucks" src="" alt="Buildin&#039; Bucks"
                                data-src="https://files.sitestatic.net/SlotImages/PlayNGo/BuildinBucks.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Buildin&#039; Bucks</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/playngo.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/playngo?hot=Gemix-100" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Gemix 100" src="" alt="Gemix 100"
                                data-src="https://files.sitestatic.net/SlotImages/PlayNGo/gemix100.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Gemix 100</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/playngo.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/playtech?hot=Circuit-Shock" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Circuit Shock" src="" alt="Circuit Shock"
                                data-src="https://files.sitestatic.net/SlotImages/Playtech2/Circuit_Shock.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Circuit Shock</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pt.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/playtech?hot=Quad-Link-Count" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Quad Link Count" src="" alt="Quad Link Count"
                                data-src="https://files.sitestatic.net/SlotImages/Playtech2/Quad_Link_Count.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Quad Link Count</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pt.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/pragmatic-play?hot=Oodles-of-Noodles" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Oodles of Noodles" src="" alt="Oodles of Noodles"
                                data-src="https://files.sitestatic.net/SlotImages/pragmaticplay/200/vs10noodles.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Oodles of Noodles</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/pragmatic-play?hot=Congo-Cash-XL" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Congo Cash XL" src="" alt="Congo Cash XL"
                                data-src="https://files.sitestatic.net/SlotImages/pragmaticplay/200/vswayscongcash.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Congo Cash XL</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/pp.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/skywind?hot=King-in-Red" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="King in Red" src="" alt="King in Red"
                                data-src="https://files.sitestatic.net/SlotImages/skywind/King_in_Red.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">King in Red</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/skywind.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/skywind?hot=The-Captain's-Quest" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="The Captain&#039;s Quest" src="" alt="The Captain&#039;s Quest"
                                data-src="https://files.sitestatic.net/SlotImages/skywind/The_Captains_Quest.jpg" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">The Captain&#039;s Quest</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/skywind.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/spadegaming?hot=Lucky-Twin-Sea" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Lucky Twin Sea" src="" alt="Lucky Twin Sea"
                                data-src="Lucky_Twin_Sea.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Lucky Twin Sea</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/skywind.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href="/slots/spadegaming?hot=Fury-Max-Lucky-Road" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Fury Max Lucky Road" src="" alt="Fury Max Lucky Road"
                                data-src="Fury_Max_Lucky_Road.png" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Fury Max Lucky Road</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_providers_logos_sm/skywind.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                    <li>
                                    <li>
                                    <li>
                                    <li>
                            </ul>
    </div>
    </div>
</div>


</div>



<div>

    <div class="row home-info-grp" style="padding-top:15px;">
        <div class="col-xs-12 col-md-5 col-lg-5 svc-advantage d-md-pl-0" >
            <!--Service advantages -->
            <div class="title-box">
                <h3 class="u-section-title">
                    KELEBIHAN LAYANAN                </h3>
            </div>
            <div class="content-box u-section-box--bg">
                <div class="row ">
                <div class=" col-xs-12 col-md-6 d-md-pl-5"  >
                    <div class="card">
                    <div class="card-header clearfix">
                        <div class="circle-wrp"><i class="icon-atm"></i> </div>
                        <div class="text-wrp">
                            <div class="u-section-title">
                                DEPOSIT                            </div>
                            <div>Waktu rata-rata</div>
                        </div>
                    </div>
                    <div class="">
                        <div class="text-right fs-md" style="padding-bottom:8px;">
                            1 Mins                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow="10" aria-valuemin="0"
                                aria-valuemax="100" style="width: 10%;">
                                <span class="sr-only">10% Complete</span>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
                <div class="   col-xs-12 col-md-6  d-md-pl-5"   >
                    <div class="card">
                    <div class="card-header clearfix">
                        <div class="circle-wrp"><i class="icon-coinbag"></i></div>
                        <div class="text-wrp">
                            <div class="u-section-title">
                                WITHDRAW                            </div>
                            <div>Waktu rata-rata</div>
                        </div>
                    </div>
                    <div class="">
                        <div class="text-right fs-md" style="padding-bottom:8px;">
                            3 Mins                        </div>
                        <div class="progress">
                            <div class="progress-bar" role="progressbar" aria-valuenow="30" aria-valuemin="0"
                                aria-valuemax="100" style="width: 30%;">
                                <span class="sr-only">30% Complete</span>
                            </div>
                        </div>
                    </div>
                 </div>
                </div>
                <div class="  col-xs-12  mt-3 text-center"   >
                    <div class="card">
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="circle-wrp">
                                <i class="icon-users2"></i>
                            </div >
                            <div>
                                <div>Pengguna</div>
                                <div>52649</div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="circle-wrp">
                                <i class="icon-cash"></i>
                            </div >
                            <div>
                                <div>Jumlah Taruhan</div>
                                <div>1,348,949,736 </div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="circle-wrp">
                                <i class="icon-stamp"></i>
                            </div >
                            <div>
                                <div>Online</div>
                                <div>15795 </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                 </div>
            </div>

        </div>
        <div class="col-xs-12  col-md-7 col-lg-7 ">
            <div class="row">
                <div class="col-xs-12  col-md-6 col-lg-6 info-centre d-md-pl-0"   >
                    <div class="title-box">
                        <h3 class="u-section-title">
                            PUSAT INFO  
                        </h3>
                    </div>
                    <div class="content-box u-section-box--bg">
                        <ul>
                            <li>
                                <div class="text">Cara Bermain SportsBook</div>
                                <a class="btn btn-link" href="https://hoki126-siap.com/info/how-sportsbook" > Lebihnya</a>
                            </li>
  <li>
                                <div class="text">Cara Bermain Slot</div>
                                <a class="btn btn-link" href="https://hoki126-siap.com/info/how-slots" > Lebihnya</a>
                            </li>
                            
                            <li>
                                <div class="text">Cara Melakukan Deposit</div>
                                <a class="btn btn-link"  href="https://hoki126-siap.com/info/faq-deposit"> Lebihnya</a>
                            </li>
                            <li>
                                <div class="text">Cara Melakukan Withdraw </div>
                                <a class="btn btn-link"href="https://hoki126-siap.com/info/faq-faq_withdrawal" > Lebihnya</a>
                            </li> 

                            
                        </ul>
        
                    </div>
                </div>
           
                <div class="col-xs-12  col-md-6 col-lg-6 member-svc">
                    <div class="title-box">
                        <h3 class="u-section-title">
                            MEMBER SERVICE
                        </h3>
                    </div>
                    <div class="content-box u-section-box--bg">
                                                
                                                                        <section class="contacts-carousel">
                            <div id="contacts-carousel" class=" carousel slide  " data-ride="carousel">
                                    <ol class="carousel-indicators">
                                      
                                                
                                        <li data-target="#contacts-carousel" data-slide-to="0" class="active"></li>  
                                                                                        
                                        <li data-target="#contacts-carousel" data-slide-to="1" class=""></li>  
                                                                                                               
                                    </ol>
                                   
                                <div class="carousel-inner" role="listbox" aria-label="contacts carousel">
                                
                                             
                                            <div   class="item active" role="option">  
                                                 
                                                <a target="_blank" href="javascript:void(0)" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-phone"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">HOTLINE</div>
                                                        <div class="">6281320828487</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://api.whatsapp.com/send?phone=6281320828487" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-whatsapp"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">WHATSAPP</div>
                                                        <div class="">6281320828487</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://www.facebook.com/groups/hoki126vip" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-facebook"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">FACEBOOK</div>
                                                        <div class="">Klik disini</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                                                            </div>
                                             
                                            <div   class="item" role="option">  
                                                 
                                                <a target="_blank" href="https://heylink.me/hoki126" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-chrome"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">GOOGLE</div>
                                                        <div class="">Klik disini</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://t.me/hoki126_official" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-telegram"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">TELEGRAM</div>
                                                        <div class="">hoki126_official</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                                                            </div>
                                                                            
                                </div> 
                                </div>
                        </section>
                                    
                    </div>
                </div>

            </div>
        </div>
   
    </div>
</div></div>
<script>
    $(document).ready(function () {


            console.log((!document.referrer.includes('__cf')))
      

         
        ajax_jackpot();

        setInterval(function () {
            prize += getRandomIntInclusive(2451, 3470)
            prize = parseFloat(prize);
            prize = prize;
            $('#jackpot_amount').html( window.currencyCode + ' '+ commaSeparateNumber(prize,true));
            //$('.jackpot_numbers_home').html(`IDR ` + commaSeparateNumber(prize));
        }, 751);

    });
</script>
  </div>

  <div class="site-footer">
    <div class="container">
      <div class="footer-content clearfix">
    <br />
    <div>
      <div class="pull-right footerlink">
        <ul class="clearfix">
          <li>
            <div class="copyright" >
              @2024 HOKI126. Seluruh hak cipta | 18+ | v1.55
            </div>
          </li>
        </ul>
      </div>
      <div class="footerlink">
        <ul class="clearfix">
                      <li><a href="https://hoki126-siap.com/info/faq-general">Tentang kami</a></li>
            <li>|</li>
            <li><a href="https://hoki126-siap.com/info/faq-banking">Info Perbankan</a></li>
                        <li>|</li>
            <li><a href="https://hoki126-siap.com/info/faq-general" >Pusat Info</a></li>
                        <li>|</li>
            <li><a href="https://hoki126-siap.com/contact-us"   >Hubungi kami</a></li>
            
                              </ul>
              </div>
    </div>
            <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
    <div class="clearfix mt-3">
      
      <div class="pull-left text-left footerlink">
        <div class="small small-theme-color" >
          Platform Penyedia Layanan        </div>
        <div class="mt-2 footer_btm_logo_img">
         
                    <img class="footer_logimg" style="max-height: 50px;"  alt="logo" src="https://files.sitestatic.net/images/LOGO_ONIX_GAMING.png?v=4">
          <!-- <img class="footer_logimg" style="max-height: 50px;"  alt="HOKI126" src="https://files.sitestatic.net/ImageFile/62b0157dab4a0_hoki126_design3_310x80.png"> -->
                  </div>
      </div>
      
                  <div class="pull-right social-icons">
          <a href="https://www.facebook.com/groups/hoki126vip" target="_blank" class="button icon circle is-outline facebook"><i class="icon-facebook"></i></a>
          <a href="#" target="_blank"  class="button icon circle is-outline twitter"><i class="icon-twitter"></i></a>
          <a href="#" target="_blank"  class="button icon circle is-outline instagram"><i class="icon-instagram"></i></a>
          <a href="#" target="_blank"  class="button icon circle is-outline youtube"><i class="icon-youtube-play"></i></a>
        </div>
                </div>
    <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
    <div class="clearfix mt-3">
      <div class="row">
        <div class="col-md-10 col-sm-8">
          <div class="pull-left text-left footerlink">
            <div class="small" >
              Cara Pembayaran            </div>
            <div class="payment_imgs mt-2">
              <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/bank_col.jpg?v=4" alt="bank payment method">
                              <img class="img-fluid"  style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/ewallet_col.jpg?v=4" alt="ewallet payment method">
                             
                                  <img class="img-fluid"  style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/pulsa_col.jpg?v=4" alt="pulsa payment method">
                 
                                        </div>
          </div>
        </div>
        <div class="col-md-2 col-sm-4">
          <div class="pull-right text-right footerlink">
            <div class="small" >
              Browser yang Disarankan            </div>
            <ul class="text-t600 mt-2">
              <li><h2><i class="icon-chrome"></i></h2></li>
              <li><h2><i class="icon-firefox"></i></h2></li>
              <li class="pr-0"><h2><i class="icon-safari"></i></h2></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  
    <div class="clearfix mt-3">
      <div class="pull-left footerlink">
        <div class="small" >
          Game Provider        </div>
                <div class="footer_pwrd_by_logo">
                      <img class="img-fluid" src="https://files.sitestatic.net/images/footer_provider_white.png?v=0.5">
          
        </div>
        
      </div>
    </div>

    <br />
    <br />
  </div>
    </div>
  </div>



  <!-- current path here : /-->
  <!-- if($Current_URL == '/') -->
  <style>
.icon-zalo .path1:before {
  content: "\e966";
  color: #e6eff4;
}
.icon-zalo .path2:before {
  content: "\e969";
  color: #b6d1dd;
  margin-left: -1em;
}
.icon-zalo .path3:before {
  content: "\e96e";
  color: #41a0d7;
  margin-left: -1em;
}
.icon-zalo .path4:before {
  content: "\e96f";
  color: #fff;
  margin-left: -1em;
}
.bottom-to-top{
  transform: none!important;
}
</style>
<div class="floats floats-right">
    <div class="slider">
      <div class="fc">
        <div class="fc-left text-center">

          <div class="center i-circle" style="padding-top:5px;">
            <i class="icon-phone"></i>
          </div>

          <div class="bottom-to-top center fs-lg" i18n="@CONTACT-US-"> &nbsp;HUBUNGI KAMI &nbsp;</div>
          <div class="center fs-md">
            <i class="icon-double_arrow_r"></i>
          </div>
        </div>
        <div class="fc-right center fs-lg">
          <div class="bg-1">
            <div class="text-center"> <span class="txt-xxl"><i class="icon-24-7 icon-sun-moon"></i><span>24x7</span></span> </div>
                        <div class="row no-gutters">
            <div class="col-xs-6">
              <a class="btn btn-block btn-accent green_over" href="javascript:void(0)" onclick="openLiveChat('https://direct.lc.chat/14253075/' , '')" id="btn-joinNow" i18n="@LIVE-HELP">LIVE HELP</a>
              </div>
              <div class="col-xs-6">
                <a class="btn btn-block btn-tertiery yellow_over" href="https://hoki126-siap.com/register" id="btn-joinNow" i18n>JOIN NOW</a>
              </div>
            </div>
            <div class="box flex flex-align-top ">
               <i class="icon-clock"></i>
              <div class="pl-2 font-size-sm "><span i18n>Quick Easy Deposit</span><br /><span i18n="@Fast-withdraw">Fast withdraw</span></div>
            </div>
          </div>
          <div class="bg-2 fs-lg text-left">
                                                                                            <a class="btn btn-block box btn-primary contact-values"  href="javascript:void(0)" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-phone"></i></span><span>6281320828487</span>
                   </span>
                 </a>
                                                                                                                                                                <a class="btn btn-block box btn-primary contact-values"  href="https://api.whatsapp.com/send?phone=6281320828487" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-whatsapp"></i></span><span>6281320828487</span>
                   </span>
                 </a>
                                                                                                                                 <a class="btn btn-block box btn-primary contact-values"  href="https://www.facebook.com/groups/hoki126vip" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-facebook"></i></span><span>Facebook</span>
                   </span>
                 </a>
                                                                                                                                 <a class="btn btn-block box btn-primary contact-values"  href="https://heylink.me/hoki126" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-chrome"></i></span><span>Google</span>
                   </span>
                 </a>
                                                                                                  <a class="btn btn-block box btn-primary contact-values"  href="https://t.me/hoki126_official" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-telegram"></i></span><span>hoki126_official</span>
                   </span>
                 </a>
                                                                                             
                  <a class = 'btn btn-block box btn-primary rm_padding' type="button" data-toggle="collapse" data-target="#telegram_qr" aria-expanded="false" aria-controls="telegram_qr" style="margin-left: 0px;">
                          <span class="dis_flex add_padding contact-values">
                            <span class="icon-txt">
                              <i class="icon-telegram"></i>
                            </span>
                            <span>Telegram</span>
                          </span>     
                          <div class="qr_img_sec collapse"  id="telegram_qr">
                            <img src="https://files.sitestatic.net/ImageFile/202401232212240000006978be378cROGABAR__667x1280.jpg" class="qr_image">
                        </div>             
                  </a>
                  
                                          
                                      </div>
        </div>
      </div>
    </div>
  </div>
    <div class="floats floats-left">
    <div class="slider">
      <div class="fc">
        <div class="fc-left fs-lg">
          <div class="bg-2">
            <a    href ="https://s3-ap-southeast-1.amazonaws.com/apkstore888.net/HOKI126/hoki126.apk">
              <div class="pt-2 text-center ">
              <img  class="fd-qr" src ="https://files.sitestatic.net/apk_qr_img_v2/HOKI126/hoki126.png" >
              </div>
              <div class="text-center">
                <span class="icon-txt">
                  <i class="icon-android"></i>
                </span>
                <span>
                  HOKI126 Lite
                </span>
              </div>
            </a>

          </div>
        </div>
        <div class="fc-right text-center">

          <div class="center i-circle" style="padding-top:5px;">
            <i class="icon-download"></i>
          </div>

          <div class="bottom-to-top center fs-lg" i18n="@DOWNLOAD">&nbsp;&nbsp;DOWNLOAD&nbsp;&nbsp;</div>
          <div class="center fs-md">
            <i class="icon-double_arrow_l"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
  


  <!-- login form -->
    <div class="modal-wrapper nifty-modal fade-in-scale" id="login-modal--layout" data-isnotcloseoverlay="true">
	<div class="md-content"> 
		<div class='md-body'> 
			<style type="text/css">


    </style>
<div class="modal-header text-center">
      <button class="btn btn-link pull-left"  id="btn-close--login-modal"> X </button>
      <div style="width:100%;">
        <h4 class="text-center modal-title">Login</h4>
      </div>
    </div>
    <div class="modal-body"  >
      
       
       
      <!--app_sub_skin != \Constants::onix  -->
      <form name="loginForm" id="loginForm" class="form-horizontal needs-validation"  action="https://hoki126-siap.com/login"    method="POST"  [ngClass]="{'was-validated':isSubmit,'':!isSubmit }" >
       <input type="hidden" name="_token" value="3UhJbIjGpZBPP9sWZsG5Z49nNWeZ52lJIoxgJVnd">        
        <div class="form-group ">
          <label for="UserName" class="fs-lg" i18n>Nama pengguna</label>
          <div class="icon-input">
            <input type="text" class="form-control input-l" maxlength="50" name="user_name"  autocomplete="off" required="required" id="UserName" aria-describedby="emailHelp" placeholder="">
            <i class="icon-user left"></i>

          </div>
        </div>
       
        

        <div class="form-group ">
          <label for="pwd--login" class="fs-lg" i18n>Kata sandi</label>
          <div class="icon-input">
            <input type="password" class="form-control  input-l"  maxlength="20"  id="pwd--login" name="password" required="required" autocomplete="current-password"/>
            <i class="icon-lock left"></i>
            <i class="icon-eye toggle-password" input_id="#pwd--login"></i>
          </div>
        </div> 
        <div class="form-group "> 
          <label> 
            <input type="checkbox" id="RememberMe" name="remember_me" value="1" checked>
            <small class="text-left"> Ingat saya </small>
        </label> 
        </div> 
      
    
                <div class="row  alert alert-danger message" _login-modal >
           </div>

        <div class="form-group text-center">
          <button type="submit"   *ngIf="!inProgress"  class="btn btn-block btn-primary fs-lg btn-submit">Login</button>
       
            <button  type="button"  *ngIf="!inProgress"  class="btn btn-link" id="forgotPwd-btn--login-modal" i18n>
              Lupa kata sandi? &nbsp;<i class="icon-redo"></i>
            </button>
         
        
          <app-ellipsis *ngIf="inProgress"></app-ellipsis>
        </div>

      </form>
      
      <form class="form-horizontal" id="resetPwdForm" name="resetPwdForm" action="/apply-resetpwd" method="post"  >
        <input type="hidden" name="_token" value="3UhJbIjGpZBPP9sWZsG5Z49nNWeZ52lJIoxgJVnd">        
        
        <div class="form-group row">
            <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;"  data-type='emailOpt'>
                <input  type="radio" name="comm_type" value="email" checked >
                <label class="" >
                    <span class="radio-title"> Alamat email </span>
                        <span class="marked">
                            <i class ="icon-checkmark"></i>
                        </span>
                </label>
            </div>
                          <div class="col-xs-6 radio_2 p-0 fpwContactMethod" style="padding: 0;"  data-type='mobileOpt'>
                      <input  type="radio" name="comm_type" value="mobile" >
                      <label class="">
                          <span class="radio-title"> Nomor telepon </span>
                              <span class="marked">
                                  <i class ="icon-checkmark"></i>
                              </span>
                      </label>
              </div>
                    </div>
        <div class="form-group"  id="emailInput">
          <label for="password" >Alamat email</label>
          <div class="icon-input">
            <input type="email" class="form-control input-l"  name="email" required="required" id="email" aria-describedby="emailHelp" placeholder="">
            <i class="icon-envelope left"></i>
          </div>
        </div>
                <div class="form-group row no-gutters" id="mobileInput">
            <label class="">Nomor telepon</label>
            
            <div class="input-group">            
                                <div class="input-group-btn pos-abs">
                <button type="button"  class="btn btn-default dropdown-toggle input-l" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
                    <span id="txt-contact-country"> +62</span>
                    <span class="caret"></span>
                
                </button> 
                <input type="hidden" name="contact_country"
                value="62">
                <ul class="dropdown-menu" id="fpw-contact-country" style=" height: 200px; overflow-y: scroll; ">
                    <li><a class="js-opt" href="#" data-value="62" id="def-ctrycontact-opt"  >Indonesia (+62)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="93"  >Afghanistan (+93)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="358"  >Aland Islands (+358)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="355"  >Albania (+355)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="213"  >Algeria (+213)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1684"  >American Samoa (+1684)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="376"  >Andorra (+376)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="244"  >Angola (+244)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1264"  >Anguilla (+1264)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Antarctica (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1268"  >Antigua and Barbuda (+1268)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="54"  >Argentina (+54)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="374"  >Armenia (+374)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="297"  >Aruba (+297)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="61"  >Australia (+61)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="43"  >Austria (+43)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="994"  >Azerbaijan (+994)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1242"  >Bahamas (+1242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="973"  >Bahrain (+973)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="880"  >Bangladesh (+880)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1246"  >Barbados (+1246)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="375"  >Belarus (+375)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="32"  >Belgium (+32)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="501"  >Belize (+501)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="229"  >Benin (+229)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1441"  >Bermuda (+1441)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="975"  >Bhutan (+975)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="591"  >Bolivia (+591)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Bonaire, Sint Eustatius and Saba (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="387"  >Bosnia and Herzegovina (+387)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="267"  >Botswana (+267)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="55"  >Bouvet Island (+55)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="55"  >Brazil (+55)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="246"  >British Indian Ocean Territory (+246)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="673"  >Brunei Darussalam (+673)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="359"  >Bulgaria (+359)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="226"  >Burkina Faso (+226)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="257"  >Burundi (+257)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="855"  >Cambodia (+855)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="237"  >Cameroon (+237)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >Canada (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="238"  >Cape Verde (+238)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1345"  >Cayman Islands (+1345)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="236"  >Central African Republic (+236)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="235"  >Chad (+235)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="56"  >Chile (+56)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="86"  >China (+86)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="61"  >Christmas Island (+61)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Cocos (Keeling) Islands (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="57"  >Colombia (+57)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="269"  >Comoros (+269)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="242"  >Congo (+242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="242"  >Congo, Democratic Republic of the Congo (+242)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="682"  >Cook Islands (+682)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="506"  >Costa Rica (+506)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="225"  >Cote D&#039;Ivoire (+225)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="385"  >Croatia (+385)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="53"  >Cuba (+53)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Curacao (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="357"  >Cyprus (+357)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="420"  >Czech Republic (+420)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="45"  >Denmark (+45)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="253"  >Djibouti (+253)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1767"  >Dominica (+1767)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1809"  >Dominican Republic (+1809)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="593"  >Ecuador (+593)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="20"  >Egypt (+20)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="503"  >El Salvador (+503)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="240"  >Equatorial Guinea (+240)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="291"  >Eritrea (+291)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="372"  >Estonia (+372)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="251"  >Ethiopia (+251)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="500"  >Falkland Islands (Malvinas) (+500)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="298"  >Faroe Islands (+298)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="679"  >Fiji (+679)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="358"  >Finland (+358)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="33"  >France (+33)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="594"  >French Guiana (+594)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="689"  >French Polynesia (+689)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="262"  >French Southern Territories (+262)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="241"  >Gabon (+241)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="220"  >Gambia (+220)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="995"  >Georgia (+995)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="49"  >Germany (+49)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="233"  >Ghana (+233)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="350"  >Gibraltar (+350)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="30"  >Greece (+30)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="299"  >Greenland (+299)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1473"  >Grenada (+1473)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Guadeloupe (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1671"  >Guam (+1671)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="502"  >Guatemala (+502)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Guernsey (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="224"  >Guinea (+224)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="245"  >Guinea-Bissau (+245)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="592"  >Guyana (+592)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="509"  >Haiti (+509)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="0"  >Heard Island and Mcdonald Islands (+0)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="39"  >Holy See (Vatican City State) (+39)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="504"  >Honduras (+504)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="852"  >Hong Kong (+852)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="36"  >Hungary (+36)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="354"  >Iceland (+354)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="91"  >India (+91)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="62"  >Indonesia (+62)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="98"  >Iran, Islamic Republic of (+98)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="964"  >Iraq (+964)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="353"  >Ireland (+353)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Isle of Man (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="972"  >Israel (+972)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="39"  >Italy (+39)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1876"  >Jamaica (+1876)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="81"  >Japan (+81)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >Jersey (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="962"  >Jordan (+962)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="7"  >Kazakhstan (+7)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="254"  >Kenya (+254)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="686"  >Kiribati (+686)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="850"  >Korea, Democratic People&#039;s Republic of (+850)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="82"  >Korea, Republic of (+82)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Kosovo (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="965"  >Kuwait (+965)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="996"  >Kyrgyzstan (+996)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="856"  >Lao People&#039;s Democratic Republic (+856)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="371"  >Latvia (+371)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="961"  >Lebanon (+961)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="266"  >Lesotho (+266)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="231"  >Liberia (+231)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="218"  >Libyan Arab Jamahiriya (+218)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="423"  >Liechtenstein (+423)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="370"  >Lithuania (+370)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="352"  >Luxembourg (+352)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="853"  >Macao (+853)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="389"  >Macedonia, the Former Yugoslav Republic of (+389)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="261"  >Madagascar (+261)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="265"  >Malawi (+265)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="60"  >Malaysia (+60)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="960"  >Maldives (+960)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="223"  >Mali (+223)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="356"  >Malta (+356)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="692"  >Marshall Islands (+692)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="596"  >Martinique (+596)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="222"  >Mauritania (+222)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="230"  >Mauritius (+230)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="269"  >Mayotte (+269)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="52"  >Mexico (+52)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="691"  >Micronesia, Federated States of (+691)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="373"  >Moldova, Republic of (+373)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="377"  >Monaco (+377)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="976"  >Mongolia (+976)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="382"  >Montenegro (+382)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1664"  >Montserrat (+1664)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="212"  >Morocco (+212)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="258"  >Mozambique (+258)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="95"  >Myanmar (+95)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="264"  >Namibia (+264)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="674"  >Nauru (+674)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="977"  >Nepal (+977)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="31"  >Netherlands (+31)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="599"  >Netherlands Antilles (+599)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="687"  >New Caledonia (+687)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="64"  >New Zealand (+64)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="505"  >Nicaragua (+505)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="227"  >Niger (+227)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="234"  >Nigeria (+234)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="683"  >Niue (+683)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="672"  >Norfolk Island (+672)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1670"  >Northern Mariana Islands (+1670)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="47"  >Norway (+47)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="968"  >Oman (+968)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="92"  >Pakistan (+92)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="680"  >Palau (+680)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="970"  >Palestinian Territory, Occupied (+970)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="507"  >Panama (+507)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="675"  >Papua New Guinea (+675)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="595"  >Paraguay (+595)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="51"  >Peru (+51)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="63"  >Philippines (+63)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="64"  >Pitcairn (+64)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="48"  >Poland (+48)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="351"  >Portugal (+351)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1787"  >Puerto Rico (+1787)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="974"  >Qatar (+974)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="262"  >Reunion (+262)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="40"  >Romania (+40)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="70"  >Russian Federation (+70)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="250"  >Rwanda (+250)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Saint Barthelemy (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="290"  >Saint Helena (+290)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1869"  >Saint Kitts and Nevis (+1869)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1758"  >Saint Lucia (+1758)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="590"  >Saint Martin (+590)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="508"  >Saint Pierre and Miquelon (+508)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1784"  >Saint Vincent and the Grenadines (+1784)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="684"  >Samoa (+684)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="378"  >San Marino (+378)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="239"  >Sao Tome and Principe (+239)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="966"  >Saudi Arabia (+966)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="221"  >Senegal (+221)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Serbia (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="381"  >Serbia and Montenegro (+381)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="248"  >Seychelles (+248)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="232"  >Sierra Leone (+232)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="65"  >Singapore (+65)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >Sint Maarten (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="421"  >Slovakia (+421)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="386"  >Slovenia (+386)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="677"  >Solomon Islands (+677)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="252"  >Somalia (+252)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="27"  >South Africa (+27)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="500"  >South Georgia and the South Sandwich Islands (+500)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="211"  >South Sudan (+211)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="34"  >Spain (+34)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="94"  >Sri Lanka (+94)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="249"  >Sudan (+249)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="597"  >Suriname (+597)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="47"  >Svalbard and Jan Mayen (+47)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="268"  >Swaziland (+268)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="46"  >Sweden (+46)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="41"  >Switzerland (+41)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="963"  >Syrian Arab Republic (+963)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="886"  >Taiwan, Province of China (+886)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="992"  >Tajikistan (+992)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="255"  >Tanzania, United Republic of (+255)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="66"  >Thailand (+66)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="670"  >Timor-Leste (+670)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="228"  >Togo (+228)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="690"  >Tokelau (+690)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="676"  >Tonga (+676)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1868"  >Trinidad and Tobago (+1868)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="216"  >Tunisia (+216)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="90"  >Turkey (+90)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="7370"  >Turkmenistan (+7370)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1649"  >Turks and Caicos Islands (+1649)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="688"  >Tuvalu (+688)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="256"  >Uganda (+256)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="380"  >Ukraine (+380)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="971"  >United Arab Emirates (+971)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="44"  >United Kingdom (+44)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >United States (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1"  >United States Minor Outlying Islands (+1)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="598"  >Uruguay (+598)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="998"  >Uzbekistan (+998)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="678"  >Vanuatu (+678)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="58"  >Venezuela (+58)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="84"  >Viet Nam (+84)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1284"  >Virgin Islands, British (+1284)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="1340"  >Virgin Islands, U.s. (+1340)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="681"  >Wallis and Futuna (+681)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="212"  >Western Sahara (+212)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="967"  >Yemen (+967)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="260"  >Zambia (+260)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="263"  >Zimbabwe (+263)</a></li>
                                    </ul>
                </div>
                <input type="text" style="height:fit-content;" name="mobile" id="mobile" value="" class="form-control input-l" >
             </div>            
        </div>
                 
          <div class="form-group row no-gutters">
            <div class="col-xs-8 col-md-8">
                <input  type="tel" id='registerCaptchaimg' class="form-control" name="forgotPwCaptchaimg" maxlength="4"
                    autocomplete="off" style="height: 50px;" placeholder="Captcha">
            </div>
            <button class="btn btn-refresh col-xs-4 col-md-4 text-left" type="button" id="fogotrefreshCaptcha"  >
            <img   data-url="https://hoki126-siap.com/captcha-image-forgotpw?v=1726674004" id="forgotPwCaptchaimgpath" class="captcha_img"
                autocomplete="off">
            <i class="icon-refresh"></i>
            </button>
          </div>
             
       <div class="row alert alert-danger message" _login-modal >
        </div>

        <div class="form-group text-center">
          <button type="submit" class="btn btn-block btn-primary fs-lg">Reset</button>
          <button type="button" id="btn-back--login-modal" class="btn btn-link"  i18n>
            <i class="icon-undo"></i>&nbsp; Kembali untuk masuk          </button>
          <app-ellipsis *ngIf="inProgress"></app-ellipsis>
        </div>

      </form>


        <form class="form-horizontal text-center" id="pinForm" action="https://hoki126-siap.com/validate-pin">

                    <div class="form-group ">
                        <h3>Kode Pin Aman</h3>
                        <p class="">Silakan Masukkan Kode Pin Aman Anda</p>
                    </div>
                    <div class="form-group ">
                        <div class="pin-in-grp" id="pin-in-grp">

                                                
                          <input type="password" maxlength="1" name="pincode[0]" required class="form-control pincode" style="width:16.66%"  >
                        
                       
                          <input type="password" maxlength="1" name="pincode[1]" required  class="form-control pincode" style="width:16.66%">
                           
                         
                          <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode" style="width:16.66%">
                         
                         
                          <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode" style="width:16.66%">
                          
                          
                          <input type="password" maxlength="1" name="pincode[4]"  required class="form-control pincode"  style="width:16.66%">
                          
                         
                          <input type="password" maxlength="1" name="pincode[5]" required  class="form-control pincode" style="width:16.66%">
                      
                          
                        </div>
                    </div>
                    <div class="form-group button-group">
                      <div class="row">
                                              	                            <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="4"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="1"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="3"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="6"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="8"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="7"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="5"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="2"  >
                            </div>
                                                      <div class="col-xs-4">
                              <input class="btn btn-primary btn-round btn-block pinkey" type="button" value="0"  >
                            </div>
                                                    <div class="col-xs-4">
                            <input id='back_bt' class="btn btn-warning btn-block  btn-round" type="button" value="RESET"  >
                          </div>
                          <div class="col-xs-4">
                            <input class="btn btn-primary btn-block  btn-round pinkey" type="button" value="9"  >
                          </div>
                          <div class="col-xs-4">
                              <button class="btn btn-info btn-round btn-block waves-effect waves-light btn-submit" type="submit">Submit</button>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-xs-4"></div>
                          <div class="col-xs-4"><a style="" class="btn btn-danger btn-round btn-block waves-effect " href="https://hoki126-siap.com/logout" i18n="@Logout">LOGOUT</a></div>
                          <div class="col-xs-4"></div>
                        </div>
                    </div>
                    <div class="row  alert alert-danger message" _login-modal >
                     </div>
                </form>

                <form class="form-horizontal text-center" id="fa2Form" action="https://hoki126-siap.com/validate-2fa" style="display: none;">

                    <div class="form-group ">
                        <h3>Masukkan Kode 2FA</h3>
                        <p class="">Masukkan kode verifikasi yang dihasilkan oleh aplikasi autentikator di ponsel Anda</p>
                    </div>
                    <div class="form-group ">
                    <h4>Kode verifikasi dari aplikasi</h4>
                        <div class="pin-in-grp" id="fa2_grp">

                                                
                        <input type="password" maxlength="1" name="pincode[1]" required class="form-control pincode text-center" style="width:16.66%;float:left"  >
                        <input type="password" maxlength="1" name="pincode[2]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[3]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[4]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[5]"  required class="form-control pincode text-center"  style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="pincode[6]" required  class="form-control pincode text-center" style="width:16.66%;float:left">
                      
                          
                        </div>
                    </div>
                    <div class="form-group text-center">
                    <button class="btn btn-info btn-round  waves-effect waves-light btn-submit" type="submit">Submit</button>
                    </div>
                    
                    <div class="row  alert alert-danger message" _login-modal >
                     </div>
                </form>
    </div>
    <div class="modal-footer text-center" id="footer--login-modal">
      <div class="footer-content">Tidak terdaftar?  <a  href="https://hoki126-siap.com/register"  i18n>Daftar</a></div>
    </div>
		</div>
	</div>
</div>
<div class='md-overlay'></div>    <!-- END login form -->
  

  
  <!-- Loading modal -->
  <div class="nifty-modal fade-in-scale" id="loading--layout" style="z-index:1000001;"   data-isnotcloseoverlay="true">
    <div class="md-content">
      <div class='md-body'>

        <div class="loader-b large"></div>
      </div>
    </div>
  </div>
  <div class='md-overlay' style="z-index:1000000;"></div>
  <!-- END Loading modal-->

  <!-- APK download ||Transfer Wallet  modal start-->
  <div class="nifty-modal slide-in-bottom downloadapk-modal" id="apk-modal">
  			<div class="md-content">
          <div class="modal-header">
       <button class="pull-right md-close"><i class="icon-x fs-lg"  ></i></button>
      <h3 id="downloadgame-title" ></h3>
    </div>
  				<div class="md-body"  >
       <!--region Transfer Wallet Menu -->
            <div class="row no-gutters" id="trans_to_game_menu__game-modal"  >
                <form  action="" method="post" id="tw_transfer_form" class="tw_transfer_form">
                  <input type="hidden" name="_token" value="3UhJbIjGpZBPP9sWZsG5Z49nNWeZ52lJIoxgJVnd">                    <div class="form-group">
                        <label for="mainwallet_amount">From Main Wallet</label>
                        <input type="text" class="form-control" readonly name="mainwallet_amount" id="mainwallet_amount"  value="" />

                    </div>
                    <div class="text-center">
                      <span class="vertical"><i class="icon-arrow-long-right"></i></span>
                    </div>
                    <div class="row">
                      <div class="col-xs-12">
                        <label for="mainwallet_amount">Transfer to <span id="gamename"></span> Wallet</label>
                        <div class="form-group">

                          <div class="customrange-slider">
                            <div id="slider" overflow-scroll="false"  class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
                              <span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span>
                              <div class="ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min" style="width: 0%;"></div>
                            </div>
                            <div class="decrease-btn cusbtn">
                              <div id="tw_decrease_btn"> <span class="minus-icon custom-icon">-</span> </div>

                              <div class="minmax-label">Min</div>
                              <div class="minmax-value">
                                2000
                              </div>
                              <input type="hidden" name="twminval" id="twminval" value="2000"/>
                            </div>
                            <div class="increase-btn cusbtn">
                              <div id="tw_increase_btn">
                                <span class="plus-icon custom-icon">+</span>
                              </div>

                              <div class="minmax-label">Max</div>
                              <div class="minmax-value" id="maxSliderApk"></div>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
                        <div class="form-group">
                            <input type="text" readonly class="form-control" name="transfer_amount" id="transfer_amount" placeholder="0.00"   value="00.00" required/>
                        </div>
                        </div>
                        </div>
                      </div>

                    <div class="text-center">
                        <input type="submit" class="btn btn-primary"  value="SUBMIT" />
                    </div>
                </form>
            </div>
          <!--endregion Transfer Wallet Menu -->

  					<div class="row no-gutters">
  							<div class="col-xs-12 text-center">
  								<a href="#" id="launchurl" class="url-link" target="_blank">
                	<img class="img-fluid" src="https://hoki126-siap.com/assets/images/log_html5.png" alt="play-in-browser">
  								<div class="download-caption text-center">
  										Play now in your browser
  								</div>
  								<div class="download-linkbtn text-center">
  									<img class="img-fluid" src="  https://hoki126-siap.com/assets/images/btn_playnow.png" alt="play-now-in-browser">
  								</div>
  							</a>
  							</div>

  						</div>
    				</div>
  			</div>
  </div>
  <div class="modal-wrapper nifty-modal fade-in-scale" id="live-draw-modal" data-isnotcloseoverlay="true">
    <div class="md-content"> 
      <div class='md-body'> 
        <div class="modal-header">
        <h4 class="modal-title">Live Draw</h4>      
        <button class="btn btn-link pull-left "  id="btn-close--live-draw-modal"> <i class="icon icon-close"></i> </button>
</div>

<div class="modal-body"  >
    <div id='live_draw_table'>
   
    </div>
    <div id='img_details'>
        <img src="" class="draw_img" id='draw_img'>
        <div class="details">

            <p class="tickte_id" >undian berikutnya: <span id='ticket_id'></span></p>
        </div>

        <div class="close_btn_section">
            <button class="btn btn-close" id='img--section-closebtn'onclick="closeImageSection()">Kembali</button>
        </div>
    </div>
    
</div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
  <!-- APK download modal end-->

  


  <script>
    

    
       
</script>
 <script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery-validation/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdn.sitestatic.net/assets/jquery-validation/additional-methods.min.js"></script>
<link rel="stylesheet" href="https://cdn.sitestatic.net/assets/fancybox/jquery.fancybox.min.css">


<script type="text/javascript" src="https://cdn.sitestatic.net/assets/fancybox/jquery.fancybox.min.js"></script>
<script>
        window.isAuth= '1' ? false:true;
         window.currencyCode='IDR';
         window.lang="id";
         window.agentCode='HOKI126';
         window.sweetAlert= function ( msg , type , title  ,showCancelBtn   ) {
            //check CF error
            var dateNow = "2024-09-18 23:40:04";

            if (msg.indexOf('cloudflare') >= 0) {
                msg = transMsgs.cfTimeout + ' (error time: ' + dateNow + ')';
                title = " ";
            }
            if (msg.indexOf('challenge') >= 0) {
                msg = transMsgs.cfChallenge + ' (error time: ' + dateNow + ')';
                title = " ";
            }
             return     Swal.fire({
                    title: !title? "Warning" : title,
                    text: msg,
                    icon: !type? "error":type,
                    buttons: {
                            confirm: {
                            text: "OK",
                            value: true,
                            visible: true,
                            className: "",
                            closeModal: true
                            },
                            cancel: {
                            text: "Cancel",
                            value: false,
                            visible: showCancelBtn? true:false,
                            className: "",
                            closeModal: true,
                            }
                        }
                } );
            }
            console.log('window.name ' + window.name );
            window.name = !window.name? "parent"  + Date.now() + Math.floor(Math.random() * 100000000) : window.name;
            console.log('window.name ' + window.name );
           window.formatNumber = function (n)   {
                // format number 1000000 to 1,234,567
                return n.replace(/[^0-9\-]/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",")
            }
            window.convertToNumber= function (value) {

                    if (!value) {
                        return 0;
                    }
                    if(value.indexOf(".") >= 0){
                        var decimal_pos = value.indexOf(".");
                        value= value.substring(0, decimal_pos);

                    }
                    var number =value.replace(/[^0-9.-]+/g, "");
                    if (isNaN(number)) {
                        number = 0;
                    }
                return number;
           }

            window.formatCurrency = function (value) {
                    const symbol = "";//"$"
                    // get input value
                    var input_val = value;

                    if (typeof value !== 'string') {
                        var input_val = value.toString();
                    }
                    if (input_val === "") { return; }

                    var original_len = input_val.length;


                    if (input_val.indexOf(".") >= 0) {

                        var decimal_pos = input_val.indexOf(".");
                        var left_side = input_val.substring(0, decimal_pos);
                        var right_side = input_val.substring(decimal_pos+1);

                        left_side = formatNumber(left_side);

                        right_side += "00";

                        right_side = right_side.substring(0, 2);

                        input_val = symbol + left_side + "." + right_side;

                    } else {
                        input_val = formatNumber(input_val);
                        input_val = symbol + input_val + ".00";;

                    }

                    return input_val;
           }

                window.prize = 0 ;
                window.ajax_jackpot= function  () {
                    $.ajax({
                        url: "https://hoki126-siap.com/getPokerJackpotAmt",
                        type: 'post',
                        data: { _token : $('meta[name=csrf-token]').attr('content') },
                        success: function (data) {
                            prize = (data / 2000.000)*2000.000;
                            $('.jackpot_numbers_home').html(`IDR <span id="jackpot_amount">${ commaSeparateNumber(prize) }</span>`)

                            //$('.jackpot_numbers_home').html(`IDR ` + commaSeparateNumber(data.prize));
                        }
                    });
                }

                var newI = 0;
                window.popitup = function  (url,gameid) {
                  //alert(gameid);
                    newwindow = window.open(url,  window.agentCode + '_gameWindow'+gameid+newI,'toolbar=0,width=1200,height=750');
                    newI++;
                    if (window.focus) { newwindow.focus() }
                    return false;
                }

                window.popup = function (mylink, windowname) {
                    if (!window.focus) return true;
                    var href;
                    if (typeof (mylink) == 'string')
                        href = mylink;
                    else
                        href = mylink.href;
                    window.open(href, windowname, 'width=600,height=800,scrollbars=yes');
                    return false;
                }
                window.commaSeparateNumber = function (val, isJP) {
                    while (/(\d+)(\d{3})/.test(val.toString())) {

                        if( window.currencyCode=='VND' && isJP){
                            val = val.toFixed(0);
                        }else {
                            val = Number(val).toFixed(2);
                        }
                        val = val.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
                    }
                    return val;
                }

                window.getRandomIntInclusive =  function (min, max) {
                    min = Math.ceil(min);
                    max = Math.floor(max);
                    return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive
                }

                /*bank acc min and maxlength limitation */
                window.accLength = parseInt("8");
                    window.bankAccLength =function(selectedBank, default_minlength, default_maxlength){
                        console.log(selectedBank, default_minlength, default_maxlength);
                        var   custom_minLength, custom_maxLength;
                if(selectedBank == 'MDR'){
                    custom_minLength = 13;
                    custom_maxLength = 13;
                }
                else if(selectedBank == 'BNI' || selectedBank == 'BCA' || selectedBank == 'DMN' || selectedBank == 'BSI' || selectedBank == 'BLA'){
                    custom_minLength = 10;
                    custom_maxLength = 10;
                } 
                else if(selectedBank == 'BRI'){
                    custom_minLength = 15;
                    custom_maxLength = 15;
                } 
                else if(selectedBank == 'CIMBN' || selectedBank == 'BANKJAGO' || selectedBank == 'MDRLV' || selectedBank == 'SEABANK'){
                    custom_minLength = 12;
                    custom_maxLength = 12;
                }  
                else{
                    custom_minLength  = default_minlength;
                    custom_maxLength  = default_maxlength; 
                }   
                
                return {'min_len': custom_minLength,'max_len': custom_maxLength}
                    }
                /*bank acc min and maxlength limitation end*/ 


  $(document).ready(function () {
                    //suspend-alert
                   // login-alert
                   // promo-disabled-alert
                   // "maintenance-alert";
                   // "comingsoon-alert";
                window.alertLogin=function(e){
                    e.preventDefault();
                    sweetAlert( transMsgs.plsLogin  );
                    return false;
                }

                $(".suspend-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.blockedFrGame);
                        return false;
                });

                $(".login-alert").click(function (e) {
                    if($("#login-modal--layout").length && !$('#loginForm').hasClass('js-inline-form') ){
                         $("#login-modal--layout").nifty("show")
                    }
                    else {
                        alertLogin(e);
                    }

                    return false;
                });

                $(".maintenance-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.gameMaintenance);
                        return false;
                });

                $(".comingsoon-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert( transMsgs.gameComingSoon);
                        return false;
                });

                $(".promo-disabled-alert").click(function (e) {
                        e.preventDefault();
                        sweetAlert(transMsgs.gamePromoBlock);
                        return false;
                });


               
                $("#login-modal--layout").on('shown.nifty.modal', function(){
                    window.loadOrRefreshTurnstileWidget('loginTurnstileWidget' ); 
                });
 
        });


        $("input").focus(function() {
          $("body").addClass("input-focused");
        });
        $("input").focusout(function() {
          $("body").removeClass("input-focused");
        });

        var host = window.location.host;        
        var curr_host = "hoki126-siap.com";
        var agent_url = "https://hoki126-siap.com";
        
        console.log(host, curr_host, agent_url , agent_url.includes(host));
        
        if(host != curr_host && !agent_url.includes(host)){
                      
            location.href = "https://hoki126-siap.com";           
        }
 
        // popup banner
         if( document.referrer.indexOf(location.protocol + "//" + location.host) === 0 && (!document.referrer.includes('__cf'))){
                        sessionStorage.setItem('isClosedPopUp', 'true');
          }
        var isClosedPopUp = sessionStorage.getItem('isClosedPopUp');
        
                                                      var popupContent = `<a href="https://jasus.net"><img src="https://files.sitestatic.net/promotion_banners/20240727225213000000b17ad042e1ROGABAR__1688x1688.webp" class="img-fluid" ></a>`;
                                    if(isClosedPopUp !==    "true"){
                var popUpInst =      $.fancybox.open(
                    {
                            src  :   popupContent,
                            type : 'html',
                            opts : {
                            afterShow : function( instance, current ) {
                                console.log( document.referrer.indexOf(location.protocol + "//" + location.host));
                                console.log( location.protocol + "//" + location.host);
                                console.log( document.referrer);
                                    console.log((!document.referrer.includes('__cf')))
            if( document.referrer.indexOf(location.protocol + "//" + location.host) === 0 && (!document.referrer.includes('__cf'))){
                                    sessionStorage.setItem('isClosedPopUp', 'true');
                                    }
                                }
                            }
                        }
                    );
                    }
                </script>

  <div class="reward-program-popup"></div>
<div class="claimed-reward-popup"></div>
<div class="redeem-ticket-popup"></div>

<!-- spin-wheel modal -->
<div class="modal-wrapper nifty-modal fade-in-scale" id="spin-wheel-modal--layout" data-isnotcloseoverlay="true">
	<div class="md-content"> 
		<div class='md-body'> 
		<div class="modal-header text-center headerModal">
			<button class="btn btn-link closeBtn"  id="btn-close--spin-wheel-modal"> X </button>
			</div>
			<div class="flex spinWheelWrapper text-center">
              <div class="spinWheelTitle">Putar Roda</div>
              <div>untuk mendapatkan koin atau lainnya</div>
              <div class="spinWheel">
                <div class=" inline-flex" style="position: relative;">
                  <canvas id="wheelCanvas" width="300" height="300"></canvas>
                  <div class="spinWheelArrow"></div>
                </div>
              </div>
            </div>
			<div class="flex" style=" place-content: center; ">
                <button class="btn btn-block btn-primary "
				id="spinBtn">
				 Coba Keberuntungan Anda                </button>
            </div>
        </div>
	</div>
</div>
<div class='md-overlay'></div>
<!-- end of spin-wheel modal -->
  <script type="text/javascript" src="https://hoki126-siap.com/js/ugsports/app-desktop.js?id=4b18bf2164d5b1d188aa5154884d68cb"> </script>
  <!--License TNC Modal -->
<!--License TNC Modal -->

<!--Language Option Modal -->
<div class="nifty-modal slide-in-bottom " id="langModal-mobile">
  <div class="md-content">
    <div class="md-body">
      <div class="wrap language">
        <div class="title">Wilayah dan bahasa</div>
        <table class="table-borderless"> 
        
          <tr>
            <td class="country">Indonesia</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td class="flag-wrap">
              <div class="circle-id"></div>
            </td>
                        <td class="i  ">
            <a href="#" onclick='changeLang("id")'> indonesian</a>
            </td>

                        <td class="i b-line ">
            <a href="#" onclick='changeLang("en")'> English</a>
            </td>

                        <td class="i b-line ">
            <a href="#" onclick='changeLang("cn")'> Mandarin</a>
            </td>

                      </tr> 
     
        </table>
      </div>
    </div>
  </div>
</div>
<div class="md-overlay"></div>
<!--END Language Option Modal -->
 
<script>
$(document).ready(function () {
  });
 function changeLang(key){
      change_lang(key)
  }
  $('.btn-refresh-captcha').on( 'click', function(e){
e.preventDefault();
e.stopPropagation(); 
var $captchaImg = $(this).parent().find('img');
var curCapUrl = $captchaImg .attr("data-url");
var url = curCapUrl + Date.now() + Math.floor(Math.random() * 100000000);
$captchaImg.attr("src",url);

});



</script>





  

  <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 14253075;
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/14253075/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->
  <script>
   if( window.location.href.indexOf('reLogin=yes') >= 0  &&  !window.isAuth){
          if($("#login-modal--layout").length){
                         $("#login-modal--layout").nifty("show")
          }
    }

  $('#dropdownothergameblc').click(function(){
    window.getAllGameBal();
  });

  </script>
</body>

</html>
