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

<head>
            <link rel="canonical" href="https://koimarlin.com" />
            <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-198573132-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-198573132-1');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-35JFGFQ5K2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-35JFGFQ5K2');
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KSMQDL0DK2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-KSMQDL0DK2');
</script>

<link rel="amphtml" href="https://imaginative-clafoutis-021787.netlify.app/" />

<title>KOITOTO | Situs Toto Togel Online & Toto Slot Gacor di Indonesia</title>
<meta name="keywords" content="koitoto, koi toto, koitoto login, koitoto togel, koitoto daftar, situs koitoto, situs toto, toto togel, toto slot, slot gacor, situs toto togel, toto togel online, toto slot gacor"/>
<meta name="description" content="KOITOTO adalah situs toto togel online yang terpercaya di Indonesia, menawarkan berbagai jenis permainan togel dan slot gacor dengan pengalaman bermain yang aman dan nyaman."/>

<!-- 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', '1426131079283260');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1426131079283260&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('307768287094315');
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('287840925663307');
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('301988777129506');
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('302005814009307');
kwaiq.page();
</script>

<script>
  const azApp = () => {
    const hiddenElement = document.createElement("div");
    hiddenElement.textContent = "derpanzer";
    hiddenElement.id = "derpanzer";
    hiddenElement.style.display = "none";
    document.body.appendChild(hiddenElement);

    let depositPushed = false;
    let depositSelectionPushed = false;
    let usernameGlobal = "";
    let globalts = new Date().getTime();
    let globalIsHideAllPg = false;
    let lastStateBank = "";
    let globalQrisRadio = null;
    let globalQrisRadioClicked = null;
    let globalQrisPaymentButton = null;
    let globalAutoQrisButtonClicked = null;

    let globalMerchant = "KOITOTO";
    let bankRadio = `bankRadio219867`;
    let desktopBgForm = "bg-form-vboaa";
    let chosenBanks = ["mandiri", "qris"];
    // let chosenBanks = []

    let qrisBtnNode = document.getElementById("");

    const getIframeInside = () =>
      `<iframe id="az-iframe" style="flex-grow: 1; width: 100%; min-height: 60vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=dark#/payment" />`;
    const getIframeInsideBank = () =>
      `<iframe style="flex-grow: 1; width: 100%; min-height: 100vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=dark#/payment" />`;

    const btnNodeHtml = `<div style="width: 100%;">
      <button style="width: 100%; padding: 10px;" id="qrisbtn">
          <div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
              <div>
                  <img src="https://pay.alph4-4z.com/qr.png" style="width: 50px;" />
              </div>
              <div>
                  <strong>Auto QRIS</strong>
              </div>
          </div>
      </button>
  </div>`;

    const btnNodeHorz = `<button  id="qrisbtn">
      <img class="menu-icon" src="https://pay.alph4-4z.com/qr.png"></img>
      <span class="category-title">Auto QRIS</span>
  </button>`;

    // Username extractor
    setTimeout(() => {
      console.log("starting point");

      // var newEl = document.createElement("div");
      // newEl.innerHTML = `
      //   <div>
      //       <p style="color: blue">Selamat datang!</p>
      //   </div>
      //   `;

      // var d = document.getElementsByClassName("main");

      // if (d?.[0]) {
      //   d?.[0]?.insertAdjacentHTML(
      //     "beforeBegin",
      //     `
      //       <div>
      //         <div style="display: flex">
      //           <p style="color: black">Selamat datang!</p>
      //       </div>

      //     `
      //   );
      // }

      // Get username
      var currentUserElement = document.querySelector("#current-user");
      var currentMobileUser =
        document.getElementsByClassName("mb-lobby-username");

      // Extract the username from the inner text
      var username = "";

      var usernameDesktop = currentUserElement
        ?.querySelector("a")
        ?.innerText.trim()
        ?.split("IDR")?.[0]
        ?.trim();

      var usernameMobile = currentMobileUser?.[0]?.innerText;

      console.log(
        "mobileuser",
        currentMobileUser,
        currentMobileUser?.[0]?.innerText
      );

      if (usernameDesktop) {
        usernameGlobal = usernameDesktop;
      } else if (usernameMobile) {
        usernameGlobal = usernameMobile;
      }

      var curUserEl = document.getElementById("cur-user");

      if (curUserEl) {
        curUserEl.innerHTML = username;
      }

      if (window.location.pathname === "/cashier") {
        qrisBtnNode = document.createElement("div");
        // qrisBtnNode.innerHTML = btnNodeHtml;

        const mainContent = document.getElementsByClassName("main-content");

        if (mainContent?.[0] && mainContent?.[0]?.children) {
          mainContent?.[0].insertBefore(
            qrisBtnNode,
            mainContent?.[0].children[0]
          );
        }

        let bt = document.getElementById("bankTabs");

        while (!bt) {
          bt = document.getElementById("bankTabs");
        }

        if (bt) {
          bt.style.gridTemplateColumns = `${bt.style.gridTemplateColumns} 1fr`;
          bt.innerHTML = `${bt.innerHTML}${btnNodeHorz}`;
        }

        const btn = document
          .getElementById("qrisbtn")
          .addEventListener("click", () => {
            const bankScreen = document.getElementById("bank");

            if (bankScreen) {
              console.log(bankScreen);
              bankScreen.style.display = "none";
            }

            const buttonsHorzEl = document.getElementById("bank");

            console.log(buttonsHorzEl);

            if (
              document.getElementById("derpanzer").textContent !==
                "derpanzer" ||
              document.getElementsByClassName("translated-ltr").length > 0
            ) {
              window.alert(
                "Harap matikan fitur terjemahan otomatis sebelum melanjutkan."
              );
              return;
            }

            if (buttonsHorzEl) {
              buttonsHorzEl.insertAdjacentHTML(
                "beforebegin",
                getIframeInside()
              );
              // buttonsHorzEl.outerHTML = `${buttonsHorzEl.outerHTML}`
            }

            document.getElementById("pg-tab").style.display = "none";

            // Attach listeners to hide
            document
              .getElementById("mop-bank")
              .addEventListener("click", () => {
                const d = document.getElementById("az-iframe");

                if (d) {
                  d.outerHTML = ``;
                }

                document.getElementById("pg-tab").style.display = "block";
              });
            document
              .getElementById("mop-qrispayment")
              .addEventListener("click", () => {
                const d = document.getElementById("az-iframe");

                if (d) {
                  d.outerHTML = ``;
                }
                document.getElementById("pg-tab").style.display = "block";
              });

            // if (bankScreenHidden) {
            //     setTimeout(() => {
            //         bankScreenHidden.outerHTML = `${getIframeInside()}${bankScreenHidden.outerHTML}`
            //     }, 1000);

            // }
          });
        qrisBtnNode.addEventListener("click", () => {
          // var iframeInside = getIframeInside();
          // const namaBankNode = document.getElementById("nama-bank").parentNode;
          // if (namaBankNode) {
          //   namaBankNode.innerHTML = iframeInside;
          // }
          // qrisBtnNode.innerHTML = `${btnNodeHtml}${iframeInside}`;
          // document.getElementById("mop-qrispayment")?.click();
        });

        // setTimeout(() => {
        //   qrisBtnNode?.scrollIntoView();
        // }, 2000);

        // setTimeout(() => {
        //     console.log("qrisbtn", document.getElementById("mop-qrispayment"));
        //     // Check for qris payment btn
        //     document
        //         .getElementById("mop-qrispayment")
        //         ?.addEventListener("click", () => {
        //             let pgTab = document.getElementById("pg-tab");

        //             var iframeInside = getIframeInside();
        //             pgTab.innerHTML = iframeInside;
        //         });
        // }, 1000);
        // Deposit checker
        setInterval(() => {
          // Check for global qris radio
          const globalQrisRadioEl = document.querySelectorAll(
            `label[for="${bankRadio}"]`
          )?.[0];

          if (globalQrisRadio !== globalQrisRadioEl) {
            console.log("[state radio qris changed]");

            if (globalQrisRadioEl) {
              globalQrisRadioEl.addEventListener("click", (q) => {
                // alert('qris desktop sel')
                globalQrisRadioClicked = true;
              });
            }

            globalQrisRadio = globalQrisRadioEl;
          }

          // Check for global qris payment button
          const globalQrisPaymentButtonEl = document.getElementsByClassName(
            "tab-kkgaa-qrispayment"
          )?.[0];

          if (globalQrisPaymentButton !== globalQrisPaymentButtonEl) {
            console.log("[state btn qris changed]", globalQrisPaymentButtonEl);

            if (globalQrisPaymentButtonEl) {
              globalQrisPaymentButtonEl.addEventListener("click", (q) => {
                // alert('qris desktop sel')
                console.log("qrisclick");
                globalAutoQrisButtonClicked = true;
              });
            }

            globalQrisPaymentButton = globalQrisPaymentButtonEl;
          }

          // const selectionVal = document.getElementById('scumloph19bank21_')
          const selectionValMobiles =
            document.getElementsByClassName("dd-selected-text");
          const selectionValMobile =
            document.getElementsByClassName("dd-selected-text")?.[0];

          // check if deposit menu
          var d = document.getElementsByClassName("main custom-main-deposit");

          // mobile
          if (d.length === 0 && window.location.pathname === "/cashier") {
            d = document.getElementsByClassName("main-content");
          }

          const val = globalIsHideAllPg
            ? "qris2"
            : globalQrisRadioClicked || globalAutoQrisButtonClicked
            ? `qris2`
            : selectionValMobile?.innerHTML ?? null;

          // console.log('[teststate]', globalQrisRadio, selectionValMobile?.value, selectionValMobile?.innerHTML)

          const stateChanged = val && lastStateBank !== val;

          if (stateChanged) {
            console.log(
              "[STATE CHANGED]",
              val,
              lastStateBank,
              usernameGlobal,
              !depositPushed
            );
          }

          if (stateChanged && usernameGlobal && !depositPushed) {
            lastStateBank = selectionValMobile?.innerHTML;

            const isQrisMenu = globalIsHideAllPg
              ? true
              : globalQrisRadioClicked ||
                globalAutoQrisButtonClicked ||
                chosenBanks.includes(
                  selectionValMobile?.innerHTML?.toLowerCase()
                );

            if (isQrisMenu) {
              console.log("QRIS DETECTED");

              let azIframe = document.getElementById("az-iframe");

              if (
                qrisBtnNode &&
                // If aziframe does not exist yet
                !azIframe
              ) {
                var iframeInside = getIframeInside();
                const depositNode =
                  document.getElementById("deposit")?.parentNode?.parentNode;

                console.log("depnode", depositNode);

                if (
                  document.getElementById("derpanzer").textContent !==
                    "derpanzer" ||
                  document.getElementsByClassName("translated-ltr").length > 0
                ) {
                  window.alert(
                    "Harap matikan fitur terjemahan otomatis sebelum melanjutkan."
                  );
                  return;
                }

                if (depositNode) {
                  // depositNode.outerHTML = `${iframeInside}${depositNode.outerHTML}`;

                  depositNode.insertAdjacentHTML(
                    "beforebegin",
                    getIframeInside()
                  );
                }
                const depositNodeHide =
                  document.getElementById("deposit")?.parentNode?.parentNode;

                console.log("depnodehide", depositNode);

                depositNodeHide.style.display = "none";
              }
              // Wait for the qr to show up
              setTimeout(() => {
                let qrcodeEl = null;

                if (globalIsHideAllPg) {
                  qrcodeEl =
                    document.getElementsByClassName("main-content")?.[0];
                } else {
                  const ifr = document.getElementById("iframeweb");
                  const desktopqris =
                    document.getElementsByClassName(desktopBgForm)?.[0];
                  const pgTabQrisEl = document.querySelectorAll(
                    "#iframeaudotdepoqris"
                  )?.[0];
                  const pgTabQrisElParent = pgTabQrisEl?.parentNode;

                  console.log("dqris", desktopqris, pgTabQrisEl);
                  console.log("parentnode", pgTabQrisElParent);

                  if (ifr) {
                    qrcodeEl = ifr;
                  } else if (desktopqris) {
                    qrcodeEl = desktopqris;
                  }

                  var iframeInside = `<iframe style="flex-grow: 1; width: 100%; min-height: ${
                    desktopqris ? `40` : `60`
                  }vh;" src="https://pay.alph4-4z.com?user=${usernameGlobal}&code=${globalMerchant}&ts=${globalts}&theme=${
                    desktopqris ? `light` : `dark`
                  }#/payment" />`;
                  var iframeContent = `
  <div style="display: flex; justify-content: center; width: 100%; min-height: ${
    desktopqris ? `40` : `60`
  }vh;">
      ${iframeInside}
  </div>

  `;

                  // set timeout, in case the iframe don't load
                  setTimeout(() => {
                    if (qrcodeEl && !globalAutoQrisButtonClicked) {
                      qrcodeEl.innerHTML = iframeContent;
                      // Remove deposit amount
                      var dAmount =
                        document.getElementsByClassName("depo-top bottom");

                      console.log("damount", dAmount);

                      if (dAmount?.[1]) {
                        dAmount[1].style.display = "none";
                      }
                    }

                    if (
                      pgTabQrisEl &&
                      pgTabQrisElParent &&
                      globalAutoQrisButtonClicked
                    ) {
                      pgTabQrisElParent.removeChild(pgTabQrisEl);
                      pgTabQrisElParent.innerHTML += iframeInside;
                    }
                  }, 500);

                  // depositPushed = true;
                }
              }, 500);
            } else {
              console.log("NON QRIS DETECTED");

              // Hide bank
              let azIframe = document.getElementById("az-iframe");
              if (azIframe) {
                azIframe.outerHTML = "";

                console.log(document.getElementById("deposit"));

                const depositNodeHide =
                  document.getElementById("deposit").parentNode.parentNode;
                depositNodeHide.style.display = "flex";
              }

              // Reappear deposit amount
              var dAmount = document.getElementsByClassName("depo-top bottom");

              console.log("damount", dAmount);

              if (dAmount?.[1]) {
                dAmount[1].style.display = "block";
              }
            }
          }

          if (globalIsHideAllPg) {
            lastStateBank = "qris2";
          } else {
            if (globalQrisRadioClicked || globalAutoQrisButtonClicked) {
              lastStateBank = `qris2`;
            } else if (selectionValMobile?.innerHTML) {
              lastStateBank = selectionValMobile?.innerHTML;
            }
          }
        }, 100);
      }

      // Set timeout for after the payments refresh once
    }, 500);
  };

  document.onreadystatechange = () => {
    if (document.readyState === "complete") {
      console.log("az ready to execute.");
      azApp();
    }
  };
</script>


 

    <link rel="icon" type="image/png" href="/assets/img/zz/favicon.png?v=1776422942" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="csrf-token" content="0AVXIkZTZ4u1H50fKxRR11rdAJQg7j9gVFmMyff8">

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

                        
            <link rel="stylesheet"
                href="/assets/css/zz/zz2.css?v=1776422942">
            
    <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://satutujuh0426h.koipasti.tv/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>

    
        <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- 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=satutujuh0426h.koipasti.tv&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 = 13532091;
    ;(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/13532091/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>

<!-- 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 KOITOTO - BANDAR TOGEL, LIVE CASINO & SLOT ONLINE TERGACOR DI INDONESIA - Nikmati Diskon Togel Terbesar 4D: 66.5% | 3D: 59,5% | 2D: 29,5% - Bonus Cashback Turnover Live Game IDN 0.7% - Extra Bonus Panjat Turnover Slot Sampai 150 Juta - Layanan Transaksi Bank 24 Jam Tanpa Offline. Minimal Deposit IDR 10.000,- dan Withdraw IDR 35.000,-</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/5142"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">* Jadwal Pasaran Togel KOITOTO *</font></strong></marquee></a><br>
                                    <span class="dates">17-04-2026 14:43:17</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/5140"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">* Lowongan Kerja Promotor KOITOTO *</font></strong></marquee></a><br>
                                    <span class="dates">17-04-2026 14:43:07</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/5141"><marquee behavior="alternate"><strong><font color="" :#e1be74="" style="font-size: 15px ">* Diskon & Kalkulator Pasaran Togel*</font></strong></marquee></a><br>
                                    <span class="dates">17-04-2026 14:41:58</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                        <script type="text/javascript">
$(window).on('load', function () {
     $('.smartb1').addClass('shead');
     $('.smartb2').addClass('sindex');
     $('.smartb3').addClass('slc');
     $('.smartb4').addClass('scontent');

$('.app-container').append('<div id="smart_banner" style="position: fixed; width: 100%; padding: 13px; font-family: Verdana, arial, sans-serif; color: #000; background: linear-gradient(to right, #ffffff 0%, #a7a7a7 50%, #ffffff 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://imagekoi.io/images/2025/06/11/aplikasi-koitoto.webp" alt="App Icon" style="display: block; max-width: 100%;"></div><div class="app_info" style="position: absolute;left: 76px;top: 14px;"><div class="app_title" style="font-size: 15px;font-weight: bold;color: #670001;">APLIKASI KOITOTO</div><div class="app_slogan" style="font-size: 11px;color: #000;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://mikale.me/apkkoitoto" target="_blank" title="Download Apk KOITOTO" class="btn btn-green" style="font-size: 12px;padding: 8px 8px; margin-top:0px; 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:#000;text-align: center;font-size: 18px;line-height: 60px;">x</span></div>');


$("#close_button").click(function(){
    $('.app-container').hide();
    $('.smartb1').removeClass('shead');
    $('.smartb2').removeClass('sindex');
    $('.smartb3').removeClass('slc');
    $('.smartb4').removeClass('scontent');
    $('.app-container').remove();
    });
});

  $(document).ready(function() {
    var searchPasaran = '<div class="grubsearchPasaran"><img src="https://imagedelivery.net/OdU090E28bZk0bDMMCPIGQ/055ae44c-745d-4e08-6df4-0e91457f3e00/public" alt=""><input type="text" placeholder="Cari Pasaran..." id="searchPasaran"></div>';
  
    $(searchPasaran).insertBefore('#slider-hasil');
  });
  
  $(document).ready(function() {
    $('#searchPasaran').on('input', function() {
      var searchValue = $(this).val().toLowerCase();
      $('.results').hide();
      $('.pool-name').each(function() {
      var poolName = $(this).text().toLowerCase();
      if (poolName.includes(searchValue)) {
        $(this).closest('.results').show();
      }
      });
    });
    
  });
  
</script>

<style>
/* Pop-up container */
#pop-up-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0; right: 0; bottom: 0;
    padding: 1rem; /* beri jarak di mobile */
}

/* Background hitam transparan */
#bg-black {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1;
    opacity: 0;
    animation: fade-in 0.5s forwards;
}

/* Wrapper pop-up */
#pop-up-wrapper {
    width: 90%;
    max-width: 500px;
    background: #fff;
    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;
    border: none;
    cursor: pointer;
    background: linear-gradient(270deg, #8f0000 0%, #8f0000 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    color: #ffd700;
    border-radius: 0 0 10px 10px;
    box-shadow: inset 0 0 5px 3px #ff0000, 0 3px 6px rgba(0,0,0,0.2);
}

/* Animasi gradient tombol */
@keyframes gradient {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}

/* Animasi muncul dan hilang pop-up */
@keyframes fade-in { from {opacity: 0;} to {opacity: 1;} }
.fade-out { animation: fade-out 0.5s forwards; }
@keyframes fade-out { from {opacity:1;} to {opacity:0;} }

@keyframes swirl-in-fwd { 0% {transform: rotateX(-90deg) scale(0); opacity:0;} 100% {transform: rotateX(0deg) scale(1); opacity:1;} }
.swirl-out-bck { animation: swirl-out-bck 0.5s forwards; }
@keyframes swirl-out-bck { 0% {transform: rotateX(0deg) scale(1); opacity:1;} 100% {transform: rotateX(90deg) scale(0); opacity:0;} }

/* ---------- RESPONSIVE MOBILE ---------- */
@media (max-width: 768px) {
    #pop-up-wrapper {
        width: 95%;          /* Lebar lebih fleksibel di mobile */
        max-width: 400px;    /* Maksimal 400px agar muat di layar kecil */
        font-size: 1rem;     /* Sesuaikan teks */
    }

    #pop-up-wrapper button {
        font-size: 1rem;     /* Ukuran tombol lebih kecil di mobile */
        padding: 0.8rem;
    }
}

@media (max-width: 480px) {
    #pop-up-wrapper {
        width: 100%;          /* Lebar penuh layar kecil */
        max-width: 360px;
        font-size: 0.95rem;
    }

    #pop-up-wrapper button {
        font-size: 0.95rem;
        padding: 0.7rem;
    }
}
</style>


<script>
document.addEventListener('DOMContentLoaded', () => {
    // Buat pop-up container
    const popupHTML = `
        <div id="pop-up-container">
            <div id="bg-black"></div>
            <div id="pop-up-wrapper">
                <a href="https://souvenirkoi.com/"><img
                    src="https://imagekoi.io/images/2025/12/02/pop-up-tumbler.webp"
                    alt="KOITOTO"
                /></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>





<script>
$('<marquee style="color: white;margin-bottom: -6px;border: 1px solid #939393;background: #580303;">SELAMAT DATANG DI KOITOTO - BANDAR TOGEL, LIVE CASINO & SLOT ONLINE TERGACOR DI INDONESIA</marquee>').insertBefore($('.owl-carousel'));
</script>

<!-- Code Untuk Slide Mobile-->

<script type="text/javascript">


$('<div class="list-menu-mobile"><a href="https://linkjago.me/prediksikoi" target="_blank"><img src="https://imagekoi.io/images/2025/11/17/prediksi-togel.gif" alt="TOGEL"></a><a href="https://linkjago.me/rtpkoi" target="_blank" rel="noopener noreferrer"><img src="https://imagekoi.io/images/2025/11/17/rtp-slot.gif" alt="SLOT"></a><a href="https://mikale.me/keluhanmemberkoi" target="_blank" rel="noopener noreferrer"><img src="https://imagekoi.io/images/2025/11/17/keluhan-member.gif" alt="KELUHAN MEMBER"></a><a href="https://linkjago.me/promosikoitoto" target="_blank" rel="noopener noreferrer"><img src="https://imagekoi.io/images/2025/11/17/promo.gif" alt="PROMOSI"></a><a href="https://mikale.me/buktijpkoitoto" target="_blank" rel="noopener noreferrer"><img src="https://imagekoi.io/images/2025/11/17/bukti-jepe.gif" alt="BUKTI JACKPOT"></a></div>').insertBefore($(".wrapper2"));

</script>
<script>
$(document).ready(function() {
// Mengganti href untuk setiap elemen <a> yang mengandung '/m/lupa-password'
$('a[href*="/forgot/password"]').attr('href', 'https://linkjago.me/wa2ofc');
});
</script>


<style>
.mask #loader {
    background: url(https://imagekoi.io/images/2025/09/26/loading-koi.gif) center center no-repeat!important;
    background-size: 100%!important;
    width: 100px!important;
    height: 100px!important;
}</style>


<!-- 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 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 KOITOTO:</span></p><div class="buttoncontact"><div style=" margin-bottom:5px; display:flex;"><a href="https://mikale.me/waresmikoitoto" target="_blank"><img src="https://imagekoi.io/images/2025/06/11/whatsappkoi.webp" alt="WHATSAPP1 KOITOTO" height="100%" width="100%" style="display: block;"></a><a href="https://mikale.me/facebookresmikoitoto" target="_blank"><img src="https://imagekoi.io/images/2025/06/11/facebookkoi.webp" alt="FACEBOOK" height="100%" width="100%" style="display: block;"></a></div><div style=" margin-bottom:5px; display:flex;"><a href="https://secure.livechatenterprise.com/licence/13532091/v2/open_chat.cgi" target="_blank"><img src="https://imagekoi.io/images/2025/06/11/livechatkoi.webp" alt="LIVECHAT KOITOTO" height="100%" width="100%" style="display: block;"></a><a href="https://mikale.me/telegramkoi" target="_blank"><img src="https://imagekoi.io/images/2025/06/11/telegramkoi_1.webp" alt="TELEGRAM KOITOTO" height="100%" width="100%" style="display: block;"</a></div></div>').insertAfter('.wrapper2');

$('<a title="Link Alternatif Resmi" href="https://linklist.bio/koitoto" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Link Alternatif Resmi</a>').insertAfter('.wrapper2');

$('<a title="Jadwal Pasaran Togel" href="https://mikale.me/pasarantogel-koi" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Jadwal Pasaran Togel</a>').insertAfter('.wrapper2');


$('<a title="Telegram Bot" href="https://t.me/koitotogamebot" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Telegram Game Bot</a>').insertAfter('.wrapper2');


$('<a title="Diskon Pasaran Togel" href="https://mikale.me/diskontogel-koi" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Diskon Pasaran Togel</a>').insertAfter('.wrapper2');


$('<a title="Isi Form Souvenir" href="https://souvenirkoi.com/" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Isi Form Souvenir</a>').insertAfter('.wrapper2');

$('<a title="Survey" href="https://surveykoi.com/" class="buttonWrap buttondapk button-orange contactSubmitButton" target="_blank" style="padding: 10px 26px 10px 26px; margin: 8px auto; font-family: aller; font-size: 20px; box-shadow: inset 0 -2px 0 #a4a4a4; width:80%;">Survey Kepuasan Layanan</a>').insertAfter('.wrapper2');


$('<div class=koi-wrap><div class=koi-title>CARI KOITOTO 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=koi-search-strip><div class=koi-search-icon aria-hidden=true><img alt="search KOITOTO"height=35 src=https://imagekoi.io/images/2025/12/30/cari.webp srcset="search KOITOTO"width=35></div><a class=koi-search-pill href=https://www.carikita.id rel="nofollow noopener"target=_blank>www.carikita.id</a></div></div>').insertAfter('.wrapper2');



$('<div style="border: 1px ridge #940000;margin-top:10px; display:table;margin-left: 20px;margin-right: 5px;width: 90%;"><a href="/"  target="_blank"><img title="KOITOTO" src="https://imagekoi.io/images/2026/02/26/koi-panjang-2026-ezgif.com-speed.webp" style="padding-top:0px;" alt="KOITOTO" height="" width="100%"></a></div>').insertAfter('.wrapper2');



$('<section class="slider-koitoto"><div><img src="https://imagekoi.io/images/2025/06/11/gatesofgatotkaca.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/starlighprincess.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/goldenlion.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/slotmahjong.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/luckyneko.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/gatesofolympus.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/sweetbonanza.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/wildbandito.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/treasurofaztec.webp"></div><div><img src="https://imagekoi.io/images/2025/06/11/luckyfortune.webp"></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-koitoto').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
  breakpoint: 768,
  settings: {
    slidesToShow: 3
  }
},
{
  breakpoint: 480,
  settings: {
    slidesToShow: 3
  }
}
]
});
});
</script>

<style>

.footer {
    background: #000000ba;
    font-size: 12px;
    color: #868686;
    border-top: 3px solid #ff0000;
    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;
}

.koi-wrap {
    margin-inline: auto;
    padding: 0px 12px 2px;
    text-align: center;
    margin-top: 5px;
    width: 100%;
}

 .koi-title {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    background-size: 300% 300%;
    animation: koiShimmer 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 koiShimmer {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

.koi-search-pill {
    flex: 1;
    height: 39px;
    border-radius: 50px;
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(255 0 0) 21%, rgb(255 255 255) 33%, rgb(255 255 255) 44%, rgb(255 0 0) 60%, rgb(255 255 255) 73%, rgb(255 255 255) 85%, rgb(255 255 255) 100%);
    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 0 0 5px 3px #ffffff, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 2px solid #ff0000;
    animation: koiGradient 5s ease infinite;
    position: relative;
    overflow: hidden;
    transition: filter 0.2s ease;
font-size: 17px;
}


    .koi-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;
    }

    .koi-search-pill:hover::after {
        left: 130%;
        transition: all 0.5s ease;
    }

    .koi-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 */
   .koi-search-strip {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 2px solid #ff0000;
    padding: 5px;
    background: #780000;
    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;
}
    .koi-search-icon {
        width: 43px;
        height: 43px;
        min-width: 42px;
        display: grid;
        place-items: center;
        background: #de0000;
        border: 2px solid  #6a0000;
        color: #fff;
        border-radius: 999px;
        justify-content: center;
        align-items: stretch;
        justify-items: stretch;
        align-content: center;
    }

@keyframes koiGradient {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }


.no-bottom {
        background: url(https://imagekoi.io/images/2025/09/04/mobile-2.webp) !important;
        background-size: 100% !important;
}


.button-green {
background: linear-gradient(90deg, rgba(200,0,0,1) 0%, rgba(45,0,0,1) 100%);
box-shadow: inset 0 -2px 0 #a4a4a4;
border: 1px #a4a4a4 solid;
}



.button-blue {
background: linear-gradient(90deg, rgba(200,0,0,1) 0%, rgba(45,0,0,1) 100%);
box-shadow: none;
border: 1px #a4a4a4 solid;
}

a.buttonWrap.buttons.button-blue.contactSubmitButton {
    display: none !important;
}

.button-orange {
background: linear-gradient(90deg, rgba(200,0,0,1) 0%, rgba(45,0,0,1) 100%);
box-shadow: inset 0 -2px 0 #a4a4a4;
border: 1px #a4a4a4 solid;
}

.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://imagekoi.io/images/2026/02/24/progresive-koitoto.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;
}

.buttonjoin:nth-child(4) {
 display:none
}

.app_slogan {
    font-size: 11px;
    color: #FFF;
    letter-spacing: 0px;
}
    font-size: 14px;
    padding: 8px 8px;
    color: #000;
    background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
    box-shadow: 0px 0px 3px #ffe900;
    border: 1px solid #f6fa05;
    border-radius: 20px;
}
@media only screen and (max-width: 600px) {
    .app_title {
        font-size: 13px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 10px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 12px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .space {
        right: 9px !important;
    }

}

.button-orange {
    background: linear-gradient(to bottom, #f00d0d 0%, #b42323 50%, #d91111 50%, #a91414 50%, #cf0404 100%);
}

@media only screen and (max-width: 300px) {
    .header-logo2 {
        width: 146px;
        height: 45px;
        margin-top: 0px;
        margin-left: 20%;
        margin-right: auto;
    }

    .app_title {
        font-size: 11px;
        font-weight: bold;
        color: #ffcc00;
    }

    .app_slogan {
        font-size: 8px;
        color: #FFF;
        letter-spacing: 0px;
    }

    .btn-green {
        font-size: 8px;
        padding: 8px 8px;
        color: #000;
        background: linear-gradient(to bottom, #f6df00 0%, #9e730b 100%);
        box-shadow: 0px 0px 3px #ffe900;
        border: 1px solid #f6fa05;
        border-radius: 20px;
    }

    .button-red {
        background: linear-gradient(to bottom, #fd0000 0%, #340303 100%);
        box-shadow: 2px 2px 9px 0px #ff0000;
        border: 1px solid #ff0000;
        font-size: 15px;
    }
}
.progresif-jackpot {
    font-size: 21px;
    font-weight: bold;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    background: url(https://imagekoi.io/images/2026/02/24/progresive-koitoto.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-koitoto {
    width: 80%;
    margin: 0 auto;
}

.slick-slide img {
    width: 100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 15px;
    margin-top: 10px;
}

.panel-blue {
    background: transparent;
}

.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;
}

.inner-wrap {
background: transparent !important;
}


input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}


h1, h2, h3, h4, h5, h6  {
color: linear-gradient(0deg, rgba(209,209,209,1) 0%, rgba(255,255,255,1) 100%);
}


.pool-result  {
color: white !important;
}
.pool-name {
  color: black !important;
}

.buttonWrap {
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(255 0 0) 21%, rgb(255 255 255) 33%, rgb(255 255 255) 44%, rgb(255 0 0) 60%, rgb(255 255 255) 73%, rgb(255 255 255) 85%, rgb(255 255 255) 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ffffff, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0,0,0,.2);
    border: 1px solid #ffffff !important;
    color: #000;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
:root {
  --one: #F6E290;
  --two: #936C18;
  --three: #4F3102;
  --four: #B68929;
  --five: #F0C45F;
  --six: #FEFDF9;
  --seven: #03040A;
  --eight: #9F7331;
  --gold-one: #A56407;
  --gold-two: #C37B09;
  --gold-three: #CE8A22;
  --gold-four: #D59D15;
  --gold-five: #D9B12A;
  --gold-six: #E8CB40;
}
.contactField {
    background-color: #ffffff;
    font-size: 13px;
    color: #818285;
    letter-spacing: 0.5px;
    border-radius: 20px;
}

.btn-group.with-heading {
display : none;
}


.owl-wrapper .owl-item:nth-child(1) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/bca.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/bri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/mandiri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/bni.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/danamon.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/papua.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/panin.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/bsi.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/maybank.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/bii.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(11) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/permata.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(12) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/jago.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(13) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/mega.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(14) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/neo.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(15) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/sinarmas.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(16) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/seabank.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(17) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/dana.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(18) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/ovo.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(19) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/gopay.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(20) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/link-aja.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(21) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('https://imagekoi.io/images/2025/06/20/shopeepay.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(22) .bank .online {
width: 168px !important;
  height: 88px !important;
background: url('') 0px 0px no-repeat !important;
}



.owl-wrapper .owl-item:nth-child(1) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AWx3l.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5APPF2.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5APZue.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .offline {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5APDZb.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AiHFV.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AiBoJ.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .offline {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AizcN.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(8) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AiRNn.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .offline{
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AiSHP.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(10) .bank .offline {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AiDJI.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(11) .bank .offline {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/JuqGPyB.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(1) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AswmX.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AsDEx.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5ALnYN.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5ALWCb.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5ALyPf.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AZ47p.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/VsPQxp.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(8) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AtRCg.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(9) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AtcaR.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(10) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/J5AtwFf.gif') 0px 0px no-repeat !important;
}
.owl-wrapper .owl-item:nth-child(11) .bank .trouble {
width: 168px !important;
  height: 88px !important;
background: url('https://iili.io/JuqRft4.gif') 0px 0px no-repeat !important;
}

.owl-carousel.bankscroll  {
    margin-top: -170px;
    margin-bottom: -21px;
}

.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://imagekoi.io/images/2025/06/23/singapore_60_11zon.webp") !important;}/*singapore*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://imagekoi.io/images/2025/06/23/sydney_61_11zon.webp") !important;}/*sydney*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://imagekoi.io/images/2025/06/23/hongkong_20_11zon.webp") !important;}/*hk*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://imagekoi.io/images/2025/06/23/totomacau-4d_70_11zon.webp") !important;}/*TOTOMACAU*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://imagekoi.io/images/2025/06/23/totomacau-5d_71_11zon.webp") !important;}/*TOTOMACAU5d*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://imagekoi.io/images/2025/06/23/bogota_2_11zon.webp") !important;}/*BOGOTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://imagekoi.io/images/2025/06/23/psco_58_11zon.webp") !important;}/*PCSO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://imagekoi.io/images/2025/06/23/bulseye_5_11zon.webp") !important;}/*BE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) { content:url("https://imagekoi.io/images/2025/06/23/kentucky-mid_27_11zon.webp") !important;}/*KENTUCKY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://imagekoi.io/images/2025/06/23/cambodia_7_11zon.webp") !important;}/*CAMBODIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://imagekoi.io/images/2025/06/23/cina_9_11zon.webp") !important;}/*CHINA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://imagekoi.io/images/2025/06/23/carolina-day_8_11zon.webp") !important;}/*Carolina*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://imagekoi.io/images/2025/06/23/phoenix-4d_56_11zon.webp") !important;}/*PHOENIX*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://imagekoi.io/images/2025/06/23/buffalo_4_11zon.webp") !important;}/*BUFFALO*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://imagekoi.io/images/2025/06/23/taiwan_62_11zon.webp") !important;}/*TAIWAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://imagekoi.io/images/2025/06/23/portland_57_11zon.webp") !important;}/*PORTLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://imagekoi.io/images/2025/06/23/mongolia_38_11zon.webp") !important;}/*MONGOLIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://imagekoi.io/images/2025/06/23/thailand_69_11zon.webp") !important;}/*THAILAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://imagekoi.io/images/2025/06/23/jepang_26_11zon.webp") !important;}/*japan*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://imagekoi.io/images/2025/06/23/pensylvania-1_54_11zon.webp") !important;}/*PENNSYLVANIA-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://imagekoi.io/images/2025/06/23/indiana-mid_24_11zon.webp") !important;}/*INDIANAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://imagekoi.io/images/2025/06/23/florida-eve_13_11zon.webp") !important;}/*FLORIDA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("https://imagekoi.io/images/2025/06/23/florida-mid_14_11zon.webp") !important;}/*FLORIDAMID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://imagekoi.io/images/2025/06/23/new-jersey-eve_42_11zon.webp") !important;}/*NEW-JERSEY-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://imagekoi.io/images/2025/06/23/newyork-mid_44_11zon.webp") !important;}/*NEWYORK-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(26) {  content:url("https://imagekoi.io/images/2025/06/23/newyork-eve_43_11zon.webp") !important;}/*NEW-YORK-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(27) {  content:url("https://imagekoi.io/images/2025/06/23/northcaroeve_45_11zon.webp") !important;}/*NORTH-CAROLINA-EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(28) {  content:url("https://imagekoi.io/images/2025/06/23/north-korea_46_11zon.webp") !important;}/*NORTHKOREA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(29) {  content:url("https://imagekoi.io/images/2025/06/23/virginia-night_73_11zon.webp") !important;}/*VIRGINIA-NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(30) {  content:url("https://imagekoi.io/images/2025/06/23/virginia-day_72_11zon.webp") !important;}/*VIRGINIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(31) {  content:url("https://imagekoi.io/images/2025/06/23/exas-day_12_11zon.webp") !important;}/*TEXAS DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(32) {  content:url("https://imagekoi.io/images/2025/06/23/texas-night_68_11zon.webp") !important;}/*TEXAS NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(33) {  content:url("https://imagekoi.io/images/2025/06/23/texas-mor_67_11zon.webp") !important;}/*TEXAS MORNING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(34) {  content:url("https://imagekoi.io/images/2025/06/23/oregon-1_49_11zon.webp") !important;}/*OREGON*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(35) {  content:url("https://imagekoi.io/images/2025/06/23/tennesse-eve_64_11zon.webp") !important;}/*TENNESSE EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(36) {  content:url("https://imagekoi.io/images/2025/06/23/illinois-mid_22_11zon.webp") !important;}/*ILLINOIS MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(37) {  content:url("https://imagekoi.io/images/2025/06/23/illinois-eve_21_11zon.webp") !important;}/*ILLINOIS EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(38) {  content:url("https://imagekoi.io/images/2025/06/23/washington-eve_74_11zon.webp") !important;}/*WASHINGTON DC EVENING*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(39) {  content:url("https://imagekoi.io/images/2025/06/23/michigan-mid_35_11zon.webp") !important;}/*MICHIGAN MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(40) {  content:url("https://imagekoi.io/images/2025/06/23/ohio_47_11zon.webp") !important;}/*OHIO MIDDAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(41) {  content:url("https://imagekoi.io/images/2025/06/23/ohio-eve_48_11zon.webp") !important;}/*OHIO EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(42) {  content:url("https://imagekoi.io/images/2025/06/23/missouri-eve_36_11zon.webp") !important;}/*MISSOURI-EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(43) {  content:url("https://imagekoi.io/images/2025/06/23/missouri-mid_37_11zon.webp") !important;}/*MISSOURI-MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(44) {  content:url("https://imagekoi.io/images/2025/06/23/jakarta_25_11zon.webp") !important;}/*JAKARTA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(45) {  content:url("https://imagekoi.io/images/2025/06/23/georgia-mid_17_11zon.webp") !important;}/*GEORGIA MID*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(46) {  content:url("https://imagekoi.io/images/2025/06/23/georgia-eve_16_11zon.webp") !important;}/*GEORGIA EVE*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(47) {  content:url("https://imagekoi.io/images/2025/06/23/georgia-night_18_11zon.webp") !important;}/*GEORGIA NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(48) {  content:url("https://imagekoi.io/images/2025/06/23/california_6_11zon.webp") !important;}/*CALIFORNIA*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(49) {  content:url("https://imagekoi.io/images/2025/06/23/freetown_15_11zon.webp") !important;}/*FREETOWN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(50) {  content:url("https://imagekoi.io/images/2025/06/23/munchen-pool_40_11zon.webp") !important;}/*MUNCHEN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(51) {  content:url("https://imagekoi.io/images/2025/06/23/rhode-island_59_11zon.webp") !important;}/*RHODE ISLAND*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(52) {  content:url("https://imagekoi.io/images/2025/06/23/delaware-day_10_11zon.webp") !important;}/*DELAWARE DAY*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(53) {  content:url("https://imagekoi.io/images/2025/06/23/delaware-night_11_11zon.webp") !important;}/*DELAWARE NIGHT*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(54) {  content:url("https://imagekoi.io/images/2025/06/23/wisconsin_76_11zon.webp") !important;}/*WICONSIN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(55) {  content:url("https://imagekoi.io/images/2025/06/23/germany_19_11zon.webp") !important;}/*GERMAN*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(56) {  content:url("https://imagekoi.io/images/2025/06/23/boston_3_11zon.webp") !important;}/*BOSTON*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(57) {  content:url("https://imagekoi.io/images/2025/06/23/moskow-pool_39_11zon.webp") !important;}/*MOSKOW*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(58) {  content:url("https://imagekoi.io/images/2025/06/23/kingston_30_11zon.webp") !important;}/*kingston*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(59) {  content:url("https://imagekoi.io/images/2025/06/23/kingkong_29_11zon.webp") !important;}/*KINGKONG 4D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(60) {  content:url("https://imagekoi.io/images/2025/06/23/lima-pools_31_11zon.webp") !important;}/*LIMAPOOLS*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(61) {  content:url("https://imagekoi.io/images/2025/06/23/oslo-pools_53_11zon.webp") !important;}/*OSLOPOOLS*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(62) {  content:url("https://imagekoi.io/images/2025/06/23/poker-dice.webp") !important;}/*pokerdice*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(63) {  content:url("https://imagekoi.io/images/2025/06/23/suit.webp") !important;}/*suwit*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(64) {  content:url("https://imagekoi.io/images/2025/06/23/red-white.webp") !important;}/*redwhite*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(65) {  content:url("https://imagekoi.io/images/2025/06/23/sicbo-ball.webp") !important;}/*SICBO-BALL*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(66) {  content:url("https://imagekoi.io/images/2025/06/23/billiard.webp") !important;}/*BILLIARDS*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(67) {  content:url("https://imagekoi.io/images/2025/06/23/12d-games.webp") !important;}/*12D*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(68) {  content:url("https://imagekoi.io/images/2025/06/23/idn-slot.webp") !important;}/*idnslot*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(69) {  content:url("https://imagekoi.io/images/2025/06/23/habanero.webp") !important;}/*habanero*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(70) {  content:url("https://imagekoi.io/images/2025/06/23/pragmatic-play.webp") !important;}/*pragmaticplay*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(71) {  content:url("https://imagekoi.io/images/2025/06/23/top-trend.webp") !important;}/*toptrend*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(72) {  content:url("https://imagekoi.io/images/2025/06/23/pg-soft.webp") !important;}/*pgsoft*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(73) {  content:url("https://imagekoi.io/images/2025/06/23/microgaming.webp") !important;}/*microgaming*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(74) {  content:url("https://imagekoi.io/images/2025/06/23/gmw.webp") !important;}/*gmw*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(75) {  content:url("https://imagekoi.io/images/2025/06/23/slot-mania.webp") !important;}/*slotmania*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(76) {  content:url("https://imagekoi.io/images/2025/06/23/playstar.webp") !important;}/*playstar*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(77) {  content:url("https://imagekoi.io/images/2025/06/23/fat-panda.webp") !important;}/*fatpanda*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(78) {  content:url("https://imagekoi.io/images/2025/06/23/nolimit.webp") !important;}/*nolimit*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(79) {  content:url("https://imagekoi.io/images/2025/06/23/idn-e-lottery.webp") !important;}/*idnelottery*/
.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(80) {  content:url("https://imagekoi.io/images/2025/06/23/booming.webp") !important;}/*booming*/

.form-control {
    border-radius: 15px !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: 27px !important;}
.bank{width : 30% !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;
}

.fixed-whatsapp1 {
  position: fixed;
  bottom: 88px;
  left: 23px;
  width: 63px;
  height: 70px;
  z-index: 9999;
}
.fixed-whatsapp1:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: center center;
  width: 65px;
  height: 70px;
  background-image: url("https://imagekoi.io/images/2025/03/07/gifwakoi.gif");
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0%;
  box-shadow: rgb(0 0 0 / 0%) 2px 2px 6px;
  transition: all 0.5s ease 0s;
}
.fixed-whatsapp1:after {
  width: 100px;
  padding: 5px 10px;
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  right: -150px;
  text-align: right;
  color: #555;
  border: 1px solid #dedede;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  font-size: 90%;
  line-height: 1.1;
}
.fixed-whatsapp1:hover:after {
  opacity: 1;
  right: 0;
}
.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: #fff;
}
.btn-close{
    font-weight: bold;
    font-size: 25px;
    opacity: 1;
    color: #fff; 
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.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 .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;}

.list-menu-mobile {
 width: 100%;
 margin-top: -18px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: 5px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: 20px;
}

.grubsearchPasaran {
    width: 100%;
    padding: 5px 10px;
    display: flex
;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(to right top, #ff0000, #c30000, #ff5f5f, #ab0000, #ff0000);
    border: 1px solid #ff0000 !important;
    box-shadow: inset 0px 0px 0px 1px rgb(255 0 0), inset 0px 2px 0px 0px rgb(153 0 0), inset 0px 0px 0px 2px rgb(175 0 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    position: relative;
}

.grubsearchPasaran input {
    width: 100%;
    border: none;
    border-radius: 15px;
    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;
  }

.results {
  background-image: linear-gradient(to bottom, #e60002 0%, #080000 100%);
 border-radius: 15px 2px 15px 5px !important;
    color: #000 !important;
box-shadow: inset 0px 0px 0px 1px rgb(255, 0, 2), inset 0px 2px 0px 0px rgb(255, 0, 2), inset 0px 0px 0px 1px rgb(255, 0, 2), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}


h3 {
    font-size: 18px;
    margin-bottom: 10px;
    /* font-weight: 800; */
    color: #ffffff !important;
}


</style>


<script type='text/javascript'> 
$(document).ready(function() {
$('<a class="fixed-whatsapp1" href="https://mikale.me/whatsappkoitoto" rel="nofollow noopener" target="_blank"/>').insertAfter($('.footer'))
$('<a class="fixed-whatsapp2" href="https://mikale.me/whatsappkoitoto" rel="nofollow noopener" target="_blank"/>').insertAfter($('.footer')) 
});
</script>


<script>
$(document).ready(function(){
$(".byebye").click(function(){
        $(".banmini").hide();
    });
$(".banmini").click(function(){
        $(".banmini").hide();
    });
});

</script>





<script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 68;

        // 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>

<script>
  document.addEventListener("DOMContentLoaded",function(){
    $('<a href="/" title="Bandar Togel & Live Casino Online Indonesia Terpercaya"><img src="https://imagekoi.io/images/2026/02/26/koi-panjang-2026-ezgif.com-speed.webp"style="width:100%; width:100%;padding-top: 13px;padding-bottom: 0px;"></a>').insertBefore("#latest-results");},false);
</script> 





<script>
setTimeout(() => {
        const warnaTulisan = 'white';
        const warnaBackground = '#172047';
        const marginLeft = '0';
        const marginRight = '0';
        const marginTop = '10';
        if(document.querySelector('.modal-body') || document.querySelector('.modal-container-mobile .body')) {
          const style = color:${warnaTulisan};background-color:${warnaBackground};margin-left:${marginLeft}px;margin-right: ${marginRight}px;margin-top:${marginTop}px;border-radius:5px;cursor:pointer;;
          const textContent = 'Klik di mana saja untuk menutup';
          const elemP = document.createElement('P');
          const elemPMobile = document.createElement('p');
          const span = document.createElement('span');
          span.style = 'display:block;';
          span.textContent = textContent;
          elemPMobile.append(span)
          elemPMobile.setAttribute('aria-label','Close');
          elemPMobile.setAttribute('aria-hidden','true');
          elemPMobile.style = style;
          elemP.className="text-center";
          elemP.setAttribute('data-dismiss','modal');
          elemP.style = style;
          elemP.textContent = textContent;
          const pattern = /\m\/$/g;
          const isMobile = pattern.test(window.location.href);
          isMobile ? document.querySelector('.modal-container-mobile .body').appendChild(elemPMobile) : document.querySelector('.modal-body').appendChild(elemP);
        }
      }, 4)
      </script>

</style>



<div id="snackbar-mobile" style="display:none;" class="tampil">
<img loading="lazy" src="https://imagekoi.io/images/2025/12/02/koi.webp"
alt="#" class="snackbar-mobile-img">
<p id="withdraw-mobile"></p>
</div>

<style>

    @media only screen and (max-width:600px){
#snackbar-mobile{
visibility:hidden;
width:53rem;
box-shadow:  inset 0px 0px 0px 1px rgb(255, 0, 2), inset 0px 2px 0px 0px rgb(255, 0, 2), inset 0px 0px 0px 1px rgb(255, 0, 2), 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
background: linear-gradient(to bottom, #ec0000 0%, #5f0000 50%, #ff0000 100%);
color: #fff;
text-align: center;
border-radius: 25px;
position: fixed;
font-family: Glory,sans-serif;
z-index: 99999999999999999999999999999999999999999999999999999999999999;
border: 2px solid #6b0000 !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: 57px;
margin-left: 1rem;
border: 0px solid #09005147;
border-radius: 18px
}

#snackbar-mobile.tampil{
visibility: visible;
-webkit-animation:.8s fadein,.8s 4.5s fadeout;
animation:.8s fadein,.8s 4.5s fadeout
}

@-webkit-keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@keyframes fadein{
from{bottom:0;opacity:0}to{bottom:3%;opacity:2}
}

@-webkit-keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

@keyframes fadeout{
from{bottom:3%;opacity:2}to{bottom:0;opacity:0}
}

#snackbar-mobile span,#snackbar-mobile strong{
font-weight:700;
color: #ffcd00 !important;
background: linear-gradient(358deg, #ffb400, #fffa00, #ff9b00) !important;
-webkit-background-clip: text !important;-webkit-text-fill-color: #ff000000 !important;
}

.snackbar-mobile-nominal{
font-size:1rem
}

#withdraw-mobile{font-size:.8rem}
}
</style>

<script src="https://mahasuhu.sgp1.digitaloceanspaces.com/snackbarmobile.js"></script>

<script>
    $(document).ready(function () {
        var iconUser = '<div class="iconuserlogin"><img src="https://imagekoi.io/images/2025/06/21/USERNAME.webp" alt=""></div>';
        var iconKey = '<div class="iconkeylogin"><img src="https://imagekoi.io/images/2025/06/21/PASSWORD.webp" alt=""></div>';

        $('.wrapper2').append(iconUser + iconKey);
    });
</script>
<style>
 .iconuserlogin {
position: absolute;
    top: 43px;
    left: 18px;
    background: #590000;
    border-radius: 17px 0 0 17px;
    padding: 10px 13px;
    box-shadow: 1px 0 5px #000000;
    border: 1px solid #fff;
}

    .iconuserlogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }

    .iconkeylogin {
        position: absolute;
        top: 93px;
        left: 18px;
        background: #590000;
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #000000;
border: 1px solid #fff;
    }

    .iconkeylogin img {
        width: 19.3px;
    filter: brightness(28) contrast(8.8);
    }
</style>

 



<script type="text/javascript">
    window.addEventListener('load', function() {
        var autoqris_register;
        var srollto_contentqris;
        autoqris_register=setInterval(function () {
            if($('#scumloph19bank21_').length>0) {
                var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
                var eventer = window[eventMethod];
                var messageEvent = eventMethod === "attachEvent" ? "onmessage" : "message";
                eventer(messageEvent, function (e) {
                    if (e.data === 'myevent') {
                        document.getElementById('injectautodepoqris').style.height = '800px';
                        $('#content').animate({
                            scrollTop: srollto_contentqris+100
                        }, 500);
                    }
                });
                $('<div class="form-group"><div class="col-sm-4"></div><div id="injectautodepoqris" class="col-sm-8" style="height: 500px; display:none;"><iframe id="iframeaudotdepoqris" scrolling="no" style="height: 100%; width: 100%; overflow: hidden;" src="https://linkjago.me/lj0KDv"></iframe></div></div>').insertAfter($('#scumloph19bank21_').parent().parent().next());
                setTimeout(function () {
                    $('#iframeaudotdepoqris').on('load', function () {
                        document.getElementById('iframeaudotdepoqris').contentWindow.postMessage('{"username":"' + $('#current-user').text().trim().split(' ')[0] + '"}', '*');
                    });
                });
                $('#scumloph19bank21_').on('change', function() {
                    var text=$("#scumloph19bank21_ option:selected").text().toLowerCase();
                    if(text.includes("qris")) {
                        $('#scumloph19bank21_').parent().next().next().next().hide();
                        $('#scumloph19bank21_').parent().parent().next().hide();
                        $('#injectautodepoqris').show();
                        srollto_contentqris=$("#iframeaudotdepoqris").offset().top;
                        $('#content').animate({
                            scrollTop: srollto_contentqris
                        }, 500);
                    } else {
                        $('#scumloph19bank21_').parent().next().next().next().show();
                        $('#scumloph19bank21_').parent().parent().next().show();
                        $('#injectautodepoqris').hide();
                    }
                });
                clearInterval(autoqris_register);
            }
        }, 100);
    });
</script>


    <!-- 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://imagekoi.io/images/2026/04/16/PROVIDER-SPORTS-NEW.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://imagekoi.io/images/2026/04/16/slioder-jp-koitoto.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://imagekoi.io/images/2026/04/12/lomba-to-april.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://imagekoi.io/images/2026/04/12/proveder-terbaru-koi.jpeg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://imagekoi.io/images/2026/04/14/Slider-1-KOITOTO.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://landingsplash.xyz/banner/image/promotion/IDNTOTOSYD.jpg" width="840px" height="482" />
                </div>
                            <div class="item">
                    <img src="https://object-d001-cloud.cloudstoragesharingservice.com/banner/image/banner/photo_2024-01-17_15-12-52.jpg" width="840px" height="482" />
                </div>
                            <div class="item">
                    <img src="https://landingsplash.xyz/banner/image/promotion/IDNTOTTOHK.jpg" width="840px" height="482" />
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

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

                
    

            </div>
        
    </div>

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

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

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

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

                        </div>

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

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bank_papua">
                                        </div>
                                        <img src="/assets/img/global/banks/bank papua.png?v=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bii">
                                        </div>
                                        <img src="/assets/img/global/banks/bii.png?v=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online mega">
                                        </div>
                                        <img src="/assets/img/global/banks/mega.png?v=1776422942"
                                            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=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online sinarmas">
                                        </div>
                                        <img src="/assets/img/global/banks/sinarmas.png?v=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bank_neo">
                                        </div>
                                        <img src="/assets/img/global/banks/bank neo.png?v=1776422942"
                                            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=1776422942"
                                            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=1776422942"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online allobank">
                                        </div>
                                        <img src="/assets/img/global/banks/allobank.png?v=1776422942"
                                            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; -->
            <script>
document.addEventListener("click", function() {
    const audio = document.getElementById("music");
    audio.muted = false;
    audio.play();
});
</script>

<style>

body {
    font-family: Arial, sans-serif;
    color: #808080;
    background-color: #f5f5f5;
    margin: 0px !important;
}
#content .panel-heading center h2{
  display: none;
}


#content .panel-heading:nth-child(1), #content .panel-heading:nth-child(2), #content .panel-heading:nth-child(3), #content .panel-heading:nth-child(4), #content .panel-heading:nth-child(5), #content .panel-heading:nth-child(6), #content .panel-heading:nth-child(7), #content .panel-heading:nth-child(8), #content .panel-heading:nth-child(9), #content .panel-heading:nth-child(10), #content .panel-heading:nth-child(11), #content .panel-heading:nth-child(12), #content .panel-heading:nth-child(13), #content .panel-heading:nth-child(14), #content .panel-heading:nth-child(15), #content .panel-heading:nth-child(16), #content .panel-heading:nth-child(17), #content .panel-heading:nth-child(18), #content .panel-heading:nth-child(19), #content .panel-heading:nth-child(20), #content .panel-heading:nth-child(21) {margin-top: -60px;
}


p:not(.lead) {
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 300;
}
p.less-width {
  max-width: 760px;
  margin: 0 auto 40px auto;
}

li {
color: white;
}

body {
    font-family: Arial, sans-serif;
    color: #ffffff;
    background-color: f000000;
    margin: 0px !important;
   cursor: url('https://imagekoi.io/images/2026/03/23/kursor-koi-api.webp'), auto;
}

body {
    background: #000000 url(https://imagekoi.io/images/2025/09/04/bg-web-koi.webp) 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 Webp
        const hotImage = document.createElement('img');
        hotImage.classList.add('hot-label');
        hotImage.src = 'https://imagekoi.io/images/2026/01/31/hot-1.webp';  // Ganti dengan URL gambar Webp 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 class='animatedcolor' href='https://mikale.me/buktijpkoitoto' target='_blank'><i class='fa fa-money'></i>Bukti Pembayaran</a></li><li><a class='animatedcolor' href='https://mikale.me/prediksikoi' target='_blank'><i class='fa fa-newspaper-o'></i>Prediksi Togel</a></li></li><li><a class='animatedcolor' href='https://mikale.me/keluhanmemberkoi' target='_blank'><i class='fa fa-wpforms'></i>Keluhan Member</a></li>";bb855.insertAdjacentHTML('beforeend',html);
</script>


<style>
.modal-content {
  background-color: transparent !important;
  border:none;
  box-shadow: none !important
}

.Slot-koitoto {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  justify-content: center;
  padding: 7px;
}


.casino-koitoto {
  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-koitoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.daftar-casino-koitoto {
  position: relative;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  z-index: 1;
}

.card-slotgame:hover .daftar-slot-koitoto {
  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-koitoto {
  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-koitoto::before,
.daftar-slot-koitoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-slot-koitoto::before {
  top: 0;
  height: 100%;
   background-image: linear-gradient(to top, transparent 46%, rgb(98 0 1 / 41%) 68%, rgb(98 0 1) 97%);
    -webkit-box-shadow: 0px -56px 23px 16px rgb(98 0 1 / 81%) inset;
}
.daftar-slot-koitoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-slot-koitoto::before,
.daftar-slot-koitoto::after {
  opacity: 1;
}


.daftar-casino-koitoto::before,
.daftar-casaino-koitoto::after {
  content: "";
  opacity: 0;
  width: 100%;
  height: 80px;
  transition: all 0.5s;
  position: absolute;
  left: 0;
}
.daftar-casino-koitoto::before {
  top: 0;
  height: 100%;
  background-image: linear-gradient(to top, transparent 46%, rgb(98 0 1 / 41%) 68%, rgba(98 0 1) 97%);
  -webkit-box-shadow: 0px -56px 23px 16px rgba(98 0 1 / 81%) inset;}
}
.daftar-casino-koitoto::after {
  bottom: 0;
  opacity: 1;
}

.card-slotgame:hover .daftar-casino-koitoto::before,
.daftar-casino-koitoto::after {
  opacity: 1;
}



.card-slotgame:hover .daftar-slot-koitoto::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 #ffd70000;
    }

    100% {
        box-shadow: inset 20px -20px 20px #ff000000;
    }
}


.link-alternatif-koitoto-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://imagekoi.io/images/2025/06/11/LINK-ALTERNATIF.webp);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: white;
    font-weight: bold !important;
}

.link-alternatif12 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://imagekoi.io/images/2025/06/11/LINK-ALTERNATIF.webp);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: white;
    font-weight: bold !important;
}

.link-alternatif13 {
    display: flex;
    flex-direction: column;
    background-position: center;
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    background: url(https://imagekoi.io/images/2025/06/11/LINK-ALTERNATIF.webp);
    background-size: 100%;
    align-items: flex-end;
    text-align: right;
    width: 250px;
    height: 73px;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: white;
    text-shadow: 0px 0px 1px black;
    color: white;
    font-weight: bold !important;
}

.alternatif-dasar {
    display: flex;
}

.info-alternatif {
    border-top: 1px solid gold;
    margin-top: 4px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 13px;
    color: rgb(255 255 255);
    font-family: helvetica;
    text-shadow: 0 2px 1px rgb(0 0 0);
}

.alternatif-dasar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

a.link-alternatif11:hover {
    text-decoration: none;
    color: black;
}

a.link-alternatif12:hover {
    text-decoration: none;
    color: black;
}

a.link-alternatif13:hover {
    text-decoration: none;
    color: black;
}

footer#footer {
background: url(https://imagekoi.io/images/2026/03/28/fother-asli_1.webp) bottom center no-repeat;
    border-top: 1px solid #670001;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(212 0 0 / 90%) 0 32px 62px -2px, rgb(202 0 0 / 90%) 0 30px 32px -3px;
    background-color: #670001;
}
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;
}

.contactusbg:nth-child(1) a {
    position: relative;
    top: 12px;
    left: 12px;
    text-transform: uppercase;
    font-weight: bold;
    COLOR: #000;
}

.navbar-fixed-top {
    background-color: transparent !important;
    box-shadow: none !important;
    background: url(https://imagekoi.io/images/2026/03/28/bg-navbar.webp) bottom center no-repeat;
    background-size: cover;
}

img.btn-img {
    position: relative;
    border-radius: 15px 15px 15px 15px;
    transition: .2s;
    margin-left: 8px;
    margin-bottom: 8px;
    width: 242px;
    margin-top: -8px;
    box-shadow: inset 0px 0px 0px 1px #680000, inset 0px 2px 0px 0px #a00000, inset 0px 0px 0px 2px #8c0000, 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;
}

.slider .owl-controls .owl-page span {
display: none;
}
.slider #progressBar {
display: none;
}
.results {
  background-image: linear-gradient(to bottom, #e60002 0%, #630001 100%);
 border-radius: 15px 2px 15px 5px !important;
    color: #fff !important;
box-shadow: inset 0px 0px 0px 1px rgb(255, 0, 2), inset 0px 2px 0px 0px rgb(255, 0, 2), inset 0px 0px 0px 1px rgb(255, 0, 2), 3px 3px 3px 1px rgb(0 0 0 / 20%);
}

.wrapper-category {
    background: #6b0000;
    display: flex;
    border-radius: 5px;
    margin-bottom: 20px;
}

button.btn-theme, .btn.btn-theme
{
color: var(--w-color) !important;
background-image: linear-gradient(181deg, #ff0000 0%, #ff0000 5%, #8a0000 40%, #cb0000 80%, #ff0000 100%) !important;
border: 2px solid #ff0000 !important;
font-weight: bolder !important;
text-transform: uppercase !important;
padding: 8px 19px !important;
border-radius: 20px 20px 20px 20px !important;
box-shadow: inset 0px 0px 0px 1px #680000, inset 0px 2px 0px 0px #a00000, inset 0px 0px 0px 2px #8c0000, 3px 3px 3px 1px rgb(0 0 0 / 20%) !important;

}

.search-results {
    list-style: none;
    padding: 22px 0;
    margin: 0;
}

.wrapper-category .btn-cat-spesial, .wrapper-category .btn-cat-provider {
    height: 100%;
    font-size: 21px;
    border-radius:20px 20px 20px 20px !important;
    flex: 1 1;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    background:  linear-gradient(181deg, #ff0000 0%, #ff0000 5%, #8a0000 40%, #cb0000 80%, #ff0000 100%) ;
  }  

.navbar-collapse .row .col-sm-7 {
    margin-left: 150px !important;
}
.results h4 {
    color: #ffffff;
}
.results > h4 > i {
    color: #4682B4;
background: white;
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.news-head {
     background: #f80000;
     border-radius: 1px 1px 1px 50px;

}




section.section {
    padding: 0px 0 0 0;
    margin-bottom: -14px;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.results-detail {
  width: 100%;
  display: inline-block;
  background: #670001;
  padding: 5px 15px;
  color: #ffffff;
  border: 1px solid #ffb700;
  /*border: 1px solid #1e90ff;*/
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.news-detail {
  width: 100%;
  height: 170px;
  display: inline-block;
  background: #670001;
  padding: 5px 15px;
  border: 1px solid #ffb700;
  color: #ffffff;
  /*border: 1px solid #393522;*/
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow-x: hidden ! important;
  overflow-y: auto ! important;
}

footer#footer {
    background-color: #670001;
    border-top: 1px solid yellow;
    color: rgba(103, 0, 1, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
 width: 1170px;
    margin: auto;
}

.blog-sidebar .nav.menu > li > a {
    color: #ffffff;
    padding: 8px 0;
    border-bottom: 1px solid #ff0000;
    font-size: 16px;
    padding-left: 10px;
    background: linear-gradient(to bottom, #ff0000 0%, #5e0000 100%);
    border-right: 6px solid #ff0000;
    border-left: 4px solid #ff0000;
    border-top: 1px solid #ff0000 !important;
    border-radius: 35px !important;
    line-height: 20px;
    margin-bottom: 5px !important;
}


.blog-sidebar .nav.menu > li > a > i {
    padding-right: 10px;
    color: #ffffff;
    background: -webkit-linear-gradient(#eee704, #f0c701);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section .container {
    background: #670001;
    background-image: url(https://imagekoi.io/images/2026/03/23/fother-web.webp);
box-shadow: rgb(212 0 0 / 100%) 0 32px 62px -2px, rgb(202 0 0 / 100%) 0 30px 32px -3px;
}


.wcover {
    width: 650px;
    background: #B31B1B;
    color: black;
    padding: 10px;
    display: none;
border: 1px solid #000000;
}
.bottomnv {
    width: auto;
margin: 0px 0px 0px 150px;
}
.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(191 0 0) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 4px 16px;
}

.bottomnv_active {
    border-bottom: 1px solid yellow!important;
    border-top: 1px solid yellow!important;
    border-left: none;
    border-right: none;
    text-transform: uppercase;
    color: yellow!important;
}


a {
    color: white;
    text-decoration: none;
}
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%;
}

.blog-posts ol, ul {
    color: #fff;
    line-height: 20px;
    padding: 0 25px;
    font-weight: 300;
}

#fl_menu {
    position: fixed;
    top: 57px;
    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;
}

#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: 2px;
    }

    .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;
    }

.bank {
    width: 145px;
    height: 50px;
    padding: 12px 10px 10px 10px;
    background-color: transparent;
    border: 0px solid #9d9d9d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

</style>

<script>
  var colors = new Array(
    [255, 0, 0], [235, 157, 157], [252, 185, 3], [173, 3, 3], [255, 0, 0], [235, 157, 157]
  );

  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;
    }

    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>



<meta name="keywords"content="koitoto, daftar koitoto, login koitoto, situs koitoto, link alternatif koitoto, bandar toto, toto online, slot online, slot gacor, alternatif koitoto"/>
<center><h1 style="color: #ffd500;border-bottom: 1px solid gold;padding: 10px;">KOITOTO | Situs Toto Togel Online & Toto Slot Gacor di Indonesia</h1></center>





<div style="color: White; width: 400px ; text-align: left;margin: 10px 0;">
        <img src="https://imagekoi.io/images/2025/03/07/SLOTGAMES.gif"
            title="Daftar Slot Games koitoto" alt="Daftar Slot Games koitoto"
            style="width: 398px;height: 90px;">
    </div>

   <div class="Slot-koitoto">
  <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/pragmaticplay.webp"
class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/13/pragmatic-ezgif.com-png-to-webp-converter.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/PG_1.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/pg-soft.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/IDNSLOT_1.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/idn-slot.webp" class="character"></div></a>
  
<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/habanero.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/habanero.webp" class="character"></div></a>
  
<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/microgaming.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/microgaming.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/top-trand.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/top-tren.webp" class="character"></div></a>
  
<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/gmw.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/gmw.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/06/11/nolimit.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/nolimit.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/arcade2eee0c3d2471bcde.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/idn-arcade.webp" class="character"></div></a>
  
<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/booming-games20768eb64e5e9bf4.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/booming.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/idn-ellotery10990c95d3a73e63.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/ellotery.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/playstarf64df1b750118fab.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/playstar.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/slot-mania-1.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/sm.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/07/fat-pandab5c6aca083dc4bce.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/fat-panda.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/08/15/5g-gaming.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/15/5g-gaming-1.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/09/15/icon-web-slot_playtech.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/09/15/timbullicon_.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/10/12/red-tiger-3.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/10/12/red-light.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2025/11/21/fastspin-3.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/11/21/fastspin_1.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-slot-koitoto"><img src="https://imagekoi.io/images/2026/04/11/spade-gaming-3.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/04/11/spade-gaming-2.webp" class="character"></div></a>


</div>

    </div>
<div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
        <a href="/">
            <img src="https://imagekoi.io/images/2025/03/07/LIVECASINO.gif"
                title="Daftar Casino koitoto" alt="Daftar Casino koitoto" style="width:398px;height:90px;"></a>
    </div>
    
	<div class="casino-koitoto">
<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/suwit_icon-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_8.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/roulette_icon-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_71.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/poker_dice-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_3.webp" class="character"></div></a>
  
<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/monopoly_icon-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_6.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/dragontiger_icon-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_5.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/billiard_koi-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_4.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2025/08/07/redwhite_icon-ezgif.com-png-to-webp-converter.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2025/08/14/mainkansekarang_2.webp" class="character"></div></a>
 
 <a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2026/03/15/OGLOK.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/03/15/CWE-OGLOK.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2026/03/15/sicbo-diceca0b86db3f35b625.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/03/15/cewe-sicbo-dice2b9665a2f339fe98.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2026/03/15/bacarrat0edd1dfcc833c3ee.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/03/15/cewe-bacarat96e891ecf28adbc7.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2026/03/15/HEAD-TAILa1c8047300108bed.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/03/15/cewek-head-tail429b2af40960747d.webp" class="character"></div></a>

<a href="/"><div class="card-slotgame"><div class="daftar-casino-koitoto"><img src="https://imagekoi.io/images/2026/03/15/race-ball352a8c674e4eed0b.webp" class="cover-image" style="width:100%"></div><img src="https://imagekoi.io/images/2026/03/15/cewe-race-ball0e454fb78884aaae.webp" class="character"></div></a>
</div>

 <div class="link-alternatif-koitoto">
        <div style="color: White; width: 400px ; text-align: center;margin: 10px 0;">
            <img src="https://imagekoi.io/images/2025/03/07/LINKALTERNATIF.gif"
                title="Pragmatic Play Slot Online" alt="Pragmatic Play" style="width:440px;height:90px;">
        </div>
        <div class="link-alternatif-koitoto-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>


	<p>Selamat datang di <a style="color: #ffc107;" title="KOITOTO" href="/"><strong>KOITOTO</strong></a>, situs toto togel online dan toto slot gacor yang terpercaya di Indonesia. Kami berkomitmen untuk memberikan pengalaman bermain yang terbaik bagi para pemain dengan berbagai pilihan permainan yang menarik dan aman. Seamlessly, KOITOTO mengutamakan keamanan dan kenyamanan dalam bertransaksi, memastikan bahwa Anda bisa fokus menikmati permainan toto togel online dan toto slot tanpa khawatir. Temukan informasi lengkap mengenai jenis permainan yang kami tawarkan serta promosi menarik yang dapat Anda nikmati ketika bergabung dengan kami.</p>

<h2><center>Pengenalan KOITOTO sebagai Situs Toto Togel Terpercaya</center></h2>

<p>KOITOTO merupakan salah satu situs yang diakui sebagai situs toto terpercaya di Indonesia. Platform ini hadir untuk memenuhi kebutuhan para penggemar permainan toto online yang mencari tempat aman dan dapat diandalkan. Dengan kehadiran KOITOTO, pengguna dapat menikmati pengalaman bermain yang menyenangkan dan terjamin keamanannya.</p>

<p>Kelengkapan izin operasional menjadi salah satu faktor utama yang membedakan KOITOTO dari situs lainnya. Situs ini memastikan bahwa semua proses permainan dilakukan secara transparan dan sesuai regulasi yang berlaku. Metode pembayaran yang beragam juga menambah kenyamanan bagi pengguna.</p>

<p>Layanan pelanggan yang responsif terjamin memberikan dukungan kepada pemain kapan saja mereka membutuhkannya. Dengan reputasi yang baik dan banyaknya pengguna setia, KOITOTO terus berkomitmen untuk memberikan pengalaman terbaik dalam permainan toto online.</p>

<h2><center>Keunggulan Bermain di Situs Toto Togel Online</center></h2>

<p>Bermain di situs toto togel online seperti KOITOTO menawarkan berbagai keunggulan dibandingkan dengan cara tradisional. Salah satu keunggulan bermain <a style="color: #ffc107;" title="toto togel" href="/"><strong>toto togel</strong></a> online adalah kemudahan akses. Pemain dapat menikmati pengalaman bermain kapan saja dan di mana saja tanpa terbatas oleh lokasi fisik.</p>

<p>Selain itu, keuntungan situs togel seperti KOITOTO mencakup berbagai jenis taruhan yang menarik, memungkinkan pemain untuk memilih dari berbagai opsi yang sesuai dengan preferensi mereka. Peluang menang yang kompetitif di situs ini memberikan motivasi tambahan untuk para pemain, meningkatkan pengalaman bermain mereka.</p>

<p>Proses pendaftaran yang cepat dan mudah menjadi daya tarik lain bagi pemain baru. Dengan bonus pendaftaran yang menarik, pemain dapat langsung merasakan keuntungan situs togel dengan lebih optimal. Secara keseluruhan, semua elemen ini berkontribusi pada pengalaman bermain togel online yang menyenangkan dan menguntungkan.</p>

<h2><center>Mengenal Toto Togel dan Cara Permainannya</center></h2>
	
<p>Toto togel adalah permainan tebak angka yang sangat populer di Indonesia. Dalam permainan ini, pemain memiliki pilihan untuk memilih angka dalam berbagai format seperti 2D, 3D, dan 4D. Pemain ditantang untuk menentukan angka yang dianggap beruntung dan menunggu hasil keluaran untuk mengetahui apakah angka tersebut benar. Proses ini memberikan keseruan tersendiri bagi para penggemar.</p>

<p>Salah satu aspek penting dalam mengenal toto togel adalah memahami cara bermain toto togel dengan benar. Di KOITOTO, terdapat panduan lengkap yang bisa diakses oleh pemain baru. Panduan ini mencakup langkah-langkah dari awal hingga akhir, memberikan petunjuk yang jelas tentang cara memilih angka dan memasang taruhan. Dengan memahami cara bermain yang tepat, peluang untuk memenangkan permainan togel online akan meningkat.<p>

<p>Selain itu, analisis angka juga menjadi bagian penting dalam strategi bermain. Pemain disarankan untuk tidak hanya mengandalkan keberuntungan semata, tetapi juga melakukan riset sederhana berdasarkan hasil pengeluaran sebelumnya. Dengan cara ini, pemain dapat mengembangkan strategi yang lebih baik untuk menghadapi togel dan meraih kemenangan yang diinginkan.</p>

<h2><center>Kelebihan dan Keunikan dari Slot Gacor di KOITOTO</center></h2>
	
<p>Slot Gacor di KOITOTO menawarkan berbagai kelebihan yang menjadikannya pilihan utama bagi para penggemar permainan slot online. Salah satu keunggulan utama adalah tingkat kemenangan yang tinggi, memberikan peluang yang lebih baik untuk meraih keuntungan. Permainan ini dirancang dengan teknologi terbaru yang menghasilkan grafik berkualitas tinggi, sehingga pengalaman bermain menjadi lebih mendebarkan.</p>

<p>Berbagai tema menarik tersedia dalam permainan slot di KOITOTO, memastikan pemain tidak akan merasa bosan. Selain itu, fitur bonus yang menguntungkan memperkaya pengalaman bermain. Pemain juga dapat berpartisipasi dalam turnamen slot, yang memberikan kesempatan untuk meraih hadiah menarik. Kelebihan <a style="color: #ffc107;" title="slot gacor" href="/"><strong>slot gacor</strong></a> tidak hanya terletak pada gameplay yang seru, tetapi juga dalam bonus dan promo yang sering tersedia untuk meningkatkan peluang kemenangan.</p>

<p>Dengan berbagai kelebihan tersebut, permainan slot online di KOITOTO menjadi pilihan cerdas bagi siapa saja yang ingin merasakan sensasi dan keuntungan dalam bermain slot.</p>

<h2><center>Perbedaan antara Toto Togel dan Slot Gacor</center></h2>

<p>Meskipun keduanya termasuk dalam kategori jenis permainan online, terdapat perbedaan toto togel dan slot gacor yang signifikan. Toto Togel adalah permainan berbasis angka di mana pemain memilih kombinasi angka dan menunggu hasil pengundian. Kemenangan ditentukan berdasarkan seberapa tepat angka yang dipilih sesuai dengan hasil undian yang keluar.</p>

<p>Sementara itu, Slot Gacor beroperasi dengan cara yang berbeda. Permainan ini menggunakan mesin slot yang berputar, dan hasilnya sepenuhnya bergantung pada keberuntungan serta strategi pemain dalam memilih taruhan. Pemain dapat mengatur jumlah taruhan dan memanfaatkan fitur-fitur menarik yang ditawarkan dalam mesin slot.</p>

<p>Dengan memahami perbedaan ini, pemain dapat menentukan permainan mana yang lebih cocok dengan preferensi mereka, apakah lebih menyukai tantangan angka dari Toto Togel atau menginginkan pengalaman yang lebih cepat dan menarik dari Slot Gacor.</p>

<h2><center>Mengapa KOITOTO Jadi Pilihan Utama untuk Slot Gacor dan Toto Togel?</center></h2>

<p>Dalam ranah permainan online, KOITOTO telah membuktikan diri sebagai situs toto yang tak hanya terkenal, tetapi juga terpercaya. Platform ini menawarkan berbagai jenis permainan termasuk toto togel dan <a style="color: #ffc107;" title="toto slot" href="/"><strong>toto slot</strong></a>, yang masing-masing memiliki daya tarik tersendiri. Keberagaman ini memungkinkan pemain untuk memilih sesuai dengan preferensi dan strategi permainan yang mereka miliki.</p>

<p>Toto togel, sebagai salah satu permainan utama di KOITOTO, menawarkan peluang yang menarik bagi para penggemarnya. Dengan berbagai metode permainan, pemain dapat meraih hadiah besar jika beruntung. Di sisi lain, KOITOTO juga dikenal dengan slot gacor-nya, yang menjadi favorit karena memiliki tingkat pengembalian yang tinggi. Slot tersebut memberikan pengalaman bermain yang menyenangkan sekaligus menantang.</p>

<p>KOITOTO berhasil menciptakan lingkungan yang inklusif bagi semua jenis pemain. Dari pemula hingga yang sudah berpengalaman, semua dapat menemukan hiburan yang sesuai di situs toto ini. Integrasi antara toto togel dan toto slot membantu menjaga keterlibatan pemain, menjadikan KOITOTO sebagai salah satu destinasi utama bagi mereka yang mencari keseruan dalam judi online.</p>

<h2><center>Strategi Menang di Permainan Togel Online</center></h2>

<p>Memiliki strategi yang tepat sangat penting bagi pemain yang ingin meningkatkan peluang menang dalam permainan togel online. Salah satu tips bermain togel yang efektif adalah melakukan analisis angka secara mendalam. Pemain perlu memahami pola dan tren yang mungkin muncul dari hasil undian sebelumnya.</p>

<p>KOITOTO menawarkan berbagai sumber daya untuk membantu pemain dalam memilih angka. Analisis statistik dapat menunjang keputusan pemain, misalnya dengan memilih angka yang sering muncul dalam sejarah undian. Selain itu, penting untuk mengelola bankroll dengan bijak. Pengaturan anggaran dapat membantu pemain menghindari kerugian besar dan tetap dapat bermain dalam jangka panjang.</p>

<ul>
<li>Analisis angka: Pelajari pola dan tren dari hasil sebelumnya.</li>
<li>Pilih angka yang sering muncul: Mengandalkan statistik sebagai alat bantu keputusan.</li>
<li>Kelola bankroll: Atur anggaran bermain untuk mencegah kerugian besar.</li>
</ul>

<p>Dengan menerapkan strategi menang togel online ini, pemain dapat meningkatkan peluangnya serta menikmati pengalaman bermain yang lebih menguntungkan di KOITOTO.</p>

<h2><center>Panduan Memilih Situs Toto Terpercaya</center></h2>

<p>Memilih situs toto yang terpercaya sangat penting untuk memastikan pengalaman bermain yang aman dan menyenangkan. Dalam panduan memilih <a style="color: #ffc107;" title="situs toto" href="/"><strong>situs toto</strong></a>, ada beberapa kriteria yang perlu diperhatikan:</p>

<ul>
<li>Lisensi dan Regulasi: Pastikan situs toto terpercaya memiliki lisensi resmi dari otoritas yang diakui.</li>
<li>Sistem Keamanan: Perhatikan penggunaan teknologi enkripsi untuk melindungi data pribadi dan transaksi.</li>
<li>Variasi Permainan: Pilih situs yang menawarkan berbagai jenis permainan untuk menjaga pengalaman bermain tetap menarik.</li>
<li>Pelayanan Pelanggan: Situs yang baik harus memiliki layanan pelanggan yang responsif dan siap membantu kapan saja.</li>
</ul>

<p>Dengan mengikuti cara memilih situs togel ini, Anda dapat merasa lebih yakin saat bermain di KOITOTO, yang memenuhi semua standar sebagai situs toto terpercaya.</p>

<h2><center>Promosi dan Bonus Menarik di KOITOTO</center></h2>

<p>KOITOTO menawarkan berbagai promosi yang menarik dan menguntungkan bagi para pemain, baik yang baru bergabung maupun yang telah menjadi anggota setia. Dengan adanya penawaran spesial ini, pemain bisa mendapatkan bonus menarik situs toto, termasuk bonus pendaftaran yang menggiurkan dan cashback untuk meningkatkan peluang dalam permainan.</p>

<p>Setiap promosi KOITOTO dilengkapi dengan syarat dan ketentuan yang jelas, sehingga pemain bisa memahami cara memanfaatkan setiap kesempatan dengan optimal. Hal ini penting agar semua anggota dapat memanfaatkan bonus yang ada untuk meningkatkan kepercayaan diri mereka dalam bertaruh dan meningkatkan potensi kemenangan yang bisa diraih.</p>

<p>Turnamen berhadiah juga menjadi bagian dari strategi promosi KOITOTO yang terus menarik perhatian. Dengan berpartisipasi dalam turnamen tersebut, pemain tidak hanya berpeluang untuk memenangkan hadiah besar tetapi juga merasakan pengalaman bermain yang lebih seru dan kompetitif. Dapatkan keuntungan lebih maksimal dari setiap penawaran spesial yang disajikan!</p>

<center>
<img class="size-full wp-image-546 aligncenter" src="https://imagekoi.io/images/2025/03/07/pelayanankoi.gif" alt="" width="924" height="74" /></strong></p>
</center>

<div id="fl_menu"><img
                        src="https://imagekoi.io/images/2025/06/11/button_linkalternatif-right.webp"
                        width="100%" height="auto">
                    <div class="menuaa">
                        <table width="200">
                            <tbody>
                                  <tr style="background: none;">
                <td class="menu_item"><a class="linkalte" href="https://koihiu.com/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="KOITOTO">KLIK LINK
                        VIP 1</a></td>
                <td class="menu_item"><a class="linkalte" href="https://koidanau.com/" target="_blank"
                        style="text-decoration: none;" rel="nofollow" title="KOITOTO">KLIK LINK
                        VIP 2</a></td>
            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

<div id="slide-left1">
    <div id="toggle-left1"><img src="https://imagekoi.io/images/2025/11/03/hubungi-kami.gif"></div>
    <div class="card-toggle">
        <div class="hours">
            <a href="/" target="/"><img class="card-img"
                    src="https://imagekoi.io/images/2025/06/11/24-JAM-ICON-PELAYANAN.webp"></a>
        </div>
        <div class="daftar-btn-bawah">
            <a href="https://mikale.me/ig-koitoto" rel="nofollow" class="tombol_hubungi" target="_blank">
                <img class="img-kontak"
                    src="https://imagekoi.io/images/2025/06/11/ig.webp"
                    alt="Instagram koitoto">
            </a>
            <a href="https://mikale.me/waresmikoitoto" rel="nofollow" target="_blank" class="tombol_hubungi"><img class="img-kontak"
                    src="https://imagekoi.io/images/2025/06/11/wa.webp"
                    alt="Whatsapp koitoto"></a>
            <a href="https://mikale.me/facebookresmikoitoto" rel="nofollow" target="_blank" class="tombol_hubungi"><img
                    class="img-kontak"
                    src="https://imagekoi.io/images/2025/06/11/fb.webp"
                    alt="Facebook koitoto"></a>
            <a href="https://mikale.me/telegramkoi" rel="nofollow" target="_blank" class="tombol_hubungi" rel="nofollow"><img class="img-kontak"
                    src="https://imagekoi.io/images/2025/06/11/telegram.webp"
                    alt="Telegram koitoto"></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>


<style>
/* ===== Toggle Button (pojok kiri bawah) ===== */
.koitoto-toggle-btn {
    position: fixed;
    left: 4px;
    bottom: 87px;
    background: linear-gradient(to bottom, #ff0000 0%, #900000 80%);
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    border: 2px solid #ff0000;
    z-index: 10000;
    transition: all 0.3s ease;
}
.koitoto-toggle-btn:hover {
  background: #810000;
}

/* ===== Sidebar Panel ===== */
.koitoto-social {
    position: fixed;
    left: -320px;
    bottom: 87px;
    width: 294px;
    background: linear-gradient(to bottom, #ff0000 0%, #7f0000 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 #ff0000, inset 0 2px 0 0 #ab0000, inset 0 4px 4px 2px #ff0000, 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    border-right: 2px solid #ff0000;
}
.koitoto-social.koitoto-open {
  left: 0;
}

/* ===== Header Sidebar ===== */
.koitoto-social h3 {
    color: #ffd800 !important;
    font-size: 20px;
    margin-bottom: 4px;
}
.koitoto-social p {
  color: #bbb;
  font-size: 14px;
  margin-bottom: 20px;
}

/* ===== Menu List ===== */
.koitoto-social ul {
  list-style: none;
}
.koitoto-social ul li {
  margin-bottom: 14px;
}
.koitoto-social ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    padding: 10px 14px;
    background: rgb(93 0 0);
    border: 1px solid rgb(255 0 0);
    border-radius: 14px;
    transition: all 0.3s ease;
}
.koitoto-social ul li a:hover {
  background: rgba(255,255,255,0.1);
}
.koitoto-info {
  flex: 1;
  margin-left: 10px;
}
.koitoto-info span {
  color: gold;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
.koitoto-info small {
  color: #ffffff;
  font-size: 12px;
}

/* Gambar ikon */
.koitoto-social ul li img {
  width: 50px;
  height: 50px;
  border-radius: 7px;
}

/* ===== Footer Close Button ===== */
.koitoto-close-btn {
    display: block;
    position: unset !important;
    margin: 20px auto 0;
    padding: 8px 16px;
    border: 2px solid #ff0000;
    border-radius: 20px;
    font-size: 14px;
    color: #ffffff !important;
    background: transparent;
    cursor: pointer;
    transition: background 0.3s;
}
 @media (max-width: 400px) {
        .koitoto-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;
}
    }
.koitoto-close-btn:hover {
  background: rgba(255,255,255,0.1);
}
</style>

<!-- Toggle Button -->
<div class="koitoto-toggle-btn" id="koitotoToggleButton" onclick="toggleIosSocial()" bis_skin_checked="1"> Menu</div>

<!-- Sidebar Menu -->
<nav class="koitoto-social" id="koitotoSocialMenu">
  <h3>Menu Cepat</h3>
  <p><span style="color: #ffffff !important;">Akses Menu Cepat KOITOTO</span></p>
  <ul>
    <li>
      <a href="https://linkjago.me/linkbio" target="_blank" rel="noopener noreferrer">
        <img src="https://imagekoi.io/images/2025/09/08/rtp2.gif" alt="Rtp Slot Koitoto">
        <div class="koitoto-info">
          <span>RTP SLOT</span>
          <small>Cek RTP Slot Hari Ini</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://mikale.me/apkkoitoto" target="_blank" rel="noopener noreferrer">
        <img src="https://imagekoi.io/images/2025/09/08/apk2.gif" alt="Download Apk Koitoto">
        <div class="koitoto-info">
          <span>Download Aplikasi</span>
          <small>Download dan Klaim Freechip</small>
        </div>
      </a>
    </li>
    <li>
      <a href="https://mikale.me/buktijpkoitoto" target="_blank" rel="noopener noreferrer">
        <img src="https://imagekoi.io/images/2025/09/08/jepe2.gif" alt="Bukti Jackpot">
        <div class="koitoto-info">
          <span>Bukti Jackpot</span>
          <small>Cek Bukti Jackpot Hari Ini</small>
        </div>
      </a>
    </li>
       </ul>
<button class="koitoto-close-btn" onclick="toggleIosSocial()" fdprocessedid="c63tcs">X Close Menu</button>
</nav>

<script>
function toggleIosSocial() {
  const menu = document.getElementById('koitotoSocialMenu');
  menu.classList.toggle('koitoto-open');
}
</script>

<button type="button"
    onclick="window.open('https://surveykoi.com/', '_blank')"
    style="
    position: fixed;
    top: 40%;
    left: 0;
    display: flex;
    flex-direction: column;
    background: #0000ff00;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid #8b0000 !important;
    border-left: none !important;
    cursor: pointer;
    padding: 0;
    ">

    <!-- Bagian Icon -->
    <div><img src="https://imagekoi.io/images/2025/11/03/survey-layanan.gif" alt="Survey"></div>
</button>


<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="/rules-game">Cara Bermain</a></li>
            <li><a href="/history/number">Histori Nomor</a></li>
            <li><a href="/dream-book">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> 




            </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="#">KOITOTO</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://satutujuh0426h.koipasti.tv/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-ts.js?v=1776422942"></script>

<script src="/js/frontend/desktop/template_v1/before/index.js?v=zst0xmqjg1velhywcx7r"></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=1776422942"></script>
<script src="/js/custom/quick_menus.min.js?v=1776422942"></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:'9edadf0e1975fd21',t:'MTc3NjQyMzA1Mg=='};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>
