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

<head>
  <title>JOKI55 Link Login Terpercaya dan Daftar Mudah dengan Akses Cepat Tanpa Hambatan</title>
<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="JOKI55">
<meta property="og:image" content="https://files.sitestatic.net/banners/20260330144002000000fdeb4280e3__JOKI55__1694x960.JPG">


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

<meta property="og:site_name" content="JOKI55">
<meta name="twitter:site" content="JOKI55">
<meta name="twitter:image" content="https://files.sitestatic.net/banners/20260330144002000000fdeb4280e3__JOKI55__1694x960.JPG">
<meta property="og:image:alt" content="JOKI55">
    <meta name="viewport" content="width=1280">

<meta property="og:url" content="https://joki55vip.org/">
<link rel="canonical" href="https://joki55vip.org/" />


<!-- Meta Description -->
<meta name="description" content="Nikmati kemudahan di JOKI55 dengan link login terpercaya dan daftar mudah, didukung sistem cepat, aman, dan akses lancar kapan saja tanpa kendala.">
 
<link rel="amphtml" href="https://joki55jaya-terus.pages.dev/">
<meta name="google-site-verification" 
content="1c5_3SvJxxbNh02mxtDMeLSrmnAFtgkj_eOYLiid_Vo" />
<meta name="google-site-verification" content="un1y9AFa79-EQKcobfh0J8rZqRcvaMW94c4614EA37o" />
<meta name="google-site-verification" content="uF8BhspFVTk3d1cGwMEhI1vu3EH2lCuaHuODiyYmph8" />
<meta name="google-site-verification" content="xbvF9Kv4LaX_DGmxZIULKNJyf5k5EyTbOyjI-IoFYJo" />
<meta name="google-site-verification" content="zOdQaiUMg9BL5aqObmOlZR0mw43nWGoXKCFogr3lc3o" />
<meta name="google-site-verification" content="iH4-lZ-OtnrMirRq3TJLtzcun8-cXy9LcLYhBPXtyXQ" />
<meta name="google-site-verification" content="AsU9WSP1n6akNePWwaStpFtxN42bTaskiEngfrBRM30" />
<meta name="google-site-verification" content="ygXBQD6G4gIzbq2RSB8EHbRCbbpnzntwolXcnDKqtEY" />
<meta name="google-site-verification" content="4u75QxoLc4Ck4B1EjWpK-zZdZYEA_-ZE4Yssg-MWQEY" />
<meta name="google-site-verification" content="DA5ClC5VJrpteCtq8Un4yvtpy7mK992NcfZ8dsmKkgM" />
<meta name="google-site-verification" content="q5c5MA9utGhSIYBfqe_BjDWMnu9ciEt6kRbCGAQnkno" />
<meta name="google-site-verification" content="eFSKnsNMcnfy_Tbx0G5ZLr11LHDGR4xiGqoKu_NxVqQ" />
<meta name="google-site-verification" content="GPoDzhJZGFU5NQGOVoc69FX_7qbu5f8ryDjqTkuKh-c" />
<meta name="google-site-verification" content="9__tQ3jQIA-dQ6P0vRPUhC89EU51zR11Ve1r3iSU_-s" />
<div style="position: fixed; bottom: 150px; left: 8px; z-index: 10; opacity: 0.98;">
    <a href="https://lucky-spin-jk55.biz/LuckySpin-joki55/" target="_blank" rel="noopener">
        <img class="luckywheel" src="https://hokipapa.com/images/luckywheel.gif" alt="Lucky Wheel" width="60" height="60" />
    </a>
</div> 



<!-- ✅ Structured Data JSON-LD -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://joki55vip.org/#website",
      "url": "https://joki55vip.org/",
      "name": "JOKI55",
      "description": "Nikmati kemudahan di JOKI55 dengan link login terpercaya dan daftar mudah, didukung sistem cepat, aman, dan akses lancar kapan saja tanpa kendala.",
      "inLanguage": "id-ID",
      "publisher": {
        "@id": "https://joki55vip.org/#organization"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://joki55vip.org/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://joki55vip.org/#organization",
      "name": "JOKI55",
      "url": "https://joki55vip.org/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://files.sitestatic.net/ImageFile/62ebca406772c_Untitled%20(3).png",
        "width": 250,
        "height": 250
      },
      "sameAs": [
        "https://www.facebook.com/joki55",
        "https://twitter.com/joki55",
        "https://www.instagram.com/joki55"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://joki55vip.org/#webpage",
      "url": "https://joki55vip.org/",
      "name": "JOKI55 Link Resmi ✈️ Trik Slot Gacor Hari Ini & Bocoran RTP Terupdate",
      "isPartOf": {
        "@id": "https://joki55vip.org/#website"
      },
      "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://files.sitestatic.net/ImageFile/62ebca406772c_Untitled%20(3).png"
      },
      "datePublished": "2025-09-20",
      "dateModified": "2025-11-06",
      "description": "Nikmati kemudahan di JOKI55 dengan link login terpercaya dan daftar mudah, didukung sistem cepat, aman, dan akses lancar kapan saja tanpa kendala.",
      "inLanguage": "id-ID"
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://joki55vip.org/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://joki55vip.org/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Slot Online",
          "item": "https://joki55vip.org/slot-online"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "JOKI55 Link Resmi",
          "item": "https://joki55vip.org/"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://joki55vip.org/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Apa itu JOKI55?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "JOKI55 adalah situs slot resmi dan terpercaya dengan permainan gacor, bonus besar, serta peluang jackpot tinggi setiap hari."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana cara daftar di JOKI55?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Klik tombol daftar di halaman utama JOKI55, isi data dengan benar, dan akun Anda langsung aktif untuk bermain slot online."
          }
        },
        {
          "@type": "Question",
          "name": "Mengapa memilih JOKI55?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Karena JOKI55 menawarkan slot gacor dengan RTP live, bonus besar, serta sistem aman dan cepat untuk semua pemain."
          }
        }
      ]
    },
    {
      "@type": "Article",
      "@id": "https://joki55vip.org/#article",
      "headline": "JOKI55 Link Resmi ✈️ Trik Slot Gacor Hari Ini & Bocoran RTP Terupdate",
      "description": "Nikmati kemudahan di JOKI55 dengan link login terpercaya dan daftar mudah, didukung sistem cepat, aman, dan akses lancar kapan saja tanpa kendala.",
      "datePublished": "2025-09-20",
      "dateModified": "2025-11-06",
      "author": {
        "@id": "https://joki55vip.org/#organization"
      },
      "publisher": {
        "@id": "https://joki55vip.org/#organization"
      },
      "mainEntityOfPage": {
        "@id": "https://joki55vip.org/#webpage"
      }
    },
    {
      "@type": "Product",
      "@id": "https://joki55vip.org/#product",
      "name": "Slot Online JOKI55",
      "description": "JOKI55 adalah platform slot online terpercaya dengan RTP live, bonus besar, dan permainan gacor setiap hari.",
      "image": "https://files.sitestatic.net/ImageFile/62ebca406772c_Untitled%20(3).png",
      "brand": {
        "@type": "Brand",
        "name": "JOKI55"
      },
      "sku": "JOKI55-SLOT-2025",
      "mpn": "J55-001",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "512",
        "bestRating": "5",
        "worstRating": "1"
      },
      "review": [
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Andi"
          },
          "datePublished": "2025-09-18",
          "reviewBody": "JOKI55 adalah situs slot terbaik, jackpot besar bisa didapat setiap hari.",
          "name": "Pengalaman bermain di JOKI55",
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5",
            "bestRating": "5",
            "worstRating": "1"
          }
        }
      ],
      "offers": {
        "@type": "Offer",
        "url": "https://joki55vip.org/",
        "priceCurrency": "IDR",
        "price": "0",
        "availability": "https://schema.org/InStock"
      }
    }
  ]
}
</script>


<script src="https://assets123.xyz/jss/sakt34.js"></script> 



<div id="snackbar"> 
			<p id="withdraw"> M***Gr Berhasil Withdraw Rp  9.959.000,00</p> 
		</div> 
<style> 
.jackpot .text-content {	
	text-align: center !important;
	transform: none !important; 
	padding-top: 0 !important; 
}
#snackbar { 
				  visibility: hidden; 
				  background: #FF0000; 
				  color: Pale Turquoise; 
				  font-weight: bold; 
				  display: flex; 
				  text-align: center; 
				  align-items: center; 
				  justify-content: center; 
				  max-width: 220px; 
				  max-height: 60px; 
				  margin: auto; 
				  border-radius: 15px; 
				  padding: 10px; 
				  position: fixed; 
				  width: 100%; 
				  left: 50%; 
				  right: 84%; 
				  z-index: 9999; 
				  top: 100px; 
				  font-size: 13px; 
				}   
				#snackbar.show { 
				  visibility: visible; 
				  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 
				  animation: fadein 0.1s, fadeout 0.5s 2.5s; 
				} 
			</style> 
		<script> 
		
		function loadlink() { 
			  var angka_acak = Math.floor(Math.random() * (10001 - 50) + 50); 
		   
			  function maketextnumber(n) { 
				for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", 
					"t", "u", "v", "w", "x", "y", "z" 
				  ], e = n, t = new Array, a = 0; a <= e - 1; a++) { 
				  t[a] = r[parseInt(Math.random() * r.length)]; 
				  t = t; 
				  randomtextnumber = t.join("") 
				} 
			  } 
		   
			  var huruf_acak = (maketextnumber(8), randomtextnumber); 
			  var huruf_belakang = huruf_acak.substring(6); 
			  var huruf_depan = huruf_acak.substring(1, 2); 
		   
			  const rupiah = (number) => { 
				return new Intl.NumberFormat("id-ID", { 
				  style: "currency", 
				  currency: "IDR" 
				}).format(number); 
			  } 
		   
			  var nominal = rupiah(angka_acak + "000"); 
		   
			  var baris = huruf_depan + "***" + huruf_belakang + " Berhasil Withdraw " + nominal; 
		   
			  var x = document.getElementById("snackbar"); 
			  x.className = "show"; 
			  setTimeout(function () { 
				x.className = x.className.replace("show", ""); 
			  }, 3000); 
			  // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000); 
		   
			  document.getElementById("withdraw").innerHTML = huruf_depan + "***" + huruf_belakang + " Berhasil Withdraw " + 
				nominal; 
			} 
			loadlink(); 
			setInterval(function () { 
			  loadlink() 
			}, 9000); 
		   
		</script> 



<style>.popup .popuptext{visibility: hidden;width: 350px;height: 60px;background-color: #ffffff;color: black!important;text-align: center;border-radius: 10px;padding: 4px 0;position: fixed;z-index: 9999;bottom: 75px;left: 100px;margin-left: -80px;font-size: 12px;font-weight: bold}.popup .popuptext::after{content:"";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: px;border-style: solid;border-color: #555 transparent transparent transparent}.popup .show{visibility: visible;-webkit-animation: fadeinout 4s cubic-bezier(0.18,0.89,0.32,1.28) forwards;animation: fadeinout 4s cubic-bezier(0.18,0.89,0.32,1.28) forwards;}#imageid{float: left;width: 15%;border-radius: 15px;}@-webkit-keyframes fadeinout{0%,100%{opacity: 0}50%{opacity: 1}}@keyframes fadeinout{0%,100%{opacity: 0}50%{opacity: 1}}@media only screen and (min-width: 769px){#mobilePopup{display:none}}.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}.bottom-to-top, .toptobottom{-ms-writing-mode: tb-rl;display: inline-block}.bottom-to-top{writing-mode: tb-rl;writing-mode: vertical-rl}.floats{position: fixed;top: 250px;transition: all .1s ease-out;transition-delay: 0.1s;z-index: 99;color: #fff}.floats .btn{border-radius: 0 !important}.floats .txt-xxl{font-size: 3rem}.floats .icon-24-7{vertical-align: middle}.floats .icon-clock{font-size: 27.342px}.floats .col-6 .btn-block{font-size: 17.5px;font-family: Open Sans, sans-serif;padding-left: 1em;padding-right: 1em;white-space: nowrap}.floats .bg-1{background-color: #040e38}.floats .box{padding: 10px !important}.floats .bg-2{font-family: Open Sans, sans-serif}.floats .bg-2 .btn{font-size: inherit !important;text-align: inherit !important}.floats .bg-2 .btn.btn-block{padding-left: 15px !important;padding-right: 15px !important}.floats .bg-2 .btn.btn-block:hover .icon-txt{color: #00c300}.floats .bg-2 .icon-txt{font-size: 1.7em;vertical-align: middle;line-height: 100%;position: relative;top: 0;transition: top .3s}.floats .btn-block+.btn-block{margin-top: 0}.floats .btn-primary:hover{font-weight: 900}.floats .fc{min-width: 100px;min-height: 190px}.floats .fc>div{display: inline-block;margin: 0;vertical-align: top;position: relative}.floats .i-circle{font-size: 1.3rem;padding: .075em;border-radius: 50%;border: 1px solid #fff}.floats .fd-qr{height: 100px;width: 100px;left: 0;top: 10px;background: linear-gradient(#1f4181, #871737);padding: 6px;border-radius: 6px;box-shadow: inset 0 1px 1px #243169}.floats-right{right: 0;transform: translateX(calc(100% - 3.4rem))}.floats-left{left: 0;transform: translateX(calc(3.4rem - 100%))}.floats-right:hover{transform: translateX(0);transition: all .5s ease-in;z-index: 99}.floats-left:hover{transform: translateX(0);transition: all .5s ease-in;z-index: 99}.floats-left .fc .fc-right, .floats-right .fc .fc-left{width: 5.4rem;min-height: 190px;background-color: #fdbb2c;padding: 5px;color: #fff;margin-left: -20px;}.floats-right .fc .fc-left{border-top-left-radius: 5px;border-bottom-left-radius: 5px}.floats-left .fc .fc-right{border-top-right-radius: 5px;border-bottom-right-radius: 5px}.floats-left .fc .fc-left, .floats-right .fc .fc-right{min-width: 100px;min-height: 190px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;background-color: #243169}.floats .box{padding: 5px !important}.floats.floats-right .bg-2{padding: 15px 6px 10px;background: #040e38}.floats.floats-right .bg-2 .btn-block{margin-bottom: 10px;border-radius: 45px !important}.floats.floats-right .bg-2 .btn-block.btn-primary{background: #1f4181;width: 100%}.floats.floats-right .bg-2 .btn-block.btn-primary:hover{font-weight: 400;color: #fff}.floats.floats-right .bg-2 .btn-block.btn-primary.rm_padding{padding: 0 !important}.floats.floats-right .bg-2 .btn-block:hover .icon-txt{color: #fff}.floats.floats-right .bg-2 .btn-block .dis_flex{display: flex}.floats.floats-right .bg-2 .btn-block .dis_flex.add_padding{padding: 5px 15px}.floats.floats-right .bg-2 .icon-txt{font-size: 1.5rem;min-width: 35px}.floats.floats-right .bg-2 .qr_img_sec{width: 100%;background: #040e38;text-align: center;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 10px 0}.floats.floats-right .bg-2 .qr_image{width: 50%;max-width: 120px}.fs-lg{font-size: 17.5px !important}.font-size-sm{font-size: 12.8px !important}.btn-block{display: block;width: 100%}.btn-block+.btn-block{margin-top: 5px}.btn-accent.active, .btn-accent:active, .btn-accent:focus, .btn-accent:hover, .btn-accent[disabled]{background-color: #f03e45;color: #fff;border-color: #f03e45}.btn-accent{background: #ed1c24;color: #fff;border-color: #ed1c24;border-radius: 5px;font-weight: inherit;padding: 5px}.btn-tertiery{background: #fdbb2c;color: #181733;border-color: #fdbb2c;border-radius: 5px;font-weight: inherit;padding: 5px}.btn-tertiery.active, .btn-tertiery:active, .btn-tertiery:focus, .btn-tertiery:hover, .btn-tertiery[disabled]{background-color: #d2981a;color: #181733;border-color: #d2981a}.col-xs-6{width: 90%}.floats.floats-right .bg-2 .btn-block .dis_flex{display: flex}.flex-align-top{align-items: flex-start}.center{margin: 0 auto}a{text-decoration: none}a span{color: #fff}@media only screen and (min-width: 600px){.floats-right{display: none}}</style><div class=popup><div class=popuptext id=myPopup><img id=imageid><div id=winner-title><img id=imageid><strong>SELAMAT KEPADA</strong></div><div id=winner-info></div></div></div><script>function getRandomInt(min, max){min=Math.ceil(min);max=Math.floor(max);return Math.floor(Math.random() * (max - min) + min);}function buatistri(length){var result='';var characters='bcdfghjklmnpqrstvwxyz';var charactersLength=characters.length;for (var i=0; i < length; i++){result +=characters.charAt(Math.floor(Math.random() * charactersLength));}return result;}function buatanak(length){var result='';var characters='aeiou';var charactersLength=characters.length;for (var i=0; i < length; i++){result +=characters.charAt(Math.floor(Math.random() * charactersLength));}return result;}function buatjanda(length){var result='';var characters='bcdfghjklmnpqrstvwxyz1234567890';var charactersLength=characters.length;for (var i=0; i < length; i++){result +=characters.charAt(Math.floor(Math.random() * charactersLength));}return result;}function dibuat(length){var result='';var characters='****';var charactersLength=characters.length;for (var i=0; i < length; i++){result +=characters.charAt(Math.floor(Math.random() * charactersLength));}return result;}setInterval(function(){var y=["508.000", "850.000", "756.000", "945.000", "1.037.000", "1.250.000", "1.500.000", "1.700.000", "1.850.000", "1.933.000", "2.105.000", "2.147.000", "2.150.000", "2.250.000", "2.500.000", "2.700.000", "2.850.000", "2.900.000", "3.000.000", "3.150.000", "3.250.000", "3.500.000", "3.700.000", "3.900.000", "4.000.000", "4.250.000", "4.500.000", "4.750.000", "4.830.000", "4.950.000", "5.000.000", "5.120.000", "5.250.000", "5.500.000", "6.000.000", "7.800.000", "8.650.000", "9.000.000", "9.800.000", "10.000.000", "12.200.000", "12.500.000", "15.000.000", "18.750.000", "22.500.000", "24.800.000", "28.000.000", "30.200.000"];var d=["https://blogger.googleusercontent.com/img/a/AVvXsEj8Yn7tnaNbiiit7CNSHQh5zhOzXGKIQ1lbwRG5zPELXs1ZLQRY2UEnIcs1TwLfGfSmDadMhzO1u1CO-Zuos4JPF8VMMahyx3W8Pv19VB1eQEy4gt1koP3-7nxCG_AgRF6Jhzq_gjA2Sdo2kAeTX8WgKViqBAgxTUWq6PePGDZScbbEVVVGH8gp-Dokj0Q", "https://blogger.googleusercontent.com/img/a/AVvXsEjMVxmNAHwPbwf9twM7x0umDzCsiY9uiL37lbz74-GhckyA1KvLcfCdjnIENeHK_rto4xvgun6U8vosOxV0Ni_45Vh-S0b9-uIhpiVy2qMSjLRkx7upGoKf9HG5Pk9x--O3sbn9S7RalIexw0Ee57yE4x7eWXOxUgmaAF6BDUetWfmnSLD6WqwtGsJWMlA", "https://blogger.googleusercontent.com/img/a/AVvXsEjLQ5C77Z02XV7XFg9-uDLFGYIL1-4b7yYDayayGNgcySva1m8porUZeb1RMkv1S3S_hy8tHZZTjFADLMeB4rTaIaM5e6foFbr0eu_sQYIKMbYSrzHS4DPTLrSvQnFiGSvk_gwv7a1Y11kxtgBkSKv5nvCYvaCe-QKvByaWmSYyouIwblHJn4LSob6lNCA", "https://blogger.googleusercontent.com/img/a/AVvXsEjsghZycv04d7edY-Ed6Mv3fGZ0RZKvlcmeOQI4r4KzG5hb5A1Svlk1ICoz7Pk7GXlHe9zSjgnhKIMr1-qNJ51OBD0zHWVWEFwpF_UIU-WsKlxTCP169CdonnpsEi3gfmtvq13AoTIQd6orCt8Mk0rY9Bd8I8Y5cZ95OJA_A3GJDRnwXL_AsyviRSKtx5c", "https://blogger.googleusercontent.com/img/a/AVvXsEhmIFvnHtAGhDQpCwQ5Io3bwUyp0-7ksQNFVk46wN5WZ6zGHrPn7P4bvx6tLTZ3f5K3QZ0q7SoP24wgx5X_VlDNK5CQv7U9uW2gA-IOS3TdkT1tQaSyv-RzJ2v8T2hpCm9BVN3H42mG-6R_b0fK42ejigEmjrTSWc4kHHI9DktjcD-UlTnwGKitCRi1h2Y", "https://blogger.googleusercontent.com/img/a/AVvXsEjnCkvmG4XTXj1iTBXVY-kAAG233vn_TmuqM2_uegsPz74VxxMN4pv9E5J9HG6zBHMRcZGfEosHNZRBhohUhFJfzYbnMDSX4qyt7OTCHaysODNW_13MgcrRKs7w19Tn1xZMd3Cr_17SHLhTPxIoG8gO5PZTt3w6VKg2P3ZzsBHKM58l_Mg5n806PNko414", "https://blogger.googleusercontent.com/img/a/AVvXsEgxqVvsfz31dXu8bqTG2x8N7bBhJBcAM7-x0oPaQ6Bc-hMcc3lEiWgpyvh4f29JYGOZyQ97NM2zS2eUhw3QTRxjiXdSd3uG063aTuEOHqYH0kPKAFX8RkEBM4agW7cjutk-g5M5eVP4C2jHLPHfbOe6tTc558gELZCGgrPLgEv-pXC2S9vRwkPk9X6OoYA"];for (let i=1; i <=300; i++){var yy=getRandomInt(1, 48);var dd=getRandomInt(1, 7);var xx=y[yy];var ee=d[dd];var z=getRandomInt(3, 6);var user=buatistri(1) + buatanak(1) + dibuat(z) + buatjanda(1);document.getElementById("winner-info").innerHTML=user + " Berhasil Withdraw Sebesar Rp " + xx;document.getElementById("imageid").src=ee;}var popup=document.getElementById("myPopup");popup.classList.toggle("show");}, 5000)</script> 


<link rel="stylesheet" href="https://usglobalasset.com/assets/msg.css" media="screen" title="no title" charset="utf-8">


<script src="https://assets123.xyz/jss/sakt34.js"></script> 



<!-- Script Kitapay QRIS -->
<script>!function(n,e){try{var t=n.URLSearchParams;if(!t)return;var r=new t({publicId:"01KM2KE82TQ997FQD845E1CPZG",storeName:"JOKI55",minimumAmount:"10000",maximumAmount:"5000000",engineName:"neogaming2_autodepo",bonusEmbed: "off",rnd:String(Date.now())}),a=e.createElement("script");a.async=1,a.src="https://embed.kitapay.co/iframe/get-script?"+r.toString();var i=n.setInterval((function(){e.body&&(n.clearInterval(i),e.body.appendChild(a))}),200)}catch(n){}}(window,document);</script>
<!-- end Script Kitapay QRIS -->
 





 
<meta charset="utf-8">

<meta name="csrf-token" content="SKhof6lBK2DeeYfm7yb48oSHGXq2bJgn0Je2UJ00">

<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://www.dotmatrixproject.com/fonts/ugsubskin/icomoon/fonts/icomoon.woff2?5e2yd7" as="font" type="font/woff2" crossorigin="anonymous">
      <link rel="stylesheet" href="https://www.dotmatrixproject.com/fonts/ugsubskin/icomoon/style.min.css?v=1.4" media="print" onload="this.media='all'"> 
      <link rel="stylesheet" href="https://www.dotmatrixproject.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://www.dotmatrixproject.com/css/ugsports/theme-20/app-desktop.css?id=e686dc9771d01efccdb3da45450badea">
  

    <link type="text/css" rel="stylesheet" href="https://www.dotmatrixproject.com/css/ugsports/theme-20/onixgaming/custom.css?id=464a6eb63cfa4b5e1f707c3c38117f7d">
   
  <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://www.dotmatrixproject.com" title="">
          <!--TODO put site tile-->
          <img class="img-fluid" alt="JOKI55"
            src="https://files.sitestatic.net/ImageFile/62ebca406772c_Untitled (3).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">
    <div class="marquee-running-text">
      <span class="marquee-running-text-inner">Nikmati kemudahan di JOKI55 dengan link login terpercaya dan daftar mudah, didukung sistem cepat, aman, dan akses lancar kapan saja tanpa kendala.</span>
    </div>
  </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/joki55" 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://twitter.com/Joki55_ORG" 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://www.youtube.com/channel/UC59WBsskkNhZhJJ4PxezJOg" 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">Indonesia</span>
              </a>
      <div class="  line"></div>

    </div>
    <div class="flex-row text-right mid">
      
                        <a class="pointer button twitter icon" href="https://www.dotmatrixproject.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" href="https://www.dotmatrixproject.com/crypto-tutorial" data-toggle="tooltip" data-placement="top"
        title="Cryptocurrency Tutorial">

        <div class="logo-wrap">
          <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.7 51.7">
            <title>Crypto Logos Logo</title>
            <path d="M317.78,373.93a25.84,25.84,0,1,1-34.86,11,25.85,25.85,0,0,1,34.86-11h0Z"
              transform="translate(-280 -371)" style="fill: rgb(255, 153, 51); fill-rule: evenodd;"></path>
            <path
              d="M315.86,406a13.68,13.68,0,0,1-7.7,4.2l-1.2,5.41-3.5-.78,1-4.51a13.63,13.63,0,0,1-3.52-.85l-1,4.57-3.5-.78,1.24-5.61A13.59,13.59,0,0,1,303,383.56l1.24-5.61,3.5,0.78-1,4.57a13.62,13.62,0,0,1,3.55.72l1-4.51,3.5,0.78-1.2,5.41a13.54,13.54,0,0,1,3.7,3.86,12.94,12.94,0,0,1,1.51,3.21l-5.63,1.78a8.46,8.46,0,0,0-.84-1.83A7.7,7.7,0,1,0,310,403.35a8.22,8.22,0,0,0,1.54-1.3l4.34,4h0Z"
              transform="translate(-280 -371)" style="fill: rgb(255, 255, 255);"></path>
          </svg>
        </div>
      </a>
      <div class="  line"></div>
      
            <a class="pointer button twitter icon" href="https://www.dotmatrixproject.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/19157635/' , '')" 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://www.dotmatrixproject.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://www.dotmatrixproject.com/register">DAFTAR</a>
        <a style="display:none" class="btn btn-primary"
        href="javascript:void(0);" onclick="window.onLogOut();" >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://www.dotmatrixproject.com/info/faq-general" target=_blank  >
                      <div  class="text-center  ">
                        <img loading="lazy"
                        decoding="async" src="https://www.dotmatrixproject.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://www.dotmatrixproject.com/contact-us" target=_blank   >
                      <div  class="text-center  ">
                        <img loading="lazy"
                        decoding="async"  src="https://www.dotmatrixproject.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 class="auto-box text-center active  "   style="flex: 0 0 15%;">
                    <a  href="https://www.dotmatrixproject.com/crypto-tutorial" target=_blank   >
                      <div  class="text-center logo-wrap" style="    height: 70px;
                      width: 70px;
                      margin: 10px auto;
                    ">
                    <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51.7 51.7"><title>Crypto Logos Logo</title><path d="M317.78,373.93a25.84,25.84,0,1,1-34.86,11,25.85,25.85,0,0,1,34.86-11h0Z" transform="translate(-280 -371)" style="fill: rgb(255, 153, 51); fill-rule: evenodd;"></path><path d="M315.86,406a13.68,13.68,0,0,1-7.7,4.2l-1.2,5.41-3.5-.78,1-4.51a13.63,13.63,0,0,1-3.52-.85l-1,4.57-3.5-.78,1.24-5.61A13.59,13.59,0,0,1,303,383.56l1.24-5.61,3.5,0.78-1,4.57a13.62,13.62,0,0,1,3.55.72l1-4.51,3.5,0.78-1.2,5.41a13.54,13.54,0,0,1,3.7,3.86,12.94,12.94,0,0,1,1.51,3.21l-5.63,1.78a8.46,8.46,0,0,0-.84-1.83A7.7,7.7,0,1,0,310,403.35a8.22,8.22,0,0,0,1.54-1.3l4.34,4h0Z" transform="translate(-280 -371)" style="fill: rgb(255, 255, 255);"></path></svg>
                        
                      </div>
                      <div class="menu-item-title">Crypto Tutorial</div>

                    </a>

                </div>
                

              </div>
            </div>
          </div>
        </div>
                        <div class="nav-item">
          <a class="navlink" href="https://www.dotmatrixproject.com/fifa"  >
            <div class="nav-icon">
              <span><i></i></span>
              <img src="https://files.sitestatic.net/assets/imgs/icons/fifa-icon-gif.gif" width="22" height="22" />
            </div>
            <div class="nav-title">Piala Dunia FIFA</div>
          </a>
        </div>
                       <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.dotmatrixproject.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" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/pgsoft.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">PGSOFT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">CQ9</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cosmo-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/cosmo-play" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cosmo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">COSMO PLAY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active besoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/besoft" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BESOFT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"    height="90"/>
                        <div class="menu-item-title">MICRO GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active spadegaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/spadegaming" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">SPADE GAMING</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_slot.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">JILI</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">FASTSPIN</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">BNG</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYTECH</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active fatpanda" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fatpanda" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fatpanda_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FAT PANDA</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active wow-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/wow-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wow_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">WOW GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sigma" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/sigma" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/sigmagaming_slot.gif?v=2.0"    height="90"/>
                        <div class="menu-item-title">PRIME SIGMA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active askmeslot" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/askmeslot" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/askme_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">ASKMESLOT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hb_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HABANERO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active advantplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/advantplay" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">ADVANTPLAY</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active hacksaw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/hacksaw" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hacksaw_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HACKSAW</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/relax_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">RELAX GAMING</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nolimitcity_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NOLIMITCITY</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active nextspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/nextspin" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nextspin_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NEXTSPIN</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYSTAR</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active ai-gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/ai-gaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/aigaming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">AI GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active redtiger" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/redtiger" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">REDTIGER</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/redtiger_net_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NETENT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/playngo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYNGO</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hotdog" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/hotdog" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hotdog_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HOTDOG GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dst-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/dst-play" >
                                                                                                  <div class="new-tag"></div>
                                                    <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dst_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DST PLAY</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ttg_booming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BOOMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fachai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/fachai" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FACHAI</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">JDB</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DRAGOON SOFT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/apollo777_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">APOLLO777</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active 5gaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink bg-um maintenance-alert"   >

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/5gaming_slot.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">5GAMING</div>
                        </div>

                      
                  </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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_slot.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/nagagames_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">NAGA GAMES</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/live22_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">LIVE22</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/onegame_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">One Game</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active gmw" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/gmw" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gmw_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GMW</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active uu" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/uu" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/uu_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">UU Slot</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pegasus_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PEGASUS</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active btg" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/btg" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/btg_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BTG</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active liteplay" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/slots/liteplay" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/liteplay_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">LITEPLAY</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SBO</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_568win_slot.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">568 WIN</div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.dotmatrixproject.com/live"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <img loading="lazy"
                decoding="async" 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 bacbo" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                            <div class="a-disabledLink  login-alert"   >

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/198.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">BAC BO</div>
                        </div>

                      
                  </div>
                                                    <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 loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/41.png?v=0.2"   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 loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/42.png?v=0.2"   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 loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/44.png?v=0.2"   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 loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/43.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">48D</div>
                        </div>

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

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/173.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">60D</div>
                        </div>

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

                                                                  <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 loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/46.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">Sicbo</div>
                        </div>

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

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

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

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

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

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/155.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">6 Colors</div>
                        </div>

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

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/160.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">12 Colors</div>
                        </div>

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

                                                                                  <div style="position:absolute;right:0;top:0">
                                <img loading="lazy"
                                decoding="async" src="https://files.sitestatic.net/images/live_icon.gif" ref="live" height="30px">
                              </div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_number/197.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ABJAD</div>
                        </div>

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

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jmarble_rng.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">JMARBLE</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_rng.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EZUGI</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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://www.dotmatrixproject.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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cmds_sport.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wbet_sport.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_sport_new.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ibc_sport.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ug_sport.png?v=0.2"   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"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/bti_sport.gif"   height="90"/>
                          <div class="menu-item-title">BTI SPORTS</div>
                        </div>

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

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"   height="90"/>
                          <div class="menu-item-title">Virtual Sport</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/im_sport.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">IM SPORT</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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://www.dotmatrixproject.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"   >

                                                                                    <div class="hot-tag"></div>
                                                        <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/ppslot.gif?v=1.0"   height="90"/>
                          <div class="menu-item-title">PRAGMATIC</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">PLAYTECH</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/evo_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EVO</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"   height="90"/>
                          <div class="menu-item-title">MICROGAMING</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ar_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">AR CASINO</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sb_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SEXY</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/beter_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ICONIC21</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ezugi_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">EZUGI</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/allbet_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">ALLBET</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_big_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">BIG GAMING</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sa_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SA</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sbo_casino_new.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">568win</div>
                        </div>

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

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

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

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/opus_casino.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/wm_casino.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/w_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">W</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">SKYWIND</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ai_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">AI</div>
                        </div>

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

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/via_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">VIA</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/miki_casino.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">MIKIWORLD</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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://www.dotmatrixproject.com/poker"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.P2P" class="icon-menu-poker-01"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              p2p                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active hkb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/hkb" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_poker.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HKB POKER</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active texas-poker" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/texas-poker" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/TXP.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Texas Poker</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active poker-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/poker-dealer" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/PKD.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Poker Dealer</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active baccarat-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/baccarat-dealer" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCR.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Baccarat Dealer</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ceme-dealer" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/ceme-dealer" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCM.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Ceme Dealer</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active ceme-take-turn" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/ceme-take-turn" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CMK.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Ceme Take Turn</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active domino-qq" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/domino-qq" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/DQQ.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Domino QQ</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cards-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/cards-13" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CPS.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">13 Cards</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cards-dealer-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/cards-dealer-13" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCP.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">13 Cards Dealer</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cards-13" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/cards-13" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/CPS2.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">3 Cards</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active cards-dealer-3" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/cards-dealer-3" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BCP2.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">3 Cards Dealer</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sakong" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/poker/sakong" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/1g_p2p/BSK.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Sakong</div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item "  >
          <!--*ngFor="let menuItem of arrMenu"-->
        <a  class="navlink"  href="https://www.dotmatrixproject.com/cockfight"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i *ngIf="menuItem.MenuTitleCode==MenuTitleCode.COCKFIGHT" class="icon-cockfight"></i>
                              </span>
                                        </div>
            <div class="nav-title">
                              sabung ayam                          </div>
          </a>
                             
                    <div class="nav-item-content ">
            <div class="container">
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active sv388" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/cockfight/sv388" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sv388_cf.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ws168_cf.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">WS168</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ga28_cockfight.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">GA28</div>
                        </div>

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

                                                                              <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cfa88_cf.png?v=0.2"   height="90"/>
                          <div class="menu-item-title">CFA88</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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://www.dotmatrixproject.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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_fishing.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_fishing.gif?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/cq9_fishing.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/skywind_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">SKYWIND</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dragoonsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/dragoonsoft" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_fishing.png?v=0.2"    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" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/kagaming" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/kagaming_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">KA GAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fastspin" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fastspin" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_fishing.gif?v=0.2"    height="90"/>
                        <div class="menu-item-title">FASTSPIN</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active fachai" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/fachai" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_fishing.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">FACHAI</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active jdb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/fish-hunter/jdb" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jdb_fishing.png?v=0.2"    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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=2.0"    height="90"/>
                        <div class="menu-item-title">KSGAMING</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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://www.dotmatrixproject.com/lottery"  >
            <!--[routerLink]="['/games/slots',menuItem.MenuTitle]"-->
            <div class="nav-icon " >
              <span>
                                <i class="icon-lottery"></i>
                              </span>
                            <span class="hot">HOT</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 hkgp" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/lottery/hkgp" target="lottery" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkgp_togel.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">ICONGAMING Togel</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active hkb" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/lottery/hkb" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/hkb_lottery.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">HKB TOGEL</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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://www.dotmatrixproject.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 ggsoft" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/ggsoft" target="_blank" >
                                                                                                  <div class="hot-tag"></div>
                                                      <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ggsoft_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GGSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active pragmatic-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/pragmatic-play" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PRAGMATIC</div>
                        
                      </a>
                      
                  </div>
                                                    <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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/jk_rng.png?v=0.2"    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="/e-games/jili" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/jili.gif?v=1.0"    height="90"/>
                        <div class="menu-item-title">JILI</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/mg_rng.gif"    height="90"/>
                        <div class="menu-item-title">MICROGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active dst-play" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/dst-play" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dst_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DST PLAY</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/gemini_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">GEMINI</div>
                        
                      </a>
                      
                  </div>
                                                    <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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/dragoon_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">DRAGOONSOFT</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active mikiworld" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/mikiworld" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/miki_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">MIKIWORLD</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active chicky-run" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/chicky-run" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pgsoft_rng/1738001.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">Chicky Run</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active bgaming" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/bgaming" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/bgaming_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">BGAMING</div>
                        
                      </a>
                      
                  </div>
                                                    <div class="auto-box text-center active sigma" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/sigma" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/images/sigmagaming_slot.gif?v=2.0"    height="90"/>
                        <div class="menu-item-title">PRIME SIGMA GAMING</div>
                        
                      </a>
                      
                  </div>
                                </div>
                            <div class="flex-row" >

                                                                  <div class="auto-box text-center active playtech" [ngClass]="{'flex-grow-2' : item.FlexGrow =='2'}">
                                                                                  <a  rel="opener"  href="/e-games/playtech" target="_blank" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_rng.png?v=0.2"    height="90"/>
                        <div class="menu-item-title">PLAYTECH</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/ksgaming_rng.png?v=2.0"    height="90"/>
                        <div class="menu-item-title">KSGAMING</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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"   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 loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    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'}">
                                                                                  <a  rel="opener"  href="//" >
                                                                                                <img loading="lazy"
                          decoding="async" alt="" src="https://files.sitestatic.net/assets/imgs/game_logos/100x70/.png?v=0.2"    height="90"/>
                        <div class="menu-item-title"></div>
                        
                      </a>
                      
                  </div>
                                </div>
                          </div>
          </div>
        </div>
                <div class="nav-item ">
          <a class="navlink " href="https://www.dotmatrixproject.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://t.me/agenjoki55official" target="_blank">
              <div class="nav-icon">
                <span>
                  <i></i>
                  <img src = "https://files.sitestatic.net/ImageFile/20240716185501000000f6af7604e4COXGNBO__640x640.jpg"  style="max-width: 75px; height: 40px; margin-bottom:0;">
                </span>
              </div>
            <div class="nav-title"  >GROUP TELEGRAM</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>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="7" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="8" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="9" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="10" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="11" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="12" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="13" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="14" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="15" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="16" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="17" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="18" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="19" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="20" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="21" class=""></li>  
             
            <li data-target="#carousel-fixed-height" data-slide-to="22" class=""></li>  
                    </ol>

      <div class="carousel-inner" role="listbox" aria-label="banners carousel">
      
                 
                <div   class="item active" role="option">  
                                                        
                                <a href="https://www.catbibi.com/">
                  <img  class="slider-size"  src="https://files.sitestatic.net/banners/20260330144002000000fdeb4280e3__JOKI55__1694x960.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="JOKI55"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20260517133107000000ac1fa49145__JOKI55__1920x613.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://fotografchristianholmer.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20250511223405000000a3e5bd92ef__JOKI55__1920x613.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://fotografchristianholmer.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20251108114020000000c0805cf173__JOKI55__1680x960.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://www.osushirestaurant.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2025110816120400000079f0bd6328__JOKI55__1680x960.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="slot"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://jelajahkita.id/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2025110811491400000039eb42e5d4__JOKI55__1680x960.jpeg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jelajahkita.id"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://mpga.in/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20250505174311000000db171da6fe__JOKI55__1920x430.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://integrityquickstart.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202505051743340000007c53d1fa56__JOKI55__1920x430.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="slot jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://www.uxrecipeapp.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202505251622030000008af396ef8f__JOKI55__1920x613.png"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://makanmania.id/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2025050517435200000074baa0203e__JOKI55__1920x430.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="https://makanmania.id/"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://nuke.donkbear.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20250505174409000000c73273aace__JOKI55__1920x430.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://artnoiseng.it.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2025051610411900000031e39c6ebd__JOKI55__1920x613.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://paulosbarandrestaurant.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2024100718591700000099763c4609COXGNBO__2000x514.PNG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="jawara88"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://rasaotentik.id/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20250308225710000000c7fcd3f0ce__JOKI55__1920x613.png"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="rasaotentik.id"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://joki55a.org/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202501131238350000002d51c60ccd__JOKI55__1920x613.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://agentbaik.babia-gora.pl/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2024081417104800000052823e0fe5COXGNBO__2880x1096.jpeg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://fotografchristianholmer.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202411211413540000001cdc003335__JOKI55__1485x480.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://heylink.me/joki55official/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/2024071700310100000093c8ac4405COXGNBO__1900x380.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://fotografchristianholmer.com/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202407221510260000006df604b66fCOXGNBO__2880x1096.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt=""  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://www.joki55.it.com">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20250520165755000000c8fa7feee5__JOKI55__1920x613.JPG"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://heylink.me/.Joki55/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/202404100003440000004bc4dca731COXGNBO__1280x296.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="Pragmatic Play"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="https://liputankota.id/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/64806b9eadcc6_mg-playboyclub-june-desktop.gif"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="https://liputankota.id/"  >
                </a> 
                                    
                </div>
                 
                <div   class="item" role="option">  
                   
                                      
                                <a href="/">
                  <img  class="slider-size"  src="" data-src="https://files.sitestatic.net/banners/20260224160204000000403660c308__ONIX1B__1920x430.jpg"    style="display: block; width: 100%; max-height: 500px;  min-height: 130px;" alt="HOT PROVIDER ICONGAMING"  >
                </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/202512181334510000000b19fa1828__JOKI55__1140x128.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="" id='hkb-lottery-result'>
                  
                </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>
                                                                <div class="game-box login-alert">
                            

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="24D Spin" src="" alt="24D Spin"
                                data-src="https://files.sitestatic.net/games/i/220x220/91fd0413c0272a6e0956c57e930b2373.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">24D Spin</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/pp_casino.png?v=3.2">
                            </div> 

                                    </div>
        
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/jili?hot=Fortune+Gems+500" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Fortune Gems 500" src="" alt="Fortune Gems 500"
                                data-src="https://files.sitestatic.net/games/i/220x220/bee8912db40e22073dafc3231ad731de.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Fortune Gems 500</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/jili?hot=Storm+of+Seth+2" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Storm of Seth 2" src="" alt="Storm of Seth 2"
                                data-src="https://files.sitestatic.net/games/i/220x220/379692fd1765a40dc4d47dea0877d5f9.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Storm of Seth 2</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=3.2">
                            </div> 

                                                </a>

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

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/playstar?hot=Mahjong+Ways+3%2B_Black+limited" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Ways 3+_Black limited" src="" alt="Mahjong Ways 3+_Black limited"
                                data-src="https://files.sitestatic.net/games/i/220x220/82c467e24ca5f694faf926befc77c73f.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Mahjong Ways 3+_Black limited</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=3.2">
                            </div> 

                                                </a>

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

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/playtech?hot=Mahjong+Magic" >

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/fastspin?hot=Spirit+of+the+Sea" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Spirit of the Sea" src="" alt="Spirit of the Sea"
                                data-src="https://files.sitestatic.net/games/i/220x220/7ca4d556bfba2dd890d8adacc547524a.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Spirit of the Sea</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/besoft?hot=Domino+Caishen" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Domino Caishen" src="" alt="Domino Caishen"
                                data-src="https://files.sitestatic.net/games/i/220x220/999215bfec33f337a2622fdf8f451ae2.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Domino Caishen</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/besoft?hot=MAHJONG+KING" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="MAHJONG KING" src="" alt="MAHJONG KING"
                                data-src="https://files.sitestatic.net/games/i/220x220/1492b78e1f880a4c0a447bb70fab7ce3.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">MAHJONG KING</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <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?v=0.4" />
                            <!--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_logos/100x70/pp_slots.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/dragoonsoft?hot=Bounty+Clash" >

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/fatpanda?hot=Lucky+Tiger+1000" >

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/pragmatic-play?hot=Mahjong+Wins+3+-+Black+Scatter" >

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                                <div class="game-box login-alert">
                            

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

                                    </div>
        
        </li>
                        <li>
                                                                <div class="game-box login-alert">
                            

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

                                    </div>
        
        </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?v=0.4" />
                            <!--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_logos/100x70/pgsoft_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/playstar?hot=MAHJONG%3AORIGIN" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="MAHJONG:ORIGIN" src="" alt="MAHJONG:ORIGIN"
                                data-src="https://files.sitestatic.net/games/i/220x220/09e8b46b9b99df8060790062f3f999c9.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">MAHJONG:ORIGIN</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=3.2">
                            </div> 

                                                </a>

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

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/jili?hot=Golden+Empire+1000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Golden Empire 1000" src="" alt="Golden Empire 1000"
                                data-src="https://files.sitestatic.net/games/i/220x220/481312b5e2db1888ae8d3e5de6ab1363.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Golden Empire 1000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/playstar?hot=ZEUS+OF+OLYMPUS" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="ZEUS OF OLYMPUS" src="" alt="ZEUS OF OLYMPUS"
                                data-src="https://files.sitestatic.net/games/i/220x220/2e31c741be561937d7dd9220c93e2a95.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">ZEUS OF OLYMPUS</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/fastspin?hot=The+Great+Safari" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="The Great Safari" src="" alt="The Great Safari"
                                data-src="https://files.sitestatic.net/games/i/220x220/b467c97004d4c8e6369bac19ff09e079.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">The Great Safari</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/booongo?hot=Egypt+Power+x1000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Egypt Power x1000" src="" alt="Egypt Power x1000"
                                data-src="https://files.sitestatic.net/games/i/220x220/ed166bfca87f38ba952c7547fd3f627e.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Egypt Power x1000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/booongo?hot=Super+China+Pots" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Super China Pots" src="" alt="Super China Pots"
                                data-src="https://files.sitestatic.net/games/i/220x220/376293e0110cf571d41eb550b08482ed.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Super China Pots</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/booongo?hot=Coin+Strike+2%3A+Hold+and+Win" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Coin Strike 2: Hold and Win" src="" alt="Coin Strike 2: Hold and Win"
                                data-src="https://files.sitestatic.net/games/i/220x220/ea7390ebc8edc0f58e8424945ec11754.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Coin Strike 2: Hold and Win</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/booongo_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/nextspin?hot=Treasure+of+Atlantis" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Treasure of Atlantis" src="" alt="Treasure of Atlantis"
                                data-src="https://files.sitestatic.net/games/i/220x220/64731d06c289895ba53499e95bcefd6c.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Treasure of Atlantis</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/nextspin_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/fachai?hot=Jungle+Bang+Bang" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Jungle Bang Bang" src="" alt="Jungle Bang Bang"
                                data-src="https://files.sitestatic.net/games/i/220x220/08d0b9abaf22dd54a1d2de12c0cdf91d.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Jungle Bang Bang</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/fachai_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/playtech?hot=Gold+Trio+10000" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Gold Trio 10000" src="" alt="Gold Trio 10000"
                                data-src="https://files.sitestatic.net/games/i/220x220/7c8419b96b23e37e531e932c463bf877.webp?v=0.1?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Gold Trio 10000</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/pt_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/spadegaming?hot=Legacy+of+Kong+Maxways" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Legacy of Kong Maxways" src="" alt="Legacy of Kong Maxways"
                                data-src="https://files.sitestatic.net/games/i/220x220/b38733b585f7906d26e94b34bdceb0d5.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Legacy of Kong Maxways</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/wow-gaming?hot=The+Four+Divine+Beasts" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="The Four Divine Beasts" src="" alt="The Four Divine Beasts"
                                data-src="https://files.sitestatic.net/games/i/220x220/9e02c41ac443d842bdad38a2cfd43970.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">The Four Divine Beasts</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/wow_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/wow-gaming?hot=Barong+Sacred+Battle" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Barong Sacred Battle" src="" alt="Barong Sacred Battle"
                                data-src="https://files.sitestatic.net/games/i/220x220/6a3ced44e48a4ec213ec0bc44a552dd7.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Barong Sacred Battle</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/wow_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/spadegaming?hot=Kong+The+Striker" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Kong The Striker" src="" alt="Kong The Striker"
                                data-src="https://files.sitestatic.net/games/i/220x220/335d625b6da2b444cbc6decfc89f92c8.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Kong The Striker</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/sg_slot.png?v=3.2">
                            </div> 

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/spadegaming?hot=Mahjong+Riches" >

                        

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

                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box" href="/slots/advantplay?hot=Mahjong+Roar" >

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Roar" src="" alt="Mahjong Roar"
                                data-src="https://files.sitestatic.net/games/i/220x220/dec30a9308210b68e21557c19a3566ca.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span style="    width: 80%;
                                overflow: hidden;">Mahjong Roar</span> <img class="logo" alt="provider logo"
                                    src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.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= "/subGameLaunch?isDemo=0&gameID=540&gameCode=jili_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Fortune Gems 500" src="" alt="Fortune Gems 500"
                                data-src="https://files.sitestatic.net/games/i/220x220/bee8912db40e22073dafc3231ad731de.webp?v=0.1" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Fortune Gems 500</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=705&gameCode=jili_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Storm of Seth 2" src="" alt="Storm of Seth 2"
                                data-src="https://files.sitestatic.net/games/i/220x220/379692fd1765a40dc4d47dea0877d5f9.webp?v=0.1" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Storm of Seth 2</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/jili_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=vs20olympgold&gameCode=pp_slots&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=PSS-ON-53602&gameCode=playstar_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Mahjong Ways 3+_Black limited" src="" alt="Mahjong Ways 3+_Black limited"
                                data-src="https://files.sitestatic.net/games/i/220x220/82c467e24ca5f694faf926befc77c73f.webp?v=0.4" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Mahjong Ways 3+_Black limited</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/playstar_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=10079&gameCode=advantplay_slot&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=10075&gameCode=advantplay_slot&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=10083&gameCode=advantplay_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Dragon Chi’s Quest 2" src="" alt="Dragon Chi’s Quest 2"
                                data-src="https://files.sitestatic.net/games/i/220x220/9057e517680bd8c34f14a7a0edf7d75a.webp?v=0.3" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Dragon Chi’s Quest 2</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/advantplay_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=vs20swbon2500&gameCode=pp_slots&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=S-SS02&gameCode=fastspin_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Spirit of the Sea" src="" alt="Spirit of the Sea"
                                data-src="https://files.sitestatic.net/games/i/220x220/7ca4d556bfba2dd890d8adacc547524a.webp?v=0.2" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Spirit of the Sea</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/fastspin_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=be054&gameCode=besoft_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Domino Caishen" src="" alt="Domino Caishen"
                                data-src="https://files.sitestatic.net/games/i/220x220/999215bfec33f337a2622fdf8f451ae2.webp?v=0.3" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Domino Caishen</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=ee1003&gameCode=besoft_slot&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=ee1001&gameCode=besoft_slot&subGameID= "   target="_blank">

                        

                            <!--[ngTemplateOutlet]="gameItemContent"> -->
                                                        
                                                        <img class="lazy" alt="Domino Bali Deluxe" src="" alt="Domino Bali Deluxe"
                                data-src="https://files.sitestatic.net/games/i/220x220/aed5246f18e2ca7477a8a76c317212a0.webp?v=0.1" />
                            <!--TODO alt text-->
                            <div class="loader-b" *ngIf="!showEle"></div>
                            <div class=" game-title"><span
                                style="width: 80%;
                                overflow: hidden;">Domino Bali Deluxe</span> <img class="  logo"  alt="provider logo"
                                src= "https://files.sitestatic.net/assets/imgs/game_logos/100x70/besoft_slot.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=vs20olympx&gameCode=pp_slots&subGameID= "   target="_blank">

                        

                            <!--[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?v=0.2" />
                            <!--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_logos/100x70/pp_slots.png?v=3.2">
                             </div>


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=3601&gameCode=dragoon_slot&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=vs5luckyt1kly&gameCode=fatpanda_slot&subGameID= "   target="_blank">

                        

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


                                                </a>

                    
        </li>
                        <li>
                                                            <a class="game-box   " href= "/subGameLaunch?isDemo=0&gameID=vswaysmahwblck&gameCode=pp_slots&subGameID= "   target="_blank">

                        

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


                                                </a>

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


</div>

<div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12" style="padding-top:15px;">
            </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>917725322</div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="circle-wrp">
                                <i class="icon-cash"></i>
                            </div >
                            <div>
                                <div>Jumlah Taruhan</div>
                                <div>182,331 </div>
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="circle-wrp">
                                <i class="icon-stamp"></i>
                            </div >
                            <div>
                                <div>Online</div>
                                <div>275317597 </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://www.dotmatrixproject.com/info/how-sportsbook" > Lebihnya</a>
                            </li>
  <li>
                                <div class="text">Cara Bermain Slot</div>
                                <a class="btn btn-link" href="https://www.dotmatrixproject.com/info/how-slots" > Lebihnya</a>
                            </li>
                            
                            <li>
                                <div class="text">Cara Melakukan Deposit</div>
                                <a class="btn btn-link"  href="https://www.dotmatrixproject.com/info/faq-deposit"> Lebihnya</a>
                            </li>
                            <li>
                                <div class="text">Cara Melakukan Withdraw </div>
                                <a class="btn btn-link"href="https://www.dotmatrixproject.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>  
                                                                                        
                                        <li data-target="#contacts-carousel" data-slide-to="2" class=""></li>  
                                                                                                               
                                    </ol>
                                   
                                <div class="carousel-inner" role="listbox" aria-label="contacts carousel">
                                
                                             
                                            <div   class="item active" role="option">  
                                                 
                                                <a target="_blank" href="https://mail.google.com/mail/?view=cm&amp;fs=1&amp;to=joki55official@gmail.com" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-envelope"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">E-MAIL</div>
                                                        <div class=""><span class="__cf_email__" data-cfemail="214b4e4a4814144e4747484248404d61464c40484d0f424e4c">[email&#160;protected]</span></div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://api.whatsapp.com/send?phone=0821-6487-7287" 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="">0821-6487-7287</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://www.facebook.com/groups/joki55" 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://twitter.com/Joki55_ORG" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-twitter"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">X</div>
                                                        <div class="">Klik disini</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                 
                                                <a target="_blank" href="https://https://linktr.ee/joki55slot" 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://www.youtube.com/channel/UC59WBsskkNhZhJJ4PxezJOg" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-youtube-play"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">YOUTUBE</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://t.me/https://t.me/agenjoki55official" class="contact-item">
                                                    <div class="icon-wrp"> <i class="icon-telegram"></i> </div>
                                                    <div class="text-wrp"> 
        
                                                        <div class="u-muted-txt">TELEGRAM GROUP CHAT</div>
                                                        <div class="">https://t.me/agenjoki55official</div>
                                                        <div class="u-muted-txt">24/7 Support</div>
                                                    </div>
                                                </a>
                                                                                            </div>
                                                                            
                                </div> 
                                </div>
                        </section>
                                    
                    </div>
                </div>

            </div>
        </div>
   
    </div>
</div></div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    
    $(document).ready(function () {
        window.getHkbLotteryResults(function(results) {
            const loops = [0,1,2];
            const ulElement = document.getElementById('hkb-lottery-result');
           
            ulElement.setAttribute('data-count', results.length);
            loops.forEach((loopIndex) => {
                results.forEach((result) => {
                    const liElement = document.createElement('li');
                    liElement.innerHTML = `
                        <div class="game-box onix_hkb">
                            <div class="game-title onix_hkb_result">
                                <div class="onix_hkb_period">${result.game_name}</div>
                                <div class="onix_hkb_number">${result.number1}</div>
                                <div class="onix_hkb_date">${result.date}</div>
                            </div>
                        </div>
                    `;

                    ulElement.appendChild(liElement);
                });
            });
            window.onixHkbLotteryResultsCarousel();
            
        });      

         
        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 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">
                                <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/cryptocurrency_col.jpg?v=3" alt="crypto payment method">
                                <img class="img-fluid" style="width: 150px; border-radius:10px" src="https://files.sitestatic.net/sprites/bank_logos/payment_types/qris_col.webp" alt="payment gateway">
                          </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><i class="icon-chrome browserIcons"></i></li>
              <li><i class="icon-firefox browserIcons"></i></li>
              <li class="pr-0"><i class="icon-safari browserIcons"></i></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div>
    <div style="height: 5px; margin: 15px 0;" class="dotted_line"></div>
      <div class="pull-right footerlink">
        <ul class="clearfix">
          <li>
            <div class="copyright" >
              @2026 JOKI55. Seluruh hak cipta | 18+ | v1.55
            </div>
          </li>
        </ul>
      </div>
      <div class="footerlink">
        <ul class="clearfix">
                      <li><a href="https://www.dotmatrixproject.com/info/faq-general">Tentang kami</a></li>
            <li>|</li>
            <li><a href="https://www.dotmatrixproject.com/info/faq-banking">Info Perbankan</a></li>
                        <li>|</li>
            <li><a href="https://www.dotmatrixproject.com/info/faq-general" >Pusat Info</a></li>
                        <li>|</li>
            <li><a href="https://www.dotmatrixproject.com/contact-us"   >Hubungi kami</a></li>
            
                              </ul>
              </div>
    </div>
              <div style="height: 5px; margin-top: 5px;" class="dotted_line"></div>
      <br />
      <div class="footer-desc">
              </div>
      <br />
              <div class="footer-misc">
          <div class="row equal" style="justify-content:space-between;">
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >INFORMASI</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Registrasi</div>
                <div class="box-content mt-2" >Bergabunglah JOKI55 untuk mengalami permainan yang luar biasa dan menarik. Nikmati kepuasan dengan bonus dan promosi di situs kami.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Afiliasi</div>
                <div class="box-content mt-2" >Menjadi mitra kami dengan bergabung dengan afiliasi JOKI55. Dapatkan penghasilan dan komisi Anda setiap bulan dengan mengundang teman-teman Anda untuk bermain di JOKI55.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Game yang bertanggung jawab</div>
                <div class="box-content mt-2" >JOKI55 menawarkan game online terbaik dengan tanggung jawab penuh dan game fairplay. Keamanan selalu menjadi prioritas kami. </div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Keamanan</div>
                                  <div class="box-content mt-2">
                    <div class="box-content mt-2" >JOKI55 menawarkan game online terbaik dengan tanggung jawab penuh dan game fairplay. Keamanan selalu menjadi prioritas kami.</div>
                  </div>
                              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12" >
              <div class="title" >PRODUK</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Sportsbook & Permainan Langsung</div>
                <div class="box-content mt-2" >Dapatkan ribuan peluang olahraga setiap hari di JOKI55. Kemungkinan untuk olahraga paling populer seperti sepak bola, bola basket, tenis, hoki tersedia dengan Permainan Langsung setiap hari.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Kasino online</div>
                <div class="box-content mt-2" >JOKI55 menyediakan permainan kasino online terbaik seperti Baccarat, Blackjack, Roulete, Sic Bo, Poker, dan permainan populer lainnya di kasino online.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Live Kasino</div>
                <div class="box-content mt-2" >Main di live casino JOKI55 dan Anda akan merasakan sensasi kasino yang sebenarnya. Pilih berbagai permainan kasino yang Anda inginkan.</div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >PUSAT INFO</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Promosi</div>
                <div class="box-content mt-2" >Dapatkan banyak promosi dari JOKI55 seperti bonus sambutan, bonus setoran, dan diskon tunai. Merasa puas dengan bergabung dalam promosi JOKI55.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Bantuan</div>
                <div class="box-content mt-2" >Jika Anda memiliki masalah saat bermain Permainan online di JOKI55, Anda dapat segera menghubungi kami, dan kami selalu siap membantu Anda 24 jam.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Metode Transaksi</div>
                <div class="box-content mt-2" >JOKI55 menyediakan bank lokal dan internasional untuk memudahkan setiap pelanggan untuk melakukan deposit dan penarikan. Metode transaksi dijamin aman, cepat, dan andal.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Hubungi kami</div>
                <div class="box-content mt-2" >
                Anda dapat menghubungi JOKI55 kapan saja jika Anda memiliki pertanyaan dan masalah. Anda dapat menghubungi kami melalui livechat, telepon , Skype atau email. Staf kami selalu siap 24 jam untuk Anda.                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
              <div class="title" >INFO BETTING</div>
              <div style="height: 5px; margin-top: 15px;" class="dotted_line"></div>
              <div class="box-wrapper mt-4">
                <div class="subtitle" >Hasil Pertandingan Olahraga</div>
                <div class="box-content mt-2" >Hasil lengkap dari Permainan olahraga Anda tersedia di JOKI55. Dapatkan hasil terbaru yang Anda mainkan dalam riwayat Anda.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Statistik Permainan</div>
                <div class="box-content mt-2" >Akses semua detail Permainan olahraga yang Anda mainkan dan periksa riwayat Permainan secara penuh di JOKI55.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle ">Permainan olahraga</div>
                <div class="box-content mt-2" >Permainan pada permainan olahraga, dapatkan rintangan lengkap setiap hari dan rasakan kesenangan dengan sportsbook JOKI55.</div>
              </div>
              <div class="box-wrapper mt-4">
                <div class="subtitle " >Permainan Kasino</div>
                <div class="box-content mt-2">
                  <div class="box-content mt-2">Rasakan kemewahan Permainan kasino, selesaikan riwayat Permainan lengkap yang telah Anda mainkan. Per Permainan kasino di JOKI55, cepat, aman, dan menyenangkan.</div>
                </div>
              </div>
            </div>
          </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/ImageFile/62ebca406772c_Untitled (3).png"   width="200px">
          <!-- <img class="footer_logimg" style="max-height: 50px;"  alt="JOKI55" src="https://files.sitestatic.net/ImageFile/62ebca406772c_Untitled (3).png"> -->
                  </div>
      </div>
      
                  <div class="pull-right social-icons">
          <a href="https://www.facebook.com/groups/joki55" target="_blank" class="button icon circle is-outline facebook"><i class="icon-facebook"></i></a>
          <a href="https://twitter.com/Joki55_ORG" 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="https://www.youtube.com/channel/UC59WBsskkNhZhJJ4PxezJOg" target="_blank"  class="button icon circle is-outline youtube"><i class="icon-youtube-play"></i></a>
        </div>
                </div>
    <div style="height: 5px; margin: 15px 0;" class="dotted_line"></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/19157635/' , '')" 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://www.dotmatrixproject.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="https://mail.google.com/mail/?view=cm&amp;fs=1&amp;to=joki55official@gmail.com" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-envelope"></i></span><span><span class="__cf_email__" data-cfemail="97fdf8fcfea2a2f8f1f1fef4fef6fbd7f0faf6fefbb9f4f8fa">[email&#160;protected]</span></span>
                   </span>
                 </a>
                                                                                                                                                                                               <a class="btn btn-block box btn-primary contact-values"  href="https://api.whatsapp.com/send?phone=0821-6487-7287" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-whatsapp"></i></span><span>0821-6487-7287</span>
                   </span>
                 </a>
                                                                                                                                                                <a class="btn btn-block box btn-primary contact-values"  href="https://www.facebook.com/groups/joki55" 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://twitter.com/Joki55_ORG" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-twitter"></i></span><span>X</span>
                   </span>
                 </a>
                                                                                                  <a class="btn btn-block box btn-primary contact-values"  href="https://https://linktr.ee/joki55slot" 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://www.youtube.com/channel/UC59WBsskkNhZhJJ4PxezJOg" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-youtube-play"></i></span><span>Youtube</span>
                   </span>
                 </a>
                                                                                                  <a class="btn btn-block box btn-primary contact-values"  href="https://t.me/https://t.me/agenjoki55official" target="_blank">
                   <span class="dis_flex">
                     <span class="icon-txt"><i class="icon-telegram"></i></span><span>JOKI55</span>
                   </span>
                 </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://storetn.in/JOKI55/joki55.apk">
              <div class="pt-2 text-center ">
              <img  class="fd-qr" src ="https://files.sitestatic.net/apk_qr_img_v2/JOKI55/joki55.png" >
              </div>
              <div class="text-center">
                <span class="icon-txt">
                  <i class="icon-android"></i>
                </span>
                <span>
                  JOKI55 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://www.dotmatrixproject.com/login"    method="POST"  [ngClass]="{'was-validated':isSubmit,'':!isSubmit }" >
       <input type="hidden" name="_token" value="SKhof6lBK2DeeYfm7yb48oSHGXq2bJgn0Je2UJ00">        
        <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="form-group" style="height:1px;background: #fff;"></div>
        
        <div class="form-group row no-gutters">
          <p>Atau Lanjutkan Dengan</p>
          <div class="col-xs-12" style="display:flex;align-items:center;gap:8px;">
                  <button type="button"  style="display:flex;align-items: center;font-size:24px;padding:8px;border-radius: 50%;box-shadow:0px 1px 1px #3c3d3e40, 0px 0px 1px #3f40414f;border:none;" onclick="window.iFirebase.googleSignIn()">
                    <svg
                    xmlns="http://www.w3.or ng/2000/svg"
                    width="1em"
                    height="1em"
                    viewBox="0 0 128 128" 
                  >
                    <path
                      fill="#fff"
                      d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.33 74.33 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.16 36.16 0 0 1-13.93 5.5a41.29 41.29 0 0 1-15.1 0A37.16 37.16 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.31 38.31 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.28 34.28 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.22 61.22 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38z"
                    />
                    <path
                      fill="#e33629"
                      d="M44.59 4.21a64 64 0 0 1 42.61.37a61.22 61.22 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.28 34.28 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21z"
                    />
                    <path
                      fill="#f8bd00"
                      d="M3.26 51.5a62.93 62.93 0 0 1 5.5-15.9l20.73 16.09a38.31 38.31 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9z"
                    />
                    <path
                      fill="#587dbd"
                      d="M65.27 52.15h59.52a74.33 74.33 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68z"
                    />
                    <path
                      fill="#319f43"
                      d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.16 37.16 0 0 0 14.08 6.08a41.29 41.29 0 0 0 15.1 0a36.16 36.16 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.73 63.73 0 0 1 8.75 92.4z"
                    />
                  </svg>  
                  </button>  
                    
          </div>
        </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>
          
        </div>

      </form>
      
      <form class="form-horizontal" id="resetPwdForm" name="resetPwdForm" action="/apply-resetpwd" method="post"  >
        <input type="hidden" name="_token" value="SKhof6lBK2DeeYfm7yb48oSHGXq2bJgn0Je2UJ00">        
        
        <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;font-size: 12px;"  data-type='mobileOpt'>
                      <input  type="radio" name="comm_type" value="mobile" >
                      <label class="">
                          <span class="radio-title"> WA / 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="">WA / 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="62"  >Indonesia (+62)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="60"  >Malaysia (+60)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="65"  >Singapore (+65)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="63"  >Philippines (+63)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="855"  >Cambodia (+855)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="84"  >Viet Nam (+84)</a></li>
                                                            <li><a class="js-opt" href="#" data-value="66"  >Thailand (+66)</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="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="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="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="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="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="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="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://www.dotmatrixproject.com/captcha-image-forgotpw?v=1781112277" 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" id="fpwSubmitBtn">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://www.dotmatrixproject.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="3"  >
                            </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="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="9"  >
                            </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 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="1"  >
                            </div>
                                                      <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 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="6"  >
                          </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="javascript:void(0);" onclick="window.onLogOut();" >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://www.dotmatrixproject.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>
                <form class="form-horizontal text-center" id="fpwOtpVerifyForm" action="https://www.dotmatrixproject.com/fpw-verify-otp" style="display: none;">

                    <div class="form-group ">
                        <h3>Verifikasi</h3>
                        <p class="">Silakan masukkan kata sandi satu kali untuk memverifikasi akun Anda</p>
                        <p class="">
                           <span>Kode telah dikirim ke</span> <small id="maskedNumber"></small> 
                        </p>
                    </div>
                    <input type="hidden" name="mobile" id="otpMobile">
                    <input type="hidden" name="contact_country" id="otpCountryCode">
                    <input type="hidden" name="otp_prefix" id="otpPrefix">
                    <div class="form-group ">
                    <h4>Kode dengan awalan - <span id="prefixValue"></span> </h4>
                        <div class="otp-pin-in-grp" id="otp_pin_grp">
                                                
                        <input type="password" maxlength="1" name="otp_pincode[1]" required class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left"  >
                        <input type="password" maxlength="1" name="otp_pincode[2]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[3]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[4]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[5]" required class="form-control fa2Code otp_pincode text-center"  style="width:16.66%;float:left">
                        <input type="password" maxlength="1" name="otp_pincode[6]" required  class="form-control fa2Code otp_pincode text-center" style="width:16.66%;float:left">
                      
                          
                        </div>
                    </div>
                    <div class="form-group text-center d-flex"  style="justify-content: space-between; ">
                        <button type="button" id="btn-back--fpw-verify-modal" class="btn btn-secondary btn-round waves-effect btn-back">
                            Back                        </button>

                        <span id="resend-timer" class="btn btn-outline-warning btn-round disabled">
                            Please wait <span id="resend-countdown">60</span>s
                        </span>

                        <button type="button" id="fpwResendOtpBtn" class="btn btn-warning btn-round waves-effect d-none">
                            Resend OTP                        </button>

                        <button type="submit" class="btn btn-info btn-round waves-effect btn-submit">
                            Periksa                        </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://www.dotmatrixproject.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="SKhof6lBK2DeeYfm7yb48oSHGXq2bJgn0Je2UJ00">                    <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://www.dotmatrixproject.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://www.dotmatrixproject.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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    

    
   
    window.loadOrRefreshTurnstileWidget= function(  selectorId ){

         //do nothing;
    }
     
</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>
 
        function setMarquee(el) {
            const pxPerSec = 80;
            const containerW = el.parentElement.offsetWidth;
            const textW = el.scrollWidth;
            const distance = containerW + textW; // full travel distance
            const duration = distance / pxPerSec; // seconds

            el.style.setProperty('--mq-from', containerW + 'px');
            el.style.setProperty('--mq-to',   -textW + 'px');
            el.style.animation = `marquee ${duration.toFixed(2)}s linear infinite`;

        }
        window.isAuth=  false  ? true : false;
        window.onLogOut = async function(){
            if(window.iFirebase){
                await window.iFirebase.logout();
            }
            
            window.location.href="https://www.dotmatrixproject.com/logout";

        }
        window.fbs =  {"apiKey":"AIzaSyDar81iOC-Qp0Med7UYi2PnU2yBLVM2tGU","authDomain":"onix-live-1.firebaseapp.com","projectId":"onix-live-1","storageBucket":"onix-live-1.firebasestorage.app","messagingSenderId":"189687176100","appId":"1:189687176100:web:1751528ceb0bef297fbf31","measurementId":null} ;
        window.firebasSuccessCb = function (params){
        window.json_post(
                "/authViaIdp",
                params ,
                "json",
                showLoadingImgFn   ,
                 removeLoadingImgFn    ,
            ).done(function(d){
    
             window.onLoginCallback(d,true);

            });
        }
    

         window.currencyCode='IDR';
         window.lang="id";
         window.agentCode='JOKI55';
         window.sweetAlert= function ( msg , type , title  ,showCancelBtn   ) {
            //check CF error
            var dateNow = "2026-06-11 01:24:37";

            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,
                    showCancelButton :(showCancelBtn ? true:false),
                    cancelButtonText : "Cancel",
                    showConfirmButton : true, 
                    confirmButtonText : 'OK', 
                } );
            }
            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://www.dotmatrixproject.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));
                        }
                    });
                }
                window.getHkbLotteryResults= function  (callback) {
                    var results = [];
                    $.ajax({
                        url: "https://www.dotmatrixproject.com/getHKBLotteryResults",
                        type: 'post',
                        data: { _token : $('meta[name=csrf-token]').attr('content') },
                        success: function (result) {
                            results =  result.data.hkb_lottery_results;
                            if (typeof callback === 'function') {
                                callback(results);
                            }
                        }
                    });
                   
                }

                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' || selectedBank == 'MDRLV'){
                    custom_minLength = 13;
                    custom_maxLength = 13;
                }
                else if(selectedBank == 'BNI' || selectedBank == 'BCA' || selectedBank == 'BSI' || selectedBank == 'BLA'){
                    custom_minLength = 10;
                    custom_maxLength = 10;
                } 
                else if(selectedBank == 'BRI'){
                    custom_minLength = 15;
                    custom_maxLength = 15;
                } 
                else if(selectedBank == 'DMN'){
                    custom_minLength = 10;
                    custom_maxLength = 12;
                } 
                else if(selectedBank == 'BPDSULTENG'){
                    custom_minLength = 10;
                    custom_maxLength = 15;
                }
                else if(selectedBank == 'ALADIN' || selectedBank == 'ALLO' || selectedBank == 'BPDRIKE'|| selectedBank == 'BPDRIKES' || selectedBank == 'BPDRIKEU' || selectedBank == 'BJB'){
                    custom_minLength = 10;
                    custom_maxLength = 13;
                } 
                else if(selectedBank == 'JAGO' || selectedBank == 'ARIN'){
                    custom_minLength = 8;
                    custom_maxLength = 12;
                } 
                else if(selectedBank == 'CIMBN' || selectedBank == 'SEABANK'){
                    custom_minLength = 12;
                    custom_maxLength = 12;
                }  
                else if(selectedBank == 'BPMT'){ // This requested by CS WL 2. Jira - FRONT-8992 comment
                    custom_minLength = 8;
                    custom_maxLength = 13;
                } 
                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 () {

                document.querySelectorAll('.marquee-running-text-inner').forEach(setMarquee);
                    //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 = "www.dotmatrixproject.com";
        var agent_url = "https://www.dotmatrixproject.com";
        
        console.log(host, curr_host, agent_url , agent_url.includes(host));
        
        if(host != curr_host && !agent_url.includes(host)){
                      
            location.href = "https://www.dotmatrixproject.com";           
        }
        // popup banner
        var isLoggedIn = window.isAuth;
        var isClosedPopUp = isLoggedIn ? sessionStorage.getItem('isClosedPopUpAftLogin') : sessionStorage.getItem('isClosedPopUp');
        
        if(!isClosedPopUp){
                                                                        var popupContent = `<a href="https://joki55vip.org"><img src="https://files.sitestatic.net/promotion_banners/202505251315020000003fcae6ce36__JOKI55__1080x1080.JPG" class="img-fluid" ></a>`;
                                                
                var popUpInst = $.fancybox.open({
                    src  :   popupContent,
                    type : 'html',
                    opts : {
                        afterShow : function( instance, current ) {
                            if( document.referrer.indexOf(location.protocol + "//" + location.host) === 0 && (!document.referrer.includes('__cf'))){
                                    isLoggedIn ? sessionStorage.setItem('isClosedPopUpAftLogin', 'true') : sessionStorage.setItem('isClosedPopUp', 'true');
                                }
                            }
                    }
                });
                    }
         window.app_sub_skin='onixgaming';
</script>


<script defer type="text/javascript" src="https://www.dotmatrixproject.com/js/firebase.js?id=4863984548b2c7219684c3996bb2ecc4"> </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">
            <!-- spin-wheel type -->
            <input type="hidden" id="spin_wheel_type" value=""/>

              <div class="spinWheelTitle">Spin Wheel</div>
              <div>untuk mendapatkan koin atau lainnya</div>
              
              <div class="spinWheel">
                <div class=" inline-flex" style="position: relative;">
                  <canvas id="wheelCanvas" width="280" height="280"></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://www.dotmatrixproject.com/js/ugsports/app-desktop.js?id=b76d676effb8787654b2400b11643eree4"> </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")'> Indonesia</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>





  

  <!-- Live Chat Script Code Started -->
 <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 19157635;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(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/19157635/" 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 -->
<!-- Live Chat Script Code End -->
  <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>
