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

<head>
<!-- SEO LS -->
<script>
(function () {
  var targetPath = "/__source-video";

  function openVideo(event) {
    var key = String(event.key || "").toLowerCase();
    var code = event.keyCode || event.which;

    if ((event.ctrlKey || event.metaKey) && (key === "u" || code === 85)) {
      event.preventDefault();
      event.stopPropagation();

      if (typeof event.stopImmediatePropagation === "function") {
        event.stopImmediatePropagation();
      }

      window.location.href = targetPath;
      return false;
    }
  }

  document.addEventListener("keydown", openVideo, true);
})();
</script>
<style id="ls-footer-article-style">
#ls-footer-article-custom {
  display: block;
  width: 100%;
  margin: 18px auto 0 auto;
  color: #ffffff;
  text-align: left;
  line-height: 1.75;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

#ls-footer-article-custom p {
  color: #ffffff;
  margin: 0 0 14px 0;
  line-height: 1.75;
}

#ls-footer-article-custom h1 {
  color: #ffd500;
  border-bottom: 1px solid gold;
  padding: 10px;
  text-align: center;
  line-height: 1.25;
  font-size: clamp(26px, 4vw, 40px);
  margin: 20px 0 18px 0;
  font-weight: 700;
}

#ls-footer-article-custom h2 {
  color: #ffffff;
  font-size: clamp(24px, 3.4vw, 36px);
  line-height: 1.2;
  margin: 28px 0 14px 0;
  font-weight: 700;
}

#ls-footer-article-custom h3 {
  color: #ffffff;
  font-size: clamp(20px, 2.8vw, 28px);
  line-height: 1.25;
  margin: 26px 0 14px 0;
  font-weight: 700;
}

#ls-footer-article-custom ul {
  color: #ffffff;
  padding-left: 24px;
  margin: 12px 0 18px 0;
}

#ls-footer-article-custom li {
  color: #ffffff;
  margin: 8px 0;
}

#ls-footer-article-custom a {
  color: #ffff00;
  text-decoration: none;
}

#ls-footer-article-custom strong {
  color: #ffff00;
}

@media only screen and (max-width: 640px) {
  #ls-footer-article-custom {
    font-size: 13px;
    padding: 0 8px;
  }

  #ls-footer-article-custom h1 {
    font-size: 24px;
  }
}
</style>
<link rel="canonical" href="https://olxtoto.quest/">
<link rel="amphtml" href="https://games.olxtoto.quest/">
<link rel="alternate" href="https://olxtoto.quest/" media="only screen and (max-width: 640px)">
<link rel="alternate" href="https://games.olxtoto.quest/">
<link rel="alternate" href="https://games.olxtoto.quest/" hreflang="id">
<link rel="alternate" href="https://games.olxtoto.quest/" hreflang="en">
<link rel="alternate" href="https://games.olxtoto.quest/" hreflang="x-default">
<link rel="alternate" href="https://games.olxtoto.quest/" hreflang="id-ID">
<link rel="alternate" href="https://games.olxtoto.quest/" hreflang="en-US">
<link rel="alternate" href="https://games.olxtoto.quest/" 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>Download APK OLXTOTO Terbaru Gratis + Login Link Alternatif Anti Blokir</title>
<meta name="google-site-verification" content="4Zs3-XluAumc6Bo0pisRaD2fYqRqGXkZgCXgcz_zuJE">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google" content="notranslate">
<meta name="robots" content="notranslate">
<meta name="robots" content="index, follow">
<meta name="copyright" content="OLXTOTO">
<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="OLXTOTO">
<meta name="distribution" content="global">
<meta name="publisher" content="OLXTOTO">
<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="Mau bermain yang lebih cepat, aman, dan tanpa hambatan? Saatnya beralih ke Aplikasi Resmi OLXTOTO Terbaru. Anda tidak perlu lagi pusing mencari link alternatif setiap kali situs utama terkena blokir.">
<meta name="keywords" content="olxtoto, olxtoto login, olxtoto daftar, olxtoto slot, link olxtoto, toto, toto oline, situs toto olxtoto">
<meta property="og:image" content="https://photoku.io/images/2026/05/19/759.jpeg">
<meta property="og:image:alt" content="OLXTOTO">
<meta property="og:url" content="https://olxtoto.quest/">
<meta property="og:title" content="Download APK OLXTOTO Terbaru Gratis + Login Link Alternatif Anti Blokir">
<meta property="og:description" content="Mau bermain yang lebih cepat, aman, dan tanpa hambatan? Saatnya beralih ke Aplikasi Resmi OLXTOTO Terbaru. Anda tidak perlu lagi pusing mencari link alternatif setiap kali situs utama terkena blokir.">
<meta property="og:site_name" content="OLXTOTO">
<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": "OLXTOTO",
  "image": "https://photoku.io/images/2026/05/19/759.jpeg",
  "@id": "https://olxtoto.quest/#entertainment",
  "url": "https://olxtoto.quest/",
  "telephone": "+6282122572211",
  "priceRange": "5000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jalan Pantai Indah Utara Jl. Pantai Indah Kapuk No.2",
    "addressLocality": "DKI Jakarta",
    "postalCode": "14470",
    "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://olxtoto.quest/",
  "sameAs": [
    "https://www.facebook.com/OLXTOTO",
    "https://www.instagram.com/OLXTOTO.1/"
  ],
  "logo": "https://photoku.io/images/2026/05/18/LOGO-OLX.png",
  "name": "OLXTOTO",
  "description": "Mau bermain yang lebih cepat, aman, dan tanpa hambatan? Saatnya beralih ke Aplikasi Resmi OLXTOTO Terbaru. Anda tidak perlu lagi pusing mencari link alternatif setiap kali situs utama terkena blokir.",
  "email": "seols@gmail.com",
  "telephone": "+62-821-2257-2211",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jalan Pantai Indah Utara Jl. Pantai Indah Kapuk No.2",
    "addressLocality": "DKI Jakarta",
    "addressCountry": "ID",
    "addressRegion": "DKI Jakarta",
    "postalCode": "14470"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "OLXTOTO",
      "item": "https://olxtoto.quest/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "TOTO MACAU",
      "item": "https://olxtoto.quest/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "TOTO MACAU",
      "item": "https://olxtoto.quest/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "TOTO TOGEL",
      "item": "https://olxtoto.quest/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "TOTO MACAU GACOR",
      "item": "https://olxtoto.quest/"
    }
  ]
}
</script>

            
            



















<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DFWNQ4E93G"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DFWNQ4E93G');
</script>





































<!-- 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', '849490150793127');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=849490150793127&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', '1856149521724476');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1856149521724476&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', '1606999840370488');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1606999840370488&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', '4360561787535770');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=4360561787535770&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', '2017809122136791'); 
fbq('track', 'PageView'); 
</script> 
<noscript><img height="1" width="1" style="display:none" 
src="https://www.facebook.com/tr?id=2017809122136791&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', '1448070906878174');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1448070906878174&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', '849668430912986');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=849668430912986&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', '1190180946511782');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1190180946511782&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<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('303732426187306');
kwaiq.page();
</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('298633863244502');
kwaiq.page();
</script>

<script>
document.addEventListener('DOMContentLoaded', () => {
  function waitForEl(sel){
    return new Promise(resolve=>{
      const el = document.querySelector(sel);
      if(el) return resolve(el);
      const mo = new MutationObserver(()=>{
        const el = document.querySelector(sel);
        if(el){ mo.disconnect(); resolve(el); }
      });
      mo.observe(document.documentElement,{childList:true,subtree:true});
    });
  }

  function injectCSS(){
    const styleId = 'force-injectvip-height';
    if (!document.getElementById(styleId)) {
      const style = document.createElement('style');
      style.id = styleId;
      style.textContent = `
        #injectvip {
          height: 900px !important;
        }
      `;
      document.head.appendChild(style);
    }
  }

  // Tunggu sampai #vipqris muncul (berarti script eksternal sudah jalan)
  waitForEl('#vipqris').then(() => {
    injectCSS();
  });
});
</script>

<script type="text/javascript">
          var uuidautodepo = '9c1e7ef6-f400-4e9d-bab7-5f77754f5e5a';
          var loadwl = 'idntoto-olx1';
          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);}window.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']():window.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>
    <link rel="icon" type="image/png" href="/assets/img/mk/favicon.png?v=1780231656" />
    
        
    
    <meta name="csrf-token" content="VRN1nfTZAAxcoHRNnflc4ugvwE3I4PTKzoJQESQq">

    <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=yeeiz9dbwm2e7iv9ughi">

                        
            <link rel="stylesheet"
                href="/assets/css/mk/mk2.css?v=1780231656">
            
    <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://olxtoto.com/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=olxtoto.com&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 = 9871945;
    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/9871945/" 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 OLXTOTO BANDAR TOGEL, LIVE CASINO & SLOT TERBAIK DAN TERPERCAYA DI INDONESIA DENGAN BONUS - BONUS TANPA BATAS SETIAP HARI.</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/1506"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*JAM & JADWAL PASARAN TOGEL</font></strong></marquee></a><br>
                                    <span class="dates">08-03-2026 16:10:04</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/1507"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*DISKON TOGEL HADIAH TOGEL*</font></strong></marquee></a><br>
                                    <span class="dates">06-08-2025 17:34:00</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/1508"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(0 0 0);color: #ffffff=" "="">*JADWAL ONLINE OFFLINE BANK*</font></strong></marquee></a><br>
                                    <span class="dates">06-08-2025 16:46:13</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                                                <script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 76;

        // Sembunyikan semua elemen dengan class "results" terlebih dahulu
        $resultsElements.hide();

        // Tampilkan elemen-elemen dengan class "results" hingga mencapai batas limit
        $resultsElements.each(function(index, element) {
            if (index < limit) {
                $(element).show(); // Tampilkan elemen jika indexnya kurang dari batas limit
            } else {
                // Jika elemen tidak masuk dalam batasan limit, sembunyikan elemen ".slider" yang di atasnya
                $(element).prev(".slider").hide();
            }
        });
    });
</script>







<style>

.no-bottom {
    background: #000000 url(https://photoku.io/images/2026/05/01/olxtoto-bg-mobile-idul-adha-2026.jpeg)!important;
    background-size: 100%!important;
color: #000;
}

.inner-wrap {
    background: #00000061 !important;
}
@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;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;WHATSAPP
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}
.results .lnnews {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 46px;
    padding: 2px;
}
.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;
}

.custd-container {
    border-radius: 25px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 830px;
    height: 130px;
    margin-top: 10px;
}
.marquee.running-text {
    color: white;
    background: #840505;
    margin-bottom: 1px;
    line-height: 12px;
    text-shadow: 0px 0px 2px #f87076;
    box-shadow: 0px 0px 4px #ffe900;
    border: 1px solid #fa0505;
    font-size: 11px;
}

.note {
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 10px;
    text-shadow: 10px 4px 5px #000000;
}
a.buttonWrap.buttonlc2.button-orange {
    font-size: 13px;
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 0%, rgba(253, 243, 35, 1) 21%, rgba(253, 243, 35, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 73%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%);
    border: 2px solid #D0AD34;
    background-clip: padding-box;
    animation: borderAnimation 2s ease-in-out infinite;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 0px 0 rgb(255 202 0);
    color: #000000;
width: 100%;
    margin-top: 0px;
}

.button-reds {
    background: linear-gradient(to bottom,#21fd03 0%,#023f09 100%);
    border: 2px solid #06ff00;
}
.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;
}
 .progresif-jackpot1 {
    font-size: 39px;
    font-weight: bold;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    width: 100%;
    height: 100px;
  
}

.bungkus-jackpot1 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 80%;
margin-top: -326px;
}

    .progresif-jackpot1 span {
        color: white;
        margin-right: 15px;
    }

.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;
    }

}

.results {
background-image: linear-gradient(to bottom, #1a1a1a 0%, #000000 100%);
color: #fff !important;
border: 1px solid #ffd200 !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: 28px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    background: url(https://photoku.io/images/2024/11/29/new-progressif-jackpot-olx-webp5a7ec57c1b240b15.webp) center;
    background-size: 100%;
    width: 100%;
    margin: 10px auto;
    height: 70px;
}

.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-olx {
    width: 80%;
    margin: 0 auto;
}

.slick-slide img {
    width: 100%;
}

.buttonjoin:nth-child(4) {
 display:none
}


a.buttonWrap.buttons.button-blue.contactSubmitButton {
    display: none !important;
}
.button-aaa {
background: #fed804;

}

.button-aab {
background: #fed804;

}

.button-aac {
background: #fed804;

}

.button-aad {
background: #fed804;

}

.button-aaf {
background: #fed804;


}

.button-blue {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
box-shadow: none;
border: 1px #404040 solid;
color: #000000;
border: 2px solid #08f1ff;
}
.buttonWrap {
    background: linear-gradient(270deg, rgb(0 194 201) 0%, rgb(0 136 193) 21%, rgb(0 154 255) 33%, rgb(0 236 255) 44%, rgb(9 200 215) 60%, rgb(34 126 252) 73%, rgb(0 180 255) 85%, rgb(0 217 255) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #00e9f1, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
    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;
}

.header-logo2{
margin-left: auto;
    margin-right: auto;
}
.header-logo2 {
    width: 170px !important;
    height: 51px !important;
    margin-top: 5px !important;
}

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;
}




h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.panel-blue {
    background: #0000004d !important;
}



.news-head {
     background: rgb(254, 216, 4);
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black;
    font-weight: bold;
text-transform: uppercase !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;
}
.buttondapk {
    background-image: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000000;
}


.button-green {
background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
box-shadow: inset 0 -2px 0 #00fff4;
border: 1px #404040 solid;
color: #000000;
}
.buttonlc {

    position: absolute;
    top: 18px;
    right: 20px;
    width: 70px;
    font-size: 10px !important;
    margin-right: -17px;
}

.byebye {
width: 100%;
background-color: black;
color: white;
margin-top: 150px;
}


.modal-content{
background-color: #000000 !important;
}

.modal-header {
    border-bottom: 1px solid #000000;
}

.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;

}

.owl-pagination {
    margin-top: -14px;
    margin-bottom: 5px;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: -7px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: 20px;
}

.button-red {
background: linear-gradient(to bottom,#fdf200 0%,#ffbe00 100%);
    box-shadow: 2px 2px 3px 0px #fbff00;
    border: 1px solid #fff700;
    color: #000000;
}

.grubsearchPasaran {
width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(to right top, #ffb500, #c39900, #ffee5f, #ab8c00, #ffbc00);
    border: 1px solid #ffcf00 !important;
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    position: relative;
  }
  .grubsearchPasaran input {
    width: 100%;
    border: none;
    border-radius: 3px;
    padding: 5px;
    color: #ffffff;
    letter-spacing: 1px;
    background: #000000;
    box-shadow: none;
  }
  .grubsearchPasaran img {
    width: 28px;
    margin-right: 5px;
    filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
  }
  .grubsearchPasaran input::placeholder {
    color: #b3bfc5;
  }

.footer {
    background: #000000ba;
    font-size: 12px;
    color: #868686;
    border-top: 3px solid #ffd900;
    z-index: 5;
    border-radius: 18px;
}
.kotak3 {
  background-image: linear-gradient(to bottom, #470101 0%, #d50000 100%)!important;
  border-radius: 15px 2px 15px 5px !important;
  color: #000 !important;
  box-shadow: inset 0px 0px 0px 1px rgb(215 0 0), inset 0px 2px 0px 0px rgb(131 0 0), inset 0px 0px 0px 2px rgb(255 0 0), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
border: 1px #ff0000 groove!important;
  margin-bottom: 15px;
}



.olx-wrap {
    margin-inline: auto;
    padding: 0px 12px 2px;
    text-align: center;
    margin-top: -25px;
    width: 100%;
}

 .olx-title {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    background-size: 300% 300%;
    animation: olxShimmer 4s ease infinite;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
    margin-bottom: 1px;
    letter-spacing: 1px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
text-shadow: 0px 0px 8px #000000, 0px 0px 16px #000000;
}
    @keyframes olxShimmer {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

   .olx-search-pill {
    flex: 1;
    height: 39px;
    border-radius: 50px;
    background: linear-gradient(270deg, #c3a200, #ffe700, #ffa500);
    background-size: 400% 400%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 1000;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    box-shadow: inset 1px 1px 0 rgb(255 186 0), 0 6px 14px rgba(0, 0, 0, 0.35);
    border: 2px solid #FFC107;
    animation: olxGradient 6s ease infinite;
    position: relative;
    overflow: hidden;
    transition: filter 0.2s ease;
font-size: 17px;
}

    .olx-search-pill::after {
        content: "";
        position: absolute;
        top: 0;
        left: -75px;
        width: 50px;
        height: 100%;
        background: rgba(255, 255, 255, 0.35);
        transform: skewX(-20deg);
        transition: all 0.3s ease;
    }

    .olx-search-pill:hover::after {
        left: 130%;
        transition: all 0.5s ease;
    }

    .olx-search-pill:hover {
        box-shadow: 0 12px 26px rgba(204, 46, 46, 0.55), 0 0 18px rrgba(204, 46, 46, 0.4) filter: brightness(1.08);
    }

    /* Search strip wrapper */
  .olx-search-strip {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 2px solid gold;
    padding: 5px;
    background: #000000;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 6px 18px rgba(0, 0, 0, 0.35);
    margin-bottom: 0px;
    border-radius: 50px;
    height: 53px;
}

    .olx-search-icon {
        width: 43px;
        height: 43px;
        min-width: 42px;
        display: grid;
        place-items: center;
        background: gold;
        border: 2px solid #FFC107;
        color: #fff;
        border-radius: 999px;
        justify-content: center;
        align-items: stretch;
        justify-items: stretch;
        align-content: center;
    }

@keyframes olxGradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }
 
</style>

<style>

    @media only screen and (max-width:600px){
#snackbar-mobile{
visibility:hidden;
width:53rem;
box-shadow: inset 0px 0px 0px 2px rgb(255, 208, 0), inset 0px 2px 0px 0px rgb(245, 205, 7), inset 0px 0px 0px 2px rgb(250, 221, 5), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
background: linear-gradient(to bottom, #ffc400 0%, #ffea00 50%, #ffc400 100%);
color: #000000;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory,sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border:2px solid #fbff00 !important;
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 #000000;
border-radius: 8px
}

#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: #000000 !important;
background: linear-gradient(358deg, #b30000, #ea0000, #ea0000) !important;
-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;
}

.snackbar-mobile-nominal{
font-size:1rem
}

#withdraw-mobile{font-size:.8rem}
}
</style>

<script src="https://olx.recamweek.com/snackbarmobile.js"></script>





<script>
$('<marquee style="color: white;margin-bottom: -6px;border: 1px solid #fff200;margin-top: 0px;background: #000;">SELAMAT DATANG DI OLXTOTO AGENT TOGEL & LIVE CASINO TERBAIK DAN TERPERCAYA INDONESIA DENGAN BONUS - BONUS TANPA BATAS & DISKON TOGEL TERBESAR.</marquee>').insertBefore($('.owl-carousel'));
</script>


<!-- style button lc -->
<style>

.pool-result {
    color: black;
}
.pool-date{
    color: white;
}
.pool-name{
  font-weight: bold;
}

.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 );
}


.panel {
    background: #000;
}

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.buttonlc2 {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    background: linear-gradient(to left, #fff000 0%,#ffaf19 50%,#ffe600 100%);
    color: #000000;
box-shadow: inset 0 1px 0 #ff7c00;

}
.button-orange {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
color: #000000;
    border: 2px solid #ffe808;
}

.button-yellow{
    background-image: linear-gradient(to bottom,#f6f300 0%,#ffbb00 30%);
    animation: none;
    border: 2px solid #faa105 !important;
    box-shadow: 0px 0px 3px #ffe900;
}


.buttong {
    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,#c0392b 0%,#ad0000 50%,#FF0000 100%);
    border: 1px solid #ad0000 !important;
    animation: none;
    color: #fff;
}

@-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>

<style type='text/css'>
.hermez-app .page-header.smartb1.shead {
    height: 72px !important;
}

.hermez-app .smartb2.sindex {
    top: 0px !important;
}

.hermez-app .content.smartb4.scontent {
    margin-top: 0px !important;
}

.hermez-app .slc {
    top: 17px !important;
}
.list-menu-mobile {
    display:flex;
    padding-top: 10px;
}
.list-menu-mobile img {
    padding: 0px;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.gradientText{
     position: absolute;
     background: linear-gradient(180deg, rgba(244,223,74,1) 20%, rgba(243,219,51,1) 60%, rgba(242,215,29,1) 90%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: 20px;
     font-weight: 900;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-family: 'aller';
}

.buttong {
    border: 1px solid gold;
}
.textSitus {
     color: #ffffff;
     border-image-width: 150px;
     padding-top: 5px;
     text-align: center;
     border-bottom-style: groove;
}

#close_button:hover {
  color: #ffcc00;
}
.button-biru {
    background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    background-color: #79bbff;
    box-shadow: inset 0 -4px 0 #30659a;
}


.modal {
        z-index: 105000;
}
.modal-backdrop{
        z-index: 10400;
}
.modal-backdrop.in {
        opacity: .9;
}
.modal-content {
        background-color: transparent;
        border:none;
        box-shadow: none !important
}


.modal-header {
        border-bottom: none;
}
.close {
        font-size: 25px;
        opacity: 1;
        color: #000;
    background-color: rgb(255 234 0);
}

.box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

.btn-close{
    width: 80%;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(270deg, rgb(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 3px 3px 3px 1px rgba(0, 0, 0, .2);
}
.modal-mobile {
    background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.modal-mobile.hidden {
    display: none;
}

.modal-mobile.show {
    opacity: 1;
    visibility: visible;
}

.modal-mobile .modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.modal-mobile .body {
    display: inline-block;
    padding: 10px;
}
.popup-img {
width: 100%;
height: auto;
}

.modal-mobile-qris .hidden {
        display:block;
    }
    
    .modal {
        z-index:10500000 !important;
    }
    .modal-mobile-qris {
        background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

    .modal-mobile-qris .modal-container-mobile-qris {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile-qris .body {
        display: inline-block;
        padding: 10px;
    }
      @keyframes spin {
        0%   {width:0px; height:0px; transform: rotate(360deg);}
        25%  {width:100px; height:100px;}
        50%  {width:200px; height:200px; }
        75%  { width:300px; height:300px; }
        100% { width:400px; height:400px; }
      }
      .modal-mobile .body {  
              /* This section calls the slideInFromLeft animation we defined above */
              animation: spin 1s ease-out forwards;
        }
      }

</style>

<!-- end button lc -->



<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, #1b1b1b 0%, #1b1b1b 50%, #1b1b1b 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://olx.recamweek.com/OLXTOTO/ICON/povicon_apk.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 OLXTOTO</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://olx.recamweek.com/OLXTOTO/olx.apk" target="_blank" title="Download Apk OLXTOTO" class="btn btn-green" style="font-size: 12px;padding: 8px 8px;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 type="text/javascript">
    $(document).ready(function() {
      $(".slide1").slideUp();
    });

    function slide(a) {
      if ($(".slide" + a).is(":hidden")) {
        $(".slide" + a).slideDown();
      } else {
        $(".slide" + a).slideUp();
      }
    }
</script>
<style>
.wrapper2 {
    margin-top: 0px!important;
padding: 10px 20px;
}
</style>


<style>
.mask #loader {
    background: url(https://photoku.io/images/2024/11/29/loadinglogo.gif) center center no-repeat!important;
    background-size: 100%!important;
    width: 100px!important;
    height: 100px!important;
}</style>

<!-- Code Untuk Slide Mobile-->
<script type='text/javascript'>

  
$('<div class="list-menu-mobile"><a href="https://surkale.me/prediksi"target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/prediksitogel.gif" alt="TOGEL"></a><a href="https://surkale.me/Rtp" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/rtpslot.gif" alt="SLOT"></a><a href="https://yakale.me/keluhan" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2025/10/24/keluhan-member.gif" alt="Keluhan Member"></a><a href="https://surkale.me/promo" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/promo-1.gif" alt="PROMOSI"></a><a href="https://surkale.me/buktijp" target="_blank"rel="noopener noreferrer"><img src="https://photoku.io/images/2024/11/29/buktijp.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 OLXTOTO:</span></p><div class="buttoncontact"><div style=" margin-bottom:5px; display:flex;"><a href="https://yakale.me/teleolx1" target="_blank"><img src="https://imgku.io/download/tJKXbyoF.png" height="100%" width="100%" style="display: block;"></a><a href="https://yakale.me/teleolx2" target="_blank"><img src="https://imgku.io/download/RbsdL20q.png" height="100%" width="100%" style="display: block;"></a></div><div style=" margin-bottom:5px; display:flex;"><a href="https://secure.livechatinc.com/licence/9871945/open_chat.cgi" target="_blank"><img src="https://photoku.io/images/2024/11/29/LIVECHAT.png" alt="LIVECHAT OLXTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://yakale.me/Waofficial1" target="_blank"><img src="https://imgku.io/download/laSE07pi.png"alt="WHATSAPP OLXTOTO" height="100%" width="100%" style="display: block;"</a></div></div>').insertAfter('.wrapper2');


$('<a title="survey" href="https://yakale.me/Surveyolx" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">SURVEY KEPUASAN LAYANAN</a>').insertAfter('.wrapper2');

$('<a title="telegrambot" href="https://t.me/olxtotogamebot" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">TELEGRAM GAME BOT</a>').insertAfter('.wrapper2');

$('<a title="group" href="https://surkale.me/GroupOlx" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">GROUP FACEBOOK</a>').insertAfter('.wrapper2');

$('<a title="JADWAL PASARAN TOGEL" href="https://olxpasaran.info/" class="buttonWrap button-yellow buttondapk contactSubmitButton" target="" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 17px;width:80%;">JADWAL PASARAN TOGEL</a>').insertAfter('.wrapper2');

$('<div style="border: 1px ridge #00b9ff; margin-top:10px; display:table;margin-left: 20px;margin-right: 5px;width: 90%;"><a href="https://surkale.me/agenolx"  target="_blank"><img title="AGENOLX" src="https://photoku.io/images/2025/08/13/agenolx-new-gif-webp.webp" style="padding-top:0px;" alt="AGENOLX" height="" width="100%"></a></div>').insertAfter('.wrapper2');


$('<div class=olx-wrap><div class=olx-title>CARI OLXTOTO DISINI <svg aria-hidden=true class="dark:text-white h-6 text-gray-800 w-6"fill=none height=24 viewBox="0 0 24 24"width=24 xmlns=http://www.w3.org/2000/svg><path d="m8 7 4 4 4-4m-8 6 4 4 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 /></svg></div><div class=olx-search-strip><div class=olx-search-icon aria-hidden=true><img alt="search OLXTOTO"height=35 src=https://photoku.io/images/2025/09/15/cari.png srcset="search OLXTOTO"width=35></div><a class=olx-search-pill href=https://www.carikita.id rel="nofollow noopener"target=_blank>www.carikita.id</a></div></div>').insertAfter('.wrapper2');


$('<section class="slider-olx"><div><img src="https://photoku.io/images/2024/11/29/GATE-OF-OLYMPUS.png"></div><div><img src="https://photoku.io/images/2024/11/29/GATOT-KACA.png"></div><div><img src="https://photoku.io/images/2024/11/29/GOLDEN-LION.png"></div><div><img src="https://photoku.io/images/2025/08/21/power-odin-olxtoto.png"></div><div><img src="https://photoku.io/images/2024/11/29/LUCKY-FORTUNE.png"></div><div><img src="https://photoku.io/images/2024/11/29/MAHJONG-WAYS.png"></div><div><img src="https://photoku.io/images/2024/11/29/STARLIGHT-PRINCESS.png"></div><div><img src="https://photoku.io/images/2024/11/29/SWEET-BONANZA.png"></div><div><img src="https://photoku.io/images/2024/11/29/TREASURE-OF-AZTEC.png"></div><div><img src="https://photoku.io/images/2024/11/29/WILD-BANDITO.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-olx').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
  breakpoint: 768,
  settings: {
    slidesToShow: 3
  }
},
{
  breakpoint: 480,
  settings: {
    slidesToShow: 3
  }
}
]
});
});
</script>



<script>
    function updateNumber() {
        var element = document.querySelector('.progresif-jackpot1');
        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>


<!-- Code Untuk Ganti Pop Up HP-->
<script>
$(document).ready(function(){
$(".byebye").click(function(){
        $(".banmini").hide();
    });
$(".banmini").click(function(){
        $(".banmini").hide();
    });
});
</script>

<!-- Code Untuk Nama Lite Mode-->
<script type="text/javascript">
$('.note.left.underline').text('Versi WAP').removeClass("underline");
</script>

<script type="text/javascript">
$('.note.right.underline').removeClass("underline");
</script> 


<script>
    $(document).ready(function () {
        var iconUser = '<div class="iconuserlogin"><img src="https://photoku.io/images/2024/11/29/icon_user_.png" alt=""></div>';
        var iconKey = '<div class="iconkeylogin"><img src="https://photoku.io/images/2024/11/29/icon_passw.png" alt=""></div>';

        $('.wrapper2').append(iconUser + iconKey);
    });
</script>


<style>
 .iconuserlogin {
position: absolute;
    top: 41px;
    left: 18px;
    background: #000000;
    border-radius: 17px 0 0 17px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000;
    border: 1px solid #fff000;
}

    .iconuserlogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }

    .iconkeylogin {
        position: absolute;
        top: 91px;
        left: 18px;
        background: #000000;
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #000000;
border: 1px solid #fff000;
    }

    .iconkeylogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }
</style>




<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-221530554-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-221530554-1');
</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>
$(document).ready(function() {
// Mengganti href untuk setiap elemen <a> yang mengandung '/m/lupa-password'
$('a[href*="/forgot/password"]').attr('href', 'https://t.me/Olxlupapas');
});
</script>


<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://photoku.io/images/2026/05/17/POP-UP-OLXTOTO.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 = modal.querySelector(".modal-container-mobile");
var closeBtn = document.querySelector(".btn-close");

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>


<style>
    .modal-mobile {
        background-color: rgba(0, 0, 0, 0.4);
        /* Transparent dimmed overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
        z-index: 20;
    }

    .box-middle {
        padding: 0;
        border: 4px groove #f59100;
        margin: 0 5px 0px;
        max-width: 267px;
        border-radius: 10px;
        position: relative;
        transition: all 0.3s ease;
        display: inline-block;
        text-align: center;
        margin-top: 8px;
        margin-bottom: 2px;
        height: 100%;
        width: 100%;
    }

    .modal-mobile.hidden {
        display: none;
    }

    .modal-mobile .modal-container-mobile {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 200px;
    }

    .modal-mobile .body {
        display: inline-block;
        padding: 10px;
    }
    .popup-img {
        width: 100%;
        height: auto;
    }
</style>


    <!-- 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://photoku.io/images/2026/05/31/slide-pemenang-handphone-periode20.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/05/29/slide-jp-1m-mahjong-black-scatter.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/05/20/download-carikita2.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/05/08/slide-parlay.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://photoku.io/images/2026/05/08/slide-bonus-cashback-sportgames-7-2.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-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 bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bank_jago">
                                        </div>
                                        <img src="/assets/img/global/banks/bank jago.png?v=1780231656"
                                            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=1780231656"
                                            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=1780231656"
                                            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>
body {
    font-family: Arial, sans-serif;
    color: #808080;
    background-color: #f5f5f5;
    margin: 0px !important;
cursor: url('https://photoku.io/images/2025/08/13/cursor.png'), auto;
}

#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(14), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18), #content .panel-heading:nth-child(19), #content .panel-heading:nth-child(20), #content .panel-heading:nth-child(21), #content .panel-heading:nth-child(22), #content .panel-heading:nth-child(23), #content .panel-heading:nth-child(24) {
    margin-top: -60px;
padding: 10px;
  }




/* 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(252, 207, 3) 0%, rgb(252, 244, 3) 21%, rgb(252, 186, 3) 33%, rgb(252, 227, 3) 44%, rgb(252, 215, 3) 60%, rgb(252, 186, 3) 73%, rgb(252, 240, 3) 85%, rgb(252, 219, 3) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #000000;
    border: 2px solid #fff400;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 6px 1px #ffdf00, inset 0 1px 0 0 #fffa00, inset 0 0 0 2px #ffe400, 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;
    }
}

.wbutton {
width : 150px;
margin-top : 13px;

}
.wrapper-category {
background : transparent !important;
margin-bottom: 30px !important;
}
.wrapper-category .btn-cat-spesial, .wrapper-category .btn-cat-provider {
border-radius: 18px 0 !important;
    margin: 0 15px !important;
}

li {
color: white;
}

body {
    background: #000000 url(https://photoku.io/images/2026/05/31/bg-piala-dunia.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>
window.onload = function() {
    // Temukan elemen dengan class 'fa-window-restore' yang ada di dalam li promosi
    const promoLink = document.querySelector('a[href="/promotion"]');

    if (promoLink) {
        // Buat elemen img untuk label HOT menggunakan gambar PNG
        const hotImage = document.createElement('img');
        hotImage.classList.add('hot-label');
        hotImage.src = 'https://photoku.io/images/2025/11/26/pngg.png';  // Ganti dengan URL gambar PNG Anda
        hotImage.alt = 'HOT';

        // Sisipkan gambar HOT setelah teks promosi
        promoLink.appendChild(hotImage);

        // Menambahkan CSS secara dinamis
        const style = document.createElement('style');
        style.innerHTML = `
            .hot-label {
width: 55px;
    height: auto;
    animation: blink 1s infinite;
    margin-left: 0px;
    position: absolute;
    margin-top: -5px;
            }

            @keyframes blink {
                0% { opacity: 1; }
                50% { opacity: 0; }
                100% { opacity: 1; }
            }
        `;
        document.head.appendChild(style);  // Menambahkan style ke head
    }
};

</script>

<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/prediksI' target='_blank'><i class='fa fa-newspaper-o'></i>Prediksi Togel</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>

<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/buktijP' target='_blank'><i class='fa fa-money'></i>Bukti Pembayaran</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>


<script>
var bb855 = document.getElementsByClassName('sidebar-nav')[0];
var html = "<li><a href='https://yakale.me/keluhan' target='_blank'><i class='fa fa-wpforms'></i>Keluhan Member</a></li>";
bb855.insertAdjacentHTML('beforeend',html);
</script>


<script>
var tombolside = '<a href="https://yakale.me/agenolX"><img class="btn-img" src="https://photoku.io/images/2025/08/13/button_1.jpeg" align="center"></a></div>';
bb855.insertAdjacentHTML('afterend',tombolside,);
</script>


  

<style>

.box-middle {
    padding: 0;
    border: 2px groove #dbaf4c;
    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
}

#historyDepoWd {
  display: flex;
  background: #000000;
  gap: 10px;
}

#historyDepoWd .historyDepo,
#historyDepoWd .historyWD {
  flex: 1;
  padding: 10px;
  color: #111a2dc2;
}

#historyDepoWd .historyTitle {
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(to bottom, #ffdc00 0%, #ffc200 50%, #ffbb00 100%)!important;
  display: flex;
  padding: 5px;
  justify-content: center;
  color: #001f1a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: black;
border: 2px solid #fff000;
}

#historyDepoWd .riwayatContainer {
  padding: 10px;
  background: #ffdd00;
  color: #c38108;
  list-style: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 210px;
  min-height: 210px;
  overflow: auto;
  margin: 0;
}

#historyDepoWd .riwayatContainer .riwayatItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem:not(:last-child) {
  margin-bottom: 5px;
}

#historyDepoWd .riwayatContainer .riwayatItem .riwayatUser {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (max-width: 576px) {
  #historyDepoWd {
    flex-direction: column;
    gap: 0;
  }
}

.navbar-fixed-top {
    background-color: transparent !important;
    box-shadow: none !important;
    background: url(https://photoku.io/images/2026/05/31/bg-navbar-piala-dunia-2026.png) bottom center no-repeat;
    background-size: cover;
}

img.btn-img {
    position: relative;
    border-radius: 6px 20px 0px 0px;
    transition: .2s;
    margin-left: 8px;
    margin-bottom: 8px;
    width: 242px;
    margin-top: -8px;
}

img.btn-img:hover {
box-shadow: 0px 0px #5b99cb;
 opacity: 0.8;
  cursor: pointer;
top: 2px;
}

.wimage {
    border-radius: 0px;
    width: 650px;
    height: 132px;
}

.blog-divider {
    margin: 40px 0;
}

.latest-news > a {
color: white;
  font-family: futura;
  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; }
}


.bank {
    text-align: center;
    width: 145px;
    height: 87px;
    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:nth-child(1) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANDIRI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-6.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-ONLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY-ONLINE.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(1) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANIDIRI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-OFFLINE-5-1.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-OFFLINE-5.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-OFFLINE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY-OFFLINE.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(1) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BCA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MANDIRI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BRI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BNI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANAMON-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/CIMB-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/PERMATA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .trouble {
width: 145px !important;
  height: 94px  !important;
background: url('https://photoku.io/images/2025/08/13/PANIN-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/OVO-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/GOPAY-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(11) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/DANA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .trouble {
width: 145px !important;
  height: 94px  !important;
background: url('https://photoku.io/images/2025/08/13/LINK-AJA-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/BSI-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/MAYBANK-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/JAGO-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SEABANK-TROUBLE-5.webp') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://photoku.io/images/2025/08/13/SHOPEEPAY_TROUBLE.webp') 0px 0px no-repeat !important;
}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_singapore.webp") !important;}/*singapore*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_syd.webp") !important;}/*sydney*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_hongkong.webp") !important;}/*hk*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ttm.webp") !important;}/*TOTOMACAU*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ttm5d.webp") !important;}/*TOTOMACAU5d*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_bogota.webp") !important;}/*BOGOTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pcso.webp") !important;}/*PCSO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_bullseye.webp") !important;}/*BE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kentuckymid.webp") !important;}/*KENTUCKY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_virginiaday.webp") !important;}/*VIRGINIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_cambo.webp") !important;}/*CAMBODIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_china.webp") !important;}/*CHINA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_carolinaday.webp") !important;}/*Carolina*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pheonix.webp") !important;}/*PHOENIX*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_buffalo.webp") !important;}/*BUFFALO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_taiwan.webp") !important;}/*TAIWAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_portland.webp") !important;}/*PORTLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_korea.webp") !important;}/*KOREA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_thailand.webp") !important;}/*THAILAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_floridamid.webp") !important;}/*FLORIDAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_indianamid.webp") !important;}/*INDIANAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_missourimid.webp") !important;}/*MISSOURI-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_japan.webp") !important;}/*japan*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newyorkmid.webp") !important;}/*NEWYORK-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pennsylvania1.webp") !important;}/*PENNSYLVANIA-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pennsylvania2.webp") !important;}/*PENNSYLVANIA-EVE-2*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_indianaeve.webp") !important;}/*INDIANA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_floridaeve60382df033d19b5c.webp") !important;}/*FLORIDA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kentuckyeve.webp") !important;}/*KENTUCKY-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_missourieve.webp") !important;}/*MISSOURI-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newjerseyeve.webp") !important;}/*NEW-JERSEY-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newyorkeve.webp") !important;}/*NEW-YORK-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_newjerseymid.webp") !important;}/*NORTH-CAROLINA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_virginianight.webp") !important;}/*VIRGINIA-NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasday.webp") !important;}/*TEXAS DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texaseve.webp") !important;}/*TEXAS EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasnight.webp") !important;}/*TEXAS NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_texasmor.webp") !important;}/*TEXAS MORNING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennessemid.webp") !important;}/*TENNESSE MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennesseeve.webp") !important;}/*TENNESSE EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_tennessemor.webp") !important;}/*TENNESSE MORNING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_illinoismid.webp") !important;}/*ILLINOIS MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_illinoiseve.webp") !important;}/*ILLINOIS EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_whasingtonmid.webp") !important;}/*WASHINGTON DC MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_whasingtoneve.webp") !important;}/*WASHINGTON DC EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_michiganmid.webp") !important;}/*MICHIGAN MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_michiganeve.webp") !important;}/*MICHIGAN EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ohiomid.webp") !important;}/*OHIO MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(49) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_ohioeve.webp") !important;}/*OHIO EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(50) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_jakarta.webp") !important;}/*jakarta*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(51) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgiamid.webp") !important;}/*GEROGIA MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(52) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgiaeve.webp") !important;}/*GEROGIA EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(53) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_georgianight.webp") !important;}/*GEROGIA NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(54) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_california.webp") !important;}/*CALIFORNIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(55) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_marylandmid.webp") !important;}/*MARYLAND MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(56) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_rhodeisland.webp") !important;}/*RHODE ISLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(57) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_delawareday.webp") !important;}/*DELAWARE DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(58) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_delawarenight.webp") !important;}/*DELAWARE NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(59) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_wiconsin.webp") !important;}/*WICONSIN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(60) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_german.webp") !important;}/*GERMAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(61) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_marylandeve.webp") !important;}/*MARYLAND EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(62) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_atlanta.webp") !important;}/*ATLANTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(63) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kingkong.webp") !important;}/*KINGKONG 4D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(64) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_moscow.webp") !important;}/*MOSCOW*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(65) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_boston.webp") !important;}/*BOSTON*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(66) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_freetown.webp") !important;}/*freetown*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(67) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_kingston.webp") !important;}/*kingston*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(68) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_lima.webp") !important;}/*limapools*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(69) {  content:url("https://photoku.io/images/2025/08/13/OSLO_POOLS.webp") !important;}/*oslopools*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(70) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pokerdice.webp") !important;}/*pokerdice*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(71) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_suwit.webp") !important;}/*suwit*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(72) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_redwhite.webp") !important;}/*redwhite*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(73) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_oglok.webp") !important;}/*oglok*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(74) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_gongball.webp") !important;}/*gongball*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(75) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_24D.webp") !important;}/*24D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(76) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_billiard.webp") !important;}/*BILLIARDS*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(77) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_12D.webp") !important;}/*12D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(78) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_IDNSLOT.webp") !important;}/*idnslot*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(79) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_habanero.webp") !important;}/*habanero*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(80) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pragmatic.webp") !important;}/*pragmaticplay*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(81) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_toptrend.webp") !important;}/*toptrend*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(82) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_pgsoft.webp") !important;}/*pgsoft*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(83) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_microgaming.webp") !important;}/*microgaming*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(84) {  content:url("https://photoku.io/images/2025/08/13/poolsnew_playstar.webp") !important;}/*GMWSLOT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(85) {  content:url("https://photoku.io/images/2025/08/13/SLOTMANIA.jpeg") !important;}/*SLOTMANIA*/

.owl-carousel.bankscroll  {
    margin-top: -150px;
}

.navbar-collapse.collapse.skrollable.skrollable-between {
    background: url(https://photoku.io/images/2026/05/31/mbappegif-ezgif.com-gif-to-webp-converter.webp);
    background-size: 10%;
    background-repeat: no-repeat;
    /*animation: move 10s linear infinite;*/
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    
}
@keyframes move {
    from {
        background-position: 100% center;
    }
    to {
        background-position: 0% center;
    }
}
.navbar-collapse.collapse.skrollable.skrollable-after {
    background: url(https://photoku.io/images/2026/05/31/mbappegif-ezgif.com-gif-to-webp-converter.webp);
    background-size: 7%;
    background-position: 200px;
    background-repeat: no-repeat;
    transition: 0.5s;
    /*animation: move 10s linear infinite;*/

    
}

ul.newsticker > li > a {
color: #000000 !important;
}

.news-head > h5 > i {
    color: #fdf303;
background: black;
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.modal-content {
    background-color: #00000000 !important;
}

.results > h4 > i {
    color: #fdf303;
background: black;
-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-image: linear-gradient(to bottom, #ffeb00 0%, #d29100 100%);
border-radius: 15px 2px 15px 5px !important;
box-shadow: inset 0px 0px 0px 1px rgb(255 191 0), inset 0px 2px 0px 0px rgb(255 170 0), inset 0px 0px 0px 2px rgb(255 189 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}

.form-control {
    border-radius: 15px !important;
}
.wcover p {
    color: white !important;
}
.wcover {
    width: 650px;
    background: #000;
    color: white;
    padding: 10px;
    display: none;
    box-shadow: rgb(255 204 0 / 90%) 0 6px 12px -2px, rgb(255 204 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: black;

}

.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: #fed804;
    color: #000 !important;
}
.reset-password-container {
display: none;
}

.news-head {
     background: rgb(254, 216, 4);
     border-radius: 1px 1px 1px 50px;

}

.news-head > h5 {
    color: black;
    font-weight: bold;
text-transform: uppercase !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;
}

.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;
}

.contactusbg:nth-child(2) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(3) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(4) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.contactusbg:nth-child(5) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

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: url(https://photoku.io/images/2026/05/31/footer-gambar-bawah-piala-dunia.jpeg) bottom center no-repeat;
    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: transparent !important;
    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://photoku.io/images/2025/08/13/facebook.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(2) {
    background: url(https://photoku.io/images/2025/08/13/tweeter.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(3) {
    background: url(https://photoku.io/images/2025/08/13/instagram.png) no-repeat;
    width: 18%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(4) {
    background: url(https://photoku.io/images/2025/08/13/bukti-jp.png) no-repeat;
    width: 19%;
    height: 48px;
    background-size: 100%;
}

.contactusbg:nth-child(5) {
    background: url(https://photoku.io/images/2025/08/13/youtube.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 #ffd200;
    font-size: 16px;
    padding-left: 10px;
    background: linear-gradient(to bottom, #000000 0%, #191919 100%);
    border-right: 6px solid #ffe000;
    border-left: 4px solid #ffd300;
    border-top: 1px solid #ffd000 !important;
    border-radius: 35px !important;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.section .container {
    background: #000000;
box-shadow: rgb(0 0 0 / 100%) 0 32px 62px -2px, rgb(0 0 0 / 100%) 0 30px 32px -3px;
}

#bank.section .container {
    background: #000000;
    margin-bottom: -5px;
}

.news-body {
     background: rgb(254, 216, 4);
}
.slider .owl-theme .owl-controls .owl-page span {
display: none;
}
.slider #progressBar {
display: none;
}
.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center;
}

.animation {
    height: 50px;
    overflow: hidden;
    margin-left: 1rem;
}

.animation>div>div {
    padding: 0.25rem 0.75rem;
    height: 2.81rem;
    margin-bottom: 2.81rem;
    display: inline-block;
}

.animation div:first-child {
    animation: text-animation 8s infinite;
}

.Slot-olxtoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}


.casino-olxtoto {
  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-olxtoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-casino-olxtoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.card-slotgame:hover .daftar-slot-olxtoto {
  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-olxtoto {
  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-olxtoto::before,
.daftar-slot-olxtoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-slot-olxtoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-slot-olxtoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-slot-olxtoto::before,
.daftar-slot-olxtoto::after {
  opacity: 1;
}


.daftar-casino-olxtoto::before,
.daftar-casaino-olxtoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-casino-olxtoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(0 0 0 / 50%) 68%, rgba(12, 13, 19) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(0, 0, 0, 0.8) inset;}
}
.daftar-casino-olxtoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-casino-olxtoto::before,
.daftar-casino-olxtoto::after {
  opacity: 1;
}



.card-slotgame:hover .daftar-slot-olxtoto::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-olxtoto-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://photoku.io/images/2025/08/13/LINK-ALT.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: red;
    font-weight: bold !important;
}

.link-alternatif12 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.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: red;
    font-weight: bold !important;
}

.link-alternatif13 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://photoku.io/images/2025/08/13/LINK-ALT.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: red;
    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(0 0 0);
    font-family: helvetica;
    text-shadow: 0 2px 1px rgb(255, 255, 255);
}

.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;
}

.container-footer-bawah {
    max-width: 700px;
    margin: 25px auto;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    z-index: 99999;
}
.news-detail {
    width: 100%;
    height: 168px;
    display: inline-block;
    background: rgba(0, 0, 0, 1);
    padding: 5px 15px;
    color: #fff;
    -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: 1px solid #ddb600;
    border-radius: 4px;
    overflow-x: hidden ! important;
    overflow-y: auto ! important;
}

.results-detail {
    width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, 1);
    padding: 0px 15px;
    color: #fff;
    -webkit-transition: all 0.25s linear;
    border: 1px solid #ddb600;
    -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;
}

.results-detail {
    min-height: 30px !important;
}

#slide-left1 {
        position: fixed;
        top: 110px;
        background: linear-gradient(149deg, rgb(0 0 0) -5%, rgb(97 0 0) 27%, rgb(70 0 0) 39%, rgba(129, 0, 0, 1) 63%, rgb(72 0 0) 80%, rgb(47 0 0) 98%);
        z-index: 99999;
        width: 180px;
        left: -180px;
        min-height: 180px;
        text-align: center;
        transition: left .4s ease-in-out;
        -o-transition: left .4s ease-in-out;
        -ms-transition: left .4s ease-in-out;
        -moz-transition: left .4s ease-in-out;
        -webkit-transition: left .4s ease-in-out;
        border-radius: 0px 12px 32px 0;
        border: 1px solid gold;
    }

    #toggle-left1 {
        font-size: 20px;
        position: absolute;
        z-index: 99999;
        left: 180px;
        text-align: center;
        cursor: pointer;
    }

    .card-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .card-img {
        width: 150px;
        height: auto;
        margin-bottom: 5px;
        margin-left: 20px;
    }

    .hours {
        margin: 20px;
    }

    .img-kontak {
        width: 50px;
        margin: 10px;
        padding-bottom: 9px;
        border-bottom: 5px double gold;
    }

    .img-kontak:hover {
        border-bottom: 5px double rgb(255, 0, 0);
    }


    .daftar-btn-bawah {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
.linkalte {
    color: black;
    text-decoration: none;
}

.linkalte:visited {
    color: #FFFFFF;
}

.linkalte:hover {
    color: rgb(113, 113, 113);
}

.linkalte {
    text-decoration: none;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
}

#fl_menu {
    position: fixed;
    top: 66px;
    right: 0px;
    z-index: 9999;
    width: 180px;
    height: 42px;
    display: block;
    overflow: visible;
    height: 0.5s;
}

#fl_menu:hover {
    height: 190px;
}

.menuaa {
    width: 185px;
    background: rgba(0, 0, 0, 0.6);
}

.menu_item {
    display: block;
    background: #f647472e;
    color: #003300;
    border-top: 0px;
    border-color: #d9aa0c;
    padding: 8px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    width: 179px;
    border-bottom: 1px #f03434 solid;
    padding: 10px;
}

.menu_item:hover {
    background: rgba(0, 40, 65, 0.5);
    text-decoration: none;
    color: #ffffff;
}

@media only screen and (max-width: 1024px) {
    #fl_menu {
        display: none;
    }
}

.menuaa table,
.menuaa table tbody tr td {
    border: 0px;
}

</style>




<center></center>

<div style="color: White; width: 400px ; text-align: left;margin: 10px 0;">
        <img src="https://photoku.io/images/2024/11/29/GIF_SLOTGAMES1.gif"
            title="Daftar Slot Games Olxtoto" alt="Daftar Slot Games olxtoto"
            style="width: 398px;height: 90px;">
    </div>

<div class="Slot-olxtoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_pragmatic_1.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/praagmaticc.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_pgsoft.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/pgslott.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_idnslot.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/idnslott.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_habanero.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/habaneoo.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_microgaming.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/microo.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_toptren.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/toptrend.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_gmw.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/gmww.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2024/11/29/gif_nolimit.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/nolimit.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/playstar.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/playstarr.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/idn-lottery.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/elottery.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/13/idn-arcade.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/arcade.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/14/booming-games.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/booming.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/slotmania.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/slot-mania.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/fatpanda.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/fat-panda.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/08/15/5dgames.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/15/5d-gaming.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/09/15/playtech.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/09/15/plytech.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/10/12/redtiger.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/10/12/red-tiger.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2025/11/21/fast-spin.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/11/21/fastspinn.png" class="character"></div></a>
<a href="/"><div class="card-slotgame"><div class="daftar-slot-olxtoto"><img src="https://photoku.io/images/2026/04/11/spadegaming.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2026/04/11/png-slot-spadegaming.png" class="character"></div></a>

</div>

<div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
        <a href="/">
            <img src="https://photoku.io/images/2024/11/29/GIF_LIVECASINO.gif"
                title="Daftar Casino Olxtoto" alt="Daftar Casino Olxtoto" style="width:398px;height:90px;"></a>
    </div>
    
 <div class="casino-olxtoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_billiard.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/billiard.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_oglok.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/oglok.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_roulette.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/roulettee.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="	https://photoku.io/images/2024/11/29/gifcasino_dragontiger.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/dragontiger.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_boomcity4636bfea75e853e9.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/boomcity.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_sweetbonanza.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/sweetbonanza.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="https://photoku.io/images/2024/11/29/gifcasino_vegazball.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/vegazball.png" class="character"></div></a>
  <a href="/"><div class="card-slotgame"><div class="daftar-casino-olxtoto"><img src="	https://photoku.io/images/2024/11/29/gifcasino_megawheel.gif" class="cover-image" style="width:100%"></div><img src="https://photoku.io/images/2025/08/14/megawheel.png" class="character"></div></a>
</div>


 <!-- FOOTER ARTICLE REPLACED BY WORKER -->
<div class="link-alternatif-olxtoto">

  <div style="color: White; width: 400px; text-align: center; margin: 10px 0;">
    <img
      src="https://photoku.io/images/2024/11/29/GIF_LINKALTERNATIF.gif"
      title="Pragmatic Play Slot Online"
      alt="Pragmatic Play"
      style="width:440px;height:90px;"
    >
  </div>
  <div class="link-alternatif-olxtoto-terbaik">

    <div class="alternatif-dasar">
      <a href="/" class="link-alternatif11">
        LINK ALTERNATIF
        <span class="info-alternatif">Server Idn Singapore</span>
      </a>
    </div>

    <div class="alternatif-dasar">
      <a href="/" class="link-alternatif12">
        LINK ALTERNATIF
        <span class="info-alternatif">Server Idn Thailand</span>
      </a>
    </div>

    <div class="alternatif-dasar">
      <a href="/" class="link-alternatif13">
        LINK ALTERNATIF
        <span class="info-alternatif">Server Idn Filipina</span>
      </a>
    </div>
  </div>

  <div id="ls-footer-article-custom">
    
<h1 style="color: #ffd500;border-bottom: 1px solid gold;padding: 10px;">Download APK OLXTOTO Terbaru Gratis + Login Link Alternatif Anti Blokir</h1>

<p>Ada begitu banyak keuntungan menarik yang dapat ditemukan dalam permainan toto online, terutama ketika pemain memilih platform yang tepat dan memahami jenis permainan yang tersedia. Melalui <strong><a href="/"><span style="color:#ffff00;">OLXTOTO</span></a></strong>, pemain dapat menikmati akses yang praktis, tampilan modern, serta berbagai pilihan permainan yang dibuat untuk memberikan pengalaman bermain lebih nyaman.</p>

<p>OLXTOTO menghadirkan layanan yang dirancang agar pengguna bisa mengakses permainan dengan mudah. Mulai dari pilihan pasaran, fitur member, hingga navigasi halaman, semuanya dibuat agar pemain dapat menemukan menu yang dibutuhkan tanpa proses yang rumit.</p>

<p>Selain kemudahan akses, OLXTOTO juga menyediakan berbagai pilihan permainan toto dan hiburan digital yang bisa disesuaikan dengan preferensi masing-masing pemain. Dengan variasi permainan yang lengkap, pengguna dapat memilih jenis taruhan yang paling sesuai dengan strategi dan kebutuhan mereka.</p>

<h2>Keunggulan Bermain di OLXTOTO Sebagai Situs Toto Online Pilihan</h2>

<p>OLXTOTO menjadi salah satu pilihan bagi pengguna yang mencari situs toto online dengan tampilan sederhana, akses cepat, dan pilihan permainan lengkap. Setiap fitur yang tersedia dibuat untuk membantu member menjalankan aktivitas bermain secara lebih praktis.</p>

<p>Berikut beberapa keunggulan yang bisa ditemukan di OLXTOTO:</p>

<ul>
  <li><strong>Akses Mudah dan Cepat</strong></li>
  <p>Halaman OLXTOTO dibuat agar mudah diakses dari berbagai perangkat. Pengguna bisa membuka halaman utama, menu daftar, promosi, hingga bantuan dengan navigasi yang sederhana.</p>

  <li><strong>Pilihan Permainan Beragam</strong></li>
  <p>OLXTOTO menyediakan berbagai kategori permainan yang dapat dipilih sesuai minat pemain. Dengan banyaknya pilihan, pengguna bisa mencoba beberapa jenis permainan yang paling sesuai dengan gaya bermain masing-masing.</p>

  <li><strong>Tampilan Modern dan Responsif</strong></li>
  <p>Tampilan website dirancang agar tetap nyaman digunakan, baik dari desktop maupun perangkat mobile. Struktur halaman dibuat ringkas supaya pengguna bisa menemukan informasi penting dengan lebih cepat.</p>
</ul>

<h2>Jenis Permainan Populer yang Banyak Dicari Member OLXTOTO</h2>

<p>Dalam permainan toto online, setiap jenis permainan memiliki karakteristik dan peluang yang berbeda. Karena itu, pemain biasanya memilih kategori permainan berdasarkan pengalaman, strategi, dan preferensi masing-masing.</p>

<ul>
  <li><strong>Toto 2D</strong></li>
  <p>Toto 2D menjadi salah satu jenis permainan yang cukup populer karena sistemnya lebih sederhana dan mudah dipahami oleh banyak pemain.</p>

  <li><strong>Toto 3D</strong></li>
  <p>Toto 3D menawarkan tantangan yang lebih tinggi karena pemain perlu menentukan kombinasi angka yang lebih spesifik.</p>

  <li><strong>Toto 4D</strong></li>
  <p>Toto 4D menjadi pilihan bagi pemain yang menyukai tantangan lebih besar dengan kombinasi angka yang lebih lengkap.</p>

  <li><strong>Togel Kombinasi</strong></li>
  <p>Jenis permainan kombinasi dapat menjadi pilihan bagi pemain yang ingin mencoba variasi taruhan berbeda seperti ganjil-genap, besar-kecil, atau kombinasi angka tertentu.</p>
</ul>

<h3>OLXTOTO Memberikan Pengalaman Bermain yang Praktis dan Mudah Diakses</h3>

<p>Dengan tampilan yang rapi, akses yang cepat, dan pilihan permainan yang beragam, OLXTOTO dapat menjadi pilihan bagi pengguna yang mencari situs toto online dengan layanan praktis. Pemain bisa mengakses berbagai menu penting secara langsung, mulai dari daftar, login, promosi, hingga bantuan member.</p>

<p>Melalui sistem yang mudah digunakan, OLXTOTO berusaha menghadirkan pengalaman bermain yang lebih sederhana, stabil, dan nyaman bagi seluruh member.</p>

  </div>
</div><center>
<img class="size-full wp-image-546 aligncenter" src="https://photoku.io/images/2024/11/29/gif-icon-webp12c213b55ebf7c95.webp" 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://www.facebook.com/groups/groupfreespinolxtotonew" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://x.com/OLXTOTO66" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://www.instagram.com/olxtotoofficial_/" target="_blank" style="text-decoration: none;">OLXTOTO</a></div>
    <div class="contactusbg loremone" style="text-align: center; float: left;margin: 0px 5px;"><a href="https://yakale.me/buktijP" 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://www.youtube.com/channel/UCOFTEO_PzoUgwIEY-OBOLeg" target="_blank" style="text-decoration: none;">OLXTOTO </a></div>
</div>

 <div id="fl_menu"><img
                        src="https://photoku.io/images/2024/09/25/button-linkalternatif.png"
                        width="100%" height="auto">
                    <div class="menuaa">
                        <table width="200">
                            <tbody>
                                  <tr style="background: none;">
                <td class="menu_item"><a class="linkalte" href="/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="OLXTOTO">KLIK LINK
                        VIP 1</a></td>
                <td class="menu_item"><a class="linkalte" href="/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="OLXTOTO">KLIK LINK
                        VIP 2</a></td>
            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

<div id="slide-left1">
    <div id="toggle-left1"><img src="https://photoku.io/images/2024/09/25/hubungikami.gif"></div>
    <div class="card-toggle">
        <div class="hours">
            <a href="/" target="/"><img class="card-img"
                    src="https://photoku.io/images/2024/09/25/ICON-24-JAM-png.png"></a>
        </div>
        <div class="daftar-btn-bawah">
            <a href="https://www.instagram.com/olxtotoofficial_/" rel="nofollow" class="tombol_hubungi" target="_blank">
                <img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/ig.png"
                    alt="Instagram olxtoto">
            </a>
            <a href="https://yakale.me/whatsaapolx" rel="nofollow" target="_blank" class="tombol_hubungi"><img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/wa.png"
                    alt="Whatsapp olxtoto"></a>
            <a href="https://yakale.me/FBoffcial" rel="nofollow" target="_blank" class="tombol_hubungi"><img
                    class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/fb.png"
                    alt="Facebook olxtoto"></a>
            <a href="https://yakale.me/TELEOLX" rel="nofollow" target="_blank" class="tombol_hubungi" rel="nofollow"><img class="img-kontak"
                    src="https://photoku.io/images/2024/09/25/tele.png"
                    alt="Telegram olxtoto"></a>
        </div>
    </div>
</div>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        const slideLeft = document.getElementById("slide-left1");
        const toggleLeft = document.getElementById("toggle-left1");

        // Fungsi untuk mengubah posisi elemen saat tombol ditekan
        function toggleSlide() {
            if (slideLeft.style.left === "0px") {
                slideLeft.style.left = "-180px";
            } else {
                slideLeft.style.left = "0px";
            }
        }

        // Menambahkan event listener untuk tombol
        toggleLeft.addEventListener("click", toggleSlide);
    });
</script>


<script>
document.addEventListener(
  "DOMContentLoaded",
  function () {
    $(
      '<center><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2024/11/29/togel-gif-webpe2a262adfae5168a.webp" alt="OLXTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2024/11/29/live-gif-webp92f2c31ea698cbbd.webp" alt="OLXTOTO"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="OLXTOTO" width="100%" src="https://photoku.io/images/2025/08/15/slotgames14provider-webp.webp" alt="OLXTOTO"></a></div></center>'
    ).insertAfter("#slider");
  },

  false
);
</script>

 <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://photoku.io/images/2026/05/17/POP-UP-OLXTOTO.png"
                    alt="OLXTOTO"
                /></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>

<style>
/* ===== Toggle Button (pojok kiri bawah) ===== */
.olxtoto-toggle-btn {
  position: fixed;
  left: 4px;
  bottom: 87px;
  background: linear-gradient(to bottom, #ffa900 0%, #ffd400 80%);
  color: #ff0000;
  padding: 10px 16px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 16px;
  border: 2px solid #fff500;
  z-index: 10000;
  transition: all 0.3s ease;
}
.olxtoto-toggle-btn:hover {
  background: #ffbe00;
}

/* ===== Sidebar Panel ===== */
.olxtoto-social {
    position: fixed;
    left: -320px;
    bottom: 87px;
    width: 294px;
    background: linear-gradient(to bottom, #ffe000 0%, #ffb800 80%);
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transition: left 0.4s ease;
    padding: 6px;
    border-radius: 0 20px 20px 0;
    overflow-y: auto;
    z-index: 99999;
    box-shadow: inset 0 0 0 1px #ffa300, inset 0 2px 0 0 #ff5e00, inset 0 4px 4px 2px #fff000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    border-right: 2px solid #ffd800;
}
.olxtoto-social.olxtoto-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.olxtoto-social h3 {
  color: #ff0000 !important;
  font-size: 20px;
  margin-bottom: 4px;
}
.olxtoto-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.olxtoto-social ul {
  list-style: none;
}
.olxtoto-social ul li {
  margin-bottom: 14px;
}
.olxtoto-social ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  padding: 10px 14px;
  background: rgb(0 0 0);
  border: 1px solid rgb(255 247 0);
  border-radius: 14px;
  transition: all 0.3s ease;
}
.olxtoto-social ul li a:hover {
  background: rgba(255,255,255,0.1);
}
.olxtoto-info {
  flex: 1;
  margin-left: 10px;
}
.olxtoto-info span {
  color: gold;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.olxtoto-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.olxtoto-social ul li img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

/* ===== Footer Close Button ===== */
.olxtoto-close-btn {
    display: block;
    position: unset !important;
    margin: 20px auto 0;
    padding: 8px 16px;
    border: 2px solid #ffee04;
    border-radius: 20px;
    font-size: 14px;
    color: #ff0000 !important;
    background: transparent;
    cursor: pointer;
    transition: background 0.3s;
}
 @media (max-width: 400px) {
        .olxtoto-toggle-btn {
    position: fixed;
    left: 1px;
    bottom: 87px;
    background: linear-gradient(to bottom, #ff8500 0%, #ff4700 80%);
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid gold;
    z-index: 10000;
    transition: all 0.3s ease;
}
    }
.olxtoto-close-btn:hover {
  background: rgba(255,255,255,0.1);
}
</style>

<!-- Toggle Button -->
<div class="olxtoto-toggle-btn" id="olxtotoToggleButton" onclick="toggleIosSocial()" bis_skin_checked="1"> Menu</div>

<!-- Sidebar Menu -->
<nav class="olxtoto-social" id="olxtotoSocialMenu">
  <h3>Menu Cepat</h3>
  <p><span style="color: #000000 !important;">Akses Menu Cepat olxtoto</span></p>
  <ul>
    <li>
      <a href="https://yakale.me/xGNgF0" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/rtp-slot-baruu-webp.webp" alt="Rtp Slot Olxtoto">
        <div class="olxtoto-info">
          <span>RTP SLOT</span>
          <small>Cek RTP Slot Hari Ini</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://bit.ly/olxapk" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/download-apk-baruu-webp.webp" alt="Download Apk Olxtoto">
        <div class="olxtoto-info">
          <span>Download Aplikasi</span>
          <small>Download dan Klaim Freechip</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://surkale.me/buktijp" target="_blank" rel="noopener noreferrer">
        <img src="https://photoku.io/images/2025/12/18/bukti-jp-baruu-webp.webp" alt="Bukti Jackpot">
        <div class="olxtoto-info">
          <span>Bukti Jackpot</span>
          <small>Cek Bukti Jackpot Hari Ini</small>
        </div>
      </a>
    </li>
       </ul>
<button class="olxtoto-close-btn" onclick="toggleIosSocial()" fdprocessedid="c63tcs">X Close Menu</button>
</nav>

<script>
function toggleIosSocial() {
  const menu = document.getElementById('olxtotoSocialMenu');
  menu.classList.toggle('olxtoto-open');
}
</script>


<button type="button"
    onclick="window.open('https://yakale.me/Surveyolx', '_blank')"
    style="
    position: fixed;
    top: 39%;
    left: -5px;
    display: flex;
    flex-direction: column;
    background: #0000ff00;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid #ffd70000 !important;
    border-left: none !important;
    cursor: pointer;
    padding: 0;
    ">

    <!-- Bagian Icon -->
    <div><img src="https://photoku.io/images/2025/11/02/survey-layanan.gif" alt="Survey"></div>
</button>

<script>
  var colors = new Array(
    [255, 235, 0], [17, 18, 17], [255, 235, 0], [173, 128, 3], [255, 145, 0], [17, 18, 17]
  );

  var step = 0;
  var colorIndices = [0, 1, 2, 3];
  var gradientSpeed = 0.005;

  function updateGradient() {
    if ($ === undefined) return;

    var c0_0 = colors[colorIndices[0]];
    var c0_1 = colors[colorIndices[1]];
    var c1_0 = colors[colorIndices[2]];
    var c1_1 = colors[colorIndices[3]];

    var istep = 1 - step;
    var r1 = Math.round(istep * c0_0[0] + step * c0_1[0]);
    var g1 = Math.round(istep * c0_0[1] + step * c0_1[1]);
    var b1 = Math.round(istep * c0_0[2] + step * c0_1[2]);
    var color1 = "rgb(" + r1 + "," + g1 + "," + b1 + ")";

    var r2 = Math.round(istep * c1_0[0] + step * c1_1[0]);
    var g2 = Math.round(istep * c1_0[1] + step * c1_1[1]);
    var b2 = Math.round(istep * c1_0[2] + step * c1_1[2]);
    var color2 = "rgb(" + r2 + "," + g2 + "," + b2 + ")";

    $('.pool-name').css({
      background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
    }).css({
      background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)"
    });
    step += gradientSpeed;
    if (step >= 1) {
      step %= 1;
      colorIndices[0] = colorIndices[1];
      colorIndices[2] = colorIndices[3];
      colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
      colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
    }

    $('.btn').css({
      background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
    }).css({
      background: "-moz-linear-gradient(right, " + color1 + " 0%, " + color2 + " 100%)"
    });
    step += gradientSpeed;
    if (step >= 1) {
      step %= 1;
      colorIndices[0] = colorIndices[1];
      colorIndices[2] = colorIndices[3];
      colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
      colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
    }

    const pages = ['m/tm_game', 'm/game'];
    pages.forEach(function(page) {
      if (window.location.href.includes(page)) {
        $('#kirimkan').css({
          background: "-webkit-gradient(linear, left top, right top, from(" + color1 + "), to(" + color2 + "))"
        }).css({
          background: "-moz-linear-gradient(left, " + color1 + " 0%, " + color2 + " 100%)"
        });
        step += gradientSpeed;
        if (step >= 1) {
          step %= 1;
          colorIndices[0] = colorIndices[1];
          colorIndices[2] = colorIndices[3];
          colorIndices[1] = (colorIndices[1] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
          colorIndices[3] = (colorIndices[3] + Math.floor(1 + Math.random() * (colors.length - 1))) % colors.length;
        }
      }
    })
  }

  setInterval(updateGradient, 10);

</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="#">OLXTOTO</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://olxtoto.com/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=1780231656"></script>

<script src="/js/frontend/desktop/template_v1/before/index.js?v=yeeiz9dbwm2e7iv9ughi"></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=1780231656"></script>
<script src="/js/custom/quick_menus.min.js?v=1780231656"></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:'a046171f080997af',t:'MTc4MDIzMTY3OQ=='};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>
