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

<head>
<!-- MADUTOTO -->  
<link rel="canonical" href="https://madutoto.com/">
<link rel="amphtml" href="https://madutoto-amp.pages.dev/amp">
<link rel="alternate" href="https://madutoto.com/" media="only screen and (max-width: 640px)">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="id">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="en">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="x-default">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="id-ID">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="en-US">
<link rel="alternate" href="https://madutoto-amp.pages.dev/amp/" hreflang="en-SG">
<title>MADUTOTO | Pusat Layanan #1 Togel Online Terpercaya & Bandar Toto Slot APK Resmi Terbaru</title>
<meta name="description" content="Madutoto adalah pusat layanan togel online #1 dengan pelayanan 24 jam. Bandar resmi toto slot APK terbaru dengan permainan lengkap, pasaran terluas, deposit cepat, dan payout tertinggi." />
<link rel="icon" type="image/png" href="https://cdn.photoku.me/madutoto/static/favicon.webp" />
<link rel="apple-touch-icon" href="https://cdn.photoku.me/madutoto/static/favicon.webp" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="MADUTOTO">
<meta content="index, follow" name="robots" />
<meta content="MADUTOTO" name="copyright" />
<meta content="general" name="rating" />
<meta content="ID" name="geo.country" />
<meta content="ID" name="language" />
<meta content="Indonesia" name="tgn.nation" />
<meta content="MADUTOTO" name="author" />
<meta content="global" name="distribution" />
<meta content="MADUTOTO" name="publisher" />
<meta content="all" name="Slurp" />
<meta content="follow, all" name="Googlebot-Image" />
<meta content="follow, all" name="Scooter" />
<meta content="follow, all" name="msnbot" />
<meta content="follow, all" name="alexabot" />
<meta content="follow, all" name="Slurp" />
<meta content="follow, all" name="ZyBorg" />
<meta content="follow, all" name="yahoobot" />
<meta content="follow, all" name="bingbot" />
<meta name="geo.region" content="id_ID" />
<meta name="geo.placename" content="Indonesia" />
<meta property="og:image" content="https://cdn.photoku.me/madutoto/static/profil.jpg" />
<meta property="og:image:alt" content="MADUTOTO" />
<meta property="og:url" content="https://madutoto.com/" />
<meta property="og:title" content="MADUTOTO | Pusat Layanan #1 Togel Online Terpercaya & Bandar Toto Slot APK Resmi Terbaru" />
<meta property="og:description" content="Madutoto adalah pusat layanan togel online #1 dengan pelayanan 24 jam. Bandar resmi toto slot APK terbaru dengan permainan lengkap, pasaran terluas, deposit cepat, dan payout tertinggi." />
<meta property="og:site_name" content="MADUTOTO" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="id_ID" />
<meta property="og:locale:alternate" content="en_US" />


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Entertainment",
  "name": "MADUTOTO",
  "image": "https://cdn.photoku.me/madutoto/static/profil.jpg",
  "@id": "MADUTOTO",
  "url": "https://madutoto.com/",
  "telephone": "+62-858-3282-1239",
  "priceRange": "5000",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Merdeka Raya No.45",
    "addressLocality": "Jakarta Pusat",
    "postalCode": "10120",
    "addressCountry": "Indonesia"
  },
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": [
      "Monday",
      "Tuesday",
      "Wednesday",
      "Thursday",
      "Friday",
      "Saturday",
      "Sunday"
    ],
    "opens": "00:00",
    "closes": "23:59"
  } 
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://madutoto.com/",
  "sameAs": [
    "https://www.facebook.com/madutoto",
    "https://www.instagram.com/madutoto/"
  ],
  "logo": "https://cdn.photoku.me/madutoto/static/logoweb.png",
  "name": "MADUTOTO",
  "description": "Madutoto adalah pusat layanan togel online #1 dengan pelayanan 24 jam. Bandar resmi toto slot APK terbaru dengan permainan lengkap, pasaran terluas, deposit cepat, dan payout tertinggi.",
  "email": "madutototeam@gmail.com",
  "telephone": "+62-858-3282-1239",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Merdeka Raya No.45",
    "addressLocality": "Jakarta Pusat",
    "addressCountry": "ID",
    "addressRegion": "DKI Jakarta",
    "postalCode": "10120"
  }
}
</script>
          
            
            








<link rel="preload" href="https://fonts.cdnfonts.com/css/aller" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.cdnfonts.com/css/aller"></noscript>
<link rel="preconnect" href="https://code.jquery.com">
<link rel="dns-prefetch" href="https://code.jquery.com">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DH4HDYHEGR"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-DH4HDYHEGR');
</script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1163836475838562');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1163836475838562&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->


<style>
.run-text-depan {
   text-transform: uppercase;
}

.navbar .navbar-header .navbar-brand {
    background: url(https://cdn.photoku.me/madutoto/static/logoweb.png) center no-repeat!important;
    background-size: 100% !important;
}

.label.label-transparent-black {
    background: none !important;
}


ul.nav.navbar-nav.quick-actions .label {
    text-transform: uppercase !important;
}

ul.nav.navbar-nav.quick-actions.lefv{
    padding: 0 !important;
    margin: 23px!important;
}

ul.nav.navbar-nav.quick-actions.lefv li.divided a {
   display: flex !important;
   align-items: center !important;
}

ul.nav.navbar-nav > li.divided:after {
    height: 30px !important;
    margin-top: -4px !important;
}



ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(4) > a.uppercase,
ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(7) > a.uppercase{
	display: inline-block!important;											
}

ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(4) > a.uppercase > div.item-img:first-of-type,
ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(7) > a.uppercase > div.item-img:first-of-type {
    display: inline-block !important;	
    text-align: center !important;	
    font-size: 14px !important;	
    margin-right: 10px!important;
    width: 15px !important;	
    flex: unset !important;	
    justify-content: unset !important;	
    align-items: unset !important;	
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%) hue-rotate(123deg) brightness(128%) contrast(95%);
}

ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(4) > a.uppercase > div.item-title,
ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(7) > a.uppercase > div.item-title{
    display: inline-flex !important;	
    position: relative !important;	
    top: 2px !important;	
    left: 0 !important;	
    justify-content: unset !important;	
    align-items: unset !important;	
}


ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(4) > a.uppercase > div.item-img:nth-child(3),
ul.nav.navbar-nav .navigation-custom-list ul.menu > li:nth-child(7) > a.uppercase > div.item-img:nth-child(3) {
    display: inline-block!important;	
    position: relative!important;	
    top: -3px!important;	
    left: 5px!important;	
    flex: unset !important;	
    justify-content: unset !important;	
    align-items: unset !important;	
}



li#navigation.navigation.test2.navigation-custom-list ul.menu li:first-child
 a.uppercase.item-game{
    display: flex;
    align-items: center;
}

li#navigation.navigation.test2.navigation-custom-list ul.menu li:nth-child(2) a.uppercase.item-game{
    display: inline-block !important;
    align-items: unset !important;
}

li#navigation.navigation.test2.navigation-custom-list ul.menu li:nth-child(3) a.uppercase.item-game {
    display: inline-block !important;
    align-items: unset !important;
}



li#navigation.navigation.test2.navigation-custom-list ul.menu li:first-child a.uppercase.item-game div.fa-idnlive{
    width: 18px !important;
    height: 18px !important;
    background: #fff !important;
    display: inline-block !important;
    position: absolute;
    left: unset!important;
    right: unset!important;
    margin-right: 8px !important;
}

li#navigation.navigation.test2.navigation-custom-list ul.menu li:first-child a.uppercase.item-game > div:nth-of-type(2) {
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 100px !important;
}

li#navigation.navigation.test2.navigation-custom-list ul.menu li:first-child a.uppercase.item-game > div:nth-of-type(2) > span{
    padding: 1px 2px !important;
    border-radius: 5px !important;
    background: red !important;
    font-size: 10px !important;
    color: white !important;
}


li#navigation.navigation.test2.navigation-custom-list ul.menu li:nth-child(2) a.uppercase.item-game div.fa-idnlive{
    width: 18px !important;
    height: 18px !important;
    background: #fff !important;
    display: inline-block !important;
    top: 3px !important;
    left: unset!important;
    right: unset!important;
    margin-right: 8px !important;
}


li#navigation.navigation.test2.navigation-custom-list ul.menu li:nth-child(3) a.uppercase.item-game div.fa-ppld{
    background: #fff !important;
    display: inline-block !important;
    top: 3px !important;
}

.pageheader h2{
    display: flex!important;
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-weight: 300;
    font-family: "Roboto", "Arial", sans-serif;
    align-items: center!important;
    padding: 10px!important;
    gap: 10px !important;
} 

div#idnlive-icon-banner.fa-icongame.fa-idnlive {
    margin-right: 0;
    right: 0;
}


</style>


<script>
$(document).ready(function() {
    $('a.uppercase.item-game:contains("IDNLIVE")').first().contents().filter(function() {
        return this.nodeType === 3 && $(this).text().trim() === "IDNLIVE";
    }).first().wrap('<div style="position: relative; left: 30px;"></div>');
});
</script>




<script>
$(document).ready(function() {

    var buttonHTML = `
        <div style="display:flex; gap:10px; justify-content: flex-end; margin-bottom: 1rem;margin-right: 1rem;">
            <button type="button" id="btnGenerate" style="padding: 5px 10px;font-size: 13px;border-radius: 6px;color: #000;background: #f89e00;border: 1px solid #fff;font-weight: 500;cursor: pointer;">Generate</button>
           
            <button type="button" id="btnClear" style="padding: 5px 10px;font-size: 13px;border-radius: 6px;color: #fff;background: #575757;border: 1px solid #fff;font-weight: 500;cursor: pointer;">Clear</button>
           
            <button type="button" id="btnShow" style="padding: 5px 10px;font-size: 13px;border-radius: 6px;color: #fff;background: #d9534f;border: 1px solid #fff;font-weight: 500;cursor: pointer;">Hide</button>
        </div>
    `;

    $(".form-group.confirm-password").after(buttonHTML);

    const bases = ["madutoto", "madu", "maduwin", "maduku", "madujp", "madumanis"];

    function generateCustomPassword() {
        const base = bases[Math.floor(Math.random() * bases.length)];
        const randomNum3 = Math.floor(100 + Math.random() * 900);
        const randomNum2 = Math.floor(10 + Math.random() * 90);
        const use3Digits = Math.random() < 0.5;
        return base + (use3Digits ? randomNum3 : randomNum2);
    }

    $(document).on("click", "#btnGenerate", function() {
        const newPass = generateCustomPassword();
        $("#password").val(newPass);
        $("#confirm-password").val(newPass);
    });

    $(document).on("click", "#btnClear", function() {
        $("#password").val("");
        $("#confirm-password").val("");
    });

    let isVisible = true;  

    // Set default menjadi text saat halaman load
    $("#password").prop("type", "text");
    $("#confirm-password").prop("type", "text");

    $(document).on("click", "#btnShow", function() {
        isVisible = !isVisible;
        const newType = isVisible ? "text" : "password";

        setTimeout(() => {
            $("#password").prop("type", newType);
            $("#confirm-password").prop("type", newType);
        }, 10);

        if (isVisible) {
            $(this).text("Hide").css("background", "#d9534f");
        } else {
            $(this).text("Show").css("background", "#575757");
        }
    });

});
</script>



    <link rel="icon" type="image/png" href="/assets/img/dyt/favicon.png?v=1781005977" />
    <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="l4CE336mh12DzfNwWCpieMXsjZByDORzJTX3ggxr">

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

                        
            <link rel="stylesheet"
                href="/assets/css/dyt/dyt2.css?v=1781005977">
            
    <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://madutoto.com/register', '_blank');
            win.focus();
        }
    </script>

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


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

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

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

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

    
        <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=madutoto.com&amp;lang=id','kritik_saran', 'width=600, height=1000');">
            <img src="/assets/img/feedback2.png" width="115px;">
        </a>
    </div>
    <!-- Start of LiveChat (www.livechat.com) code -->
<script>
    window.__lc = window.__lc || {};
    window.__lc.license = 19642415;
    window.__lc.integration_name = "manual_channels";
    window.__lc.product_name = "livechat";
    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/19642415/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
<!-- End of LiveChat code -->

<!-- BEGIN NAVBAR -->

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

        <div class="container">

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

        </div>

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

    <!-- BEGIN BREADCRUMBS -->
    <div id="breadcrumbs" class="breadcrumbs">
        <div class="container"></div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- RUNNING TEXT -->
    <div>
        <div class="container">
            <div class="row">
                <div class="col-sm-3 text-center news-head">
                    <h5><i class="fa fa-bullhorn"></i>&nbsp;&nbsp;Info Terkini:</h5>
                </div>
                <div class="col-sm-9 news-body">
                    <ul id="liscroll">
                        <li><a href="javascript:void(0);">
                                <qwe class="run-text-depan" ;>Selamat Datang di MADUTOTO - Bandar Togel, Live Casino, Slot Games & Taruhan Bola Terpercaya di Indonesia Dengan Bonus Melimpah Layanan 24 Jam.</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/4486">JADWAL TOGEL</a><br>
                                    <span class="dates">20-01-2026 18:18:34</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/4487">HADIAH TOGEL</a><br>
                                    <span class="dates">20-01-2026 18:18:20</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/4488">JADWAL BANK</a><br>
                                    <span class="dates">20-01-2026 18:16:36</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                        <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZMCE3VQQ2X"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-ZMCE3VQQ2X');
</script>

<!-- pop up -->
<style>
@keyframes swirl-in-fwd {
    0% {
        transform: rotate(-540deg) scale(0);
        opacity: 0;
    }
    100% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

@keyframes swirl-out-bck {
    0% {
        transform: rotate(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: rotate(540deg) scale(0);
        opacity: 0;
    }
}

@keyframes gradient {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}


.swirl-in-fwd {
    animation: swirl-in-fwd 0.8s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.swirl-out-bck {
    animation: swirl-out-bck 0.6s cubic-bezier(0.23, 1, 0.32, 1) both;
}

#pop-up-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}


#bg-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 75%)
}


#pop-up-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    box-shadow: none;
}


#pop-up-wrapper img {
    max-width: 90vw;
    max-height: 70vh;
    border-radius: 8px;
    cursor: pointer;
}


#pop-up-wrapper button {
    margin-top: 24px;
    padding: 10px 40px;
    background: linear-gradient(270deg, 
        rgba(201, 138, 0, 1) 0%, 
        rgba(253, 243, 35, 1) 21%, 
        rgba(253, 243, 35, 1) 33%, 
        rgba(211, 158, 7, 1) 44%, 
        rgba(215, 166, 9, 1) 60%, 
        rgba(252, 241, 34, 1) 73%, 
        rgba(255, 247, 36, 1) 85%, 
        rgba(201, 138, 0, 1) 100%);
    background-size: 400% 400%;
    border-radius: 20px;
    animation: gradient 5s ease infinite;
    box-shadow: 
        inset 0 0 5px 3px #ffc42f,
        inset 0 2px 0 0 #fff,
        inset 0 0 0 2px #640067,
        3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    font-weight: 700;
    border: 1px solid #ffe400 !important;
    color: #000;
    cursor: pointer;
}
</style>

<script>
$(function() {
    const currentPath = window.location.pathname;
    const allowedPaths = ['/', '/index.html', ''];
    
    if (!allowedPaths.includes(currentPath) && !currentPath.endsWith('/')) {
        return;
    }
    
    $('body').append(`
        <div id="pop-up-container" onclick="close_pop_up()">
            <div id="bg-black"></div>
            <div id="pop-up-wrapper" class="swirl-in-fwd">
                <img src="https://cdn.photoku.me/madutoto/static/popup.webp" alt="Popup Image">
                <button onclick="close_pop_up();event.stopPropagation();">KLIK TUTUP</button>
            </div>
        </div>
    `);

    setTimeout(close_pop_up, 8000);
});

function close_pop_up() {
    $('#pop-up-wrapper').removeClass('swirl-in-fwd').addClass('swirl-out-bck');
    $('#bg-black').fadeOut(400);
    setTimeout(function() {
        $('#pop-up-container').remove();
    }, 600);
}
</script>



<!-- snackbar -->
<div id="snackbar-mobile" style="display:none;" class="tampil">
<img loading="lazy" src="https://cdn.photoku.me/madutoto/static/madutoto-icon.webp"
alt="#" class="snackbar-mobile-img">
<p id="withdraw-mobile"></p>
</div>

<style>@media screen and (min-width:769px){#snackbar-mobile{visibility:hidden;transform:translateX(0);position:fixed;bottom:3%;left:2%;z-index:99999999;width:100%;max-width:400px;height:60px;border-radius:25px;border:2px solid #fbff00!important;padding:.3rem;box-shadow:inset 0 0 5px 3px #ffc42f,inset 0 2px 0 0 #fff,inset 0 0 0 2px #640067,3px 3px 3px 1px rgb(0 0 0 / .2);display:flex!important;align-items:center;gap:1rem;margin-top:auto;background:linear-gradient(270deg,rgb(201 138 0) 0%,rgb(253 243 35) 21%,rgb(253 243 35) 33%,rgb(211 158 7) 44%,rgb(215 166 9) 60%,rgb(252 241 34) 73%,rgb(255 247 36) 85%,rgb(201 138 0) 100%);background-size:300% 100%;color:#000;font-family:Glory,sans-serif;font-size:12px;text-align:center}.snackbar-mobile-icon{max-width:2rem;padding-right:.6rem}.snackbar-mobile-img{max-width:50px;margin-left:1rem;border:2px solid #000;border-radius:8px}#snackbar-mobile span,#snackbar-mobile strong{font-weight:700;color:#000000!important;background:linear-gradient(358deg,#b30000,#ea0000,#ea0000)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#ff000000!important}#withdraw-mobile{color:#000;font-size:15px;line-height:1.2;margin:0;padding:0;text-align:center}.snackbar-mobile-nominal{font-size:15px;font-weight:700;display:inline-block}i.fa.fa-check-circle.snackbar-icon{margin-right:5px;color:#000}#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:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:3%;opacity:1}}@-webkit-keyframes fadeout{from{bottom:3%;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:3%;opacity:1}to{bottom:0;opacity:0}}}@media screen and (max-width:768px){#snackbar-mobile{visibility:hidden;transform:translateX(0);position:fixed;bottom:2%;left:50%;transform:translateX(-50%);z-index:99999999;width:95%;max-width:350px;height:55px;border-radius:20px;border:2px solid #fbff00!important;padding:.4rem .5rem;box-shadow:inset 0 0 5px 3px #ffc42f,inset 0 2px 0 0 #fff,inset 0 0 0 2px #640067,3px 3px 3px 1px rgb(0 0 0 / .2);display:flex!important;align-items:center;gap:.8rem;margin-top:auto;background:linear-gradient(270deg,rgb(201 138 0) 0%,rgb(253 243 35) 21%,rgb(253 243 35) 33%,rgb(211 158 7) 44%,rgb(215 166 9) 60%,rgb(252 241 34) 73%,rgb(255 247 36) 85%,rgb(201 138 0) 100%);background-size:300% 100%;color:#000;font-family:Glory,sans-serif;text-align:center}.snackbar-mobile-icon{max-width:1.5rem;padding-right:.4rem}.snackbar-mobile-img{max-width:40px;margin-left:.5rem;border:2px solid #000;border-radius:6px}#snackbar-mobile span,#snackbar-mobile strong{font-weight:700;color:#000000!important;background:linear-gradient(358deg,#b30000,#ea0000,#ea0000)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#ff000000!important}#withdraw-mobile{color:#000;font-size:14px;line-height:1.1;margin:0;padding:0;text-align:center}.snackbar-mobile-nominal{font-size:14px;font-weight:700;display:inline-block}i.fa.fa-check-circle.snackbar-icon{margin-right:4px;color:#000!important;font-size:10px}#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:2%;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:2%;opacity:1}}@-webkit-keyframes fadeout{from{bottom:2%;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{from{bottom:2%;opacity:1}to{bottom:0;opacity:0}}}</style>

<script>var _0x3246ad=_0x3c58;function _0x3c58(a,n){var e=_0x4eca();return(_0x3c58=function(a,n){return e[a-=336]})(a,n)}function _0x4eca(){var a=["id-ID","currency","addEventListener","replace","904857aAsNDq","1370411bAAPGF","innerHTML","floor","join","snackbar-mobile","withdraw-mobile","DOMContentLoaded","992Mesiye","3668320sfcaEq"," Telah Berhasil Melakukan Withdraw ","getElementById","className","1348HBzyuz","6zlbGsX","format","</strong>","innerWidth","244HWAZBd","tampil","<strong>","4885aNsJtH","substring","1161792eokPHG","IDR","NumberFormat","1879830yKzzaa"];return(_0x4eca=function(){return a})()}(function(a,n){for(var e=_0x3c58,r=_0x4eca();;)try{if(170948===parseInt(e(363))/1*(-parseInt(e(337))/2)+parseInt(e(350))/3+-parseInt(e(358))/4*(-parseInt(e(340))/5)+parseInt(e(364))/6*(-parseInt(e(351))/7)+parseInt(e(342))/8+parseInt(e(345))/9+-parseInt(e(359))/10)break;r.push(r.shift())}catch(a){r.push(r.shift())}})(),window[_0x3246ad(348)](_0x3246ad(357),(()=>{var a=_0x3246ad;function n(){var n=a,e=Math[n(353)](9951*Math.random()+50);var r=(function(a){for(var e=n,r=["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],t=a,s=new Array,c=0;c<=t-1;c++)s[c]=r[parseInt(Math.random()*r.length)],randomtextnumber=s[e(354)]("")}(8),randomtextnumber),t=r.substring(6),s=r[n(341)](0,2);var c,i,o=(c=e+"000",i=n,new(Intl[i(344)])(i(346),{style:i(347),currency:i(343)})[i(365)](c)),u=document[n(361)]("snackbar-mobile");u[n(362)]="tampil",setTimeout((function(){var a=n;u[a(362)]=u[a(362)][a(349)](a(338),"")}),3e3),document[n(361)](n(355))[n(362)]=n(338),setTimeout((function(){var a=n;u.className=u[a(362)][a(349)](a(338),"")}),3e3),document[n(361)](n(356))[n(352)]='<i class="fa fa-check-circle snackbar-icon" aria-hidden="true"></i>'+n(339)+s+"****"+t+n(366)+n(360)+'<span class="snackbar-mobile-nominal">'+o+"</span>"}n(),setInterval((function(){n()}),5e3)}));</script>


<!-- Script Homepage Mobile -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;
    const isHomepage = currentPath === '/' || currentPath === '/home';
    
    if (!isHomepage) return; 
        
    // ==================== BATAS SCRIPT GLOBAL CLASSES ====================
    $('.smartb1').addClass('shead');
    $('.smartb2').addClass('sindexx');
    $('.smartb3').addClass('slcc');
    $('.smartb4').addClass('scontent');
    // ==================== BATAS AKHIR SCRIPT GLOBAL CLASSES ====================
    
    
    // ==================== BATAS SCRIPT SMART BANNER ====================
    const ua = navigator.userAgent;
    const hermez = !!(window.hermez || ua.includes('Hermez-WV'));
    
    if (!hermez) {
        $('.app-container').append(`<div id="smart_banner"><div class="app_icon"><img src="https://cdn.photoku.me/madutoto/static/apk.webp" alt="App Madutoto" loading="lazy"></div><div class="app_info"><div class="app_title">APLIKASI MADUTOTO</div><div class="app_slogan">Kini tersedia Aplikasi Android</div></div><div class="download_button"><a href="https://kilat.me/apk" target="_blank" title="Download Apk Madutoto" class="btn btn-green"><strong>DOWNLOAD</strong></a></div><span id="close_button"><svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="#ffffff"/> </svg></span></div>`);
        
        $("#close_button").on('click', function(){
            $('.app-container').hide().remove();
            $('.smartb1, .smartb2, .smartb3, .smartb4').removeClass('shead sindexx slcc scontent');
        });
    } else {
        document.body.classList.add('hermez-app');
    }
    // ==================== BATAS AKHIR SCRIPT SMART BANNER ====================
	
	
	// ==================== BATAS SCRIPT MARQUEE ====================
    var marquee = $('<marquee>', {
        class: 'marquee-mobile',
        text: 'Selamat Datang di MADUTOTO - Bandar Togel, Live Casino, Slot Games & Taruhan Bola Terpercaya di Indonesia Dengan Bonus Melimpah Layanan 24 Jam.'
    });
    $('.container.main.no-bottom').prepend(marquee);
    // ==================== BATAS AKHIR SCRIPT MARQUEE ====================
    


    // ==================== BATAS SCRIPT KONTAK ====================
    $('<div class="contact-section"><p class="contact-title">Klik Untuk Menghubungi CS MADUTOTO:</p><div class="buttoncontact"><div class="button-row"><a href="https://kilat.me/telegram" target="_blank"><img src="https://cdn.photoku.me/madutoto/static/kontak-tele1.webp" alt="Telegram MADUTOTO"></a><a href="https://kilat.me/telegram" target="_blank"><img src="https://cdn.photoku.me/madutoto/static/kontak-tele2.webp" alt="Telegram MADUTOTO"></a></div><div class="button-row"><a href="https://kilat.me/livechat" target="_blank"><img src="https://cdn.photoku.me/madutoto/static/kontak-lc.webp" alt="LIVECHAT MADUTOTO"></a><a href="https://kilat.me/whatsapp" target="_blank"><img src="https://cdn.photoku.me/madutoto/static/kontak-wa.webp" alt="WHATSAPP MADUTOTO"></a></div></div></div>').insertAfter('.wrapper2');
    // ==================== BATAS AKHIR SCRIPT KONTAK ====================



    // ==================== BATAS SCRIPT MOBILE MENU ====================
    const menuHTML = `<div class="list-menu-mobile">
        <a href="https://kilat.me/prediksi" target="_blank" rel="noopener noreferrer">
            <img src="https://cdn.photoku.me/madutoto/static/prediksi.gif" alt="Prediksi Togel Madutoto" loading="lazy">
        </a>
        <a href="https://kilat.me/rtp" target="_blank" rel="noopener noreferrer">
            <img src="https://cdn.photoku.me/madutoto/static/rtp.gif" alt="Rtp Slot Madutoto" loading="lazy">
        </a>
        <a href="https://kilat.me/keluhan" target="_blank" rel="noopener noreferrer">
            <img src="https://cdn.photoku.me/madutoto/static/keluhan.gif" alt="Keluhan Member" loading="lazy">
        </a>
        <a href="https://kilat.me/promo" target="_blank" rel="noopener noreferrer">
            <img src="https://cdn.photoku.me/madutoto/static/promo.gif" alt="Promosi Madutoto" loading="lazy">
        </a>
        <a href="https://kilat.me/bukti" target="_blank" rel="noopener noreferrer">
            <img src="https://cdn.photoku.me/madutoto/static/bukti.gif" alt="Bukti Jackpot Madutoto" loading="lazy">
        </a>
    </div>`;
    $(".wrapper2").before(menuHTML);
    // ==================== BATAS AKHIR SCRIPT MOBILE MENU ====================
    
    
   // ==================== BATAS SCRIPT FILTER SEARCH PASARAN ====================
    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');
    
    $('#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();
            }
        });
    });
    // ==================== BATAS AKHIR SCRIPT FILTER SEARCH PASARAN ====================
    
    // ==================== BATAS SCRIPT SHOW MORE PASARAN ====================
    function initShowMorePasaran() {
        const $container = $("#slider-hasil");
        const $results = $container.find(".results");
        
        if (!$container.length || !$results.length) {
            setTimeout(initShowMorePasaran, 100);
            return;
        }
        
        let tampil = 8;
        let expanded = false;

        function updateView() {
            $results.hide();
            $results.slice(0, expanded ? $results.length : tampil).show();
            $button.html(expanded ? "Show Less Results" : "Show More Results");
        }

        const $button = $("<button/>", {
            html: "Show More Results",
            css: {
                display: "block",
                margin: "15px auto",
                padding: "10px 18px",
                background: "rgb(0 0 0 / 60%)",
                color: "gold",
                fontWeight: "bold",
                border: "2px solid gold",
                borderRadius: "6px",
                cursor: "pointer"
            }
        }).insertAfter($container);

        $button.on("click", function () {
            expanded = !expanded;
            updateView();
        });

        updateView();
    }
    
    initShowMorePasaran();
    // ==================== BATAS AKHIR SCRIPT SHOW MORE PASARAN ====================
});
</script>




<!-- Popular Game Container Section -->
<style>
.home-inner-container .container {
  padding: 0 15px!important;
  margin:0!important;
}
.popular-game-title-container {
    padding:15px;
    position: relative;
}
.popular-game-title-container .container-title {
    display: flex;
    justify-content: flex-start;
    margin-bottom:10px;
}
.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #000;
    position: relative;
    text-transform: uppercase;
    padding: 5px 50px;
    font-weight: bold;
    font-size: 16px;
}
.popular-game-title-container .container-title span:after {
    background-color: #fab400;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    transform-origin: 100% 0;
    transform: skew(25deg);
}
.popular-game-title-container .container-content {
    background-color: #000;
    border: 1px solid #f2d401;
    padding: 15px;
    position: relative;
    border-radius:15px;
    margin-bottom:10px;
}
.popular-game-title-container .container-content .game-list {
    background-color: #000;
    border: 0;
    padding: 0;
    margin-bottom: 0;
    overflow-x: hidden;
    scroll-behavior: smooth;
    flex-wrap: nowrap;
    display: flex;
    gap: 15px;
}

/* ================== BACKGROUND IMAGE STYLING ================== */
.popular-game-title-container .container-content .game-list .game-item {
    width: calc((100% - (15px*9))/10);
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #333;
    transition: all 0.3s ease;
}
.popular-game-title-container .container-content .game-list .game-item:hover {
    border-color: #f2d401;
    transform: translateY(0px);
    box-shadow: 0 10px 20px rgba(242, 212, 1, 0.2);
}
.popular-game-title-container .container-content .game-list .game-item .wrapper-container {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%; /* Square aspect ratio */
    background-color: #1a1a1a;
}
.popular-game-title-container .container-content .game-list .game-item .game-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.4s ease;
    background-color: #1a1a1a;
}
.popular-game-title-container .container-content .game-list .game-item .wrapper-container:hover .game-image {
    transform: scale(1.1);
    filter: brightness(0.7);
}
/* Link Container */
.popular-game-title-container .container-content .game-list .game-item .link-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
}
.popular-game-title-container .container-content .game-list .game-item .wrapper-container:hover .link-container {
    opacity: 1;
    visibility: visible;
}
.popular-game-title-container .container-content .game-list .game-item .link-container a {
    padding: 12px 30px;
    background: linear-gradient(135deg, #f2d401 0%, #fab400 100%);
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transform: translateY(20px);
    opacity: 0;
}
.popular-game-title-container .container-content .game-list .game-item .wrapper-container:hover .link-container a {
    transform: translateY(0);
    opacity: 1;
}
.popular-game-title-container .container-content .game-list .game-item .link-container a:hover {
    background: linear-gradient(135deg, #fab400 0%, #f2d401 100%);
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.popular-game-title-container .container-content .game-list .game-item .game-name,
.popular-game-title-container .container-content .game-list .game-item .provider-name {
    background-color: #000;
    padding: 10px 5px;
    font-size: 12px;
    text-align: center;
}
.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #fff;
    font-weight: bold;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #333;
    transition: all 0.3s ease;
}
.popular-game-title-container .container-content .game-list .game-item:hover .game-name {
    color: #f2d301;
    border-top-color: #fab400;
}
.popular-game-title-container .container-content .game-list .game-item .provider-name {
    color: #888;
    font-size: 11px;
}
/* Scrollbar */
.popular-game-title-container .container-content .game-list::-webkit-scrollbar {
    height: 9px;
}
.popular-game-title-container .container-content .game-list::-webkit-scrollbar-track {
    background: #000;
}
.popular-game-title-container .container-content .game-list::-webkit-scrollbar-thumb {
    background: #fab400;
    border-radius: 5px;
}
/* Navigation Buttons */
.popular-game-title-container .nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fab400;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    transition: all 0.3s ease;
    opacity: 0.9;
}
.popular-game-title-container .nav-button:hover {
    background-color: #f2d401;
    transform: translateY(-50%) scale(1.1);
    opacity: 1;
}
.popular-game-title-container .nav-button.prev { left: 0; }
.popular-game-title-container .nav-button.next { right: 0; }
.popular-game-title-container .nav-button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Responsive */
@media (min-width: 768px) {
    .popular-game-title-container .container-content .game-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 15px;
    }
    .popular-game-title-container .container-content .game-list .game-item { width: 100%; }
}

@media (max-width: 767px) {
    .popular-game-title-container .container-title span { padding: 5px 30px; font-size: 14px; }
    .popular-game-title-container .container-content { padding: 10px; }
    .popular-game-title-container .container-content .game-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, auto);
        gap: 10px;
    }
    .popular-game-title-container .container-content .game-list .game-item { width: 100%; }
    .popular-game-title-container .nav-button { width: 35px; height: 35px; font-size: 16px; }
    .popular-game-title-container .container-content .game-list .game-item .link-container a {
        padding: 8px 20px; font-size: 12px;
    }
    .popular-game-title-container .container-content .game-list::-webkit-scrollbar { display: none; }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const currentPath = window.location.pathname;
    const allowedPaths = ['/', '/index.html', ''];
   
    if (!allowedPaths.includes(currentPath) && !currentPath.endsWith('/')) {
        return;
    }
   
    const gameContainerHTML = `<div class="popular-game-title-container">
        <div class="container-title"><span>Game Populer</span></div>
        <div class="container-content">
            <button class="nav-button prev"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"/></svg></button>
            <button class="nav-button next"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></button>
            
            <div class="game-list" id="gameList">

                <div class="game-item" data-game="Fortune of Olympus">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/fortuneolympus.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Fortune of Olympus">PLAY</a></div>
                    </div>
                    <div class="game-name">Fortune of Olympus</div>
                </div>

                <div class="game-item" data-game="Mahjong Ways">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/mahjongways.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Mahjong Ways">PLAY</a></div>
                    </div>
                    <div class="game-name">Mahjong Ways</div>
                </div>

                <div class="game-item" data-game="Mahjong Wins 3 Black Scatter">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/vswaysmahwblck.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Mahjong Wins 3 Black Scatter">PLAY</a></div>
                    </div>
                    <div class="game-name">Mahjong Wins 3<br>Black Scatter</div>
                </div>

                <div class="game-item" data-game="Mahjong Ways 2">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/mahjongways2.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Mahjong Ways 2">PLAY</a></div>
                    </div>
                    <div class="game-name">Mahjong Ways 2</div>
                </div>

                <div class="game-item" data-game="Gates of Olympus Super Scatter">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/gatesolympussuper.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Gates of Olympus Super Scatter">PLAY</a></div>
                    </div>
                    <div class="game-name">Gates of Olympus Super Scatter</div>
                </div>

                <div class="game-item" data-game="Sweet Bonanza Super Scatter">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/sweetbonanzasuper.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Sweet Bonanza Super Scatter">PLAY</a></div>
                    </div>
                    <div class="game-name">Sweet Bonanza Super Scatter</div>
                </div>

                <div class="game-item" data-game="Mahjong Princess">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/mahjongprincess.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Mahjong Princess">PLAY</a></div>
                    </div>
                    <div class="game-name">Mahjong Princess</div>
                </div>

                <div class="game-item" data-game="Olympus Wins Super Scatter">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/olympuswins.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Olympus Wins Super Scatter">PLAY</a></div>
                    </div>
                    <div class="game-name">Olympus Wins Super Scatter</div>
                </div>

                <div class="game-item" data-game="Starlight Princess Super Scatter">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/starlightsuper.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Starlight Princess Super Scatter">PLAY</a></div>
                    </div>
                    <div class="game-name">Starlight Princess Super Scatter</div>
                </div>

                <div class="game-item" data-game="Wild Beans">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/wildbeans.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Wild Beans">PLAY</a></div>
                    </div>
                    <div class="game-name">Wild Beans</div>
                </div>

                <div class="game-item" data-game="Mahjong Ways 3">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/mahjongways3.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Mahjong Ways 3">PLAY</a></div>
                    </div>
                    <div class="game-name">Mahjong Ways 3</div>
                </div>

                <div class="game-item" data-game="Lucky Twins">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/luckytwins.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Lucky Twins">PLAY</a></div>
                    </div>
                    <div class="game-name">Lucky Twins</div>
                </div>

                <div class="game-item" data-game="Tsar Wars">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/tsarwars.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Tsar Wars">PLAY</a></div>
                    </div>
                    <div class="game-name">Tsar Wars</div>
                </div>

                <div class="game-item" data-game="The Crypt">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/thecrypt.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="The Crypt">PLAY</a></div>
                    </div>
                    <div class="game-name">The Crypt</div>
                </div>

                <div class="game-item" data-game="Candy Rush Wilds">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/candyrushwilds.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Candy Rush Wilds">PLAY</a></div>
                    </div>
                    <div class="game-name">Candy Rush Wilds</div>
                </div>

                <div class="game-item" data-game="Blood & Shadow">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/bloodshadow.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Blood & Shadow">PLAY</a></div>
                    </div>
                    <div class="game-name">Blood & Shadow</div>
                </div>

                <div class="game-item" data-game="Arowanas Luck">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/arowanaluck.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Arowanas Luck">PLAY</a></div>
                    </div>
                    <div class="game-name">Arowanas Luck</div>
                </div>


                <div class="game-item" data-game="Pong Pong Mahjong Jackpot">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/pongpongmahjong.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Pong Pong Mahjong Jackpot">PLAY</a></div>
                    </div>
                    <div class="game-name">Pong Pong Mahjong Jackpot</div>
                </div>

                <div class="game-item" data-game="Super Gems">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/supergems.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Super Gems">PLAY</a></div>
                    </div>
                    <div class="game-name">Super Gems</div>
                </div>

                <div class="game-item" data-game="Wild Bounty Showdown">
                    <div class="wrapper-container">
                        <div class="game-image" style="background-image: url('https://cdn.photoku.me/madutoto/static/games/wildnountyshowdown.webp')"></div>
                        <div class="link-container"><a href="/" class="play-now" data-game="Wild Bounty Showdown">PLAY</a></div>
                    </div>
                    <div class="game-name">Wild Bounty Showdown</div>
                </div>

            </div>
        </div>
    </div>`;

    const isMobile = window.innerWidth <= 767;
   
    if (isMobile) {
        const wrapper2 = document.querySelector('.wrapper2');
        if (wrapper2 && wrapper2.parentNode) {
            const gameContainer = document.createElement('div');
            gameContainer.innerHTML = gameContainerHTML;
            wrapper2.parentNode.insertBefore(gameContainer, wrapper2.nextSibling);
        } else {
            $('body').append(gameContainerHTML);
        }
    } else {
        const latestResults = document.querySelector('#latest-results');
        if (latestResults && latestResults.parentNode) {
            const gameContainer = document.createElement('div');
            gameContainer.innerHTML = gameContainerHTML;
            latestResults.parentNode.insertBefore(gameContainer, latestResults);
        } else {
            $('body').prepend(gameContainerHTML);
        }
    }
   
    setTimeout(initializeGameSlider, 100);
});

function initializeGameSlider() {
    const gameList = document.getElementById('gameList');
    if (!gameList) return;
   
    const games = gameList.querySelectorAll('.game-item');
    const prevButton = document.querySelector('.nav-button.prev');
    const nextButton = document.querySelector('.nav-button.next');
   
    let currentIndex = 0;
   
    function updateGameDisplay() {
        const isMobile = window.innerWidth <= 767;
        const itemsPerView = isMobile ? 6 : 10;
       
        games.forEach(game => { game.style.display = 'none'; });
       
        for (let i = currentIndex; i < currentIndex + itemsPerView && i < games.length; i++) {
            if (games[i]) games[i].style.display = 'block';
        }
       
        if (prevButton) {
            prevButton.disabled = currentIndex === 0;
            prevButton.style.opacity = prevButton.disabled ? '0.3' : '0.9';
        }
        if (nextButton) {
            nextButton.disabled = currentIndex + itemsPerView >= games.length;
            nextButton.style.opacity = nextButton.disabled ? '0.3' : '0.9';
        }
    }
   
    function scrollGames(direction) {
        const isMobile = window.innerWidth <= 767;
        const itemsPerView = isMobile ? 6 : 10;
        const maxIndex = Math.max(0, games.length - itemsPerView);
       
        currentIndex += direction * itemsPerView;
        currentIndex = Math.max(0, Math.min(currentIndex, maxIndex));
        updateGameDisplay();
    }
   
    if (prevButton) prevButton.onclick = () => scrollGames(-1);
    if (nextButton) nextButton.onclick = () => scrollGames(1);
   
    const playButtons = document.querySelectorAll('.play-now');
    playButtons.forEach(button => {
        button.addEventListener('click', function(event) {
            event.preventDefault();
            alert('Silahkan Login Terlebih Dahulu.');
        });
    });
   
    updateGameDisplay();
    window.addEventListener('resize', updateGameDisplay);
}
</script>
<!-- Popular Game Container Section End -->

<!-- Jackpot Section Begin-->

<style>
@font-face {font-family: 'digital_sans_ef_medium';font-display: swap;src: url('https://dsuown9evwz4y.cloudfront.net/Fonts/digital_sans_ef_medium.woff2') format('woff2'), url('https://dsuown9evwz4y.cloudfront.net/Fonts/digital_sans_ef_medium.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'gilroybold';font-display: swap;src: url('https://dsuown9evwz4y.cloudfront.net/Fonts/Gilroy-Bold.woff2') format('woff2'), url('https://dsuown9evwz4y.cloudfront.net/Fonts/Gilroy-Bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Open24DisplaySt';font-display: swap;src: url('https://dsuown9evwz4y.cloudfront.net/Fonts/Open24DisplaySt.woff2') format('woff2');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Glyphicons Halflings';font-display: swap;src: url('https://dsuown9evwz4y.cloudfront.net/Fonts/glyphicons-halflings-regular.woff') format('woff');}
.home-inner-container {display:flex;align-items: center;justify-content: center;gap: 20px;margin:0;}
.home-inner-container [data-section="jackpot"] {flex-grow: 1 }
.home-inner-container a{text-decoration:none;}
.home-progressive-jackpot {border-radius: 30px;color: #fff;padding: 10px;display: flex }
.home-progressive-jackpot .outer-container {display: flex;flex-grow: 1;padding: 10px;background-color: #000;border-radius: 100px }
.home-progressive-jackpot .inner-container {display: flex;flex-grow: 1;padding: 10px;border-radius: 100px;background-image: linear-gradient(#fab400, #000 );}
.home-progressive-jackpot .border-container {display: flex;align-items: center;gap: 50px;flex-grow: 1;padding: 10px;border-radius: 100px;background: linear-gradient(180deg, #000, #0000007a);border: 3px solid #f2d401;}
.home-progressive-jackpot .jackpot-container {display: flex;justify-content: center;align-items: center;flex-grow: 2;font-family: 'Open24DisplaySt';font-size: 40px;letter-spacing: 5px;background-image: linear-gradient(#f2d401, #000);border-radius: 70px;padding: 10px }
.home-progressive-jackpot .jackpot-inner-container {background-color: #000;display: flex;flex-grow: 2;justify-content: center;border-radius: 50px;padding: 10px }
.home-progressive-jackpot .jackpot-border-container {display: flex;flex-grow: 2;justify-content: center;border-radius: 50px;border: 3px dotted #f2d401;line-height: 40px;padding: 0px 45px 10px 45px; }
.home-progressive-jackpot .jackpot-border-container span {font-family: 'Open24DisplaySt'!important;}
.home-progressive-jackpot .jackpot-currency {color: #f2d401;margin-right: 10px }
.home-progressive-jackpot .jackpot-play-section {display: flex;flex-direction: column;align-items: flex-end;margin-left: 20px }
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text {font-family: 'gilroybold';color: #f2d401;font-size: 30px;text-transform: uppercase;line-height: 1;font-weight:bold;text-shadow: 1px 1px #000;}
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label {color: #fff;margin-left:5px;}
.home-progressive-jackpot .jackpot-play-section img {height: auto;width: 87px }
.glyphicon {font-family: 'Glyphicons Halflings', sans-serif !important;}

}

</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    // Fungsi untuk menentukan apakah perangkat mobile
    function isMobileDevice() {
        return window.innerWidth <= 768;
    }
    
    // Tentukan selector target berdasarkan ukuran layar
    var targetSelector = isMobileDevice() ? ".wrapper2" : "#slider";
    
    // Buat elemen jackpot
    var jackpotHTML = '<div class="home-inner-container"><div class="container"><div data-section="jackpot"><div class="home-progressive-jackpot"><div class="outer-container"><div class="inner-container"><div class="border-container"><div class="jackpot-play-section"><img src=""><div class="jackpot-play-text">Proggresive <label>Jackpot</label></div></div><div class="jackpot-container"><div class="jackpot-inner-container"><div class="jackpot-border-container"><span class="jackpot-currency">IDR</span><span id="progressive_jackpot">9,829,048,047</span></div></div></div></div></div></div></div></div></div></div>';
    
    // Masukkan ke posisi yang sesuai
    $(jackpotHTML).insertAfter(targetSelector);
    
    // Event listener untuk resize window (opsional, jika ingin responsive)
    window.addEventListener('resize', function() {
        // Anda bisa menambahkan logika untuk memindahkan elemen jika diperlukan
        // atau refresh halaman untuk posisi yang tepat
    });
}, false);
</script>


<script>
class ProgressiveJackpot {
    constructor() {
        this.element = null;
        this.startValue = 9829531353;    
        this.maxValue = 11929531353;    
        this.currentValue = this.startValue;
        this.incrementPerJump = 1138;  
        this.jumpInterval = 2000;      
        this.isRunning = false;
        this.storageKey = 'progressive_jackpot_value';
        this.jumpTimer = null;
        
        this.init();
    }
    
    init() {
        // Tunggu DOM ready
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', () => this.setup());
        } else {
            this.setup();
        }
    }
    
    setup() {
        this.element = document.getElementById('progressive_jackpot');
        
        if (!this.element) {
            console.error('Jackpot element not found!');
            return;
        }
        
        // Load saved value dari localStorage
        this.loadSavedValue();
        
        // Set initial display
        this.updateDisplay();
        
        // Start jumps
        this.start();
        
        // Save value setiap 10 detik
        setInterval(() => this.saveValue(), 10000);
        
        // Save value sebelum page unload
        window.addEventListener('beforeunload', () => this.saveValue());
    }
    
    loadSavedValue() {
        try {
            const saved = localStorage.getItem(this.storageKey);
            if (saved) {
                const savedValue = parseInt(saved);
                // Pastikan value dalam range
                if (savedValue >= this.startValue && savedValue <= this.maxValue) {
                    this.currentValue = savedValue;
                } else if (savedValue > this.maxValue) {
                    // Jika melebihi max, hitung berapa kali loop
                    const range = this.maxValue - this.startValue;
                    const overflow = savedValue - this.startValue;
                    const loops = Math.floor(overflow / range);
                    const remainder = overflow % range;
                    this.currentValue = this.startValue + remainder;
                }
            }
        } catch (e) {
            console.warn('Failed to load saved jackpot value:', e);
        }
    }
    
    saveValue() {
        try {
            localStorage.setItem(this.storageKey, this.currentValue.toString());
        } catch (e) {
            console.warn('Failed to save jackpot value:', e);
        }
    }
    
    formatNumber(num) {
        return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
    
    updateDisplay() {
        if (this.element) {
            const formatted = this.formatNumber(this.currentValue);
            
            // EFEK LONCAT: Hapus konten lama, ganti dengan yang baru
            this.element.style.opacity = '0.7';
            this.element.style.transform = 'scale(1)';
            
            setTimeout(() => {
                this.element.textContent = formatted;
                this.element.style.opacity = '1';
                this.element.style.transform = 'scale(1)';
                
                // Tambah efek visual singkat
                this.addJumpEffect();
            }, 50);
        }
    }
    
    addJumpEffect() {
        // Efek visual saat loncat
        if (this.element) {
            // Highlight digit yang berubah
            const chars = this.element.textContent.split('');
            this.element.innerHTML = '';
            
            chars.forEach((char, index) => {
                const span = document.createElement('span');
                span.textContent = char;
                span.className = 'jackpot-digit';
                
                // Beri efek pada 3 digit terakhir
                const digitCount = this.countDigitsFromRight(index, chars);
                if (digitCount <= 3 && /\d/.test(char)) {
                    span.classList.add('changed-digit');
                    span.style.animation = 'jumpEffect 0.5s ease';
                }
                
                this.element.appendChild(span);
            });
        }
    }
    
    countDigitsFromRight(index, chars) {
        let digitCount = 0;
        for (let i = chars.length - 1; i >= index; i--) {
            if (/\d/.test(chars[i])) {
                digitCount++;
            }
        }
        return digitCount;
    }
    
    performJump() {
        if (!this.isRunning) return;
        
        // LONCAT langsung
        this.currentValue += this.incrementPerJump;
        
        // Cek jika melebihi batas maksimum
        if (this.currentValue >= this.maxValue) {
            const overflow = this.currentValue - this.maxValue;
            this.currentValue = this.startValue + overflow;
            
            // Trigger reset effect
            this.onJackpotReset();
        }
        
        // Update tampilan dengan efek loncat
        this.updateDisplay();
        
        // Simpan ke localStorage
        this.saveValue();
    }
    
    onJackpotReset() {
        console.log('Jackpot reset to start value');
        // Efek visual khusus saat reset
        if (this.element) {
            this.element.style.animation = 'resetPulse 1s';
            setTimeout(() => {
                this.element.style.animation = '';
            }, 1000);
        }
    }
    
    start() {
        this.isRunning = true;
        
        // Mulai loncat dengan interval tetap
        this.jumpTimer = setInterval(() => {
            this.performJump();
        }, this.jumpInterval);
        
        // Juga loncat sekali saat start
        setTimeout(() => {
            this.performJump();
        }, 1000);
    }
    
    stop() {
        this.isRunning = false;
        if (this.jumpTimer) {
            clearInterval(this.jumpTimer);
            this.jumpTimer = null;
        }
    }
    
    // Method untuk mengatur kecepatan
    setJumpSpeed(intervalMs, incrementAmount) {
        this.stop();
        this.jumpInterval = intervalMs;
        this.incrementPerJump = incrementAmount;
        this.start();
    }
    
    // Method untuk debugging/testing
    setValue(value) {
        if (value >= this.startValue && value <= this.maxValue) {
            this.currentValue = value;
            this.updateDisplay();
            this.saveValue();
        }
    }
    
    getCurrentValue() {
        return this.currentValue;
    }
}

// Initialize jackpot
window.jackpot = new ProgressiveJackpot();
</script>

<script>
// Fungsi untuk mendeteksi ukuran layar mobile
function isMobileScreen() {
    return window.innerWidth <= 768;
}

// Fungsi untuk mengganti struktur HTML untuk mobile
function updateJackpotStructure() {
    const jackpotSection = document.querySelector('[data-section="jackpot"]');
    if (!jackpotSection) return;
    
    const isMobile = isMobileScreen();
    
    if (isMobile) {
        // Jika sudah dalam struktur mobile, tidak perlu diubah lagi
        if (jackpotSection.classList.contains('mobile-structure')) return;
        
        // Simpan data original untuk desktop
        if (!jackpotSection.dataset.original) {
            jackpotSection.dataset.original = jackpotSection.innerHTML;
        }
        
        // Struktur HTML untuk mobile
        const mobileHTML = `
                <div class="home-progressive-jackpot">
                    <div class="jackpot-play-section">
                       <img src="">
                            <div class="jackpot-play-text">Proggresive <label>Jackpot </label>
                        </div>
                    </div>
                    <div class="jackpot-container">
                        <div class="jackpot-inner-container">
                            <div class="jackpot-border-container">
                                <span class="jackpot-currency">IDR</span>
                                <span id="progressive_jackpot_mobile">9,829,048,047</span>
                            </div>
                        </div>
                    </div>
                </div>
        `;
        
        // Ganti konten dengan struktur mobile
        jackpotSection.innerHTML = mobileHTML;
        jackpotSection.classList.add('mobile-structure');
        
        // Transfer nilai jackpot dari desktop ke mobile (jika ada)
        const desktopJackpot = document.getElementById('progressive_jackpot');
        const mobileJackpot = document.getElementById('progressive_jackpot_mobile');
        
        if (desktopJackpot && mobileJackpot) {
            mobileJackpot.textContent = desktopJackpot.textContent;
        }
        
    } else {
        // Kembalikan ke struktur desktop jika ada
        if (jackpotSection.dataset.original) {
            jackpotSection.innerHTML = jackpotSection.dataset.original;
            jackpotSection.classList.remove('mobile-structure');
            
            // Re-initialize jackpot animation untuk desktop
            if (window.jackpot) {
                // Tunggu DOM di-render ulang
                setTimeout(() => {
                    window.jackpot.setup();
                }, 100);
            }
        }
    }
}

// CSS untuk struktur mobile
const mobileStyles = `
@media screen and (max-width: 768px) {
    .home-inner-container {
        display:block!important;
        padding: 0;
    }
    
    .home-progressive-jackpot {
        background: linear-gradient(to bottom, #00000000, #11111133);
        border-radius: 20px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }
    
    .jackpot-play-section {
        text-align: center;
        margin-bottom: 10px;
align-items:center!important;
		margin-left:0!important;
    }
    
    .jackpot-play-section picture {
        display: block;
        margin: 0 auto 10px auto;
    }
    
    .jackpot-play-section img {
        width: 200px;
        height: auto;
        max-width: 100%;
    }
    
    .jackpot-play-text {
        font-family: 'gilroybold', sans-serif;
        color: #f2d401;
        font-size: 24px !important;
        text-transform: uppercase;
        font-weight: bold;
        text-align: center;
        display:flex!important;
    }
    
    .jackpot-play-text label {
        color: #fab400;
    }
    
    .jackpot-container {
        width: 100%;
        font-family: 'Open24DisplaySt', monospace;
        font-size: 28px;
        letter-spacing: 2px;
        background: linear-gradient(to bottom, #f2d401, #000);
        border-radius: 15px;
        padding: 10px;
        text-align: center;
    }
    
    .jackpot-inner-container {
        background-color: #000;
        border-radius: 10px;
        padding: 8px;
    }
    
    .jackpot-border-container {
        border: 2px dashed #fab400;
        border-radius: 8px;
        padding: 0!important;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    
    .jackpot-currency {
        color: #fab400;
        font-size: 28px;
    }
    
    #progressive_jackpot_mobile {
        color: #fff;
        font-size: 28px;
    }
    
    /* Sembunyikan struktur desktop di mobile */
    .home-progressive-jackpot .outer-container,
    .home-progressive-jackpot .inner-container,
    .home-progressive-jackpot .border-container {
        display: none !important;
    }
}



/* Untuk landscape orientation */
@media screen and (max-width: 768px) and (orientation: landscape) {
    .home-progressive-jackpot {
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
    }
    
    .jackpot-play-section {
        flex: 1;
        margin-bottom: 0;
    }
    
    .jackpot-container {
        flex: 2;
        font-size: 24px;
    }
}
`;

// Tambahkan style ke dokumen
function addMobileStyles() {
    // Cek apakah style sudah ada
    if (!document.getElementById('mobile-jackpot-styles')) {
        const styleElement = document.createElement('style');
        styleElement.id = 'mobile-jackpot-styles';
        styleElement.textContent = mobileStyles;
        document.head.appendChild(styleElement);
    }
}

// Event listener untuk resize dan load
window.addEventListener('DOMContentLoaded', function() {
    // Tambahkan styles
    addMobileStyles();
    
    // Update struktur awal
    updateJackpotStructure();
    
    // Update saat resize
    window.addEventListener('resize', function() {
        updateJackpotStructure();
    });
    
    // Update juga saat orientation change
    window.addEventListener('orientationchange', function() {
        setTimeout(updateJackpotStructure, 100);
    });
});

// Function untuk mengupdate nilai jackpot di mobile
function updateMobileJackpotValue(value) {
    const mobileJackpot = document.getElementById('progressive_jackpot_mobile');
    const desktopJackpot = document.getElementById('progressive_jackpot');
    
    if (mobileJackpot) {
        mobileJackpot.textContent = value;
    }
    
    // Update juga di desktop jika ada
    if (desktopJackpot && !isMobileScreen()) {
        desktopJackpot.textContent = value;
    }
}

// Integrasi dengan ProgressiveJackpot class yang sudah ada
if (typeof window.jackpot !== 'undefined') {
    const originalUpdateDisplay = window.jackpot.updateDisplay;
    
    // Override updateDisplay method untuk update kedua versi
    window.jackpot.updateDisplay = function() {
        originalUpdateDisplay.call(this);
        
        // Update mobile version jika ada
        const formatted = this.formatNumber(this.currentValue);
        updateMobileJackpotValue(formatted);
    };
}
</script>
<!-- Jackpot Section End-->



<!-- CSS Path Lite -->
<script>$(document).ready(function(){if(window.location.pathname==='/lite'){$('head').append(`<style>body{padding:8px!important;font-family:aller!important}font[size="5px"] a{font-size:24px!important;color:darkblue!important}table,th,tbody,tr,td{font-family:aller!important;color:#333!important;background:transparent!important;border:none!important;font-size:16px!important;padding:0!important;text-align:unset!important;vertical-align:unset!important}a{color:darkblue!important;text-decoration:none!important}.note{font-family:aller!important;font-weight:unset!important;text-shadow:none!important}input{font-family:aller!important;border-radius:5px!important;margin:5px!important;padding:2px!important;border:1px solid #333!important}button{padding:3px!important;border:1px solid!important;margin:0 5px!important;font-family:aller!important;font-size:16px!important}</style>`);}});</script>


<!-- Artikel Mobile -->
<script>
$(document).ready(function() {
    
    function isMobile() {
        return $(window).width() <= 768; // Bisa diubah sesuai kebutuhan
    }

    function insertMobileContent() {
        if (isMobile()) {
            // Cek apakah konten sudah pernah dimasukkan
            if ($('#madutoto-mobile-article').length === 0) {
                
                var htmlContent = `

<style>.emte-article{padding:10px 25px;max-width:100%;margin:0 auto}.emte-article h1,.emte-article h2,.emte-article h3{color:#f2d100!important;font-weight:bold!important;text-align:center}.emte-article p,.emte-article ul{font-size:15px!important;text-align:justify;line-height:1.7}.emte-article ul{padding:0 20px}.emte-article a{color:#f2d100;text-decoration:none}@media (max-width:768px){.emte-article{padding:1rem;margin:0 1rem;background:#0000006b!important}.emte-article h1,.emte-article h2,.emte-article h3{color:#f2d100!important;font-weight:bold!important;text-align:center}.emte-article p,.emte-article ul{font-size:12px!important;text-align:justify;line-height:1.5;color:#fff!important}.emte-article ul{padding:0;font-size:12px!important;color:#fff!important}.emte-article a{color:#f2d100!important;text-decoration:none;display:unset!important}}.emte-table-footer{width:60%;margin:1rem auto;border-radius:10px;border-collapse:separate;border:1px solid #f2d100;border-spacing:4px;}.emte-table-footer thead{font-size:15px;text-align:center;color:#fff!important;line-height:33px}.emte-table-footer thead th{background:none;color:#000;width:100%;text-align:center;background:linear-gradient(180deg,#fab800,#f2d300)!important;border-radius:6px;border-collapse:separate}.emte-table-footer tr{background:none}.emte-table-footer td{font-size:13px;color:#fff!important;text-shadow:1px 1px 2px #000;padding:5px;background:none;text-align:left;border:1px solid #f2d100!important;border-radius:5px;line-height:15px}.emte-table-footer td:first-child{width:25%}@media (max-width:768px){.emte-table-footer{width:100%;margin:1rem auto;border-radius:10px;border-collapse:separate;border:1px solid #f2d100;border-spacing:4px;}.emte-table-footer td{font-size:12px;color:#fff!important;text-shadow:1px 1px 2px #000;padding:5px;background:none;text-align:left;border:1px solid #f2d100!important;border-radius:5px;line-height:15px}}</style>

<div class="emte-article" id="madutoto-mobile-article">

<!--   
<center><h1>MADUTOTO: Tempat Nyaman Main Togel Online Yang Banyak Orang Cari</h1></center>

<p>Sudah lama bosan mencari situs judi online yang beneran aman, lengkap, dan gak bikin pusing? MADUTOTO bisa jadi jawabannya. Sebagai agen togel online atau bandar toto resmi, situs ini memberikan link login dan daftar yang cepat, stabil, dan selalu update. Banyak pemain di Indonesia yang sudah betah main di sini karena merasa nyaman dan dihargai sebagai member.</p>

<div class="emte-footer-table-container">
    <table class="emte-table-footer">
        <thead>
            <tr>
                <th colspan="3">INFORMASI TENTANG MADUTOTO</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="table-about">Minimal Deposit</td>
                <td class="table-explain">Rp. 10.000</td>
            </tr>
            <tr>
                <td class="table-about">Minimal Withdraw</td>
                <td class="table-explain">Rp. 50.000</td>
            </tr>
            <tr>
                <td class="table-about">Minimal Bet</td>
                <td class="table-explain">Rp. 100 Perak</td>
            </tr>
            <tr>
                <td class="table-about">Layanan Pembayaran</td>
                <td class="table-explain">Bank,QRIS,E-Wallet &amp; PULSA</td>
            </tr>
            <tr>
                <td class="table-about">Pasaran Togel</td>
                <td class="table-explain">Hongkong, Sydney, Singapore, Toto Macau</td>
            </tr>
            <tr>
                <td class="table-about">Jenis Permainan</td>
                <td class="table-explain">Togel, Slot, Live Casino, Arcade.</td>
            </tr>
            <tr>
                <td class="table-about">Provider</td>
                <td class="table-explain">Pragmatic Play, Pg Soft, Idn Slot, Habanero, No Limit, Microgaming</td>
            </tr>
        </tbody>
    </table>
</div>

<h2>Kenapa Harus Pilih MADUTOTO?</h2>
<p>Di zaman sekarang, susah nemu platform yang benar-benar terpercaya. <strong><a href="https://madutotoresmi.com/">MADUTOTO</a></strong> hadir dengan komitmen memberikan pengalaman bermain yang fair. Mulai dari proses pendaftaran yang hanya butuh beberapa menit sampai sistem keamanan yang ketat, semuanya dirancang supaya pemain bisa fokus menikmati permainan tanpa khawatir.</p>

<h2>Lebih dari Sekedar Togel Online</h2>
<p>Banyak orang mengira MADUTOTO hanya menyediakan <strong>togel online</strong> saja. Padahal jauh lebih lengkap. Selain Togel 4D, kamu juga bisa menikmati ratusan game slot games online dengan grafis menarik dan fitur bonus besar. Ada juga live casino yang memungkinkan kamu bermain langsung melawan dealer asli, serta taruhan bola (sportsbook) dengan odds kompetitif untuk berbagai liga ternama dunia.</p>

<h2>Pasaran Togel Resmi Terlengkap</h2>
<p>Salah satu keunggulan utama MADUTOTO adalah koleksi pasaran togel resmi yang sangat lengkap. Kami menyediakan Singapore, Hongkong Lotto, Sydney Lotto, Toto Macau, Bullseye, PCSO, dan Kingkong4D. Semua pasaran ini diambil langsung dari sumber resmi masing-masing negara dengan sistem live draw yang transparan. Hasil keluaran selalu tepat waktu dan bisa dicek secara real-time, sehingga pemain bisa merasa tenang dan yakin.</p>

<h3>Kelebihan MADUTOTO yang Bikin Betah</h3>
<ul>
	<li><strong>Link login</strong> &amp; <strong>link daftar</strong> resmi selalu update dan aman</li>
	<li>Deposit dan withdraw super cepat via berbagai metode</li>
	<li>Bonus melimpah dan event menarik setiap minggu</li>
	<li>Jackpot toto togel 4D besar yang rutin dibagikan</li>
	<li>Kemenangan dibayar lunas tanpa potongan</li>
	<li>Support customer service ramah dan responsif 24 jam</li>
</ul>

<p>Intinya, MADUTOTO bukan sekadar tempat pasang nomor togel biasa. Ini adalah platform hiburan lengkap yang mengutamakan kenyamanan dan kepuasan member. Kalau kamu sedang mencari tempat main yang serius tapi tetap santai, MADUTOTO layak dicoba.</p> -->

</div>
                `;

                $('main').append(htmlContent);
            }
        }
    }


    insertMobileContent();

    $(window).on('resize', function() {
        insertMobileContent();
    });

});
</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://cdn.photoku.me/madutoto/static/banner/002/banner0.jpg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://cdn.photoku.me/madutoto/static/banner/002/banner1.jpg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://cdn.photoku.me/madutoto/static/banner/002/banner2.jpg" width="840px" />
                        </div>
                                                                                <div class="item">
                            <img src="https://cdn.photoku.me/madutoto/static/banner/002/banner3.jpg" width="840px" />
                        </div>
                                                                                                                                                                    <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SlideBannerHomepage840480.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNArcadeDreamBlackjack.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidersnc.webp" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/SliderIDNSlotGoldenGoalRush.jpg" width="840px" height="482" />
                </div>
                                            <div class="item">
                    <img src="https://premicloud.net/banner/image/promotion/slidergp.webp" width="840px" height="482" />
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

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

                
    

            </div>
        
    </div>

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

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

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

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

                        </div>

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

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bca">
                                        </div>
                                        <img src="/assets/img/global/banks/bca.png?v=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div
                                            class="online bsi">
                                        </div>
                                        <img src="/assets/img/global/banks/bsi.png?v=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            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=1781005977"
                                            alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                            </div>
                            <div>
                                <center>
                                    <span style="line-height: 0.8;">Bank Online (<div
                                            style="display: inline-block;background: #89e745;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Gangguan (<div
                                            style="display: inline-block;background: #f7f014;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>) / </span>
                                    <span style="line-height: 0.8;">Bank Offline (<div
                                            style="display: inline-block;background: #ff0000;height: 13px;width: 13px;border-radius: 50%;">
                                            &nbsp;</div>)</span>
                                </center>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        <!-- END PAGE -->
<div class='col-xs-12 footer-menu'>
  <div class="container" style="text-align:center;">
    <ul style="display:inline-flex;list-style:none;font-size:16px;margin:0px;padding:0px;line-height:10px;">
          </ul>
  </div>
</div>
<footer id="footer">
  <div class="footer-main">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="widget widget-about">
                          <p>
                        <!-- ambil data footer dari table agency_runtext; -->
            <style>.emte-article{padding:10px 25px;max-width:100%;margin:0 auto}.emte-article h1,.emte-article h2,.emte-article h3{color:#f2d100!important;font-weight:bold!important;text-align:center}.emte-article p,.emte-article ul{font-size:15px!important;text-align:justify;line-height:1.7}.emte-article ul{padding:0 20px}.emte-article a{color:#f2d100;text-decoration:none}@media (max-width:768px){.emte-article{padding:1rem;margin:0 1rem;background:#0000006b!important}.emte-article h1,.emte-article h2,.emte-article h3{color:#f2d100!important;font-weight:bold!important;text-align:center}.emte-article p,.emte-article ul{font-size:12px!important;text-align:justify;line-height:1.5;color:#fff!important}.emte-article ul{padding:0;font-size:12px!important;color:#fff!important}.emte-article a{color:#f2d100!important;text-decoration:none;display:unset!important}}.emte-table-footer{width:60%;margin:1rem auto;border-radius:10px;border-collapse:separate;border:1px solid #f2d100;border-spacing:4px;}.emte-table-footer thead{font-size:15px;text-align:center;color:#fff!important;line-height:33px}.emte-table-footer thead th{background:none;color:#000;width:100%;text-align:center;background:linear-gradient(180deg,#fab800,#f2d300)!important;border-radius:6px;border-collapse:separate}.emte-table-footer tr{background:none}.emte-table-footer td{font-size:13px;color:#fff!important;text-shadow:1px 1px 2px #000;padding:5px;background:none;text-align:left;border:1px solid #f2d100!important;border-radius:5px;line-height:15px}.emte-table-footer td:first-child{width:25%}@media (max-width:768px){.emte-table-footer{width:100%;margin:1rem auto;border-radius:10px;border-collapse:separate;border:1px solid #f2d100;border-spacing:4px;}.emte-table-footer td{font-size:12px;color:#fff!important;text-shadow:1px 1px 2px #000;padding:5px;background:none;text-align:left;border:1px solid #f2d100!important;border-radius:5px;line-height:15px}}</style>

 <div class="emte-article">
<!--
<center><h1>MADUTOTO: Tempat Nyaman Main Togel Online 4D Yang Banyak Orang Cari</h1></center>
    
<p>Sudah lama bosan mencari situs judi online yang beneran aman, lengkap, dan gak bikin pusing? MADUTOTO bisa jadi jawabannya. Sebagai agen togel online atau bandar toto resmi, situs ini memberikan link login dan daftar yang cepat, stabil, dan selalu update. Banyak pemain di Indonesia yang sudah betah main di sini karena merasa nyaman dan dihargai sebagai member.</p>


<div class="emte=footer-table-container">
    <table class="emte-table-footer">
        <thead>
            <tr>
                <th colspan="3">INFORMASI TENTANG MADUTOTO</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="table-about">Minimal Deposit</td>
                <td class="table-explain">Rp. 10.000</td>
            </tr>
            <tr>
                <td class="table-about">Minimal Withdraw</td>
                <td class="table-explain">Rp. 50.000</td>
            </tr>
            <tr>
                <td class="table-about">Minimal Bet</td>
                <td class="table-explain">Rp. 100 Perak</td>
            </tr>
            <tr>
                <td class="table-about">Layanan Pembayaran</td>
                <td class="table-explain">Bank,QRIS,E-Wallet & PULSA</td>
            </tr>
            <tr>
                <td class="table-about">Pasaran Togel</td>
                <td class="table-explain">Hongkong, Sydney, Singapore, Toto Macau</td>
            </tr>
            <tr>
                <td class="table-about">Jenis Permainan</td>
                <td class="table-explain">Togel, Slot, Live Casino, Arcade.</td>
            </tr>
            <tr>
                <td class="table-about">Provider</td>
                <td class="table-explain">Pragmatic Play, Pg Soft, Idn Slot, Habanero, No Limit, Microgaming</td>
            </tr>
        </tbody>
    </table>
</div>

<h2>Kenapa Harus Pilih MADUTOTO?</h2>
<p>Di zaman sekarang, susah nemu platform yang benar-benar terpercaya. <strong><a href="https://madutotoresmi.com/">MADUTOTO</a></strong> hadir dengan komitmen memberikan pengalaman bermain yang fair. Mulai dari proses pendaftaran yang hanya butuh beberapa menit sampai sistem keamanan yang ketat, semuanya dirancang supaya pemain bisa fokus menikmati permainan tanpa khawatir.</p>

<h2>Lebih dari Sekedar Togel Online</h2>
<p>Banyak orang mengira MADUTOTO hanya menyediakan <strong>togel online</strong> saja. Padahal jauh lebih lengkap. Selain Togel 4D, kamu juga bisa menikmati ratusan game slot games online dengan grafis menarik dan fitur bonus besar. Ada juga live casino yang memungkinkan kamu bermain langsung melawan dealer asli, serta taruhan bola (sportsbook) dengan odds kompetitif untuk berbagai liga ternama dunia.</p>

<h2>Pasaran Togel Resmi Terlengkap</h2>
<p>Salah satu keunggulan utama MADUTOTO adalah koleksi pasaran togel resmi yang sangat lengkap. Kami menyediakan Singapore, Hongkong Lotto, Sydney Lotto, Toto Macau, Bullseye, PCSO, dan Kingkong4D. Semua pasaran ini diambil langsung dari sumber resmi masing-masing negara dengan sistem live draw yang transparan. Hasil keluaran selalu tepat waktu dan bisa dicek secara real-time, sehingga pemain bisa merasa tenang dan yakin.</p>

<h3>Kelebihan MADUTOTO yang Bikin Betah</h3>
<ul>
	<li><strong>Link login</strong> & <strong>link daftar</strong> resmi selalu update dan aman</li>
	<li>Deposit dan withdraw super cepat via berbagai metode</li>
	<li>Bonus melimpah dan event menarik setiap minggu</li>
	<li>Jackpot toto togel 4D besar yang rutin dibagikan</li>
	<li>Kemenangan dibayar lunas tanpa potongan</li>
	<li>Support customer service ramah dan responsif 24 jam</li>
</ul>

<p>Intinya, MADUTOTO bukan sekadar tempat pasang nomor togel biasa. Ini adalah platform hiburan lengkap yang mengutamakan kenyamanan dan kepuasan member. Kalau kamu sedang mencari tempat main yang serius tapi tetap santai, MADUTOTO layak dicoba.</p> -->

</div>  

<center>
<img src="https://cdn.photoku.me/madutoto/static/article-footer.webp" alt="" width="924" height="74">
</center>

<style>.emte{border-radius:8px;margin:15px 0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center}.emte li{margin:4px 6px}.emte a{color:#fff;text-decoration:none;padding:5px 16px;font-size:15px;font-weight:500;border-radius:6px;transition:all 0.3s ease;display:block;white-space:nowrap;border-bottom:2px solid #f2d100;border-top:2px solid #f2d100;border-left:1px dotted #f2d100;border-right:1px dotted #f2d100;text-transform:uppercase}.emte a:visited{color:inherit}.emte a:hover,.emte a:focus,.emte a:active{background:transparent!important;color:#f2d100!important;font-weight:700;transform:translateY(-2px)}@media screen and (max-width:768px){.emte{padding:6px 0}.emte a{padding:9px 14px;font-size:14.5px}}</style>

<ul class="emte">
    <li><a href="/">Home</a></li>
    <li><a href="/promotion/">Promosi</a></li>
    <li><a href="/how-to-play/">Cara Bermain</a></li>
    <li><a href="/history_nomor_interface/">Histori Nomor</a></li>
    <li><a href="/bukumimpi/">Buku Mimpi</a></li>
    <li><a href="/support/">Bantuan</a></li>
    <li><a href="/referral/">Referral</a></li>
    <li><a href="/register/">Daftar</a></li>
    <div class="clearfix"></div>
</ul>




<style>
div#latest-results.margin-top-15{display:none;}
section#bank.section{display:none;}
</style>


<!--<script>
document.addEventListener(
  "DOMContentLoaded",
  function () {
    $(
      '<div class="container-3-items"><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="Slot Madutoto" width="100%" src="https://madumanis.sirv.com/moneysite/slot-banner.gif" alt="Slot Madutoto"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="Togel Madutoto" width="100%" src="https://madumanis.sirv.com/moneysite/togel-banner.gif" alt="Togel Madutoto"></a></div><div class="item box-middle post-card3"><a href="/" target="_blank"><img title="Casino Madutoto" width="100%" src="https://madumanis.sirv.com/moneysite/casino-banner.gif" alt="Casino Madutoto"></a></div></div>'
    ).insertAfter("#slider");
  },

  false
);
</script>-->

<script>
var $sidebarNav = $('.sidebar-nav');
var menuHTML = `
    <li><a href='https://kilat.me/rtp' target='_blank'><i class='fa fa-signal'></i>Live Rtp</a></li>
    <li><a href='https://kilat.me/prediksi' target='_blank'><i class='fa fa fa-tasks'></i>Prediksi Togel</a></li>
    <li><a href='https://kilat.me/bukti' target='_blank'><i class='fa fa-money'></i>Bukti Pembayaran</a></li>
    <li><a href='https://kilat.me/keluhan' target='_blank'><i class='fa fa-wpforms'></i>Keluhan Member</a></li>
`;
$sidebarNav.append(menuHTML);


</script>

<script>
$(document).ready(function() {
    $('.blog-posts').contents().each(function() {
        if (this.nodeType === 3) { // Text node
            var text = $(this).text();
            if (text.trim() === '-') {
                $(this).remove();
            }
        }
    });
});
</script>

<!-- Vertical Slider -->

<style>
.vertical-slider-indicators{display:none;}

/* Vertical Slider Styling - DIUBAH UNTUK 5 ITEM */
.vertical-slider-container {
    position: relative;
    height: 200px; /* DIUBAH: Tinggi untuk 5 item (40px x 5 = 200px) */
    overflow: hidden;
    border-radius: 8px;
}

.vertical-slider {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.provider-container {
    display: flex;
    align-items: center;
    min-height: 40px; /* Tinggi per item tetap 40px */
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.provider-container:last-child {
    border-bottom: none;
}

/* Provider detail styling */
.provider-detail {
    min-height: 40px !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #000000;
    padding: 0 15px;
    color: #fff;
    border-radius: 0;
    transition: all 0.3s ease;
}

.provider-detail:hover {
    background: #111;
    transform: scale(1.02);
}

.provider-pool {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.provider-play {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s ease;
}

.provider-play a {
    padding: 4px 16px;
    color: #000;
    text-decoration: none;
    background: linear-gradient(135deg, #f2d401 0%, #fab400 100%);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.provider-play a:hover {
    background: linear-gradient(135deg, #fab400 0%, #f2d401 100%);
    transform: scale(1.1);
	color: #000;
}

.provider-detail:hover .provider-pool,
.provider-detail:hover .provider-play {
    color: #f2d401;
}
</style>


<script>
$(document).ready(function() {
    // Pilih elemen .results yang kedua di dalam .col-sm-3.blog-sidebar
    var secondResultInSidebar = $('.col-sm-3.blog-sidebar .results').eq(1);
    
    // Pastikan elemen ditemukan
    if (secondResultInSidebar.length > 0) {
        // Ganti kontennya dengan struktur baru
        secondResultInSidebar.html(`
           
   <h4><i class="fa fa-newspaper-o" style="margin-right:8px;"></i>Provider Slot</h4>
   <div class="vertical-slider-container">
      <div class="vertical-slider" id="slotSlider">
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Pragmatic Play</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">PG Soft</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">IDN Slot</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Habanero</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Microgaming</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Top Trend Gaming</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">GMW</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Nolimit City</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Playstar</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Booming Games</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Slot Mania</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Fat Panda</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">5G Games</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Playtech</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Red Tiger</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
         <div class="provider-container" style="display: block;">
            <div class="provider-detail">
               <span class="provider-pool">Fastspin</span>
               <span class="provider-play"><a href="/" class="play-now">Play</a></span>
            </div>
         </div>
      </div>
   </div>
</div>


        `);
    }
});
</script>


<script>
class VerticalSlider {
    constructor(sliderId, itemsPerView = 5, interval = 3000) {
        this.slider = document.getElementById(sliderId);
        this.container = this.slider?.parentElement;
        this.items = this.slider?.querySelectorAll('.provider-container');
        this.itemsPerView = itemsPerView;
        this.interval = interval;
        this.currentIndex = 0;
        this.totalItems = this.items?.length || 0;
        this.autoSlideInterval = null;
        this.isAnimating = false;
        
        if (this.slider && this.items && this.totalItems > itemsPerView) {
            this.init();
            this.addIndicators();
        } else if (this.slider && this.items) {
            // Jika item kurang dari atau sama dengan itemsPerView
            this.initStatic();
        }
    }
    
    init() {
        // Tunggu DOM sepenuhnya render sebelum menghitung tinggi
        setTimeout(() => {
            this.setupSliderHeight();
        }, 100);
        
        // Tambahkan transition untuk animasi
        this.slider.style.transition = 'transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
        
        // Start auto slide
        this.startAutoSlide();
        
        // Pause on hover
        this.slider.addEventListener('mouseenter', () => {
            this.stopAutoSlide();
        });
        
        this.slider.addEventListener('mouseleave', () => {
            this.startAutoSlide();
        });
    }
    
    initStatic() {
        // Untuk slider dengan item sedikit, hanya setup height
        setTimeout(() => {
            this.setupSliderHeight();
        }, 100);
    }
    
    setupSliderHeight() {
        if (this.container && this.items.length > 0) {
            const firstItem = this.items[0];
            const computedStyle = window.getComputedStyle(firstItem);
            const itemHeight = firstItem.offsetHeight + 
                             parseInt(computedStyle.marginTop) + 
                             parseInt(computedStyle.marginBottom);
            
            // Set tinggi container sesuai dengan jumlah item yang ditampilkan
            this.container.style.height = `${itemHeight * this.itemsPerView}px`;
            this.slider.style.height = `${itemHeight * this.totalItems}px`;
        }
    }
    
    slideUp() {
        if (!this.items || this.totalItems <= this.itemsPerView || this.isAnimating) return;
        
        this.isAnimating = true;
        this.currentIndex++;
        
        // Jika sudah sampai akhir, kembali ke awal
        if (this.currentIndex > this.totalItems - this.itemsPerView) {
            this.currentIndex = 0;
        }
        
        // Hitung offset untuk transform
        const firstItem = this.items[0];
        const computedStyle = window.getComputedStyle(firstItem);
        const itemHeight = firstItem.offsetHeight + 
                         parseInt(computedStyle.marginTop) + 
                         parseInt(computedStyle.marginBottom);
        const offset = this.currentIndex * itemHeight;
        
        // Apply transform untuk sliding
        this.slider.style.transform = `translateY(-${offset}px)`;
        
        // Update indicator
        if (this.updateIndicator) {
            const currentPage = Math.floor(this.currentIndex / this.itemsPerView);
            this.updateIndicator(currentPage);
        }
        
        // Reset animating flag setelah animasi selesai
        setTimeout(() => {
            this.isAnimating = false;
        }, 800);
    }
    
    addIndicators() {
        if (this.totalItems <= this.itemsPerView) return;
        
        const indicatorsContainer = document.createElement('div');
        indicatorsContainer.className = 'vertical-slider-indicators';
        
        const totalPages = Math.ceil((this.totalItems - this.itemsPerView) / 1) + 1;
        
        for (let i = 0; i < totalPages; i++) {
            const dot = document.createElement('div');
            dot.className = 'vertical-slider-dot';
            if (i === 0) dot.classList.add('active');
            
            dot.addEventListener('click', () => {
                if (!this.isAnimating) {
                    this.goToPage(i);
                }
            });
            
            indicatorsContainer.appendChild(dot);
        }
        
        this.container.style.position = 'relative';
        this.container.appendChild(indicatorsContainer);
        
        // Update indicator aktif
        this.updateIndicator = (pageIndex) => {
            const dots = this.container.querySelectorAll('.vertical-slider-dot');
            dots.forEach((dot, i) => {
                dot.classList.toggle('active', i === pageIndex);
            });
        };
    }
    
    goToPage(pageIndex) {
        const totalPages = Math.ceil((this.totalItems - this.itemsPerView) / 1) + 1;
        if (pageIndex < 0 || pageIndex >= totalPages) return;
        
        this.currentIndex = pageIndex;
        const firstItem = this.items[0];
        const computedStyle = window.getComputedStyle(firstItem);
        const itemHeight = firstItem.offsetHeight + 
                         parseInt(computedStyle.marginTop) + 
                         parseInt(computedStyle.marginBottom);
        const offset = this.currentIndex * itemHeight;
        
        this.slider.style.transform = `translateY(-${offset}px)`;
        
        if (this.updateIndicator) {
            this.updateIndicator(pageIndex);
        }
    }
    
    startAutoSlide() {
        this.stopAutoSlide();
        
        this.autoSlideInterval = setInterval(() => {
            this.slideUp();
        }, this.interval);
    }
    
    stopAutoSlide() {
        if (this.autoSlideInterval) {
            clearInterval(this.autoSlideInterval);
            this.autoSlideInterval = null;
        }
    }
}

// Inisialisasi ketika DOM siap
document.addEventListener('DOMContentLoaded', function() {
    // Tunggu sedikit agar semua elemen benar-benar ter-render
    setTimeout(() => {
        // Inisialisasi slider untuk Pasaran Togel - TAMPILKAN 5 ITEM
       // const togelSlider = new VerticalSlider('togelSlider', 5, 3000);
        
        // Inisialisasi slider untuk Provider Slot - TAMPILKAN 5 ITEM
        const slotSlider = new VerticalSlider('slotSlider', 8, 3000);
        
        // Handle window resize dengan debounce
        let resizeTimer;
        window.addEventListener('resize', () => {
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(() => {
                togelSlider.setupSliderHeight();
                slotSlider.setupSliderHeight();
            }, 250);
        });
    }, 500);
});
</script>

<!-- Vertical Slider End -->


<style>body{background:#000 url(https://cdn.photoku.me/madutoto/static/desktop-bg.webp) center center no-repeat!important;background-attachment:fixed!important;background-position:top;background-size:cover!important}.navbar-fixed-top{background-color:#fff0;background:url(https://cdn.photoku.me/madutoto/static/navbar.webp) bottom center no-repeat;background-size:cover;border:0;box-shadow:none!important;z-index:99999!important}.navbar-fixed-top .container{background-color:#fff0}.navbar-fixed-top .navbar-header{width:224px;position:relative;z-index:99;margin-left:0;margin-right:0}.navbar-fixed-top .navbar-header .navbar-brand{padding:0;margin-left:0;width:210px;height:63px;background:url(https://cdn.photoku.me/madutoto/static/logoweb.png) no-repeat;background-size:210px 63px}.section .container{padding:0 20px 15px 20px;background:#000}#bank.section .container{background:#000}section.section{padding:0 0 0 0}form .form-control{-webkit-box-shadow:none;box-shadow:none;border:1px solid #a5a5a5;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear}form .form-control:focus{outline:0;-webkit-box-shadow:none;box-shadow:none;border-color:#999}p:not(.lead){font-size:14px;line-height:20px;color:#b1b1b1;font-weight:300}h4,h5{font-family:"Roboto Slab",serif;-webkit-font-smoothing:antialiased;font-weight:300}h4,h5{font-weight:700;color:#fff}button.login{margin-right:-14px!important}button.btn-theme,.btn.btn-theme{background:linear-gradient(to bottom,#f2d401 0%,#fab400 100%);background-repeat:repeat-x;color:#000;border-width:0;font-weight:bolder;padding:8px 12px;letter-spacing:2px;border-radius:25px;cursor:pointer;animation:pulse 1s infinite,gradientShift 1s ease infinite;transition:all 0.3s ease}@keyframes gradientShift{0%{background:linear-gradient(to bottom,#FFF176 0%,#F2D401 50%,#FAB400 100%)}100%{background:linear-gradient(to bottom,#F2D401 0%,#FAB400 50%,#E6A100 100%)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(242 212 1 / .7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}button.btn-theme:hover,.btn.btn-theme:hover,button.btn-small:hover,.btn.btn-small:hover{animation:none;color:#fff;background:#656464;background-image:linear-gradient(to bottom,#656464 0%,#656464 100%)!important;transform:scale(1.05)}.blog-sidebar .nav.menu>li>a{color:#fff;padding:8px 0;font-size:16px;padding-left:10px;background:#000;border:none;border-radius:25px;line-height:20px;margin-bottom:8px;position:relative;box-shadow:0 0 0 4px #f2d401;animation:borderGlow 3s linear infinite}@keyframes borderGlow{0%,100%{box-shadow:0 0 0 1px #f2d401}25%{box-shadow:0 0 0 2px #fab400}50%{box-shadow:0 0 0 1px #fce604}75%{box-shadow:0 0 0 1px #fab400}}.blog-sidebar .nav.menu>li>a>i{padding-right:10px;color:#fff;background:-webkit-linear-gradient(#f2d401,#fab400);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}i.fa.fa-question-circle,i.fa.fa-signal,i.fa.fa-wpforms{padding-left:3px}i.fa.fa-signal,i.fa.fa-tasks,i.fa.fa-money,i.fa.fa-wpforms{margin-right:5px}.blog-sidebar .nav.menu>li>a:hover>i{color:#fff;background:-webkit-linear-gradient(#f2d401,#fab400);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.blog-sidebar .nav.menu>li>a:hover,a:active,a:focus{color:#f2d401;font-weight:700}.text-regis{text-transform:uppercase;animation: none !important;}.fa-history{color:#fff;background:-webkit-linear-gradient(#ffffff,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.results{background:linear-gradient(180deg,#f2d401 0%,#fab400 25%,#fce604 50%,#fab400 75%,#f2d401 100%);color:#000;padding:10px;margin-bottom:15px;-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:20px}.results>h4>i{color:#000;background:-webkit-linear-gradient(#000000,#000000);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.results h4{color:#000}.news-head{background:linear-gradient(180deg,#fab800 0%,#f2d300 100%);height:35px}.news-head>h5{color:#000;font-weight:700}.news-head>h5>i{color:#000;background:-webkit-linear-gradient(#000000,#000000);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.news-body{background:linear-gradient(180deg,#fab800 0%,#f2d300 100%);height:35px}.news-body a:hover{text-decoration:none}ul.newsticker>li>a{color:#000!important;font-weight:bold!important;font-family:"Roboto","Arial",sans-serif!important}.container-3-items{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:5px;margin:0 auto}.box-middle{padding:0;border:2px groove #dbaf4c;width:calc(33.333% - 5px);min-width:200px;display:inline-block;text-align:center;margin-top:15px;flex-shrink:0}.post-card3{position:relative;transition:all .3s ease}.post-card3:hover{transform:scale(1.05);z-index:10}.post-card3 img{max-width:100%;height:auto;width:100%}.post-card3 a,.post-card3 a:hover{text-decoration:none;color:#f1f1f1}.post-card3 .post-overlay{position:absolute;background-color:#fff0;width:100%;height:100%;z-index:5}.post-card3-link{position:absolute;bottom:0;background:#000;background:rgb(0 0 0 / .5);color:#f1f1f1;width:100%;transition:.5s ease;opacity:0;color:#fff;font-size:17px;padding:10px;text-align:center;border-radius:0 0 10px 10px;font-family:Helvetica,sans-serif}.post-card3:hover .post-card3-link{opacity:1}.bank{text-align:center;width:145px;height:87px;padding:0px!important;background-color:#fff0;border:none!important;-webkit-border-radius:0px!important;-moz-border-radius:0px!important;-ms-border-radius:0px!important;-o-border-radius:0px!important;border-radius:0px!important;margin-left:0}.btn-group.with-heading{display:none}section#bank.section{margin-top:-160px}.slider #progressBar{display:none!important}.owl-wrapper .owl-item:nth-child(1) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BCA-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(2) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BNI-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(3) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BRI-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(4) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BSI-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(5) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANA-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(6) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANAMON-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(7) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/GOPAY-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(8) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/LINKAJA-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(9) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MANDIRI-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(10) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MAYBANK-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(11) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/OVO-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(12) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PANIN-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(13) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PERMATA-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(14) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/SEABANK-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(15) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/CIMB-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(16) .bank .online{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/JAGO-ONLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(1) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BCA-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(2) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BNI-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(3) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BRI-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(4) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BSI-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(5) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANA-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(6) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANAMON-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(7) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/GOPAY-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(8) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/LINKAJA-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(9) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MANDIRI-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(10) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MAYBANK-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(11) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/OVO-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(12) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PANIN-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(13) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PERMATA-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(14) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/SEABANK-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(15) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/CIMB-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(16) .bank .offline{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/JAGO-OFFLINE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(1) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BCA-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(2) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BNI-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(3) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BRI-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(4) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/BSI-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(5) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANA-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(6) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/DANAMON-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(7) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/GOPAY-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(8) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/LINKAJA-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(9) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MANDIRI-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(10) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/MAYBANK-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(11) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/OVO-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(12) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PANIN-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(13) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/PERMATA-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(14) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/SEABANK-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(15) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/CIMB-TROUBLE.gif) 0 0 no-repeat!important}.owl-wrapper .owl-item:nth-child(16) .bank .trouble{width:145px!important;height:94px!important;background:url(https://madumanis.sirv.com/moneysite/bank/JAGO-TROUBLE.gif) 0 0 no-repeat!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1){content:url(https://madumanis.sirv.com/moneysite/pools/totomacau.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2){content:url(https://madumanis.sirv.com/moneysite/pools/totomacau5d.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3){content:url(https://madumanis.sirv.com/moneysite/pools/singapore-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4){content:url(https://madumanis.sirv.com/moneysite/pools/hongkong-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5){content:url(https://madumanis.sirv.com/moneysite/pools/sydney-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6){content:url(https://madumanis.sirv.com/moneysite/pools/pcso-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7){content:url(https://madumanis.sirv.com/moneysite/pools/bullseye-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8){content:url(https://madumanis.sirv.com/moneysite/pools/kingkong-pools.webp)!important}.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9){content:url(https://madumanis.sirv.com/moneysite/pools/magnum4d-pools.webp)!important}.wrapper-category{border-radius:25px}.panel-heading.data-filter.filter-promo-spesial h2{display:none}.panel-heading.data-filter.filter-promo-provider h2{display:none}#content .panel-heading:nth-child(1),#content .panel-heading:nth-child(2),#content .panel-heading:nth-child(3),#content .panel-heading:nth-child(4),#content .panel-heading:nth-child(5),#content .panel-heading:nth-child(6),#content .panel-heading:nth-child(7),#content .panel-heading:nth-child(8),#content .panel-heading:nth-child(9),#content .panel-heading:nth-child(10),#content .panel-heading:nth-child(11),#content .panel-heading:nth-child(12),#content .panel-heading:nth-child(13),#content .panel-heading:nth-child(14),#content .panel-heading:nth-child(15),#content .panel-heading:nth-child(14),#content .panel-heading:nth-child(16),#content .panel-heading:nth-child(14),#content .panel-heading:nth-child(17),#content .panel-heading:nth-child(18),#content .panel-heading:nth-child(19),#content .panel-heading:nth-child(20),#content .panel-heading:nth-child(21){margin-top:-61px;padding:10px}</style>
            </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="#">MADUTOTO</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://madutoto.com/register', '_blank');
      win.focus();
    }
    function target_popup(url,w,h,windowName) {
     var left = (screen.width/2)-(w/2);
     var top = (screen.height/2)-(h/2);
       newwindow=window.open(url,windowName,'height='+h+',width='+w+',top='+top+',left='+left);
       if (window.focus) {newwindow.focus()}
       return false;
     }
  </script>
<!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='></script> -->
<script type="text/javascript" src="/js/vbulletin_md5.js"></script>

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

<script src="/js/frontend/desktop/template_v1/before/index.js?v=zk7stjk3ojrp0n2eyb5x"></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=1781005977"></script>
<script src="/js/custom/quick_menus.min.js?v=1781005977"></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:'a08ff17fe8c5871b',t:'MTc4MTAwNjA4NQ=='};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>
