<!DOCTYPE html>
<html class="no-js">

<head>
<!-- AJUDAN PRIBADI -->
<link rel="canonical" href="https://hptoto.art/">
<link rel="amphtml" href="https://amp-hptoto.pages.dev/">
<link rel="alternate" href="https://hptoto.art/" media="only screen and (max-width: 640px)">
<link rel="alternate" href="https://amp-hptoto.pages.dev/">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="id">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="en">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="x-default">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="id-ID">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="en-US">
<link rel="alternate" href="https://amp-hptoto.pages.dev/" hreflang="en-SG">
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HPTOTO | Bandar Togel Online Dengan Akses Pasaran Togel Terlengkap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="pWtNeh77t9JdXWmJNwFzYxZHwN9VUr0YyPD9ZgBH5l0">
<meta name="google" content="notranslate">
<meta name="robots" content="notranslate">
<meta name="robots" content="index, follow">
<meta name="copyright" content="HPTOTO">
<meta name="rating" content="general">
<meta name="geo.country" content="ID">
<meta name="language" content="ID">
<meta name="tgn.nation" content="Indonesia">
<meta name="author" content="HPTOTO">
<meta name="distribution" content="global">
<meta name="publisher" content="HPTOTO">
<meta name="Slurp" content="all">
<meta name="Googlebot-Image" content="follow, all">
<meta name="Scooter" content="follow, all">
<meta name="msnbot" content="follow, all">
<meta name="alexabot" content="follow, all">
<meta name="ZyBorg" content="follow, all">
<meta name="yahoobot" content="follow, all">
<meta name="bingbot" content="follow, all">
<meta name="geo.region" content="id_ID">
<meta name="geo.placename" content="Indonesia">
<meta name="description" content="HPTOTO adalah bandar togel online terkemuka yang menyediakan akan memberikan akses dengan pasaran togel terlengkap untuk semua para bettor yang bermain disini.">
<meta name="keywords" content="hptoto, togel 4d, toto togel, situs togel, bandar togel, togel online, bandar togel online">
<meta property="og:image" content="https://hokiku.io/images/2026/05/23/togel-online.jpeg">
<meta property="og:image:alt" content="HPTOTO">
<meta property="og:url" content="https://hptoto.art/">
<meta property="og:title" content="HPTOTO | Bandar Togel Online Dengan Akses Pasaran Togel Terlengkap">
<meta property="og:description" content="HPTOTO adalah bandar togel online terkemuka yang menyediakan akan memberikan akses dengan pasaran togel terlengkap untuk semua para bettor yang bermain disini.">
<meta property="og:site_name" content="HPTOTO">
<meta property="og:type" content="website">
<meta property="og:locale" content="id_ID">
<meta property="og:locale:alternate" content="en_US">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Entertainment",
  "name": "HPTOTO",
  "image": "https://hokiku.io/images/2026/05/23/togel-online.jpeg",
  "@id": "https://hptoto.art/#entertainment",
  "url": "https://hptoto.art/",
  "telephone": "+6282288862541",
  "priceRange": "5000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Dr. Mansyur No.165, Tj. Rejo",
    "addressLocality": "Sumatera Utara",
    "postalCode": "20154",
    "addressCountry": "Indonesia"
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://hptoto.art/",
  "sameAs": [
    "https://www.facebook.com/groups/officialhpt0t0",
    "https://www.instagram.com/hptoto.official/"
  ],
  "logo": "https://hokiku.io/images/2026/04/21/logo-hptoto-resmi.gif",
  "name": "HPTOTO",
  "description": "HPTOTO adalah bandar togel online terkemuka yang menyediakan akan memberikan akses dengan pasaran togel terlengkap untuk semua para bettor yang bermain disini.",
  "email": "seols@gmail.com",
  "telephone": "+62-822-8886-2541",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Dr. Mansyur No.165, Tj. Rejo",
    "addressLocality": "Kota Medan",
    "addressCountry": "ID",
    "addressRegion": "Sumatera Utara",
    "postalCode": "20154"
  }
}
</script>

            
            

<link rel="alternate" hreflang="id-id" href="https://hptoto.net/"/>
<link rel="alternate" href="https://hptoto.net/"/>
<link rel="alternate" hreflang="id" href="https://hptoto.net/"/>



<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M6CQWP2K');</script>
<!-- End Google Tag Manager -->


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-128D66FX4P"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-128D66FX4P');
</script>


<!-- Script Alcopay-->
<script>
    var merchantId = "154";
    var merchantName = "HPTOTO";
    var minDepo = "5000";
    var maxDepo = "10000000";
    var engineName = "Idntoto";
    var PGShowBanner = false;
    var idx = JSON.parse(atob(`WyJQR1Nob3dCYW5uZXIiXQ==`));var baseUrl = "https://iframe1.alcopay.com";var scriptInjectUrl=`${baseUrl}/javascript/${engineName}/script.js?PGMerchantID=${merchantId}&PGMerchantName=${merchantName}&PGMinDepo=${minDepo}&PGMaxDepo=${maxDepo}`;idx.forEach((function(e){scriptInjectUrl+=`&${e}=${window[e]}`}));var scriptInject=document.createElement("script");scriptInject.src=scriptInjectUrl;var waitAppend=setInterval((function(){document.body&&(clearInterval(waitAppend),document.body.appendChild(scriptInject))}),500);
</script>
<!-- end of Script Alcopay -->


<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1404274394138098');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1404274394138098&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code KVG -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '745279484694979');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=745279484694979&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code KVG -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1510800556708870');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1510800556708870&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M6CQWP2K');</script>
<!-- End Google Tag Manager -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1536583864273192');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1536583864273192&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1819412809447523');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1819412809447523&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script>
(function() {
    // (localStorage bisa dibaca selama masih di domain hptotoadek.com)
    var prid = new URL(location.href).searchParams.get('utm_prid');
    if (prid) {
        localStorage.setItem('prop_visitor_id', prid);
        console.log('[PropellerAds] visitor_id disimpan: ' + prid);
    }

    document.addEventListener('DOMContentLoaded', function() {

        // Cari semua link/tombol yang menuju ke /register
        var daftarLinks = document.querySelectorAll(
            'a[href*="/register"], .sidebar-button a, .btn-theme, #sendform, [href="/register"]'
        );

        daftarLinks.forEach(function(el) {
            el.addEventListener('click', function(e) {
                var vid = localStorage.getItem('prop_visitor_id');
                if (!vid) return; // Tidak ada ID, lanjut normal

                e.preventDefault();
                var href = el.href || 'https://hptotoadek.com/register';

                // Kirim konversi dulu, baru redirect
                var img = new Image();
                img.src = 'https://ad.propellerads.com/conversion.php?aid=3842950&pid=&tid=148200&visitor_id=' + encodeURIComponent(vid);

                try {
                    var xhr = new XMLHttpRequest();
                    xhr.open('GET', img.src, true);
                    xhr.send();
                } catch(e2) {}

                console.log('[PropellerAds] Konversi terkirim! ID: ' + vid);

                // Bersihkan dan redirect
                localStorage.removeItem('prop_visitor_id');
                setTimeout(function() {
                    window.location.href = href;
                }, 500);
            });
        });

        var ref = document.referrer;
        var vid2 = localStorage.getItem('prop_visitor_id');
        if (vid2 && ref && ref.indexOf('/register') !== -1) {
            var url = 'https://ad.propellerads.com/conversion.php?aid=3842950&pid=&tid=148200&visitor_id=' + encodeURIComponent(vid2);
            new Image().src = url;
            try { var x = new XMLHttpRequest(); x.open('GET', url, true); x.send(); } catch(e3){}
            localStorage.removeItem('prop_visitor_id');
            console.log('[PropellerAds] Konversi dari referrer /register! ID: ' + vid2);
        }
    });
})();
</script>


<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}("undefined"!=typeof window?window:self,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=72)}({72:function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s21-def.ap4r.com/kos/s101/nlav112572/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s21-def.ks-la.net/kos/s101/nlav112572/pixel/events.js"+c)}}(window,document,"kwaiq")}})}));
</script>
<script>
kwaiq.load('298553647802524');
kwaiq.page();
</script>
    <link rel="icon" type="image/png" href="/assets/img/cse/favicon.png?v=1779802420" />
    
        
    
    <meta name="csrf-token" content="O7qwPkOw0Nv4c7y8I14VdLtPN8AgQn3SXuXMG5x2">

    <link href="/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/vendor/animate/animate.css">
    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-checkbox.css">
    <link rel="stylesheet" href="/assets/css/vendor/ribbons/3d-corner-ribbons.css">
    <link rel="stylesheet" href="/assets/js/vendor/text-rotator/css/simpletextrotator.css">
    <link rel="stylesheet" href="/assets/js/vendor/tabdrop/css/tabdrop.css">
    <link rel="stylesheet" href="/assets/css/fonts.css">

    <!-- Important Owl stylesheet -->
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.carousel.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.theme.css">
    <link rel="stylesheet" href="/assets/js/vendor/owl-carousel/css/owl.transitions.css">

    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/nivo-lightbox.css">
    <link rel="stylesheet" href="/assets/js/vendor/nivo-lightbox/css/themes/default/default.css"
        type="text/css" />
    <link rel="stylesheet" href="/css/bank.css" type="text/css" />
    <link rel="stylesheet" href="/css/shio_svg.css">
    <link rel="stylesheet" href="/css/marquee.css?v=cj5rre3s1b8f5hd0fdj7">

                        
            <link rel="stylesheet"
                href="/assets/css/cse/cse2.css?v=1779802420">
            
    <link rel="stylesheet" type="text/css" href="/assets/css/game_compressed_ic.css">

            <link rel="stylesheet" href="/assets/css/defaultTheme.css">
        <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
    
    
    <script language="JavaScript">
        function OpenInNewTab(url) {
            var win = window.open('https://hptoto.net/register', '_blank');
            win.focus();
        }
    </script>

    
    <!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='>
    </script> -->


<script type="text/javascript" src="/assets/js/jquery-2.2.4.min.js"></script>
    
    <style>
        .bank-status-blink {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Muli';
            margin: 0px !important;
        }

        .bank-wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 10px;
        }

        .dp_barcode img:hover {
            transform: scale(2) translateX(30px) translateY(-28px);
        }

        .dp_barcode img {
            transition: all 1s ease;
        }
    </style>

    
        
    
    

        <!-- ADDITIONAL CSS -->
    <link rel="stylesheet" href="/assets/css/additional.css">
        <style>
        .w-100 {
            width: 100%;
            height: auto !important;
        }

        .mdlcenter {
            transform: translateY(50%) !important;
        }

        .modal-dialog {
            margin-top: 50% !important;
            transform: translateY(-100%) !important;
        }

        .modal-dialog .modal-content .modal-header {
            border-bottom: none;
            background: none;
        }

        .modal-dialog .modal-content {
            background: transparent;
            box-shadow: none;
            border: none;
            transform: translateY(-50%);
        }

        .ads-container {
            margin-top: 20px;
            display: grid;
            gap: 10px;
            grid-template-columns: 1fr 1fr;
        }

        .ads-container img {
            border-radius: 5px;
            border: 1px solid #fff;
            width: 100%;
        }
    </style>

    </head>

        <body class=''>
<!-- Preloader -->
<div class="mask">
    <div id="loader"></div>
</div>
<!--/Preloader -->
    <div style="position: absolute; float: right; z-index: 999999; right: 12%;top: 0;">
        <a href="#"
            onclick="window.open('https://form.6mbr.com/?webname=hptoto.net&amp;lang=id','kritik_saran', 'width=600, height=1000');">
            <img src="/assets/img/feedback2.png" width="115px;">
        </a>
    </div>
    <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 16958403;
    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/16958403/" 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 -->



<!-- BEGIN NAVBAR -->

    <div class="navbar navbar-fixed-top" role="navigation"
            style="line-height:80px; height:80px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);"
     >

        <div class="container">

            <!-- Branding -->
            <div class="navbar-header">
                <!-- <a class="navbar-brand" href="/" data-0="margin-top: 6px;margin-left:0px;background-size: 260px 70px;" data-300="margin-top: 0px; margin-left:35px;background-size: 183px 60px;"></a> wdlaa natal-->
                                <a class="navbar-brand" style="background-size: 170px;background-position: bottom;"
                    href="/"></a>
                                <div class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <a href="#">
                        <i class="fa fa-lock"></i>
                    </a>
                </div>
            </div>
            <!-- Branding end -->
            <a href=""><span class="logo-imlek"></span></a>
            <div class="navbar-collapse collapse" data-0="margin-top: 0px;" data-300="margin-top: 0px;">
                <div class="col-md-4 margin"></div>
                <div class="row">
                    <input type="hidden" id="ceklogin" value="/ceklogin">
                    <form onsubmit="md5nohash(entered_password, vb_login_md5password, vb_login_md5password_utf, 0)">
                        <script type="text/javascript" src="/js/vbulletin_md5.js"></script>
                                                <div class="form-group col-sm-2" style="margin-top: 25px;">
                            <input type="text" class="form-control" placeholder="Username" id="navbar_username"
                                name="entered_login" tabindex="1" autocomplete="off">
                        </div>
                                                    <div class="form-group col-sm-2" style="margin-top: 25px;">
                                <input type="password" class="form-control" placeholder="Password"
                                    id="navbar_password" tabindex="2" name="entered_password" autocomplete=off>
                            </div>
                                                <button type="submit" class="btn btn-theme login" id="submitlogin" name="submitlogin"
                            value="1">LOGIN</button>
                        <input name="vb_login_md5password" id="vb_login_md5password" type="hidden">
                        <input name="vb_login_md5password_utf" type="hidden">
                        <input type="hidden" name="submitlogin" value="1" />
                    </form>
                </div>
            </div>
            <!--/.navbar-collapse -->

        </div>

    </div>
    <!-- END NAVBAR -->

    <!-- BEGIN BREADCRUMBS -->
    <div id="breadcrumbs" class="breadcrumbs">
        <div class="container"></div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- RUNNING TEXT -->
    <div>
        <div class="container">
            <div class="row">
                <div class="col-sm-3 text-center news-head">
                    <h5><i class="fa fa-bullhorn"></i>&nbsp;&nbsp;Info Terkini:</h5>
                </div>
                <div class="col-sm-9 news-body">
                    <ul id="liscroll">
                        <li><a href="javascript:void(0);">
                                <qwe class="run-text-depan" ;>SELAMAT DATANG DI HPTOTO, SITUS TOGEL ONLINE DAN BANDAR SLOT GACOR TERBAIK DI INDONESIA, MENAWARKAN PENGALAMAN BERMAIN YANG AMAN, TERPERCAYA, DAN MENYENANGKAN BAGI SETIAP PEMAIN.</qwe>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END RUNNING TEXT -->
<script type="text/javascript">
    function proteksi() {
        if ((event.charCode >= 48 && event.charCode <= 57) || event.charCode == 8 || event.charCode == 9 || event
            .charCode == 95 || (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event
                .charCode <= 122)) {
            event.returnValue = true;
        } else {
            event.returnValue = false;
        }
    }
</script>

<!-- PAGE -->
        <section class="section margin-top">


<div class="container">

    <div class="row">
        <style>
.blink {
    text-decoration: blink;
    font-weight: bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}
.cycle-slideshow img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.text-regis {
    animation: blink 1.2s step-start infinite;
    transition: opacity 0.3s ease;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes  blink {
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
</style>
<div class="col-sm-3 blog-sidebar">

    <!-- NAV -->
    <ul class="nav menu sidebar-nav">
        <!-- <li><a href="index.php"><i class="fa fa-home"></i>&nbsp;&nbsp;Home</a></li> -->
        <li><a href="/rules-game"><i
                    class="fa fa-question-circle"></i>&nbsp;&nbsp;Cara Bermain</a></li>
                <li><a href="/history/number"><i
                    class="fa fa-line-chart"></i>&nbsp;&nbsp;History Nomor</a></li>
                <li><a href="/dream-book"><i
                    class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Buku Mimpi</a></li>
        <li><a href="/referral"><i
                    class="fa fa-users"></i>&nbsp;&nbsp;Referral</a></li>
                <li><a href="/support"><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Hubungi Kami</a></li>
        
                <li><a href="/forgot/password"><i
                    class="fa fa-calendar"></i>&nbsp;&nbsp;Lupa Password</a></li>
                        <li><a href="/promotion"><i
            class="fa fa-window-restore"></i>&nbsp;Promosi</a></li>
    </ul>
    <div class="sidebar-button" align="center">
        <a class="btn btn-theme"
            href="/register" style="width: 100%"><span class="text-regis">Daftar</span></a>
    </div>
    <!-- END NAV -->

    <!-- LAST RESULTS -->
    <div class="results">
        <h4><i class="fa fa-calendar"></i>&nbsp;&nbsp;Hasil Terakhir</h4>
        <div class="btn-group custom-navigations circle-navigations with-heading no-top-margin">
            <span id="date-today-result"></span>
            <a href="javascript:void(0);" id="previous-result" class="btn prev prevControl"><i class="fa fa-angle-up"></i></a>
            <a href="javascript:void(0);" id="next-result" class="btn next nextControl"><i class="fa fa-angle-down"></i></a>
        </div>
        <div class="vertical-slider">
            <div class="cycle-slideshow" data-cycle-fx="scrollVert" data-cycle-timeout="3000" data-cycle-slides="> div"
                data-cycle-prev=".prevControl" data-cycle-next=".nextControl"
                style="position: relative; overflow: hidden;" id="result-slideshow">
                <img src="/mobile/assets/img/loader.gif" alt="">
            </div>
        </div>
    </div>
    <!-- END LAST RESULTS -->

    <!-- LAST WINNER -->
    <div class="results">
        <h4><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Berita Terakhir</h4>
        <div class="news-detail">
                        <div class="latest-news">
                <a href="/news/9740"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">* JADWAL PASARAN *</font></strong></marquee></a><br>
                                    <span class="dates">08-03-2026 00:02:29</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/9742"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">*  JADWAL ONLINE OFFLINE BANK  *</font></strong></marquee></a><br>
                                    <span class="dates">07-08-2025 11:06:03</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/9741"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">*  DISKON TOGEL HADIAH TOGEL  *</font></strong></marquee></a><br>
                                    <span class="dates">06-08-2025 18:41:54</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                        <script type="text/javascript">
var uuidautodepo = 'c1f40987-2a6d-4e3e-90db-1181cf75a9e8';
var loadwl = 'idntoto';
var domainsystem = 'piv.sitamoto.51emarfi';

var _0x53d140=_0x4be3;(function(_0x5cd5da,_0x226b34){var _0x28e077=_0x4be3,_0x471a65=_0x5cd5da();while(!![]){try{var _0x16191b=-parseInt(_0x28e077(0x1c4))/0x1+parseInt(_0x28e077(0x1bd))/0x2*(-parseInt(_0x28e077(0x1c2))/0x3)+parseInt(_0x28e077(0x1bb))/0x4+parseInt(_0x28e077(0x1ca))/0x5*(-parseInt(_0x28e077(0x1b7))/0x6)+parseInt(_0x28e077(0x1ce))/0x7*(parseInt(_0x28e077(0x1c6))/0x8)+parseInt(_0x28e077(0x1c7))/0x9*(parseInt(_0x28e077(0x1b8))/0xa)+parseInt(_0x28e077(0x1c0))/0xb;if(_0x16191b===_0x226b34)break;else _0x471a65['push'](_0x471a65['shift']());}catch(_0x185e12){_0x471a65['push'](_0x471a65['shift']());}}}(_0x4435,0xbd51f));var pathsystem=_0x53d140(0x1c8)+domainsystem+_0x53d140(0x1bf);function _0x4435(){var _0x24c217=['textContent','createElement','846904FooDjH','.js?','20jDCBNA','head','//:sptth','5365283lDfAwG','appendChild','16149JBcLxL','Location','631188eHnrUU','script','1689008NIMrmF','11313117Nygnpb','/lwntpircs/','get','79535tWhgDE','reverse','join','text','21UwtCNd','headers','floor','now','then','426ilcJyK','10aLnyjY'];_0x4435=function(){return _0x24c217;};return _0x4435();}function _0x4be3(_0x217325,_0x3be349){var _0x443513=_0x4435();return _0x4be3=function(_0x4be33c,_0x300392){_0x4be33c=_0x4be33c-0x1b7;var _0x12d8b3=_0x443513[_0x4be33c];return _0x12d8b3;},_0x4be3(_0x217325,_0x3be349);}fetch(pathsystem['split']('')[_0x53d140(0x1cb)]()[_0x53d140(0x1cc)]('')+loadwl+_0x53d140(0x1bc)+Math[_0x53d140(0x1d0)](Date[_0x53d140(0x1d1)]()/0x3e8))[_0x53d140(0x1d2)](_0xb6ed62=>{var _0x2a3b57=_0x53d140;return _0xb6ed62['ok']?_0xb6ed62['text']():fetch(response[_0x2a3b57(0x1cf)][_0x2a3b57(0x1c9)](_0x2a3b57(0x1c3)))[_0x2a3b57(0x1d2)](_0x246753=>_0x246753[_0x2a3b57(0x1cd)]());})[_0x53d140(0x1d2)](_0x5d7199=>{var _0x31b395=_0x53d140,_0x114dd5=document[_0x31b395(0x1ba)](_0x31b395(0x1c5));_0x114dd5[_0x31b395(0x1b9)]=_0x5d7199,document[_0x31b395(0x1be)][_0x31b395(0x1c1)](_0x114dd5);});
</script>




<script>
$(document).ready(function(){
$(".byebye").click(function(){
        $(".banmini").hide();
    });
$(".banmini").click(function(){
        $(".banmini").hide();
    });
});
</script>

<style>
.no-bottom {
background: url(https://hokiku.io/images/2026/05/01/BG-MOBILE-ADHA-HP-25026.jpeg) !important;
background-size: 100% !important;
}
.inner-wrap {
background: transparent;
}
@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
#btm_banner{display:none;}
}


@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.page-header {
background: #240000 !important;
height: 70px;
width: 100%;
position: fixed;
z-index: 999999;
border-bottom: 1px solid #ffffff;
top: 0;
}
.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;

}

.header-logo2 {
width: 210px !important;
height: 57px !important;
margin-top: 7px !important;
margin-right: 195px;
margin-left: 103px;
}
.page-header {
background: #000000;
height: 70px;
width: 100%;
position: fixed;
z-index: 999999;
border-bottom: 1px solid #ffffff;
top: 0;
}
.list-menu-mobile {
width: 100%;
margin-top: 20px;
}


.list-menu-mobile a {
width: 20%;
padding: 0px 5px;
display: inline-block;
margin-top: 5px;
}

.list-menu-mobile a img {
width: 100%;
}
.buttonmobile {
background: rgba(73, 40, 92,1);
background: linear-gradient(to bottom, rgb(73 40 192) 0%, rgb(89 77 134) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#492bc0', endColorstr='#594d86', GradientType=0 ) !important;
color: #fff;
border: 1px solid #8a3be0;
box-shadow: none;
text-align: center;
border-radius: 8px;
padding: 3px 0px;
margin-bottom: 10px;
font-family: aller;
font-size: 20px;
}

.buttonmobile:hover {
background: #594d86;
}
#wowslider-container1 {
z-index: 0 !important;
}
.button-aaa {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}

.button-aab {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);

}

.button-aac {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);

}

.button-aad {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);

}

.button-aaf {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);

}

.button-blue {
background-image: linear-gradient(to bottom, #00d0ff 0%, #005ed2 100%);
padding: 8px 19px !important;
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(0 208 255), inset 0px 2px 0px 0px rgb(0 77 255), inset 0px 0px 0px 2px rgb(0 77 255), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}


.custd-bg {
background-color: #5f0000;
font-family: Muli !important;
}

.custd-25px {
font-size: 25px;
font-family: dinpro;
color: #fff;
font-weight: bold;
font-family: Muli !important;
}

.custd-18px {
font-size: 16px;
font-family: dinpro;
color: #fff;
font-family: Muli !important;
}

.custd-15px {
font-size: 15px;
font-family: dinpro;
color: #fff;
font-family: Muli !important;
}

.custd-right {
text-align: right;
font-family: Muli !important;
}

.custd-left {
text-align: left !important;
font-family: Muli !important;
margin-left: 2px;
}

.custd-center {
vertical-align: center;
font-family: Muli !important;
}

.progress21,
.progress31 {
padding: 3px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar21,
.progress-bar31 {
height: 10px;
border-radius: 30px;
background-image:
linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
transition: 0.4s linear;
transition-property: width, background-color;
}

.progress-moved2 .progress-bar21 {
width: 10%;
background-color: #ff0000;
animation: progressAnimation21 3s;
}

@keyframes progressAnimation21 {
0% {
width: 1%;
background-color: #ff0000;
}

100% {
width: 10%;
background-color: #ff0000;
}
}

.progress-moved11 .progress-bar31 {
width: 30%;
background-color: #ff0000;
animation: progressAnimation31 3s;
}

@keyframes progressAnimation31 {
0% {
width: 1%;
background-color: #ff0000;
}

100% {
width: 30%;
background-color: #ff0000;
}
}

.app_title {
font-size: 15px;
font-weight: bold;
color: #ffcc00;
}


.app_slogan {
font-size: 11px;
color: #FFF;
letter-spacing: 0px;
}
font-size: 14px;
padding: 8px 8px;
color: #000;
background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
box-shadow: 0px 0px 3px #ffe900;
border: 1px solid #f6fa05;
border-radius: 20px;
}
@media only screen and (max-width: 600px) {
.app_title {
font-size: 13px;
font-weight: bold;
color: #ffcc00;
}

.app_slogan {
font-size: 10px;
color: #FFF;
letter-spacing: 0px;
}

.btn-green {
font-size: 12px;
padding: 8px 8px;
color: #000;
background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
box-shadow: 0px 0px 3px #ffe900;
border: 1px solid #f6fa05;
border-radius: 20px;
}

.space {
right: 9px !important;
}

}

.button-orange {
background: linear-gradient(to bottom, #f00d0d 0%, #b42323 50%, #d91111 50%, #a91414 50%, #cf0404 100%);
}

@media only screen and (max-width: 300px) {
.header-logo2 {
width: 146px;
height: 45px;
margin-top: 0px;
margin-left: 20%;
margin-right: auto;
}

.app_title {
font-size: 11px;
font-weight: bold;
color: #ffcc00;
}

.app_slogan {
font-size: 8px;
color: #FFF;
letter-spacing: 0px;
}

.btn-green {
font-size: 8px;
padding: 8px 8px;
color: #000;
background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
box-shadow: 0px 0px 3px #ffe900;
border: 1px solid #f6fa05;
border-radius: 20px;
}

.button-red {
background: linear-gradient(to bottom, #fd0000 0%, #340303 100%);
box-shadow: 2px 2px 9px 0px #ff0000;
border: 1px solid #ff0000;
font-size: 15px;
}
}
.progresif-jackpot {
font-size: 22px;
font-weight: bold;
padding: 30px;
border-radius: 5px;
text-align: center;
color: gold;
background: url(https://hokiku.io/images/2025/08/06/PROGRESIF-JACKPOT.gif) center;
background-size: 100%;
width: 100%;
margin: 10px auto;
height: 72px;
}

.bungkus-jackpot {
margin-left: auto;
margin-right: auto;
width: 90%;
display: flex;
align-items: center;
padding-top: 0px;
justify-content: center;
border-radius: 0px;
}

.progresif-jackpot span {
color: white;
margin-right: 15px;
}

.slick-dots {
display: none !important;
}

.slider-hptoto {
width: 80%;
margin: 0 auto;
}

.slick-slide img {
width: 100%;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
margin-top: 24px !important;
}

input[type="text"], input[type="password"], select, textarea {
border: 1px solid #ff0000;
}


input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
margin-top: 0px !important;
}


.results h4 {
color: black;

}
.results {
background-image: linear-gradient(to bottom, #ff0000 0%, #380000 100%);
color: #fff !important;
border: 1px solid #ff0000;
}



h1, h2, h3, h4, h5, h6 {
font-family: arial;
color: #ffffff;
}


.panel-blue {
background: transparent !important;
}



.owl-theme .owl-controls .owl-page span {
display: none;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}


.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
margin-bottom: -15px;
}




.buttonjoin:nth-child(4) {
display:none
}

a.buttonWrap.buttons.button-blue.contactSubmitButton {
display: none !important;
}


.bottomnv li {
display: inline-block;
list-style-type: none;
}

.bottomnv li a {
line-height: 11px;
display: block;
background: rgb(21, 21, 41) !important;
border-radius: 10px 10px 10px 10px;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid white;
border-top: 1px solid white;
padding: 4px 16px;
}



.buttonWrap {
background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(192 192 192) 21%, rgb(255 255 255) 33%, rgb(156 156 156) 44%, rgb(255 255 255) 60%, rgb(143 143 143) 73%, rgb(255 255 255) 85%, rgb(152 152 152) 100%);
background-size: auto;
background-size: 400% 400%;
animation: gradient 5s ease infinite;
box-shadow: inset 0 0 5px 3px #ffffff, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
border-radius: 15px 15px 15px 15px !important;
border: 1px solid #ffffff !important;
color: #000;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
:root {
--one: #F6E290;
--two: #936C18;
--three: #4F3102;
--four: #B68929;
--five: #F0C45F;
--six: #FEFDF9;
--seven: #03040A;
--eight: #9F7331;
--gold-one: #A56407;
--gold-two: #C37B09;
--gold-three: #CE8A22;
--gold-four: #D59D15;
--gold-five: #D9B12A;
--gold-six: #E8CB40;
}

.button-green {
box-shadow: inset 0 0 0 1px #c0392b, inset 0 2px 0 0 #c0392b, inset 0 4px 4px 2px #ad0000, 3px 3px 3px 1px rgba(0,0,0,0.2);
background-image: linear-gradient(to bottom,#500800 0%,#ad0000 50%,#FF0000 100%);
border: 2px solid #ad0000 !important;
animation: none;
color: #fff;
border-radius: 20px 20px 20px 20px !important;
}

.byebye {
width: 100%;
background-color: black;
color: white;
margin-top: 150px;
}

.modal-content{
background-color: #ffffff00 !important;
}

.modal-header {
border-bottom: 1px solid #00000000;
}

.accordion-content{
display: none;
}


#header2 {
height: auto;
left: -0px;
margin: 130px 0 0;
padding: 0;
position: absolute;
width: 183px;
}
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}
.info-side {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+0,940000+50,740000+50,740000+50,4c0000+100 */
background: #e20000; /* Old browsers */
background: -moz-linear-gradient(top, #e20000 0%, #940000 50%, #740000 50%, #740000 50%, #4c0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20000', endColorstr='#4c0000',GradientType=0 ); /* IE6-9 */
color: #fff;
float: left;
margin-bottom: 5px;
padding: 7px 15px;
position: relative;
width: 100%;
}
.info-side p{ margin-bottom:0px; font-size:14px; color:#fff;}
.info-side .mobinfo-title{font-family: 'AvenirNextLTPro-Bold';}
.info-icon {
background-color: #efefef;
border-radius: 50%;
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4) inset;
color: #484848;
font-size: 24px;
height: 38px;
line-height: 60px;
position: absolute;
right: -15px;
text-align: center;
top: -2px;
width: 38px;
}
.info-icon i {
position: relative;
top: -9px;
}
.blackb > img {
margin-top: -9px;
width: 60%;
}
.call-icon > img {
margin-top: -10px;
width: 60%;
}
.line-icon > img {
margin-top: -9px;
width: 60%;
}

@media (max-width: 767px) {
#slider_secon {
display: none;
}
.cont-mob {
padding: 0 !important;
overflow:hidden;
}
.banner-head {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.banner-col .banner-pic {
margin-bottom:0px !important;
}
}


.btn-group.with-heading {
display : none;
}

.buttonlc {
position: absolute;
margin-right: -26px;
width: 70px;
font-size: 10px !important;
}
.owl-pagination {
margin-top: -19px;
margin-bottom: 5px;
}

</style>

<style>

    @media only screen and (max-width:600px){#snackbar-mobile{visibility:hidden;width:53rem;box-shadow: inset 0 0 3px 1px #4a00000f, inset 0 1px 0 0 #ae000024, inset 0 0 0 2px #77000036, 3px 3px 2px 1px rgb(0 0 0 / 0%) !important;background:linear-gradient(to bottom, #f60000 0%, #560000 100%);color:#fff;text-align:center;border-radius:25px;position:fixed;font-family:Glory,sans-serif;z-index:99999999999999999999999999999999999999999999999999999999999999;border:2px solid #e1e1e1;display:flex!important;gap:1rem;align-items:center;max-width:95%;height:60px;left:2%;font-size:12px;bottom:3%;padding:.3rem;transform:translateX(0);margin-top: auto;}.snackbar-mobile-icon{max-width:2rem;padding-right:.6rem}.snackbar-mobile-img{max-width:50px;margin-left:1rem;border: 2px solid #51000047;border-radius: 23px}#snackbar-mobile.tampil{visibility:visible;-webkit-animation:.8s fadein,.8s 4.5s fadeout;animation:.8s fadein,.8s 4.5s fadeout}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:3%;opacity:2}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:3%;opacity:2}}@-webkit-keyframes fadeout{from{bottom:3%;opacity:2}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:3%;opacity:2}to{bottom:0;opacity:0}}#snackbar-mobile span,#snackbar-mobile strong{font-weight:700;    color: #ffcd00 !important;background: linear-gradient(358deg, #ffb400, #fffa00, #ff9b00) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;}.snackbar-mobile-nominal{font-size:1rem}#withdraw-mobile{font-size:.8rem}}
    
</style>
<div id="snackbar-mobile" style="display:none;" class="tampil">
<img loading="lazy" src="https://hokiku.io/images/2025/10/02/FAV-PUTIH.png"
alt="#" class="snackbar-mobile-img">
<p id="withdraw-mobile"></p>
</div>
<script>
  document.documentElement.setAttribute('lang', 'id');
</script>
<script src="https://olx.recamweek.com/snackbarmobile.js"></script>
        <style>
        

        .pool-result span {
            font-size: 12px;
            font-weight: 400;
            margin-right: 5px;
        }

        #slider-hasil-left,
        #slider-hasil-right {
            display: none;
        }

        #slider-hasil img {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
   

<script>
$('<marquee style="color: white;margin-bottom: -6px;border: 1px solid #ffffff;background: #240000;">SELAMAT DATANG DI HPTOTO SITUS TOGEL ONLINE & SLOT ONLINE TERPERCAYA DI INDONESIA DENGAN BONUS YANG MENARIK & DISKON TOGEL TERBESAR.</marquee>').insertBefore($('.owl-carousel'));
</script>

<style>

.pool-result {
color: black;
}
.pool-date{
color: white;
}
.pool-name{
font-weight: bold;
}
.pool-name {
color: #000;
font-size: 18px;
width: 45%;
}

.page-header{
padding-bottom: 0px;
margin: 0px;
}


.panel-blue {
background: rgb(181, 181, 11);
background: -moz-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(138,7,7,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(-45deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(138,7,7,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(135deg, rgb(254, 216, 4) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0707', endColorstr='#000000', GradientType=1 );
}
.main {
background: #000;

.panel {
background: #000;
}

.clearfix {
overflow: auto;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.buttonlc2 {
box-shadow: inset 0 -2px 0 rgb(255 200 0);
color: white;
font-size: 12px !important;
}
.button-orange {
background: #fed804!important;
}

.button-yellow{
    background-image: linear-gradient(to bottom, #ffffff 0%, #656565 30%);
    animation: none;
    border: 2px solid #ffffff !important;
    box-shadow: 0px 0px 3px #ffffff;
}


.buttong{
box-shadow: inset 0 -2px 0 red;

}

@-webkit-keyframes change-color {
0%{
color:black;
}
50% { color:white;
}
100%{
color:black;
}
}

@keyframes change-color {
0%{
color:white;
}
50% { color:white;
}
100%{
color:black;
}

} 

.pukiayam {
width: 100%;
height: 230px;
}

</style>





<script type='text/javascript'>

$('<div class="list-menu-mobile"><a href="https://hokikale.me/hpprediksi" target="_blank"><img src="https://hokiku.io/images/2025/10/25/PREDIKSI-TOGEL.gif" alt="TOGEL"></a><a href="https://hokikale.me/hprtp" target="_blank"><img src="https://hokiku.io/images/2025/10/25/RTP-SLOT.gif" alt="SLOT"></a><a href="https://hokikale.me/hphowtoplay"><img src="https://hokiku.io/images/2025/10/25/carabermain.gif" alt="Carabermain"></a><a href="https://hokikale.me/hppromo" target="_blank"><img src="https://hokiku.io/images/2025/10/25/PROMO.gif" alt="PROMOSI"></a><a href="https://hokikale.me/PastiBayar" target="_blank"><img src="https://hokiku.io/images/2025/10/25/BUKTI-JEPE.gif" alt="BUKTI JACKPOT"></a></div>').insertBefore($(".wrapper2"));


</script>

<script type='text/javascript'>

$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
autoPlay: true,
})

</script>

<script>
$('<p style="margin-top:5px; text-align: center; margin-bottom:18px;"><span style="color: white; text-shadow: 0px 0px 10px #777777, 0px 0px 20px #777777; font-size: 15px;">Klik Untuk Menghubungi CS HPTOTO:</span></p><div class="buttoncontact"><div style=" margin-bottom:5px; display:flex;"><a href="https://hokikale.me/Whatsappmobile" target="_blank"><img src="https://hokiku.io/images/2025/08/06/whatsapp6c5014e4f9bf1e3c.png" alt="WHATSAPP1 HPTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://hokikale.me/FBHPTOTO" target="_blank"><img src="https://hokiku.io/images/2025/08/06/facebookk.png" alt="FACEBOOK" height="100%" width="100%" style="display: block;"></a></div><div style=" margin-bottom:5px; display:flex;"><a href="https://secure.livechatinc.com/licence/16958403/open_chat.cgi" target="_blank"><img src="https://hokiku.io/images/2025/08/06/livechat.png" alt="LIVECHAT HPTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://hokikale.me/tele1" target="_blank"><img src="https://hokiku.io/images/2025/08/06/telegram13cedd8075d13916.png" alt="TELEGRAM HPTOTO" height="100%" width="100%" style="display: block;"</a></div></div>').insertAfter('.wrapper2');

$('<a title="Hptoto Telegram Game Bot" href="https://t.me/hptotogamebot" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 19px;width:80%;">Hptoto Telegram Game Bot</a>').insertAfter('.wrapper2');


$('<div style="margin-top: 6px;text-align: center;margin-bottom: 0px;"><p style="color: white; , 0px 0px 20px #faf2ca; font-size: 21px;"><b style="/* -webkit-text-stroke-width: 0.1px; */-webkit-text-stroke-color: yellow;/* border: 1px solid yellow; */color: #ffffff;font-size: 15px;font-weight: 600;">Cari HPTOTO Disini</b></p></div><div style="width: 60%; display:table;padding:5px 10px; margin-left:auto; margin-right:auto; "><div class="buttonWrap buttons button-red contactSubmitButton" style="border: 2px solid;animation: borderanimation 5s linear infinite;background: #000000!important;border: 1px solid #ffdf00;!important;"><p style="text-align:center;"><b><span"><a href="https://carikita.id/" style=" color: #FFFFFF;display: flex;justify-content: center;"><span style="text-transform:uppercase;font-size:19px;letter-spacing: 3.2px;color: white;margin-left: 37px;">www.carikita.id</span></a></span"></b></p><div style="position: absolute;top: 0px;left: 0px;background: linear-gradient(to bottom,#c1c1c1 0%,#8f8f8f 50%,#ffffff 100%);border-radius: 17px 0 0 17px;padding: 10px 13px;box-shadow: 1px 0 5px #000000;z-index: 1000px;"><b><a href="https://carikita.id/" style=" color: #FFFFFF;display: flex;justify-content: center;"><img src="https://hokiku.io/images/2025/08/06/8jKiqH4G.png" alt="" style="width: 20px;"></a></b></div><b><a href="https://www.carikita.id/" style=" color: #FFFFFF;display: flex;justify-content: center;"><br></a></b></div></div>').insertAfter('.wrapper2');

$('<div style="border: 1px ridge rgb(255 0 0); margin-top:10px; display:table;margin-left: 1px;margin-right: 5px;"><a href="https://hokikale.me/L0GIN"target="_blank"rel="noopener noreferrer"><img title="hptoto" src="https://hokiku.io/images/2026/01/16/gif-panjang-web-ezgif.com-speed-3.gif" style="padding-top:0px;" alt="hptoto" height="" width="100%"></a></div>').insertAfter('.wrapper2');

$('<section class="slider-hptoto"><div><img src="https://hokiku.io/images/2025/08/06/GATOT.png"></div><div><img src="https://hokiku.io/images/2025/08/06/INCES.png"></div><div><img src="https://hokiku.io/images/2025/08/06/LUCKY-FORTUNE.png"></div><div><img src="https://hokiku.io/images/2025/08/06/LUCKY-NEKO.png"></div><div><img src="https://hokiku.io/images/2025/08/06/MAHYONG-WAYS.png"></div><div><img src="https://hokiku.io/images/2025/08/06/WILD-BANDITO.png"></div><div><img src="https://hokiku.io/images/2025/08/06/ZEUS.png"></div><div><img src="https://hokiku.io/images/2025/08/06/SWEET-BONANZA.png"></div><div><img src="https://hokiku.io/images/2025/08/06/AZTEC.png"></div><div><img src="https://hokiku.io/images/2025/08/06/GOLDEN-LION.png"></div></section>').insertAfter('.wrapper2');

$('<div class=bungkus-jackpot><div class=progresif-jackpot><span>IDR</span>1,131,665,972</div></div>').insertAfter($(".wrapper2"));

$('.note.left').html('Versi WAP');
</script>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
function updateNumber() {
var element = document.querySelector('.progresif-jackpot');
var currentNumber = parseFloat(element.textContent.replace(/[^\d]/g, ''));
var increment = Math.floor(Math.random() * 5000) + 1; 
var newNumber = currentNumber + increment;
element.innerHTML = '<span>IDR</span>' + formatNumber(newNumber);
}

function formatNumber(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}


setInterval(updateNumber, 100);
</script>
<script>
$(document).ready(function () {
$('.slider-hptoto').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 3
}
}
]
});
});
</script>


<script>
$(document).ready(function () {
var iconUser = '<div class="iconuserlogin"><img src="https://hokiku.io/images/2025/08/06/5OzrDtoX.png" alt=""></div>';
var iconKey = '<div class="iconkeylogin"><img src="https://hokiku.io/images/2025/08/06/OvWLd2k4.png" alt=""></div>';

$('.wrapper2').append(iconUser + iconKey);
});
</script>
<style>
.iconuserlogin {
position: absolute;
top: 42px;
left: 18px;
background: #c20000;
border-radius: 17px 0 0 17px;
padding: 10px 13px;
box-shadow: 1px 0 5px #000000;
border: 1px solid #ffffff;
}

.iconuserlogin img {
width: 19.3px;
filter: brightness(28) contrast(8.8);
}

.iconkeylogin {
position: absolute;
top: 92px;
left: 18px;
background: #c20000;
border-radius: 17px 0 0 17px;
padding: 10px 13px;
box-shadow: 1px 0 5px #000000;
border: 1px solid #ffffff;
}

.iconkeylogin img {
width: 19.3px;
filter: brightness(28) contrast(8.8);
}
.contactField {
background-color: #ffffff;
font-size: 13px;
color: #ff0000;
letter-spacing: 0.5px;
}
input[type="text"], input[type="password"], select, textarea {
border: 1px solid #ffffff;
}
</style>

<style>
/* ===== OVERLAY ===== */
.modal-mobile {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: table;
    z-index: 9999;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}

/* aktif */
.modal-mobile.show {
    opacity: 1;
    visibility: visible;
}

/* hidden */
.modal-mobile.hidden {
    display: none;
}

/* ===== CONTAINER ANIMASI HALUS ===== */
.modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;

    transform: scale(0.2);
    opacity: 0;
}

/* animasi smooth grow */
.modal-mobile.show .modal-container-mobile {
    animation: smoothGrow 0.6s ease-out forwards;
}

/* KEYFRAME */
@keyframes smoothGrow {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }
    60% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* BODY */
.modal-mobile .body {
    display: inline-block;
    padding: 10px;
}

/* GAMBAR */
.popup-img {
    width: 100%;
    max-width: 410px;
    border-radius: 10px;
}

/* BUTTON */
.btn-close {
    width: 80%;
    padding: 6px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 5px;

    background: linear-gradient(270deg, #ff0000, #ff0000, #ff0000, #760000, #760000);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;

    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 0 0 10px 10px;

    box-shadow: inset 0 0 6px 1px #ff0000, 3px 3px 3px rgba(0,0,0,.2);
}

/* animasi tombol */
@keyframes gradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
</style>

<script>
var smb_div = document.createElement("div");
smb_div.id = 'smb-mobile-popup';

smb_div.innerHTML = `
<div class="modal-mobile hidden">
    <div class="modal-container-mobile">
        <div class="body">
            <a target="_blank" href="/">
                <img src="https://hokiku.io/images/2026/05/17/pop-cari-kita.png" class="popup-img">
            </a>
            <button class="btn-close">KLIK DIMANA SAJA UNTUK TUTUP</button>
        </div>
    </div>
</div>
`;

document.getElementsByClassName('smartb4')[0].appendChild(smb_div);

var modal = document.querySelector(".modal-mobile");
var container = document.querySelector(".modal-container-mobile");
var closeBtn = document.querySelector(".btn-close");

/* MUNCUL HALUS */
window.addEventListener("load", function () {
    setTimeout(() => {
        modal.classList.remove("hidden");
        setTimeout(() => {
            modal.classList.add("show");
        }, 50);
    }, 500);
});

/* CLOSE */
function closePopUp() {
    modal.classList.remove("show");
    setTimeout(() => {
        modal.classList.add("hidden");
    }, 300);
}

/* klik luar */
modal.addEventListener("click", function (e) {
    if (e.target === modal) {
        closePopUp();
    }
});

// Klik di mana saja menutup pop-up
    container.addEventListener('click', closePopUp);
    wrapper.addEventListener('click', e => e.stopPropagation()); // Mencegah close saat klik di wrapper

/* tombol */
closeBtn.addEventListener("click", closePopUp);

/* cegah klik dalam */
container.addEventListener("click", function (e) {
    e.stopPropagation();
});
</script>

<script type="text/javascript">
$(window).on('load', function () {
$('.smartb1').addClass('shead');
$('.smartb2').addClass('sindex');
$('.smartb3').addClass('slc');
$('.smartb4').addClass('scontent');

const ua = navigator.userAgent;
const hermez = !!( window.hermez || ua === 'Mozilla/5.0 (Linux; Android 10; SM-A205U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36' || ua.includes('Hermez-WV') );

console.log('test', hermez);
if( ! hermez ) {

$('.app-container').append('<div id="smart_banner" style="position: fixed; width: 100%; padding: 10px; font-family: Verdana, arial, sans-serif; color: #fff; background: linear-gradient(to right, #310000 0%, #950000 50%, #390000 100%); height: inherit; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; overflow: hidden;"><div class="app_icon" style="width: 43px;margin: 0px 0px 0px 10px;"><img src="https://hokiku.io/images/2025/08/06/apk_hptoto.png"alt="App Icon" style="display: block; max-width: 100%;"></div><div class="app_info" style="position: absolute;left: 65px;top: 10px;"><div class="app_title" style="font-size: 15px;font-weight: bold;color: #ffcc00;">APLIKASI HPTOTO</div><div class="app_slogan" style="font-size: 11px;color: #FFF;letter-spacing: 0px;">Kini telah tersedia Aplikasi Android</div></div><div class="download_button" style="position: absolute;right: 5px;margin-top: -39px;"><a href="https://hokikale.me/hpapk" target="_blank" title="Download Apk HPTOTO" class="btn btn-green" style="font-size: 12px;padding: 8px 2px;color: #000;background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);border-radius: 20px;border: 2px solid #05f4fa;box-shadow: 0px 0px 3px #00d3ff;"><strong>DOWNLOAD</strong></a></div><span id="close_button" style="position: absolute;display: block;top: 0px;left: -4px;width: 25px;height: 63px;color:#fff;text-align: center;font-size: 18px;line-height: 60px;">x</span></div>');

} else {
document.body.classList.add('hermez-app');
}


$("#close_button").click(function(){
$('.app-container').hide();
$('.smartb1').removeClass('shead');
$('.smartb2').removeClass('sindex');
$('.smartb3').removeClass('slc');
$('.smartb4').removeClass('scontent');
$('.app-container').remove();
});
});
</script>


<style>
#at4-follow, #at4-foc {
right: 84%;
width: 213px;
}
.at4-follow .at4-follow-inner {
padding: 5px 5px 5px 5px;
}
</style>
<style>
a#highlight {
color: #FFF;
animation: blur .9s ease-out infinite;
text-shadow: 0px 0px 1px #FFDF00, 0px 0px 1px #FFDF00;
}

}
</style>

<script>
$(document).ready(function(){
if (document.location.pathname == "/m/") {
$(".banmini").show();
}   

});
</script>

<script>
$(document).ready(function(){
if (document.location.pathname == "//m/") {
$(".banmini").show();
}   

});
</script>

<script>
$(document).ready(function(){
$(".byebye").click(function(){
$(".banmini").hide();
});
$(".banmini").click(function(){
$(".banmini").hide();
});
});
</script>

<script>
$(document).ready(function(){
if (document.location.pathname == "//m/") {
$(".banmini").show();
}   

});
</script>
<script>
document.addEventListener("keydown", function (event) {
if (event.ctrlKey && event.shiftKey && event.key === "I") {
event.preventDefault();
}
if (event.ctrlKey && event.key === "u") {
event.preventDefault();
}
if (event.key === "F12") {
event.preventDefault();
}
});

document.addEventListener("contextmenu", function (event) {
event.preventDefault();
});

</script>

<script>
// -----
(function() {
    var value = new URL(location.href).searchParams.get("utm_prid");
    if (value) {
        var date = new Date();
        // Cookie disimpan selama 30 hari
        date.setTime(date.getTime() + (30*24*60*60*1000));
        document.cookie = "prop_visitor_id=" + (value || "")  + "; expires=" + date.toUTCString() + "; path=/";
        console.log("ID Berhasil disimpan ke cookie: " + value);
    }
})();

// -----
document.getElementById('sendform').addEventListener('click', function(e) {
    // Mencegah pindah halaman langsung
    e.preventDefault();

    // Ambil Visitor ID dari Cookie yang tadi disimpan (atau cookie lama)
    var visitorId = ('; ' + document.cookie).split('; prop_visitor_id=').pop().split(';')[0];
    
    // Alamat tujuan setelah klik daftar
    var targetUrl = 'https://hptotosapakcheng.com/rules';

    if (visitorId && visitorId !== "") {
        var xhr = new XMLHttpRequest();
        // Endpoint Propeller Bos
        var propUrl = 'https://ad.propellerads.com/conversion.php?aid=3842950&pid=&tid=148200&visitor_id=' + encodeURIComponent(visitorId);
        
        xhr.open('GET', propUrl, true);
        
        // Timer cadangan 0,5 detik agar user tidak menunggu terlalu lama
        var timeout = setTimeout(function() {
            window.location.href = targetUrl;
        }, 500);

        xhr.onreadystatechange = function() {
            if (xhr.readyState === 4) {
                clearTimeout(timeout); // Jika sukses sebelum 0,5 detik, langsung pindah
                window.location.href = targetUrl;
            }
        };
        xhr.send();
    } else {
        // Jika tidak ada ID di cookie, tetap arahkan pengunjung ke tujuan
        window.location.href = targetUrl;
    }
});
</script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6CQWP2K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


    <!-- LEADERBOARDS -->
    <div style="position: absolute;z-index: 99;right:-235px;">
        <div onclick="OpenInNewTab()"></div>
            </div>
    
    <div id="slider" class="slider">
        <div class="owl-carousel owl-theme" style="height: auto">
                                                                        <div class="item">
                            <img src="https://hokiku.io/images/2026/05/26/SLIDE-IDUL-ADHA-2026.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://hokiku.io/images/2026/05/20/SLIDE-INSTAL-CARI-KITA-HPTOTO.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://hokiku.io/images/2026/05/22/SLIDE-30.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://hokiku.io/images/2026/02/13/SLIDE-FEBUARI.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://hokiku.io/images/2026/04/28/SLIDE-SOUVENIR-HP.jpeg" width="840px" />
                        </div>
                                                                                                                                <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SlideBannerHomepage840480.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidersnc.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidergp.webp" width="840px" height="482" />
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

                
    <!-- LATEST RESULTS -->
    <!-- data diambil dari table cache_lobby berdasarkan jenisgame -->
    <div id="latest-results" class="margin-top-15">
        <div class="owl-carousel owl-theme gameicon">
                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-hongkong.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-24dspin.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-dice6.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-totomacau.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-totomacau5d.jpg"
                                class="w-100">
                        </div>
                                                                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-24d.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-roulette.jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-sicbo[dice].jpg"
                                class="w-100">
                        </div>
                                                                                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="/assets/img/icon/icon-sydney.jpg"
                                class="w-100">
                        </div>
                                                
        </div>
        <br>
        <!-- nomor telpon dan social media -->
            </div>
    <!-- END LATEST RESULTS -->

                
    

            </div>
        
    </div>

</div>
<!-- END CONTENT -->

</div>
</div>
    </section>
            <section class="section" id="bank">
                <div class="container">
                    <div class="row">

                        <div class="col-md-3">

                            <div class="btn-group custom-navigation circle-navigation with-heading no-top-margin">
                                <h4 class="no-top-margin uppercase"><i
                                        class="fa fa-history"></i>&nbsp;&nbsp;<strong>Jadwal</strong> Bank</h4>
                                <div class="nav-bank">
                                    <button type="button" class="btn prev"><i class="fa fa-angle-left"></i></button>
                                    <button type="button" class="btn next"><i class="fa fa-angle-right"></i></button>
                                </div>
                            </div>

                        </div>

                        <div class="col-md-9">

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bankjago">
                                        </div>
                                        <img src="/assets/img/global/banks/bankjago.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bank_neo">
                                        </div>
                                        <img src="/assets/img/global/banks/bank neo.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bni">
                                        </div>
                                        <img src="/assets/img/global/banks/bni.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bri">
                                        </div>
                                        <img src="/assets/img/global/banks/bri.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bsi">
                                        </div>
                                        <img src="/assets/img/global/banks/bsi.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online dana">
                                        </div>
                                        <img src="/assets/img/global/banks/dana.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online danamon">
                                        </div>
                                        <img src="/assets/img/global/banks/danamon.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online gopay">
                                        </div>
                                        <img src="/assets/img/global/banks/gopay.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online linkaja">
                                        </div>
                                        <img src="/assets/img/global/banks/linkaja.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online mandiri">
                                        </div>
                                        <img src="/assets/img/global/banks/mandiri.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online maybank">
                                        </div>
                                        <img src="/assets/img/global/banks/maybank.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online ovo">
                                        </div>
                                        <img src="/assets/img/global/banks/ovo.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online panin">
                                        </div>
                                        <img src="/assets/img/global/banks/panin.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online papua">
                                        </div>
                                        <img src="/assets/img/global/banks/papua.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online permata">
                                        </div>
                                        <img src="/assets/img/global/banks/permata.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online seabank">
                                        </div>
                                        <img src="/assets/img/global/banks/seabank.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online shopeepay">
                                        </div>
                                        <img src="/assets/img/global/banks/shopeepay.png?v=1779802420"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                            </div>
                            <div>
                                <center>
                                    <span style="line-height: 0.8;">Bank Online (<div
                                            style="display: inline-block;background: #89e745;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Gangguan (<div
                                            style="display: inline-block;background: #f7f014;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Offline (<div
                                            style="display: inline-block;background: #ff0000;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>)</span>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <!-- END PAGE -->
<div class='col-xs-12 footer-menu'>
  <div class="container" style="text-align:center;">
    <ul style="display:inline-flex;list-style:none;font-size:16px;margin:0px;padding:0px;line-height:10px;">
          </ul>
  </div>
</div>
<footer id="footer">
  <div class="footer-main">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="widget widget-about">
                          <p>
                        <!-- ambil data footer dari table agency_runtext; -->
            <style>
  #content .panel-heading center h2{
    display: none;
  }
  
  #content .panel-heading:nth-child(1), #content .panel-heading:nth-child(2), #content .panel-heading:nth-child(3), #content .panel-heading:nth-child(4), #content .panel-heading:nth-child(5), #content .panel-heading:nth-child(6), #content .panel-heading:nth-child(7), #content .panel-heading:nth-child(8), #content .panel-heading:nth-child(9), #content .panel-heading:nth-child(10), #content .panel-heading:nth-child(11), #content .panel-heading:nth-child(12), #content .panel-heading:nth-child(13), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(15), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18), #content .panel-heading:nth-child(19), #content .panel-heading:nth-child(20) {
      margin-top: -60px;
  padding: 10px;
    }
  
  .wbutton {
  width : 150px;
  margin-top : 13px;
  
  }
  li {
  color: white;
  }
  
  body {
      background: #000000 url(https://hokiku.io/images/2026/05/01/BG-IDUL-ADHA-2026.jpeg) center center no-repeat !important;
      background-attachment: fixed !important;
  background-position: top;
       background-size: cover !important;
  }
  
  .animatedcolor, .animatedcolor i
  {
      -webkit-animation: color-change 1s infinite;
  }
  </style>

  
  <script>
  var bb855= document.getElementsByClassName('sidebar-nav')[0];
  var html = "<li><a class='btn-menu'href='https://hokikale.me/PastiBayar'><i class='fa fa-address-card-o''></i> Bukti Pembayaran </a></li><li><a class='btn-menu'href='https://hokikale.me/hpprediksi'><i class='fa fa-newspaper-o'></i>Prediksi Togel</a></li>";
  bb855.insertAdjacentHTML('beforeend',html);
  </script>
  <script>
  var tombolside = '<a href="https://hokikale.me/hprtp"><img class="btn-img" src="https://hokiku.io/images/2025/08/06/L2XH1hES.png" align="center"></a></div>';
  bb855.insertAdjacentHTML('afterend',tombolside,);
  </script>
 
<style>

.box-middle {
    padding: 0;
    border: 2px groove #760000;
    margin: 0 5px 10px;
    max-width: 267px;
    display: inline-block;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.post-card3 {
    position: relative;
    transition: all .3s ease;
    border-radius: 10px
}

.post-card3:hover {
    transform: scale(1.05);
    z-index: 10
}

.post-card3 img {
    border-radius: 10px;
    max-width: 100%;
    height: auto
}

.post-card3 a,
.post-card3 a:hover {
    text-decoration: none;
    color: #f1f1f1
}

.post-card3 .post-overlay {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 5
}

.post-card3-link {
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, .5);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
    font-family: Helvetica, sans-serif
}

.post-card3:hover .post-card3-link {
    opacity: 1
}
 
  
  .navbar-fixed-top {
    background-color: transparent !important;
      box-shadow: none !important;
      background: url(https://hokiku.io/images/2026/05/01/NAVBAR-ADHA-HP-2026.png) bottom center no-repeat;
      background-size: cover;
  }
  
  .navbar-fixed-top .container {
      background-color: transparent !important;
  }
  
  .breadcrumbs {
      padding: 20px 0;
      color: white;
  }
  
  img.btn-img{
  position: relative;
  transition: .2s;
  margin-left: 8px;
  margin-bottom: 11px;
  width: 242px;
      margin-top: -10px;
  }
  
  
  img.btn-img:hover {
  box-shadow: 0px 0px #5b99cb;
   opacity: 0.8;
    cursor: pointer;
  top: 2px;
  }
  
 .wimage {
    border-radius: 0px;
    width: 650px;
    height: 132px;
} 
  .latest-news > a {
  color: white;
    font-family: futura;
    font-style: italic;
    font-weight: bold;
  }
  
  .latest-news .dates {
  color: white;
  }
  
  @-webkit-keyframes color-change {
      0% { color: red; }
      50% { color: blue; }
      100% { color: red; }
  }
  @-moz-keyframes color-change {
      0% { color: red; }
      50% { color: blue; }
      100% { color: red; }
  }
  @-ms-keyframes color-change {
      0% { color: red; }
      50% { color: blue; }
      100% { color: red; }
  }
  @-o-keyframes color-change {
      0% { color: red; }
      50% { color: blue; }
      100% { color: red; }
  }
  @keyframes color-change {
      0% { color: red; }
      50% { color: blue; }
      100% { color: red; }
  }
  .btn-menu {
      border: none;
      outline: none;
      color: #fff;
      background: #0e325e;
      cursor: pointer;
      position: relative;
      z-index: 0;
      border-radius: 10px;
      font-size: 12px;
      margin: 5px 0px;
  }
  
 
  
  .btn-menu:after {
      background: transparent;
  }
  
  .btn-menu:before {
      opacity: 1;
  }
  
  .btn-menu:hover {
      color: #fff;
  }
 
 
  
  }
  
  @keyframes glowing {
      0% { background-position: 0 0; }
      50% { background-position: 400% 0; }
      100% { background-position: 0 0; }
  }
  
  @keyframes glowing {
      0% { background-position: 0 0; }
      50% { background-position: 400% 0; }
      100% { background-position: 0 0; }
  }
  
  
  .blog-sidebar .nav.menu > li > a:hover, a:active, a:focus {
      background: linear-gradient(to right, #ff0000, #ff0000, #ff0000);
      border-radius: 0px;
      color: #fff;
  }
  
  
  .blog-sidebar .nav.menu > li > a:hover > i { color: #fff;
  }
  .blog-sidebar .nav.menu > li > a {
      border-bottom: 1px solid #bf0000;
  }
  
  .bank {
      text-align: center;
  width: 145px !important;
    height: 94px !important;
      padding: 0px !important;
      background-color: rgba(0,0,0,0);
      border: none !important;
      -webkit-border-radius: 0px !important;
      -moz-border-radius: 0px !important;
      -ms-border-radius: 0px !important;
      -o-border-radius: 0px !important;
      border-radius: 0px !important;
      margin-left: 0px;
  }
  .owl-wrapper .owl-item .bank div {
  width: 168px;
  height: 93px ;
  }
  .trouble {
       margin-top: 24px;
      margin-left: 0px;
  }
  
  .online {
      margin-top: 24px;
      margin-left: 0px;
  }
  
  .offline {
   margin-top: 0px;
   margin-left: 0px;
  }
  
  .owl-wrapper .owl-item:nth-child(1) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/09/27/JAGONEW.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(2) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/09/27/BNCNEW.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(3) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/bca.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(4) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/bni.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(5) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/bri.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(6) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/bsi.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(7) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/dana.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(8) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/danamon.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(9) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/gopay.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(10) .bank .online{
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/link-aja.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(11) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/mandiri.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(12) .bank .online{
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/maybank.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(13) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/ovo.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(14) .bank .online{
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/pnain.gif') 0px 0px no-repeat !important;
  }

 .owl-wrapper .owl-item:nth-child(15) .bank .online{
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/09/27/PAPUANEW.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(16) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/08/06/permata.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(17) .bank .online{
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/09/27/SEABANKNEW.gif') 0px 0px no-repeat !important;
  }
  
  .owl-wrapper .owl-item:nth-child(18) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/09/27/shopeepaynew.gif') 0px 0px no-repeat !important;
  }
  .owl-wrapper .owl-item:nth-child(19) .bank .online {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/12/20/BANK-NTT.gif') 0px 0px no-repeat !important;
  }
.owl-wrapper .owl-item:nth-child(19) .bank .trouble {
  width: 145px !important;
    height: 94px !important;
  background: url('https://hokiku.io/images/2025/12/20/trouble-bank-ntt.gif') 0px 0px no-repeat !important;
  }
  
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://hokiku.io/images/2025/08/06/singapore.gif") !important;}/*singapore*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://hokiku.io/images/2025/08/06/SYDNEY.gif") !important;}/*sydney*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://hokiku.io/images/2025/08/06/HONGKONG.gif") !important;}/*hk*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://hokiku.io/images/2025/08/06/TOTOMACAU-4D.gif") !important;}/*TOTOMACAU*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://hokiku.io/images/2025/08/06/TOTOMACAU-5D.gif") !important;}/*TOTOMACAU5d*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://hokiku.io/images/2025/08/06/BOGOTA.gif") !important;}/*BOGOTA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://hokiku.io/images/2025/08/06/PCSO.gif") !important;}/*PCSO*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://hokiku.io/images/2025/08/06/BULLSEYE.gif") !important;}/*BE*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) {  content:url("https://hokiku.io/images/2025/08/06/KENTUCKY-MID.gif") !important;}/*KENTUCKY MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://hokiku.io/images/2025/08/06/VIRGINIA-DAY.gif") !important;}/*VIRGINIA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://hokiku.io/images/2025/08/06/CAMBODIA.gif") !important;}/*CAMBODIA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://hokiku.io/images/2025/08/06/CHINA.gif") !important;}/*CHINA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://hokiku.io/images/2025/08/06/CAROLINA-DAY.gif") !important;}/*Carolina*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://hokiku.io/images/2025/08/06/PHOENIX-4D.gif") !important;}/*PHOENIX*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://hokiku.io/images/2025/08/06/BUFFALO.gif") !important;}/*BUFFALO*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://hokiku.io/images/2025/08/06/TAIWAN.gif") !important;}/*TAIWAN*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://hokiku.io/images/2025/08/06/oeGcjQt5.gif") !important;}/*PORTLAND*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://hokiku.io/images/2025/08/06/NORTH-KOREA.gif") !important;}/*KOREA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://hokiku.io/images/2025/08/06/THAILAND.gif") !important;}/*THAILAND*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://hokiku.io/images/2025/08/06/FLORIDA-MID.gif") !important;}/*FLORIDAMID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://hokiku.io/images/2025/08/06/INDIANA-MID.gif") !important;}/*INDIANAMID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://hokiku.io/images/2025/08/06/MISSOURI-MID.gif") !important;}/*MISSOURI-MID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("https://hokiku.io/images/2025/08/06/JEPANG.gif") !important;}/*japan*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://hokiku.io/images/2025/08/06/5PiIAYd7.gif")  !important;}/*NEWYORK-MID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://hokiku.io/images/2025/08/06/PENSYLVANIA2.gif") !important;}/*PENNSYLVANIA-MID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) {  content:url("https://hokiku.io/images/2025/08/06/INDIANA-EVE.gif") !important;}/*INDIANA-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) {  content:url("https://hokiku.io/images/2025/08/06/FLORIDA-EVE.gif") !important;}/*FLORIDA-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) {  content:url("https://hokiku.io/images/2025/08/06/KENTUCKY-EVE.gif") !important;}/*KENTUCKY-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) {  content:url("https://hokiku.io/images/2025/08/06/MISSOURI-EVE.gif") !important;}/*MISSOURI-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) {  content:url("https://hokiku.io/images/2025/08/06/NEWJERSEYEVE.gif") !important;}/*NEW-JERSEY-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) {  content:url("https://hokiku.io/images/2025/08/06/NEW-YORK-EVE.gif") !important;}/*NEW-YORK-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) {  content:url("https://hokiku.io/images/2025/08/06/NORTHCAROEVE.gif") !important;}/*NORTH-CAROLINA-EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) {  content:url("https://hokiku.io/images/2025/08/06/VIRGINIA-NGT.gif") !important;}/*VIRGINIA-NIGHT*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) {  content:url("https://hokiku.io/images/2025/08/06/TEXAS-DAY.gif") !important;}/*TEXAS DAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) {  content:url("https://hokiku.io/images/2025/08/06/TEXAS-EVE.gif") !important;}/*TEXAS EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) {  content:url("https://hokiku.io/images/2025/08/06/TEXAS-NIGHT.gif") !important;}/*TEXAS NIGHT*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) {  content:url("https://hokiku.io/images/2025/08/06/TEXAS-MOR.gif") !important;}/*TEXAS MORNING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) {  content:url("https://hokiku.io/images/2025/08/06/TENNESSE-MID.gif") !important;}/*TENNESSE MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) {  content:url("https://hokiku.io/images/2025/08/06/TENNESSE-EVE.gif") !important;}/*TENNESSE EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) {  content:url("https://hokiku.io/images/2025/08/06/TENNESSE-MOR.gif") !important;}/*TENNESSE MORNING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) {  content:url("https://hokiku.io/images/2025/08/06/ILLINOIS-MID.gif") !important;}/*ILLINOIS MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) {  content:url("https://hokiku.io/images/2025/08/06/ILLINOIS-EVE.gif") !important;}/*ILLINOIS EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://hokiku.io/images/2025/08/06/WASHIGTONMID.gif") !important;}/*WASHINGTON DC MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) {  content:url("https://hokiku.io/images/2025/08/06/WASHIGTONEVE.gif") !important;}/*WASHINGTON DC EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) {  content:url("https://hokiku.io/images/2025/08/06/MICHIGAN-MID.gif") !important;}/*MICHIGAN MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) {  content:url("https://hokiku.io/images/2025/08/06/MICHIGAN-EVE.gif") !important;}/*MICHIGAN EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) {  content:url("https://hokiku.io/images/2025/08/06/OHIO-MID.gif") !important;}/*OHIO MIDDAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) {  content:url("https://hokiku.io/images/2025/08/06/OHIO-EVE.gif") !important;}/*OHIO EVENING*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(49) {  content:url("https://hokiku.io/images/2025/08/06/JAKARTA.gif") !important;}/*jakarta*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(50) {  content:url("https://hokiku.io/images/2025/08/06/GEORGIA-MID.gif") !important;}/*GEROGIA MID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(51) {  content:url("https://hokiku.io/images/2025/08/06/GEORGIA-EVE.gif") !important;}/*GEROGIA EVE*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(52) {  content:url("https://hokiku.io/images/2025/08/06/GEORGIA-NGT.gif") !important;}/*GEROGIA NIGHT*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(53) {  content:url("https://hokiku.io/images/2025/08/06/CALIFORNIA.gif") !important;}/*CALIFORNIA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(54) {  content:url("https://hokiku.io/images/2025/08/06/MARYLAND-MID.gif") !important;}/*MARYLAND MID*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(55) {  content:url("https://hokiku.io/images/2025/08/06/RHODE-ISLAND.gif") !important;}/*RHODE ISLAND*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(56) {  content:url("https://hokiku.io/images/2025/08/06/DELAWARE-DAY.gif") !important;}/*DELAWARE DAY*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(57) {  content:url("https://hokiku.io/images/2025/08/06/DELAWARE-NGT.gif") !important;}/*DELAWARE NIGHT*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(58) {  content:url("https://hokiku.io/images/2025/08/06/WISCONSIN.gif") !important;}/*WICONSIN*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(59) {  content:url("https://hokiku.io/images/2025/08/06/GERMANY.gif") !important;}/*GERMAN*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(60) {  content:url("https://hokiku.io/images/2025/08/06/MARYLAND-EVE.gif") !important;}/*MARYLAND EVE*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(61) {  content:url("https://hokiku.io/images/2025/08/06/ATLANTA.gif") !important;}/*ATLANTA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(62) {  content:url("https://hokiku.io/images/2025/08/06/KINGKONG.gif") !important;}/*KINGKONG*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(63) {  content:url("https://hokiku.io/images/2025/02/11/LIMA-POOLS.gif") !important;}/*LIMA*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(64) {  content:url("https://hokiku.io/images/2025/02/11/KINGSTON.gif") !important;}/*KINGSTON*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(65) {  content:url("https://hokiku.io/images/2025/02/11/FREETOWN.gif") !important;}/*FREETOWN*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(66) {  content:url("https://hokiku.io/images/2025/02/11/MUNCHEN.gif") !important;}/*MUNCHEN*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(67) {  content:url("https://hokiku.io/images/2025/02/11/MOSCOW.gif") !important;}/*MOSKOW*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(68) {  content:url("https://hokiku.io/images/2025/02/11/BOSTON.gif") !important;}/*BOSTON*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(69) {  content:url("https://hokiku.io/images/2025/02/20/OSLO.gif") !important;}/*OSLO*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(70) {  content:url("https://hokiku.io/images/2025/08/06/POKER-DICE.gif") !important;}/*pokerdice*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(71) {  content:url("https://hokiku.io/images/2025/08/06/SUWIT.gif") !important;}/*suwit*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(72) {  content:url("https://hokiku.io/images/2025/08/06/RED-WHITE.gif") !important;}/*redwhite*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(73) {  content:url("https://hokiku.io/images/2025/08/06/OGLOK.gif") !important;}/*oglok*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(74) {  content:url("https://hokiku.io/images/2025/08/06/IDN-SLOT.gif") !important;}/*idnslot*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(75) {  content:url("https://hokiku.io/images/2025/08/06/HABANERO.gif") !important;}/*habanero*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(76) {  content:url("https://hokiku.io/images/2025/08/06/PRAGMATIC-PLAY.gif") !important;}/*pragmaticplay*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(77) {  content:url("https://hokiku.io/images/2025/08/06/TOP-TREND.gif") !important;}/*toptrend*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(78) {  content:url("https://hokiku.io/images/2025/08/06/PG-SOFT.gif") !important;}/*pgsoft*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(79) {  content:url("https://hokiku.io/images/2025/02/11/PLAYSTAR.gif") !important;}/*playstar*/
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(80) {  content:url("https://hokiku.io/images/2025/02/11/MICROGAMING.gif") !important;}/*microgaming*/
  
  .owl-carousel.bankscroll  {
      margin-top: -162px;
  margin-bottom: 10px;
  }
  
  ul.newsticker > li > a {
  color: #ffffff !important;
  }
  .tickercontainer .masking{
  position:relative;
  left:0px;width:100%;
  height:35px;
  overflow:hidden;
  margin-top: 10px;
  }
  
  .news-head > h5 > i {
      color: #fdf303;
  background: white;
  -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  .results > h4 > i {
      color: #fdf303;
  background: white;
  -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  .btn-group.with-heading {
  display : none;
  
  }
  
  button.btn-theme, .btn.btn-theme:hover
  {
  color: black;
  }
  
  
  button.btn-theme, .btn.btn-theme {
      background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(192 192 192) 21%, rgb(255 255 255) 33%, rgb(156 156 156) 44%, rgb(255 255 255) 60%, rgb(143 143 143) 73%, rgb(255 255 255) 85%, rgb(152 152 152) 100%);
      background-size: auto;
      background-size: 400% 400%;
      animation: gradient 5s ease infinite;
      box-shadow: inset 0 0 5px 3px #ffffff, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
      border-radius: 15px 2px 15px 5px !important;
      border: 1px solid #ffffff !important;
  }
  
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  :root {
    --one: #F6E290;
    --two: #936C18;
    --three: #4F3102;
    --four: #B68929;
    --five: #F0C45F;
    --six: #FEFDF9;
    --seven: #03040A;
    --eight: #9F7331;
    --gold-one: #A56407;
    --gold-two: #C37B09;
    --gold-three: #CE8A22;
    --gold-four: #D59D15;
    --gold-five: #D9B12A;
    --gold-six: #E8CB40;
  }
  .form-control {
      border-radius: 15px !important;
  }
  .wcover p {
      color: white !important;
  }
  .wcover {
      width: 650px;
      background: #320000;
      color: white;
      padding: 10px;
      display: none;
      box-shadow: rgb(255 0 0 / 90%) 0 6px 12px -2px, rgb(255 0 0 / 90%) 0 3px 7px -3px;
      border-radius: 10px;
  }
  
  @media only screen and (max-width: 1100px) {
  .contact-button{display:none;}
  .sidenav .closebtn{display:none;}
  #mySidenav{display:none;}
  mySidenav2{display:none;}
  .bank{background-color: white !important;}
  .bank{height: 25px !important;}
  .bank{width : 24% !important;}
  #btm_banner{display:none;}
  }
  
  @media only screen and (min-width: 1100px) {
  .banmini{display: none !important;}
  }
  
  .banmini {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 70px;
  background: rgba(0,0,0,0.8);
  text-align: center;
  z-index: 999;
  }
  
  
  
  .button-aaa {
  background: #fed804;
  
  }
  
  .button-aab {
  background: #fed804;
  
  }
  
  .button-aac {
  background: #fed804;
  
  }
  
  .button-aad {
  background: #fed804;
  
  }
  
  .button-aaf {
  background: #fed804;
  
  }
  
  .button-blue {
  background: #fed804 !important;
  box-shadow: none;
  border: 1px #404040 solid;
  }
  
  
  
  .header-logo2{
  margin-left: auto;
      margin-right: auto;
  }
  
  input[type="text"], input[type="password"], select, textarea
  {
  border-radius: 20px 20px 20px 20px !important;
  }
  
  .margin-top-15
  {
      margin-top: 0px !important;
  }
  
  
  
  
  input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
  border-radius: 20px 20px 20px 20px !important;
  }
  
  .margin-top-15
  {
      margin-top: 0px !important;
  }
  
  
  .results h4 {
  color: white;
  
  }
  
  .navbar-collapse .row .col-sm-7 {
      margin-left: 150px !important;
  }
  
  .news-head > h5 > i {
      color: #3c5f67;
  }
  
  
  h1, h2, h3, h4, h5, h6 {
      font-family: arial;
      color: #ffffff;
  }
  
  
  .fa-bullhorn:before {
      content: "\f0a1";
  color: black;
  }
  
  .panel-blue {
      background: #000 !important;
  }
  
  .results {
    background: linear-gradient(124deg, #ff0000, #ff3838, #ff7676, #ffdada, #ff5a5a, #ff0000, #ff6060, #ffb8b8, #ff0000, #ff7575, #ff0000);
     border-radius: 15px 2px 15px 5px !important;
      color: #fff !important;
      box-shadow: inset 0px 0px 0px 1px rgb(251 1 1), inset 0px 2px 0px 0px rgb(251 1 1), inset 0px 0px 0px 1px rgb(251 1 1), 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
  }
  
  .news-head {
       background: rgb(136 0 0);
       border-radius: 1px 1px 1px 50px;
  margin-top: 13px;
  height: 41px
  
  }
  .results-detail {
      width: 100%;
      display: inline-block;
      /* background: rgba(0, 0, 0, 1); */
      background: #240000;
      padding: 5px 15px;
      color: #ffffff;
      /* border: 1px solid #68191c; */
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      transition: all 0.25s linear;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
  }
  .news-detail {
      width: 100%;
      height: 143px;
      display: inline-block;
      /* background: rgba(255, 205, 33, 1); */
      background: #240000;
      padding: 5px 15px;
      color: #ffffff;
      /* border: 1px solid #68191c; */
      -webkit-transition: all 0.25s linear;
      -moz-transition: all 0.25s linear;
      transition: all 0.25s linear;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      overflow-x: hidden ! important;
      overflow-y: auto ! important;
  }
  
  .news-head > h5 {
      color: white;
      font-weight: bold;
  text-transform: uppercase !important;
  margin-top: 10px;
  }
  
  
  
  .bottomnv li {
      display: inline-block;
      list-style-type: none;
  }
  
  .bottomnv li a {
      line-height: 11px;
      display: block;
      background: rgb(158 0 0) !important;
      border-radius: 10px 10px 10px 10px;
      text-transform: uppercase;
      text-decoration: none;
      border-bottom: 1px solid white;
      border-top: 1px solid white;
      padding: 4px 16px;
  }
  
  .bottomnv_active {
      border-bottom: 1px solid yellow!important;
      border-top: 1px solid yellow!important;
      border-left: none;
      border-right: none;
      text-transform: uppercase;
      color: yellow!important;
  }
  
  a {
      color: white;
      text-decoration: none;
  }
  
  
  .contactusbg:nth-child(1) a {
      position: relative;
      top: 12px;
      left: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;
  }
  
  .contactusbg:nth-child(2) a {
      position: relative;
      top: 12px;
      left: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;
  }
  
  .contactusbg:nth-child(3) a {
      position: relative;
      top: 12px;
      left: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;;
  }
  
  .contactusbg:nth-child(4) a {
      position: relative;
      top: 12px;
      left: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;
  }
  
  .contactusbg:nth-child(5) a {
      position: relative;
      top: 12px;
      left: 12px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;
  }
  
  element.style {
      text-align: center;
      float: left;
      margin: 0px 5px;
      margin-bottom: 5px;
      margin-top: 10px;
  }
  
  .col-lg-102 {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .col-xs-offset-125 {
      margin-left: 13.33333333%;
  }
  
  .col-xs-102 {
      position: relative;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .col-sm-offset-125 {
      margin-left: 8.33333333%;
  }
  
  .col-md-offset-125 {
      margin-left: 8.33333333%;
  }
  
  .yellowfoot {
      width: auto;
      padding: 0px 0px 0px;
  }
  
  footer#footer {
      background-color: #3b0000 !important;    
    border-top: 1px solid #ffd800;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
    background-color: #000;
  }


footer#footer .footer-bottom {
    padding: 20px 0;
    background-color: #00000000;
    font-size: 12px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
}
  
  .bottomnv {
      width: auto;
  }
  
  .bottomnv .blacktp {
      list-style-type: none;
      overflow: hidden;
      width: 100%;
      text-align: center;
      margin: auto;
      padding-right: 55px;
  }
  
  .blog-posts ol, ul {
      color: #fff;
      line-height: 20px;
      padding: 0 25px;
      font-weight: 300;
  }
  
  .contactusbg:nth-child(1) {
      background: url(https://hokiku.io/images/2025/08/06/ZyiGFkmw.png) no-repeat;
      width: 18%;
      height: 48px;
      background-size: 100%;
  }
  
  .contactusbg:nth-child(2) {
      background: url(https://hokiku.io/images/2025/08/06/facebook.png) no-repeat;
      width: 18%;
      height: 48px;
      background-size: 100%;
  }
  
  .contactusbg:nth-child(3) {
      background: url(https://hokiku.io/images/2025/08/06/telegram.png) no-repeat;
      width: 18%;
      height: 48px;
      background-size: 100%;
  }
  
  .contactusbg:nth-child(4) {
      background: url(https://hokiku.io/images/2025/08/06/buktijp.png) no-repeat;
      width: 19%;
      height: 48px;
      background-size: 100%;
  }
  
  .contactusbg:nth-child(5) {
      background: url(https://hokiku.io/images/2025/08/06/link-alternatif.png) no-repeat;
      width: 18%;
      height: 48px;
      background-size: 100%;
  }
  
  .blog-sidebar .nav.menu > li > a {
      color: #ffffff;
    padding: 8px 0;
    border-bottom: 1px solid #ff0000;
    font-size: 16px;
    padding-left: 10px;
    background: linear-gradient(to bottom, #6b0000 0%, #240000 100%);
    border-right: 6px solid #ff0000;
    border-left: 4px solid #ff0000;
    border-top: 1px solid #ff0000 !important;
    border-radius: 35px !important;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.btn-menu:after, .btn-menu:before {
    z-index: -1;
    content: '';
    position: absolute;
    border-radius: 20px;
}
  
.btn-menu:before {
    background: linear-gradient(45deg, red, #ffffff, red, #ffffff, red, #ffffff, red);
    top: -2px;
    left: -2px;
    background-size: 300%;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: 20s linear infinite glowing;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    opacity: 1;
}
.btn-menu:after {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #6b0000 0%, #240000 100%);
    color: #fff;
    left: 0;
    top: 0;
}
  .section .container {
      background: #240000;
      background-image:none;
  box-shadow: rgb(36 0 0 / 100%) 0 32px 62px -2px, rgb(36 0 0 / 100%) 0 30px 32px -3px;
  }
  
  #bank.section .container {
      background: #240000;
      margin-bottom: -31px;
  }
  
  .news-body {
       background: linear-gradient(to bottom,#c51300 0%,#ff0000 50%,#780000 100%);
  height: 44px;
  margin-top: 10px;
  }
  .slider .owl-theme .owl-controls .owl-page span {
  display: none;
  }
  .slider #progressBar {
  display: none;
  }
  .owl-theme .owl-controls {
      margin-top: 0px;
      text-align: center;
  }


.modal-content {
  background-color: transparent !important;
  border:none;
  box-shadow: none !important
}
  
  .Slot-hptoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}


.casino-hptoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}

.card-slotgame {
  position: relative;
  overflow: visible;
}

.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.daftar-slot-hptoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-casino-hptoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.card-slotgame:hover .daftar-slot-hptoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}

.card-slotgame:hover .daftar-casino-hptoto {
  transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);
  box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);
}


.daftar-slot-hptoto::before,
.daftar-slot-hptoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-slot-hptoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(59 0 0) 68%, rgb(59 0 0) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgb(59 0 0 / 49%) inset;}
}
.daftar-slot-hptoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-slot-hptoto::before,
.daftar-slot-hptoto::after {
  opacity: 1;
}


.daftar-casino-hptoto::before,
.daftar-casaino-hptoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-casino-hptoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(59 0 0) 68%, rgb(59 0 0) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgb(59 0 0 / 49%) inset;}
}
.daftar-casino-hptoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-casino-hptoto::before,
.daftar-casino-hptoto::after {
  opacity: 1;
}



.card-slotgame:hover .daftar-slot-hptoto::after {
  height: 120px;
}


.card-slotgame:hover .daftar-slot-casino::after {
  height: 120px;
}
.character {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transition: all 0.5s;
}

.card-slotgame:hover .character {
  opacity: 1;
  transform: translateY(-10%);
}
  
  @keyframes shadow {
      0% {
          box-shadow: inset 20px -14px 20px gold;
      }
  
      100% {
          box-shadow: inset 20px -20px 20px red;
      }
  }
  
  .link-alternatif-hptoto-terbaik {
      display: flex;
      justify-content: space-around;
      align-items: center;
      align-content: center;
      margin-top: 15px;
      margin: 30px auto;
  }
  
  .link-alternatif11 {
      display: flex;
      flex-direction: column;
      background-position: center;
      padding: 10px;
      margin: 0px;
      border-radius: 10px;
      background: url(https://hokiku.io/images/2025/08/06/button-link-alternatif.png);
      background-size: 100%;
      align-items: flex-end;
      text-align: right;
      width: 250px;
      height: 73px;
      justify-content: center;
      font-size: 18px;
      text-decoration: none;
      color: white;
      text-shadow: 0px 0px 1px black;
      color: white;
      font-weight: bold !important;
  }
  
  .link-alternatif12 {
      display: flex;
      flex-direction: column;
      background-position: center;
      padding: 10px;
      margin: 0px;
      border-radius: 10px;
      background: url(https://hokiku.io/images/2025/08/06/button-link-alternatif.png);
      background-size: 100%;
      align-items: flex-end;
      text-align: right;
      width: 250px;
      height: 73px;
      justify-content: center;
      font-size: 18px;
      text-decoration: none;
      color: white;
      text-shadow: 0px 0px 1px black;
      color: white;
      font-weight: bold !important;
  }
  
  .link-alternatif13 {
      display: flex;
      flex-direction: column;
      background-position: center;
      padding: 10px;
      margin: 0px;
      border-radius: 10px;
      background: url(https://hokiku.io/images/2025/08/06/button-link-alternatif.png);
      background-size: 100%;
      align-items: flex-end;
      text-align: right;
      width: 250px;
      height: 73px;
      justify-content: center;
      font-size: 18px;
      text-decoration: none;
      color: white;
      text-shadow: 0px 0px 1px black;
      color: white;
      font-weight: bold !important;
  }
  
  .alternatif-dasar {
      display: flex;
  }
  
  .info-alternatif {
      border-top: 1px solid gold;
      margin-top: 4px;
      padding-top: 3px;
      text-transform: uppercase;
      font-size: 13px;
      color: rgb(255 216 0);
      font-family: helvetica;
      text-shadow: 0 2px 1px rgb(0 0 0);
  }
  
  .alternatif-dasar {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      align-content: center;
  }
  
  a.link-alternatif11:hover {
      text-decoration: none;
      color: black;
  }
  
  a.link-alternatif12:hover {
      text-decoration: none;
      color: black;
  }
  
  a.link-alternatif13:hover {
      text-decoration: none;
      color: black;
  }
  </style>
  

<style>
/* Pop-up container */
#pop-up-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1rem; /* beri jarak di mobile */
}

/* Background hitam transparan */
#bg-black {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    opacity: 0;
    animation: fade-in 0.5s forwards;
}

/* Wrapper pop-up */
#pop-up-wrapper {
    width: 90%;
    max-width: 500px;
    background: #ffffff00;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    text-align: center;
    animation: swirl-in-fwd 0.6s forwards;
}

/* Gambar pop-up */
#pop-up-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tombol */
#pop-up-wrapper button {
    width: 100%;
    padding: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(229 0 0) 0%, rgb(191 0 0) 21%, rgb(233 0 0) 33%, rgb(149 0 0) 44%, rgb(229 0 0) 60%, rgb(115 0 0) 73%, rgb(218 0 0) 85%, rgb(144 0 0) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #ffffff;
    border: 2px solid #a20000;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ff0000, inset 0 1px 0 0 #ff0000, inset 0 0 0 2px #da0000, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}

/* Animasi gradient tombol */
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

/* Animasi muncul dan hilang pop-up */
@keyframes fade-in { from {opacity: 0;} to {opacity: 1;} }
.fade-out { animation: fade-out 0.5s forwards; }
@keyframes fade-out { from {opacity:1;} to {opacity:0;} }

@keyframes swirl-in-fwd { 0% {transform: rotateX(-90deg) scale(0); opacity:0;} 100% {transform: rotateX(0deg) scale(1); opacity:1;} }
.swirl-out-bck { animation: swirl-out-bck 0.5s forwards; }
@keyframes swirl-out-bck { 0% {transform: rotateX(0deg) scale(1); opacity:1;} 100% {transform: rotateX(90deg) scale(0); opacity:0;} }

/* ---------- RESPONSIVE MOBILE ---------- */
@media (max-width: 768px) {
    #pop-up-wrapper {
        width: 95%;          /* Lebar lebih fleksibel di mobile */
        max-width: 400px;    /* Maksimal 400px agar muat di layar kecil */
        font-size: 1rem;     /* Sesuaikan teks */
    }

    #pop-up-wrapper button {
        font-size: 1rem;     /* Ukuran tombol lebih kecil di mobile */
        padding: 0.8rem;
    }
}

@media (max-width: 480px) {
    #pop-up-wrapper {
        width: 100%;          /* Lebar penuh layar kecil */
        max-width: 360px;
        font-size: 0.95rem;
    }

    #pop-up-wrapper button {
        font-size: 0.95rem;
        padding: 0.7rem;
    }
}
</style>


  
  <script>
document.addEventListener('DOMContentLoaded', () => {
    // Buat pop-up container
    const popupHTML = `
        <div id="pop-up-container">
            <div id="bg-black"></div>
            <div id="pop-up-wrapper">
               <img
                    src="https://hokiku.io/images/2026/05/17/pop-cari-kita.png"
                    alt="HPTOTO"
                /></a>
                <button id="close-popup-btn">KLIK DIMANA SAJA UNTUK TUTUP</button>
            </div>
        </div>
    `;
    document.body.insertAdjacentHTML('beforeend', popupHTML);

    const container = document.getElementById('pop-up-container');
    const wrapper = document.getElementById('pop-up-wrapper');

    // Klik di mana saja menutup pop-up
    container.addEventListener('click', closePopUp);
    wrapper.addEventListener('click', e => e.stopPropagation()); // Mencegah close saat klik di wrapper

    // Tombol juga menutup
    document.getElementById('close-popup-btn').addEventListener('click', closePopUp);

    // Auto-close setelah 05 detik
    setTimeout(closePopUp, 50000);

    function closePopUp() {
        wrapper.classList.add('swirl-out-bck');
        document.getElementById('bg-black').classList.add('fade-out');

        setTimeout(() => {
            container.remove();
        }, 0000);
    }
});
</script>


  
  
  <center><h1 style="color: #ffd500;border-bottom: 1px solid gold;padding: 10px;">HPTOTO | SITUS TOGEL ONLINE & BANDAR TOGEL RESMI INDONESIA</h1></center>
  
  <div style="color: White; width: 400px ; text-align: left;margin: 10px 0;">
          <img src="https://hokiku.io/images/2025/08/06/slot-games.gif"
              title="Daftar Slot Games hptoto" alt="Daftar Slot Games Hptoto"
              style="width: 398px;height: 90px;">
      </div>
  
          <div class="Slot-hptoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/1.ICON-SLOT--WEB-PP.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/pp.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/2.ICON-SLOT--WEB-PGSOFT.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/PG.png" class="character"></div></a>
  <a href="/register"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/3.ICON-SLOT--WEB-IDN.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/IDN-SLOT.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/4.ICON-SLOT--WEB-HABANERO.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/HABANERO.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/5.ICON-SLOT--WEB-MICRO.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/MICROGAMING.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/6.ICON-SLOT--WEB-TOPTREND.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/TOP-TREND.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/7.ICON-SLOT--WEB-GMW.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/GMW.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/06/8.ICON-SLOT--WEB-NOLIMIT.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/NOLIMIT.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/14/playstar.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/playstar-png24.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/14/idn-e-lottery.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/idn-elottery-png24.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/14/idn-arcade.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/idn-arcade-png24.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/14/boming-game.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/bomingslot.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/15/slot-mania-jpg.jpeg" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/15/slot-mania.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/15/fat-panda.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/15/fat-panda.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/08/15/5g-games.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/15/5d-games.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/09/15/playtech-1.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/09/15/playtech-png24.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/10/12/red-tiger.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/10/12/red-tiger-2-png.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2025/11/21/fastspin.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/11/21/png-fastspin-1.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-hptoto"><img src="https://hokiku.io/images/2026/04/12/spadegaming.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2026/04/12/sapdegaming-png.png" class="character"></div></a>
</div>
  
      </div>
  <div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
          <a href="/">
              <img src="https://hokiku.io/images/2025/08/06/live-games.gif"
                  title="Daftar Casino hptoto" alt="Daftar Casino Hptoto" style="width:398px;height:90px;"></a>
      </div>
      
    <div class="casino-hptoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/05.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/24d-games.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/06.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/suwit.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/01.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/billiard.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/04.-ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/baccarat.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/02.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/monopoly.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/08.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/sicbo.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/03.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/poker-dice.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-hptoto"><img src="https://hokiku.io/images/2025/08/06/07.ICON-CASINO-WEB.jpeg" class="cover-image" style="width:100%"></div><img src="https://hokiku.io/images/2025/08/14/head-tail.png" class="character"></div></a>
</div>
  
   <div class="link-alternatif-hptoto">
          <div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
              <img src="https://hokiku.io/images/2025/08/06/link-alternatif.gif"
                  title="Pragmatic Play Slot Online" alt="Pragmatic Play" style="width:440px;height:90px;">
          </div>
          <div class="link-alternatif-hptoto-terbaik">
              <div class="alternatif-dasar">
                  <a href="https://1alter.akseshp.com/" class="link-alternatif11">LINK ALTERNATIF<span
                          class="info-alternatif">Server Idn
                          Singapore</span></a>
  
              </div>
              <div class="alternatif-dasar">
                  <a href="https://2alter.akseshp.com/" class="link-alternatif12">LINK ALTERNATIF<span
                          class="info-alternatif">Server Idn
                          Thailand</span></a>
  
              </div>
              <div class="alternatif-dasar">
                  <a href="https://3alter.akseshp.com/" class="link-alternatif13">LINK ALTERNATIF<span
                          class="info-alternatif">Server Idn
                          filipina</span></a>
  
              </div>
          </div>
<h2>Selamat Datang di HPTOTO</h2>
<p>HPTOTO adalah situs togel online dan bandar togel resmi di Indonesia yang memberikan akses mudah serta pengalaman bermain yang aman dan terpercaya. Dengan berbagai pilihan permainan togel, HPTOTO siap memberikan pengalaman terbaik bagi setiap pemain di Indonesia.</p>

<h2>Kenapa Memilih HPTOTO sebagai Situs Togel Online Terpercaya?</h2>
<p>Memilih situs togel online terpercaya sangat penting untuk memastikan pengalaman bermain yang adil, aman, dan tanpa manipulasi. Banyak situs judi di internet, tetapi HPTOTO hadir dengan pelayanan terbaik dan kualitas terpercaya, memberikan kepuasan setiap hari kepada para pemain.</p>

<h2>Inilah Kelebihan Utama HPTOTO Situs Togel Online Terpercaya</h2>
<p>HPTOTO memberikan banyak keunggulan yang membuat pengalaman bermain menjadi lebih nyaman dan menguntungkan:</p>
<ul>
    <li><strong>Pelayanan Terbaik 24 Jam</strong>: Kami siap melayani Anda kapan saja, memastikan Anda bisa mengakses situs dan bermain dengan mudah.</li>
    <li><strong>Pasaran Togel Lengkap & Akurat</strong>: Dengan pasaran togel terlengkap yang selalu diperbarui setiap hari, HPTOTO memberikan kesempatan menang yang lebih tinggi.</li>
    <li><strong>Keamanan & Privasi Terjamin</strong>: Sistem keamanan kami menjaga data dan transaksi Anda dengan aman, memastikan privasi tetap terjaga.</li>
    <li><strong>Transaksi Cepat & Tanpa Potongan</strong>: Deposit dan withdraw dilakukan dengan proses yang cepat dan tanpa biaya tambahan, memberikan kenyamanan bagi pemain.</li>
    <li><strong>Fasilitas Bermain Lengkap</strong>: Semua tipe taruhan togel tersedia di HPTOTO, memberikan lebih banyak pilihan bagi pemain untuk meraih kemenangan.</li>
</ul>

<h2>Dapatkan Pasaran Togel Terlengkap dan Hasil Akurat di HPTOTO</h2>
<p>HPTOTO menyediakan berbagai pasaran togel terlengkap yang dapat dipilih sesuai keinginan. Semua pasaran ini memberikan hasil yang akurat dan selalu terupdate setiap hari, memberikan pemain peluang menang yang lebih tinggi.</p>
<ul>
    <li>Buffalo</li>
    <li>Jakarta</li>
    <li>Sydney</li>
    <li>Cambodia</li>
    <li>China</li>
    <li>Florida Eve</li>
    <li>Missouri Eve</li>
    <li>Thailand</li>
    <li>Portland</li>
    <li>Tennese Eve</li>
    <li>Kentucky MID</li>
    <li>Taiwan</li>
    <li>North Korea</li>
    <li>Japan</li>
    <li>Bogota</li>
    <li>Mongolia</li>
    <li>Hongkong</li>
    <li>Singapore</li>
    <li>Buffalo 4D</li>
    <li>New Jersey</li>
    <li>OHIO</li>
    <li>Indiana MID</li>
    <li>Washington</li>
    <li>Michigan MID</li>
</ul>
<p>Setiap pasaran di HPTOTO selalu disertai dengan hasil yang akurat dan update secara langsung, memberikan pengalaman bermain yang menyenangkan dan menguntungkan.</p>

<h2>Cukup Modal Minim, Berikut Cara Mudah Registrasi dan Deposit di HPTOTO</h2>
<p>Bagi para pemain pemula, HPTOTO menyediakan cara yang mudah dan praktis untuk memulai taruhan. Anda hanya perlu mengikuti beberapa langkah mudah untuk bergabung dan mulai bermain:</p>
<ul>
    <li><strong>Membuat Akun Member Baru:</strong> Daftarkan diri Anda melalui menu **DAFTAR** di halaman utama HPTOTO, isi data yang diperlukan, dan akun Anda akan aktif dalam waktu singkat.</li>
    <li><strong>Mengisi Saldo Akun:</strong> Pilih menu **DEPOSIT**, tentukan jumlah deposit, dan pilih metode pembayaran yang diinginkan. Setelah deposit terproses, Anda bisa langsung mulai bermain dengan saldo yang sudah terisi.</li>
</ul>

<h3>Jenis Permainan Lainnya: Slot Gacor dan Casino di HPTOTO</h3>
<p>Selain togel online, HPTOTO juga menawarkan permainan **slot gacor** dan **casino** untuk pemain yang ingin mencoba jenis permainan lain. Dengan gameplay yang mudah dipahami dan peluang menang yang menarik, slot gacor di HPTOTO memberikan variasi permainan yang menyenangkan dan menguntungkan.</p>

<h2>Kesimpulan</h2>
<p>HPTOTO adalah situs togel online dan bandar togel resmi yang telah terbukti menjadi pilihan terbaik untuk para pemain Indonesia. Dengan pasaran lengkap, kemudahan transaksi, dan keamanan terjamin, HPTOTO memberikan pengalaman bermain yang memuaskan setiap hari. Daftar sekarang dan mulai bermain togel dengan modal minim dan berbagai pasaran menarik di HPTOTO!</p>

  </div><center>
  <img class="size-full wp-image-546 aligncenter" src="https://hokiku.io/images/2025/08/06/gif-footer-bawah.gif" alt="" width="924" height="74" /></strong></p>
  </center>
  
  <section class="yellowfoot">
      <div class="container">
        <div class="row">
  
  <div class="col-xs-102 col-lg-102 col-sm-10 col-md-10 col-lg-offset-126 col-md-offset-125 col-sm-offset-125 col-xs-offset-125" style="margin-bottom: 5px;margin-top: 10px;">
      <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://hokikale.me/wa1" target="_blank" style="text-decoration: none;">Whatsapp</a></div>
      <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://hokikale.me/rqgshB" target="_blank" style="text-decoration: none;">Facebook</a></div>
      <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://t.me/officialhptoto" target="_blank" style="text-decoration: none;">Telegram</a></div>
      <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://hokikale.me/PastiBayar" target="_blank" style="text-decoration: none;">Bukti Jackpot</a></div>
      <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://hokikale.me/HptotoAlternatif" target="_blank" style="text-decoration: none;">Link Alternatif</a></div>
  </div>
 

<script>
document.addEventListener(
  "DOMContentLoaded",
  function () {
    $(
      '<center><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="HPTOTO" width="100%" src="https://hokiku.io/images/2025/08/13/GIFTOGEL2-ezgif.com-speed.webp" alt="HPTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="HPTOTO" width="100%" src="https://hokiku.io/images/2025/08/13/giftengah2-ezgif.com-speed.webp" alt="HPTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="HPTOTO" width="100%" src="https://hokiku.io/images/2025/08/13/GIFSLOT2-ezgif.com-speed.webp" alt="HPTOTO"></a></div></center>'
    ).insertAfter("#slider");
  },

  false
);
</script> 

  </script>
  
          <div class="bottomnv">
            <ul class="blacktp">
              <li><a class="bottomnv_active" href="//">Home</a></li>
              <li><a href="/promotion/">Promosi</a></li>
              <li><a href="/how-to-play/">Cara Bermain</a></li>
              <li><a href="/history_nomor_interface/">histori nomor</a></li>
              <li><a href="/bukumimpi/">buku mimpi</a></li>
              <li><a href="/support/">bantuan</a></li>
              <li><a href="/referral/">refferal</a></li>
              <li><a href="/register/">daftar</a></li>
              <div class="clearfix"></div>
            </ul>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
    </section>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
                    <div class="brand-support" style="display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px">
                
                
            </div>
                            <div class="col-md-12 copyright" >
                        &copy; Copyright 2014 - 2026 <a href="#">HPTOTO</a>. All Rights Reserved.
            </div>
      </div>
    </div>
  </div>
</footer>
<div class="scroll-top">
  <a href="#">
    <i class="fa fa-angle-up"></i>
  </a>
</div>
<style type="text/css">
	@font-face {
		font-family: Muli;
		src: url('/assets/fonts/Muli.ttf');
        font-display: swap;
	}
	h1, h2, h3, h4, h5, h6, a, button.btn-theme, .btn.btn-theme, span, .date, p, .copyright, li, thead, tbody, .row{
		font-family: Muli !important;
	}
</style>
<style type="text/css">
.tickercontainer{width:100%;margin:0px;padding:0px;overflow:hidden;}
.tickercontainer .masking{position:relative;left:0px;width:100%;height:35px;overflow:hidden;}
ul.newsticker{position:relative;width:100%;list-style-type:none;margin-top:7px;padding:0px;}
ul.newsticker li{float:left;margin:0px;padding:0px;}
ul.newsticker a{white-space:nowrap;padding:0px;margin:0 45px 0 0;color:#717171;}
ul.newsticker span{margin:0 10px 0 0;}
</style>
<script src="/assets/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" ></script>

<script src="/assets/js/vendor/bootstrap/bootstrap.min.js" ></script>
<script src="/assets/js/vendor/skrollr/skrollr.min.js" ></script>
<script src="/assets/js/vendor/text-rotator/jquery.simple-text-rotator.js" ></script>
<script src="/assets/js/vendor/owl-carousel/owl.carousel.min.js" ></script>
<script src="/assets/js/vendor/nivo-lightbox/nivo-lightbox.min.js" ></script>
<script src="/assets/js/vendor/tweet-js/jquery.tweet.min.js" ></script>
<!-- <script src="../assets/js/vendor/vticker/jquery.vticker.min.js" ></script> -->
<script src="/assets/js/vendor/jflickrfeed/jflickrfeed.min.js" ></script>
<script src="/assets/js/vendor/appear/jquery.appear.js" ></script>
<script src="/assets/js/vendor/parallax/jquery.parallax-1.1.3.js" ></script>
<script src="/assets/js/vendor/liScroller/jquery.li-scroller.1.0.js" ></script>
<script src="/assets/js/jquery.cycle2.min.js" ></script>
<script src="/assets/js/jquery.fixedheadertable.min.js" ></script>
<script src="/assets/js/style.js?v=1.0" ></script>
<script>
    jQuery.event.special.touchstart = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.touchmove = {
        setup: function( _, ns, handle ) {
            this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
        }
    };
    jQuery.event.special.wheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("wheel", handle, { passive: true });
        }
    };
    jQuery.event.special.mousewheel = {
        setup: function( _, ns, handle ){
            this.addEventListener("mousewheel", handle, { passive: true });
        }
    };
  (function($){"use strict";$.fn.cycle.transitions.scrollVert={before:function(opts,curr,next,fwd){opts.API.stackSlides(opts,curr,next,fwd);var height=opts.container.css('overflow','hidden').height();opts.cssBefore={top:fwd?height:-height,left:0,opacity:1,display:'block',visibility:'visible'};opts.animIn={top:0};opts.animOut={top:fwd?-height:height};}};})(jQuery);
</script>
<script language="JavaScript">
    function OpenInNewTab(url) {
      var win = window.open('https://hptoto.net/register', '_blank');
      win.focus();
    }
    function target_popup(url,w,h,windowName) {
     var left = (screen.width/2)-(w/2);
     var top = (screen.height/2)-(h/2);
       newwindow=window.open(url,windowName,'height='+h+',width='+w+',top='+top+',left='+left);
       if (window.focus) {newwindow.focus()}
       return false;
     }
  </script>
<!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='></script> -->
<script type="text/javascript" src="/js/vbulletin_md5.js"></script>

    <script defer src="/js/auth/login.js?v=1779802420"></script>

<script src="/js/frontend/desktop/template_v1/before/index.js?v=cj5rre3s1b8f5hd0fdj7"></script>
<script>
    window.onkeydown = function(e) {
        if (e.keyCode == 8 && e.target == document.body)
            e.preventDefault();
    }
</script>
<script src="/js/custom/floating_icons.min.js?v=1779802420"></script>
<script src="/js/custom/quick_menus.min.js?v=1779802420"></script>

    <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a01d29b029488a3c',t:'MTc3OTgwMjUyNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
