<!DOCTYPE html>
<html class="no-js">
<head>
        <title>Lunastoto # Bandar Lunas Toto Dengan Hadiah 4D Terbesar Terbaik</title>

<script type="text/javascript">
window.alert = function (message) {
    let modal = document.createElement("div");
    modal.className = "modal";
    modal.id = "myModal";
    modal.setAttribute("style",
        "display: none; position: fixed; z-index: 1;right: 0; top: 0; width: 100 %; height: 100 %;overflow: auto; background - color: rgba(0, 0, 0, 0.4); ");

    // Create modal content
    let modalContent = document.createElement("div");
    modalContent.className = "modal-content";
    modalContent.setAttribute("style", "display: flex; flex - direction: column; align - items: center;border-radius-15px;   background - color: #fefefe; margin: 15 % auto;    padding: 10px; border: 1px solid #888; width: 30 %; ");

    // Create message element
    let messageElement = document.createElement("p");
    messageElement.id = "alertText";
    messageElement.textContent = message;

    // Create close button inside modal content
    let closeButtonElement = document.createElement("button");
    closeButtonElement.textContent = "X";
    closeButtonElement.setAttribute("style", "background-color: red;    color: white; padding: 10px 20px; border: none; cursor: pointer;    border - radius: 5px; align - self: flex - end; margin - top: 5px; ");
    closeButtonElement.onclick = function () {
        modal.style.display = "none";
    };

    // Append elements to modal content
    modalContent.appendChild(messageElement);
    modalContent.appendChild(closeButtonElement);

    // Append modal content to modal container
    modal.appendChild(modalContent);

    // Append modal to document body
    document.body.appendChild(modal);

    // Display the modal
    modal.style.display = "block";
};
</script>
<link rel="icon" type="image/x-icon" href="https://i.ibb.co/xjFhbGT/lunastoto.png">
<meta name="description" content="Lunastoto adalah bandar Lunas Toto wap games online paling lengkap gampang menang dengan hadiah 4d terbesar terbaik"/>
<meta name="keywords" content="Lunastoto, lunastoto daftar, lunas toto, lunastoto login, situs lunastoto, lunastoto terpercaya online"/>
<meta name="author" content="Lunastoto"/>
<meta name="copyright" content="Lunastoto"/>
<meta name="distribution" content="global"/>
<meta name="geo.country" content="ID"/>
<meta name="geo.placename" content="Indonesia"/>
<meta name="google-site-verification" content="51uNpOh800ihwdXQJpIqKH4bbuHgTi1OVtUdlTtZKPE" />
<meta name="google-site-verification" content="6zk2Aimx6YRDd_6iBijThmxdHzLF1bohyi3Aq8ehFNQ" />
<meta name="google-site-verification" content="op9-Kq9-v_EhIylETxQ5y1ARI76S8BYG46i4hyC5CVY" />
<meta name="google-site-verification" content="6fCQfczD93j4hlmn6Cz686PsppMsIWTvqgvBXr-Fe-A" />
<link rel="canonical" href="https://lunastoto7.com/">
<link rel="amphtml" href="https://77idn.com/amp/lunastoto" />
<meta name="publisher" content="Lunastoto"/>
<meta name="rating" content="general"/>
<meta name="robots" content="index, follow"/>
<meta name="slurp" content="all"/>
<meta name="tgn.nation" content="Indonesia"/>
<meta property="og:url" content="https://lunastoto7.com/">
<meta property="og:title" content="Lunastoto # Bandar Lunas Toto Dengan Hadiah 4D Terbesar Terbaik"/>
<meta property="og:description" content="Lunastoto adalah bandar Lunas Toto wap games online paling lengkap gampang menang dengan hadiah 4d terbesar terbaik"/>
<meta property="og:locale" content="id_ID"/>
<meta property="og:type" content="website"/>
<style>

.btn-group.with-heading.circle-navigation {

display: none;
}
 

.slider .owl-carousel .item img {
    max-width: 100%;
    width: 100%;
}

.navbar-fixed-top {
    background: transparent !important;
    box-shadow: none !important;
}

.navbar-fixed-top .container {
    background-color: #000;
    padding-right: 15px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #d9b44d;
    background: #000;
}


.button.btn-theme, .btn.btn-theme {
    border: none;
    outline: none;
    color: rgb(0, 0, 0);
    cursor: pointer;
    position: relative;
    z-index: 5;
    font-size: 16px;
    margin: 5px 0px;
    padding: 8px 12px;
    border-radius: 15px !important;
    letter-spacing: 2px;
    font-weight: bolder;
}

.button.btn-theme, .btn.btn-theme:before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #4c3700, #ffdf91, #46350a);
    top: -2px;
    left: -2px;
    background-size: 300%;
    z-index: -1;
    filter: blur(0px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 10s linear infinite;
    opacity: 1;
    transition: opacity 0.1s;
    border-left: 2px solid #c99200;
    border-bottom: 1px solid #c99200 !important;
    border-top: 1px solid #8a6d3b!important;
    border-radius: 15px !important;
    font-size: 17px !important;
    border-color: #d9b44d;
}

.button.btn-theme, .btn.btn-theme:after {
    background: transparent;
}

.button.btn-theme, .btn.btn-theme:hover {
    border: 3px solid #d9b44d;
    background: linear-gradient(to bottom, #ec1d23 0%, #3d0709 100%) !important;
    color: white;
    animation: glowing 10s linear infinite !important;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 300% 0; }
    100% { background-position: 0 0; }
}


  .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;
    }
  }
  .btn-group.with-heading{
    display: inherit;
  }

.blog-sidebar .nav.menu > li > a {
   box-shadow: 2px 3px 3px 2px rgba(0,0,0,.2) !important;
    border-left: 2px solid #c99200;
    border-bottom: 1px solid #c99200 !important;
    border-top: 1px solid #8a6d3b!important;
    margin: 3px;
    border-radius: 15px !important;
    width: 255px;
    font-size: 17px !important;
    border-color: #d9b44d;
    text-shadow: -1px -1px 1px rgba(0,0,0,1);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
}

    

</style>

<!-- M  Meta Pixel --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n .callPhuong th?c? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1018796639202953'); fbq('track', 'PageView'); </script> <noscript><img Height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1018796639202953&ev=PageView&noscript=1" / ></noscript> <!-- M  Meta Pixel cu?i -->


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  

<script>
    const sidebarList = document.getElementById('sidebarList');

    const buktiJPButton = document.createElement('li');
    buktiJPButton.innerHTML = `
        <a class="animatedcolor" href="https://www.facebook.com/groups/684568523034699" target="_blank" rel="nofollow">
            <i class="fa fa-newspaper-o"></i> BUKTI JP
        </a>
    `;

    sidebarList.appendChild(buktiJPButton);

    // Log ke console untuk memeriksa apakah tombol ditambahkan
    console.log("Tombol 'BUKTI JP' ditambahkan:", buktiJPButton);
    console.log("Daftar sidebar sekarang:", sidebarList.innerHTML);
</script>
    <link rel="icon" type="image/ico" href="/assets/img/bjj/favicon.png?v=1731920655" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <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.min.css">
    <link rel="stylesheet" href="/assets/css/vendor/bootstrap-checkbox.min.css">
    <link rel="stylesheet" href="/assets/css/vendor/ribbons/3d-corner-ribbons.min.css">
    <link rel="stylesheet" href="/assets/js/vendor/text-rotator/css/simpletextrotator.min.css">
    <link rel="stylesheet" href="/assets/js/vendor/tabdrop/css/tabdrop.min.css">
    <link rel="stylesheet" href="/assets/css/fonts.min.css">

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

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

                <link rel="stylesheet"
        href="/assets/css/bjj/bjj2.css">
            
    <link rel="stylesheet" type="text/css" href="/assets/css/game_compressed_ic.min.css">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        <body class=''>
<!-- Preloader -->
<div class="mask">
    <div id="loader"></div>
</div>
<!--/Preloader -->
    <div style="position: absolute; float: right; z-index: 999999; right: 12%;top: 0;">
        <a href="#"
            onclick="window.open('https://form.6mbr.com/?webname=lunastoto7.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 = 14754915;
    ;(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/14754915/" 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 -->


<style>

body {
font-family: "Roboto", "Arial", sans-serif;
    font-size: 12px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    background-position: top;
    background-size: 100%;
    /* background-attachment: fixed; */

    background-attachment: fixed !important;
    background-position: top;
    background-size: cover !important;
}

#bank.section .container {
    background: #000;
}


.inner-wrap{
    background: #000;
}
@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
.bank{width : 24% !important;}
#btm_banner{display:none;}
}



@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}



.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;WHATSAPP
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}
.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;
}

.button-aaa {
background: #fed804;

}

.button-aab {
background: #fed804;

}

.button-aac {
background: #fed804;

}

.button-aad {
background: #fed804;

}

.button-aaf {
background: #fed804;

}

.button-blue {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
box-shadow: none;
border: 1px #404040 solid;
color: #000000;
border: 2px solid #ffe808;
}

.page-header {
        background: linear-gradient(to right, #000000, #000000);
}

.header-logo2{
margin-left: auto;
    margin-right: auto;
}
.header-logo2 {
    width: 170px !important;
    height: 51px !important;
    margin-top: 5px !important;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 25px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 25px !important;
}


.results h4 {
color: white;
}


.results-detail {
  width: 100%;
  display: inline-block;
  background: #000000;
  padding: 5px 15px;
  color: #000000;
  /*border: 1px solid #d9b44d;*/
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 10px;
}
.results-detail {
border:1px solid #d9b44d;
border-radius: 20px 0px;
}


h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.panel-blue {
    background: #000 !important;
}
.buttonWrap {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(to left, #4c3700 0%,#ffdf91 50%,#46350a 100%);
    color: #000000;
box-shadow: inset 0 1px 0 #ff7c00;
}

.results {
background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);
 border-radius: 15px 2px 15px 5px !important;
    color: #fff !important;
box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.8);
border: 1px solid #d9b44d !important;
}


.news-head {
     background: rgb(212 177 83);
     border-radius: 0;

}

.news-head > h5 {
    color: white;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 4px 16px;
}
.buttondapk {
    background-image: linear-gradient(to bottom,#d9b44d 0%,#d9b44d 100%);
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000000;
}


.button-green {
background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
box-shadow: inset 0 -2px 0 #00fff4;
border: 1px #404040 solid;
color: #000000;
}
.buttonlc {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 70px;
    font-size: 10px !important;
    margin-right: -17px;

}

.byebye {
width: 100%;
background-color: black;
color: white;
margin-top: 150px;
}

.accordion-content{
 box-shadow: rgb(255 204 0 / 90%) 0 6px 12px -2px, rgb(255 204 0 / 90%) 0 3px 7px -3px;
    border-radius: 10px;
}


#header2 {
    height: auto;
    left: -0px;
    margin: 130px 0 0;
    padding: 0;
    position: absolute;
    width: 183px;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.info-side {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+0,940000+50,740000+50,740000+50,4c0000+100 */
    background: #e20000; /* Old browsers */
    background: -moz-linear-gradient(top, #e20000 0%, #940000 50%, #740000 50%, #740000 50%, #4c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=''''#e20000'''', endColorstr=''''#4c0000'''',GradientType=0 ); /* IE6-9 */
    color: #fff;
    float: left;
    margin-bottom: 5px;
    padding: 7px 15px;
    position: relative;
    width: 100%;
}
.info-side p{ margin-bottom:0px; font-size:14px; color:#fff;}
.info-side .mobinfo-title{font-family: ''''AvenirNextLTPro-Bold'''';}
.info-icon {
    background-color: #efefef;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4) inset;
    color: #484848;
    font-size: 24px;
    height: 38px;
    line-height: 60px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -2px;
    width: 38px;
}
.info-icon i {
    position: relative;
    top: -9px;
}
.blackb > img {
    margin-top: -9px;
    width: 60%;
}
.call-icon > img {
    margin-top: -10px;
    width: 60%;
}
.line-icon > img {
    margin-top: -9px;
    width: 60%;
}

@media (max-width: 767px) {
    #slider_secon {
        display: none;
    }
    .cont-mob {
        padding: 0 !important;
        overflow:hidden;
    }
    .banner-head {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .banner-col .banner-pic {
        margin-bottom:0px !important;
    }
}


.btn-group.with-heading {
display : none;

}

.owl-pagination {
    margin-top: -14px;
    margin-bottom: 5px;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: 5px;
}

.list-menu-mobile a img {
 width: 100%;
}

.inner-wrap{
    background: #000;
}
@media only screen and (max-width: 1100px) {
.contact-button{display:none;}
.sidenav .closebtn{display:none;}
#mySidenav{display:none;}
mySidenav2{display:none;}
.bank{background-color: white !important;}
.bank{height: 25px !important;}
.bank{width : 24% !important;}
#btm_banner{display:none;}
}


.btn-group.with-heading.circle-navigation {
    display: none;
}

@media only screen and (min-width: 1100px) {
.banmini{display: none !important;}
}

.banmini {
position: fixed;
width: 100%;
height: 100%;
top: 70px;WHATSAPP
background: rgba(0,0,0,0.8);
text-align: center;
z-index: 999;
}
.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;
}

.button-aaa {
background: #d9b44d;

}

.button-aab {
background: #d9b44d;

}

.button-aac {
background: #d9b44d;

}

.button-aad {
background: #d9b44d;

}

.button-aaf {
background: #d9b44d;

}

.button-blue {
background: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
box-shadow: none;
border: 1px #404040 solid;
color: #000000;
border: 2px solid #ffe808;
}


.header-logo2{
margin-left: auto;
    margin-right: auto;
}
.header-logo2 {
    width: 170px !important;
    height: 51px !important;
    margin-top: 5px !important;
}

input[type="text"], input[type="password"], select, textarea
{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 25px !important;
}




input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk{
border-radius: 20px 20px 20px 20px !important;
}

.margin-top-15
{
    margin-top: 25px !important;
}


.results h4 {
color: white;

}




h1, h2, h3, h4, h5, h6 {
    font-family: arial;
    color: #ffffff;
}


.panel-blue {
    background: #000 !important;
}
.buttonWrap {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(to left, #fff000 0%,#ffaf19 50%,#ffe600 100%);
    color: #000000;
box-shadow: inset 0 1px 0 #ff7c00;
}

.results {
  background: #000000;
    color: #d9b44d !important;
}


.news-head > h5 {
    color: white;
    font-weight: bold;
text-transform: uppercase !important;
}



.bottomnv li {
    display: inline-block;
    list-style-type: none;
}

.bottomnv li a {
    line-height: 11px;
    display: block;
    background: rgb(21, 21, 41) !important;
    border-radius: 10px 10px 10px 10px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    padding: 4px 16px;
}
.buttondapk {
    background-image: linear-gradient(to bottom,#ffa800 0%,#ffe808 100%);
    box-shadow: inset 0px 0px 0px 1px rgb(255 247 0), inset 0px 2px 0px 0px rgb(255 225 0), inset 0px 0px 0px 2px rgb(255 249 0), 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000000;
}


.button-green {
background: linear-gradient(to bottom,#00f5f6 0%,#0b669e 100%);
box-shadow: inset 0 -2px 0 #00fff4;
border: 1px #404040 solid;
color: #000000;
}
.buttonlc {
    position: absolute;
    top: 18px;
    right: 20px;
    width: 70px;
    font-size: 10px !important;
    margin-right: -17px;

}

.byebye {
width: 100%;
background-color: black;
color: black;
margin-top: 150px;
}

.modal-content{
background-color: #00000000 !important;
position: relative;
    background-color: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: none;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    border-bottom: 1px solid #00000000;
}

.accordion-content{
display: none;
}


#header2 {
    height: auto;
    left: -0px;
    margin: 130px 0 0;
    padding: 0;
    position: absolute;
    width: 183px;
}
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.info-side {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e20000+0,940000+50,740000+50,740000+50,4c0000+100 */
    background: #e20000; /* Old browsers */
    background: -moz-linear-gradient(top, #e20000 0%, #940000 50%, #740000 50%, #740000 50%, #4c0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e20000 0%,#940000 50%,#740000 50%,#740000 50%,#4c0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=''''#e20000'''', endColorstr=''''#4c0000'''',GradientType=0 ); /* IE6-9 */
    color: #fff;
    float: left;
    margin-bottom: 5px;
    padding: 7px 15px;
    position: relative;
    width: 100%;
}
.info-side p{ margin-bottom:0px; font-size:14px; color:#fff;}
.info-side .mobinfo-title{font-family: ''''AvenirNextLTPro-Bold'''';}
.info-icon {
    background-color: #efefef;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4) inset;
    color: #484848;
    font-size: 24px;
    height: 38px;
    line-height: 60px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -2px;
    width: 38px;
}
.info-icon i {
    position: relative;
    top: -9px;
}
.blackb > img {
    margin-top: -9px;
    width: 60%;
}
.call-icon > img {
    margin-top: -10px;
    width: 60%;
}
.line-icon > img {
    margin-top: -9px;
    width: 60%;
}

@media (max-width: 767px) {
    #slider_secon {
        display: none;
    }
    .cont-mob {
        padding: 0 !important;
        overflow:hidden;
    }
    .banner-head {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .banner-col .banner-pic {
        margin-bottom:0px !important;
    }
}


.btn-group.with-heading {
display : none;

}

.owl-pagination {
    margin-top: -14px;
    margin-bottom: 5px;
}
.list-menu-mobile {
 width: 100%;
 margin-top: 5px;
}

.list-menu-mobile a {
 width: 20%;
 padding: 0px 5px;
 display: inline-block;
 margin-top: 5px;
}

.list-menu-mobile a img {
 width: 100%;
margin-top: -5px;
}

.navbar-fixed-top {
z-index: 99999 !important;
margin: auto !important;
}

img.btn-img{
position: relative;
border-radius: 6px 20px 0px 0px;
transition: .2s;
margin-left: 8px;
margin-bottom: 11px;
width: 242px;
}

img.btn-img:hover {
box-shadow: 0px 0px #5b99cb;
 opacity: 0.8;
  cursor: pointer;
top: 2px;
}

.latest-news > a {
color: white;
  font-family: futura;
  font-style: italic;
  font-weight: bold;
}

.latest-news .dates {
color: white;
}

.news-detail {
    border:1px solid #d9b44d;
border-radius: 30px 0px;

.section .container {
padding : 0px;
    background: #000;
    background-image:none;
box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000));

}

.social {       
left: 0;        
width: 0;       
position: fixed;        
top: 110px;     
z-index: 9999999999;        
}       
.social ul {        
padding: 0px;       
-webkit-transform: translate(-130px, 0);        
-moz-transform: translate(-130px, 0);       
-ms-transform: translate(-130px, 0);        
-o-transform: translate(-130px, 0);     
transform: translate(-130px, 0);        
}       
.social ul li {
    display: block;
    margin: 6px;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.86);
    width: 189px;
    text-align: right;
    padding: 4px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    height: 53px;
    border: groove 2px #e7c00a;
}
        
.social ul li:hover {       
-webkit-transform: translate(110px, 0);     
-moz-transform: translate(110px, 0);        
-ms-transform: translate(110px, 0);     
-o-transform: translate(110px, 0);      
transform: translate(110px, 0);     
background: rgba(95, 95, 95, 0.7);      
}       
.social ul li:hover a {     
color: #fff;        
}       
.social ul li:hover i {     
color: #fff;        
background: rgba(0, 0, 0, 0.86);        
-webkit-transform: rotate(360deg);      
-moz-transform: rotate(360deg);     
-ms-transform: rotate(360deg);      
-o-transform: rotate(360deg);       
transform: rotate(360deg);      
-webkit-transition: all 1s;     
-moz-transition: all 1s;        
-ms-transition: all 1s;     
-o-transition: all 1s;      
transition: all 1s;     
}       
.social ul li i {       
margin-left: 10px;      
color: #000;        
background: #fff;       
padding: 10px;      
-webkit-border-radius: 50%;     
-moz-border-radius: 50%;        
border-radius: 50%;     
width: 20px;        
height: 20px;       
font-size: 20px;        
background: #ffffff;        
-webkit-transform: rotate(0deg);        
-moz-transform: rotate(0deg);       
-ms-transform: rotate(0deg);        
-o-transform: rotate(0deg);     
transform: rotate(0deg);        
}

footer#footer {
    background: #000;
    border-top: 1px solid yellow;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow:
}
.tickercontainer .masking {
    padding: 7px;
}

.navbar-fixed-top {
    background-color: #000000;
    box-shadow: none !important;
}

.navbar-fixed-top .container {
    background-color: #000;
    padding-right: 15px;
}

.navbar-collapse .row .col-sm-7 {
    margin-left: 150px !important;
}

.body {
background: #000000 url(https://i.ibb.co/TkhpWLy/background-lunastoto.jpg) center center no-repeat;
}

.footer#footer {
    background-color: #000;
    border-top: 1px solid yellow;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
}


.tickercontainer {
    width: 100%;
    margin: 8px;
    padding: 0px;
    overflow: hidden;
}


.col-sm-9.news-body {
    background: #d4b153;
}

</style>




<!-- BEGIN NAVBAR -->

    <div class="navbar navbar-fixed-top" role="navigation" style=""
        data-0="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);"
        data-300="line-height:40px; height:40px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);"
        style=''>

        <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" href="/" data-0="margin-top: 6px;background-size: 210px 63px;"
                    data-300="margin-top: 6px;background-size: 143px 43px;"></a>
                                <div class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <a href="#">
                        <i class="fa fa-lock"></i>
                    </a>
                </div>
            </div>
            <!-- Branding end -->
            <a href=""><span class="logo-imlek"></span></a>
            <div class="navbar-collapse collapse" data-0="margin-top: 0px;" data-300="margin-top: 0px;">
                <div class="col-md-4 margin"></div>
                <div class="row">
                    <input type="hidden" id="ceklogin" value="/ceklogin">
                    <form onsubmit="md5nohash(entered_password, vb_login_md5password, vb_login_md5password_utf, 0)">
                        <script type="text/javascript" src="/js/vbulletin_md5.js"></script>
                        <div class="form-group col-sm-2" data-0="margin-top: 24px;" data-300="margin-top: 7px;">
                            <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" data-0="margin-top: 24px;" data-300="margin-top: 7px;">
                            <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 LUNASTOTO TERBARU TERBAIK DAN TERPERCAYA DENGAN PROMO & DISKON TERBESAR.</qwe>
                            </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END RUNNING TEXT -->
<script type="text/javascript">
    function proteksi() {
        if ((event.charCode >= 48 && event.charCode <= 57) || event.charCode == 8 || event.charCode == 9 || event
            .charCode == 95 || (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event
                .charCode <= 122)) {
            event.returnValue = true;
        } else {
            event.returnValue = false;
        }
    }

</script>

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


<div class="container">

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

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

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

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

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

    <!-- LAST WINNER -->
    <div class="results">
        <h4><i class="fa fa-newspaper-o"></i>&nbsp;&nbsp;Berita Terakhir</h4>
        <div class="news-detail">
                        <div class="latest-news">
                <a href="/news/5799"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(225 192 74);     color: #f0e040; ">*??INFO PASARAN ??*</marquee></a><br>
                                    <span class="dates">25-09-2024 21:52:48</span>
                            </div>
                        <div class="latest-news">
                <a href="/news/5800"><marquee behavior="alternate"><strong><font style="text-shadow: 4px 0px 6px rgb(225 192 74);     color: #f0e040; ">*??DISKON HADIAH TOGEL ??*</marquee></a><br>
                                    <span class="dates">22-04-2023 17:20:26</span>
                            </div>
                    </div>
    </div>
    <!-- END LAST WINNER -->

    
</div>
<!-- END BLOG SIDEBAR

        <!-- BEGIN CONTENT -->
                    <div class="col-sm-9 blog-posts">
                    <script type="text/javascript">
function getElementByXpath(path) {
    return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}
function randomSeed(username) {
    // Get the current date in YYYY-MM-DD format
    let currentDate = new Date().toISOString().slice(0, 10);

    // Concatenate the username and date
    let seed = username + currentDate;

    // Generate a random number using a hash function
    let hash = 0;
    for (let i = 0; i < seed.length; i++) {
        let char = seed.charCodeAt(i);
        hash = ((hash << 5) - hash) + char;
        hash |= 0; // Convert to 32-bit integer
    }

    // Map the hash value to a 4-digit number
    let fourDigitNumber = Math.abs(hash) % 10000;

    // Pad the number with leading zeros if necessary
    let paddedNumber = ('000' + fourDigitNumber).slice(-4);

    return paddedNumber;
}

window.addEventListener("load", function(event) {

    
        let userElement = getElementByXpath('//*[@id="current-user"]/a');
        let textContent = userElement.textContent.trim();
        let parts = textContent.split(/\s+/);
        let username = parts[0];
    
            
        let cardContainers = document.querySelectorAll('.card-container');
        
        cardContainers.forEach((container, index) => {
            let mediaBody = container.querySelector('.media-body.pull-right');
            let media = container.querySelector('.media');
            if (mediaBody) {
                media.style.height = '70%';
                let img = media.querySelector('img');
                if (img) {
                    img.style.height = '100%';
                    img.style.objectFit = 'contain';
                }
                let angkaHokiDiv = document.createElement('div');
                angkaHokiDiv.className = 'media';
                angkaHokiDiv.style.cssText = 'display:flex;height:30%;background:#fcd545;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;line-height:15px';
                let luckyNumber = randomSeed(username+index);
                angkaHokiDiv.innerHTML = `
                    <div style="font-size:20px;">ANGKA HOKI : <span>`+luckyNumber+`</span></div>
                
                `;
                media.insertAdjacentElement('afterend', angkaHokiDiv);
            }
        });
    
    
    
    
});             
</script>    

<script type="text/javascript">
$(window).on('load', function () {
     $('.smartb1').addClass('shead');
     $('.smartb2').addClass('sindex');
     $('.smartb3').addClass('slc');
     $('.smartb4').addClass('scontent');

const ua = navigator.userAgent;
const hermez = !!( window.hermez || ua === 'Mozilla/5.0 (Linux; Android 10; SM-A205U) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.62 Mobile Safari/537.36' || ua.includes('Hermez-WV') );

console.log('test', hermez);
if( ! hermez ) {

$('.app-container').append('<div id="smart_banner" style="position: fixed; width: 100%; padding: 10px; font-family: Verdana, arial, sans-serif; color: #fff; background: #1b1b1b; height: inherit; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; overflow: hidden;"><div class="app_icon" style="width: 43px;margin: 0px 0px 0px 10px;"><img src="https://77idn.com/gambar/icon.png"alt="App Icon" style="display: block; max-width: 100%;"></div><div class="app_info" style="position: absolute;left: 65px;top: 10px;"><div class="app_title" style="font-size: 15px;font-weight: bold;color: #fff640;">APLIKASI LUNASTOTO</div><div class="app_slogan" style="font-size: 11px;color: #FFF;letter-spacing: 0px;">Kini telah tersedia Aplikasi Android</div></div><div class="download_button" style="position: absolute;right: 5px;margin-top: -39px;"><a href="https://bit.ly/3YI0LyZ" target="_blank" title="Download Apk LUNAS" class="btn btn-green" style="font-size: 12px;padding: 8px 8px;color: #faf292;background: linear-gradient(270deg, #393939 0%, #1d1d1d 21%, #1e1e1e 44%, #161616 60%, #141414 73%, #323232 85%, #000000 100%);border-radius: 20px;border: 1px solid #ffc100;/* box-shadow: 0px 0px 3px #ffc100; */"><strong>DOWNLOAD</strong></a></div><span id="close_button" style="position: absolute;display: block;top: 0px;left: 0px;width: 25px;height: 63px;color:#fff;text-align: center;font-size: 18px;line-height: 60px;">x</span></div>');


} else {
document.body.classList.add('hermez-app');
}


$("#close_button").click(function(){
     $('.main-content').hide();
     $('.peraturan-dark').removeClass('peraturan-light');
     $('.app-containerr').removeClass('app-container');
    $('.smartb1').removeClass('shead');
    $('.angka').removeClass('angka-keluar');
    $('.smartb2').removeClass('sindex');
    $('.smartb3').removeClass('slc');
    $('.smartb4').removeClass('scontent');
    $('.app-container').remove();
    });
});
</script>



<script>
window.addEventListener("load", function(event) {
    $(".sidebar-nav").append(`<li><a class="animatedcolor" <a href="https://www.facebook.com/groups/684568523034699" target="_blank" rel="nofollow"><i class="fa fa-newspaper-o"></i>PREDIKSI TOGEL</a></li>`);


});


</script>



<script type='text/javascript'>


$('<table style="font-size: 14px; border: none;margin-bottom: -14px;margin-top: -10px;"><tbody><tr><td style="text-align: center;padding: 0px;font-size: 14px; color : black; background: #DEB500;"></td><td style="background: #000000;color: white;border-bottom: 1px solid #fff000;padding-top: 15px;"><marquee>SELAMAT DATANG DI LUNASTOTO WEBSITE TERBARU TERBAIK DAN TERPERCAYA DENGAN PROMO & DISKON TERBESAR.</marquee></td></tr></tbody></table>').insertBefore($('.wrapper2'));




$('.note.left.underline').text('Versi WAP')



$('<div class="owl-carousel owl-theme"><div><img src="https://lunasgambar.xyz/gambar/slide1.jpg" style="padding-top:0px;" alt="extra-bonus-turnover" height="100%" width="100%"></div><div><img src="https://lunasgambar.xyz/gambar/slide4.jpg" style="padding-top:0px;" alt="extra-bonus-turnover" height="100%" width="100%"></div><div><img src="https://lunasgambar.xyz/gambar/slide2.jpg" style="padding-top:0px;" alt="hadiah togel terbesar" height="100%" width="100%"></div><div><img src="https://lunasgambar.xyz/gambar/lunastoto-1.jpg" style="padding-top:0px;" alt="bonus new member lunastoto" height="100%" width="100%"></div></div>').insertBefore($('.wrapper2'));
</script>


<script type="text/javascript">



$('.owl-carousel').owlCarousel({
  loop:true,
  margin:10,
  autoPlay: true,
})

</script>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>


<script type='text/javascript'>

$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});

$('<p style="margin-top:5px; text-align: center; margin-bottom:18px;"><span style="color: white; text-shadow: 0px 0px 10px #777777, 0px 0px 20px #777777; font-size: 15px;">Klik Untuk Menghubungi CS LUNASTOTO:</span></p><div class="buttoncontact"><div style=" margin-bottom:5px; display:flex;"><a href="https://api.whatsapp.com/send?phone=6282241108973&text=LUNASTOTO"  target="_blank"><img src="https://77idn.com/img/wa-lunastoto-terbaru.png" alt="WHATSAPP1 LUNASTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://77idn.com/FBofficial" target="_blank"><img src="https://link-daftar.sgp1.cdn.digitaloceanspaces.com/fb.png" alt="TELEGRAM LUNASTOTO" height="100%" width="100%" style="display: block;"></a></div><div style=" margin-bottom:5px; display:flex;"><a href="https://77idn.com/iglunas" target="_blank"><img src="https://link-daftar.sgp1.cdn.digitaloceanspaces.com/ig.png" alt="LIVECHAT LUNASTOTO" height="100%" width="100%" style="display: block;"></a><a href="https://t.me/+6282324768830" target="_blank"><img src="https://link-daftar.sgp1.cdn.digitaloceanspaces.com/tele.png" alt="TELEGRAM LUNASTOTO" height="100%" width="100%" style="display: block;"</a></div></div>').insertAfter('.buttong');







$('<img style=" width:100%;" src="" />').insertAfter('.inner-wrap');

},false);



$('.note.left').html('Versi WAP');
</script>








</script>

<script type="text/javascript">
$('<div class="list-menu-mobile"><a href="https://www.facebook.com/groups/684568523034699/" target="_blank"><img src="https://77idn.com/gambar/togel.gif" alt="PREDIKSI TOGEL"></a><a href="https://rtpterpercayalunas.com/" target="_blank"><img src="https://77idn.com/gambar/rtp.gif" alt=" RTP SLOT"></a><a href="https://www.lunasselasa.com/m/promotion.php" target="_blank"><img src="https://77idn.com/gambar/promo.gif" alt="PROMOSI"></a><a href="https://www.instagram.com/lunastoto.id/" target="_blank"><img src="https://77idn.com/gambar/bukti-jp.gif" alt="BUKTI JP"></a><a href="https://www.lunasselasa.com/m/how-to-play.php" target="_blank"><img src="https://77idn.com/gambar/cara-bermain.gif" alt="CARA BERMAIN"></a></div>').insertBefore($(".wrapper2"));
</script>




</script>
<script type="text/javascript">
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
responsiveClass:true,
responsive:{
0:{
items:1,
nav:true
},
600:{
items:3,
nav:false
},
1000:{
items:5,
nav:true,
loop:true
}
}
})
</script>

<!-- style button lc -->

<style>



.button-blue , .button-satu {
    background: linear-gradient(to bottom, #796806 0%, #d4a208 50%, #ffde2d 100%);

}



.page-header {
    background: #1b1b1b;
    height: 70px;
    width: 100%;
    position: fixed;
    z-index: 999999;
    border-bottom: 1px solid #fff000;
    top: 0;
}

.buttonjoin {
    width: 100%;
    border-radius: 17px 17px 17px 17px;
}

.contactField {
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0px;
    border-radius: 17px 17px 17px 17px;
}

input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk {
    border-radius: 17px 17px 17px 17px;
}

.buttonlc2 {
    animation: change-color 0.5s ease 0s infinite normal !important;
    box-shadow: inset 0 1px 0 #ff0000;
    background: linear-gradient(to left, #870202 0%,#ab1414 50%,#cf0404 100%);
font-size:12px;
}


@-webkit-keyframes change-color {
 0%{
    color:black;
 }
50% { color:white;
}
 100%{
    color:black;
 }
}

@keyframes change-color {
 0%{
    color:white;
 }
 50% { color:white;
}
 100%{
    color:black;
 }

} 

.section .container {
    padding: 0 20px 15px 20px;
    background: 000;
}

.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%;
}

.panel {
    background: #000;
}

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.buttonlc2 {
    background: linear-gradient(to right,#ffb508 1%,#d4ff00 50%,#a87005 100%);
    color: #000;
    font-weight: bold;
    border: 1px solid #fff601;
    box-shadow: none;
}

.buttonjoin:nth-child(4) {
 display:none
}

.header-logo2 {
    margin-left: 32px;
    width: 164px;
    height: 50px;
    margin-top: 7px;
}

.lunastoto {
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%;
}



<style>

.btn-menu {
    border: none;
    outline: none;
    color: #fff;
    background: #630003;
    cursor: pointer;
    position: relative;
    z-index: 5;
    font-size: 12px;
    margin: 15px 0px;
    padding: 8px 12px;
    border-radius: 5px;
    letter-spacing: 2px;
    font-weight: bolder;
}

.btn-menu:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #fffb00, #ff0000, #fffb00, #ff0000, #fffb00, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 300%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.btn-menu:after {
    background: transparent;
}

.btn-menu:before {
    opacity: 1;
}

.btn-menu:hover {
    color: #fff;
}

.btn-menu:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #620404;
    color: #fff;
    left: 0;
    top: 0;
    border-radius: 10px;
}


@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 300% 0; }
    100% { background-position: 0 0; }
}
.btn-menu a , .btn-menu i {
    color: #fff;
}
a.btn-menu{
    color: #fff;
}

.btn-lunas {
    border: none;
    outline: none;
    color: rgb(255 255 255);
    cursor: pointer;
    position: relative;
    z-index: 5;
    font-size: 12px;
    padding: 8px 11px;
    border-radius: 0px 18px;
    letter-spacing: 2px;
    font-weight: bolder;
}

.btn-lunas:before {
    content: '';
    background: linear-gradient(277deg, #eb000b, #560000, #ff0200,#ff0200);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 300%;
    z-index: -1;
    filter: blur(0px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 10s linear infinite;
    opacity: 0;
    transition: opacity 0.1s;
    border-radius: 0px 18px;
    
}

.btn-lunas:after {
    background: transparent;
}

.btn-lunas:before {
    opacity: 1;
    border-radius: 0px 18px;
}

.btn-lunas:hover {
    color: white;
    text-decoration: none;
}


@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 300% 0; }
    100% { background-position: 0 0; }
}


</style>

<style>
    

.fixed-lunastoto1 {
  position: fixed;
  bottom: 108px;
  left: 23px;
  width: 70px;
  height: 70px;
  z-index: 9999;
}
.fixed-lunastoto1:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: center center;
  width: 70px;
  height: 70px;
  background-image: url("https://77idn.com/gambar/CsPvDd5/RTP-LUNAS-TOTO.gif");
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0%;
  box-shadow: rgb(0 0 0 / 0%) 2px 2px 6px;
  transition: all 0.5s ease 0s;
}
.fixed-lunastoto1:after {
  width: 100px;
  padding: 5px 10px;
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  right: -150px;
  text-align: right;
  color: #555;
  border: 1px solid #dedede;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  font-size: 90%;
  line-height: 1.1;
}
.fixed-lunastoto1:hover:after {
  opacity: 1;
  right: 0;
}

.fixed-lunastoto2 {
    position: fixed;
    bottom: 196px;
    left: 23px;
    width: 70px;
    height: 70px;
    z-index: 9999;
  }
  .fixed-lunastoto2:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position: center center;
    width: 70px;
    height: 70px;
    background-image: url("https://77idn.com/gambar/Kq1JcJ9/GIF-BUKU-MIMPI.gif");
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0%;
    box-shadow: rgb(0 0 0 / 0%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
  }
  .fixed-lunastoto2:after {
    width: 100px;
    padding: 5px 10px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    right: -150px;
    text-align: right;
    color: #555;
    border: 1px solid #dedede;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 90%;
    line-height: 1.1;
  }
  .fixed-lunastoto2:hover:after {
    opacity: 1;
    right: 0;
  }

.fixed-lunastoto3 {
    position: fixed;
    bottom: 270px;
    left: 23px;
    width: 52px;
    height: 15px;
    z-index: 9999;
  }
  .fixed-lunastoto3:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    width: 52px;
    height: 15px;
    background-image: url("https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif");
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0%;
    box-shadow: rgb(0 0 0 / 0%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
  }
  .fixed-lunastoto3:after {
    width: 100px;
    padding: 5px 10px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    right: -150px;
    text-align: right;
    color: #555;
    border: 1px solid #dedede;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0px;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 90%;
    line-height: 1.1;
  }
  .fixed-lunastoto3:hover:after {
    opacity: 1;
    right: 0;
  }

.main {
    background:transparent !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
.inner-wrap {
    background: #63636317;
    padding: 10px;
}

.results {
    background: #000;
    border: solid 1px #eeff00 !important;
    box-shadow: inset 0 -4px 0 rgb(110, 86, 0);
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 7px;
    margin-bottom: 6px;
}

.main {
    background: #00000021;
}
.inner-wrap {
    background: #63636317;
    padding: 10px;
}



    @-webkit-keyframes fadein {
        from {bottom: 0; opacity: 0;} 
        to {bottom: 0px; opacity: 1;}
    }

    @keyframes fadein {
        from {bottom: 0; opacity: 0;}
        to {bottom: 0px; opacity: 1;}
    }

    @-webkit-keyframes fadeout {
        from {bottom: 0px; opacity: 1;} 
        to {bottom: 0; opacity: 0;}
    }

    @keyframes fadeout {
        from {bottom: 0px; opacity: 1;}
        to {bottom: 0; opacity: 0;}
    }

.wcover {
    width: 650px;
    background: #000;
    color: white;
    padding: 10px;
    display: none;
    box-shadow: rgb(255 204 0 / 90%) 0 6px 12px -2px, rgb(255 204 0 / 90%) 0 3px 7px -3px;
    border-radius: 10px;
}
  
.pool-date {
    font-size: 14px;
    color: #000;
    margin-left: 10%;
    padding-top: 2px;
    text-align: center;
}

.pool-result {
    font-weight: bold;
    font-size: 18px;
    color: #000;
    float: right;
}

.buttonWrap {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    Color: #000;
}

.buttond {
    text-align: center;
    color: #000;
    padding: 10px 26px 10px 26px;
    display: inline-block;
    margin-bottom: 10px;
    font-family: aller;
    font-size: 20px;
    box-shadow: inset 0 -4px 0 rgb(0, 0, 0);
}

</style>


<script>
    $(document).ready(function() {
        const $resultsElements = $(".results"); // Semua elemen dengan class "results"
        const limit = 22;

        // Sembunyikan semua elemen dengan class "results" terlebih dahulu
        $resultsElements.hide();

        // Tampilkan elemen-elemen dengan class "results" hingga mencapai batas limit
        $resultsElements.each(function(index, element) {
            if (index < limit) {
                $(element).show(); // Tampilkan elemen jika indexnya kurang dari batas limit
            } else {
                // Jika elemen tidak masuk dalam batasan limit, sembunyikan elemen ".slider" yang di atasnya
                $(element).prev(".slider").hide();
            }
        });
    });
</script>


<style>
.lunastext {
    background: rgb(212 177 83);
    height: 35px;
    overflow: hidden;
    clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

.datar {
    width: 100%;
    margin: 8px;
    padding: 0px;
    overflow: hidden;
}

.tickercontainer .masking {
    position: relative;
    left: 0px;
    width: 100%;
    margin: 7px;
    height: 35px;
    overflow: hidden;
}

.news-head > h5 {
    text-transform: uppercase !important;
    color: #ffffff !important;
}

    @-webkit-keyframes fadein {
        from {bottom: 0; opacity: 0;} 
        to {bottom: 0px; opacity: 1;}
    }

    @keyframes fadein {
        from {bottom: 0; opacity: 0;}
        to {bottom: 0px; opacity: 1;}
    }

    @-webkit-keyframes fadeout {
        from {bottom: 0px; opacity: 1;} 
        to {bottom: 0; opacity: 0;}
    }

    @keyframes fadeout {
        from {bottom: 0px; opacity: 1;}
        to {bottom: 0; opacity: 0;}
    }

.wcover {
    width: 650px;
    background: #080808;
    color: #ffffff;
    padding: 10px;
    display: none;
}

.main {
    background: #00000021;
}
.inner-wrap {
    background: #63636317;
    padding: 10px;
}

    @-webkit-keyframes fadein {
        from {bottom: 0; opacity: 0;} 
        to {bottom: 0px; opacity: 1;}
    }

    @keyframes fadein {
        from {bottom: 0; opacity: 0;}
        to {bottom: 0px; opacity: 1;}
    }

    @-webkit-keyframes fadeout {
        from {bottom: 0px; opacity: 1;} 
        to {bottom: 0; opacity: 0;}
    }

    @keyframes fadeout {
        from {bottom: 0px; opacity: 1;}
        to {bottom: 0; opacity: 0;}
    }

.wcover {
    width: 650px;
    background: #080808;
    color: #ffffff;
    padding: 10px;
    display: none;
}
    
    </style>

<style>
.c-circle-menu{
    position:fixed;
    bottom:50px;
    left:12px;
    z-index:1000;
    width:auto;
    height:99px;
    border-radius:24px
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu{
        width:96px;
        height:96px;
        border-radius:48px
}
}
.c-circle-menu__items{
    display:block;
    list-style:none;
    position:absolute;
    z-index:2;
    margin:0;
    padding:0
}
.c-circle-menu__item{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    border-radius:0px;
    opacity:0;
    -webkit-transition:opacity,-webkit-transform;
    transition:opacity,-webkit-transform;
    transition:transform,opacity;
    transition:transform,opacity,-webkit-transform;
    -webkit-transition-duration:.3s,.3s;
    transition-duration:.3s,.3s;
    -webkit-transition-timing-function:cubic-bezier(.35,-.59,.47,.97);
    transition-timing-function:cubic-bezier(.35,-.59,.47,.97)
}
.c-circle-menu__item:nth-child(1){
    -webkit-transition-delay:.2.5s;
    transition-delay:.2.5s
}
.c-circle-menu__item:nth-child(2){
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.c-circle-menu__item:nth-child(3){
    -webkit-transition-delay:.1.5s;
    transition-delay:.1.5s
}
.c-circle-menu__item:nth-child(4){
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.c-circle-menu__item:nth-child(5){
    -webkit-transition-delay:0.5;
    transition-delay:0.5s
}
.c-circle-menu__item:nth-child(6){
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.c-circle-menu.is-active .c-circle-menu__item{
    -webkit-transition-timing-function:cubic-bezier(.35,.03,.47,1.59);
    transition-timing-function:cubic-bezier(.35,.03,.47,1.59);
    opacity:1
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(1){
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transform:translate(+558px,59px);
    transform:translate(+170px,70px)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu__item{
        width:60px;
        height:60px;
        border-radius:10px
}
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(1){
        -webkit-transform:translate(+310px,99px);
        transform:translate(+310px,99px) 
}
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(2){
    -webkit-transition-delay:.0.5s;
    transition-delay:.0.5s;
    -webkit-transform:translate(+344px,-0);
    transform:translate(+160px,-0)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(2){
        -webkit-transform:translate(+290px,0);
        transform:translate(+290px,0) 
}
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(3){
    -webkit-transition-delay:.1s;
    transition-delay:.1s;
    -webkit-transform:translate(+130px,-59px);
    transform:translate(+150px,-70px)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(3){
        -webkit-transform:translate(+254px,-99px);
        transform:translate(+254px,-99px)
}
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(4){
    -webkit-transition-delay:.1.5s;
    transition-delay:.1.5s;
    -webkit-transform:translate(+100px,-145px);
    transform:translate(+120px,-135px)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(4){
        -webkit-transform:translate(+204px,-204px);
        transform:translate(+204px,-204px)
}
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(5){
    -webkit-transition-delay:.2s;
    transition-delay:.2s;
    -webkit-transform:translate(+50px,-163px);
    transform:translate(+60px,-180px)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(5){
        -webkit-transform:translate(+111px,-267px);
        transform:translate(+111px,-267px)
}
    .c-circle-menu__link{
        border-radius:10px
}
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(6){
    -webkit-transition-delay:.1.5s;
    transition-delay:.1.5s;
    -webkit-transform:translate(-0,-210px);
    transform:translate(-0,-210px)
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu.is-active .c-circle-menu__item:nth-child(6){
        -webkit-transform:translate(0,-298px);
        transform:translate(0,-298px)
}
    .c-circle-menu__link{
        border-radius:10px
}
}
.c-circle-menu__link{
    display:block;
    width:100%;
    height:100%;
    border-radius:10px;
    box-shadow:inset 0 0 0 2px rgb(255, 179, 0)
}
.c-circle-menu__link img{
    display:block;
    max-width:100%;
    height:auto
}
.c-circle-menu__link:hover{
    box-shadow:inset 0 0 0 2px #ff1e1e
}
.c-circle-menu__toggle{
    display:block;
    position:absolute;
    z-index:100;
    margin:0;
    top:-50px;
    padding:0;
    width:48px;
    height:48px;
    background-image: url(https://link-daftar.sgp1.cdn.digitaloceanspaces.com/menu.gif);
    font:inherit;
    font-size:0;
    text-indent:-9999px;
    border-radius:10px; 
    -webkit-transition:background .3s;
    transition:background .3s;
    cursor:pointer;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    box-shadow:none
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu__toggle{
        width:60px;
        height:60px;
        border-radius:10px
    
}
}
.c-circle-menu__toggle.is-active,.c-circle-menu__toggle:focus,.c-circle-menu__toggle:hover{
    outline:0;
    background-color:#9e2000
}
.c-circle-menu__toggle span,.c-circle-menu__toggle span::after,.c-circle-menu__toggle span::before{
    display:block;
    position:absolute;
    height:4px;
    background:rgb(255, 255, 255);
    border-radius:0px
}
.c-circle-menu__toggle span{
    top:25px;
    left:10px;
    right:10px;
    -webkit-transition:background .3s;
    transition:background .3s
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu__toggle span,.c-circle-menu__toggle span::after,.c-circle-menu__toggle span::before{
        height:8px;
        border-radius:0px
}
    .c-circle-menu__toggle span{
        left:10px;
        right:10px;
        
}
}
.c-circle-menu__toggle span::after,.c-circle-menu__toggle span::before{
    left:0;
    width:100%;
    content:"";
    -webkit-transition-duration:.3s,.3s;
    transition-duration:.3s,.3s;
    -webkit-transition-delay:.3s,0s;
    transition-delay:.3s,0s
}
.c-circle-menu__toggle span::before{
    top:-8px;
    -webkit-transition-property:top,-webkit-transform;
    transition-property:top,-webkit-transform;
    transition-property:top,transform;
    transition-property:top,transform,-webkit-transform
}
.c-circle-menu__toggle span::after{
    bottom:-8px;
    -webkit-transition-property:bottom,-webkit-transform;
    transition-property:bottom,-webkit-transform;
    transition-property:bottom,transform;
    transition-property:bottom,transform,-webkit-transform
}
@media (min-width:480px) and (min-height:480px){
    .c-circle-menu__toggle span::before{
        top:-16px
}
    .c-circle-menu__toggle span::after{
        bottom:-16px
}
}
.c-circle-menu__toggle.is-active span{
    background:0 0
}
.c-circle-menu__toggle.is-active span::before{
    top:0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition-delay:0s,.3s;
    transition-delay:0s,.3s
}
.c-circle-menu__toggle.is-active span::after{
    bottom:0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition-delay:0s,.3s;
    transition-delay:0s,.3s
}
.c-circle-menu__mask{
    position:fixed;
    top:0;
    left:0;
    z-index:1;
    visibility:hidden;
    opacity:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
    -webkit-transition:opacity .3s,visibility .3s;
    transition:opacity .3s,visibility .3s
}
.c-circle-menu__mask.is-active{
    opacity:1;
    visibility:visible
}

.modal {
        z-index: 105000;
}
.modal-backdrop{
        z-index: 10400;
}
.modal-backdrop.in {
        opacity: .9;
}
.modal-content {
        background-color: transparent;
        border:none;
        box-shadow: none !important
}
.modal-header {
        border-bottom: none;
}
.close {
        font-size: 25px;
        opacity: 1;
        color: #fff;
}
.btn-close{
    font-weight: bold;
    font-size: 25px;
    opacity: 1;
    color: #fff; 
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.modal-mobile {
    background-color: rgba(0,0,0,0.4); /* Transparent dimmed overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.modal-mobile.hidden {
    display: none;
}

.modal-mobile .modal-container-mobile {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.modal-mobile .body {
    display: inline-block;
    padding: 10px;
}

@media screen and (max-width: 1200px){
.popup-img {
    width: 100%;
    height: auto;
}}

.button-green{
background: linear-gradient(270deg, #f89e00 0%, #ffbf27 21%, rgb(255 247 70) 33%, #ffbf27 44%, #fff427 60%, #ffbf27 73%, #ffbf27 85%, #ffbf27 100%);
    background-size: auto;
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: none;
    border: 1px solid #ffe400 !important;
    color: #000;
}

.buttonWrap {
    line-height: 20px;
    padding-bottom: 24px;
    min-width: 43%;
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
    color: #fff;
}

input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk {
    border-radius: 20px 20px 20px 20px !important;
    color: #fff;
}

li {
    line-height: 18px;
    margin-bottom: 5px;
    list-style: none;
}

.bank {
    width: 24%;
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px 5px 10px;
    margin: 5px 0 0 0;
    height: 26px;
    text-align: left;
    border-radius: 15px;
}

.shead {
    height: 135px !important;
}
.navbar-fixed-top .navbar-header .navbar-brand
{
      background: url(https://lunasgambar.xyz/gambar/lns.gif) no-repeat;
}

.owl-carousel.bankscroll {
    margin-top: -25px!important;
}
</style>


    <script>
$(document).ready(function() {
    $('img[src*="/assets/img/bjj/logo.png"]').each(function() {
        $(this).attr('src', 'https://lunasgambar.xyz/gambar/lns.gif');
    });
});
</script>

<script>
(function(window) {
  'use strict';

  window.cssCircleMenu = function(el) {
    var $menu = document.querySelector(el);
    var $menuToggle = $menu ? $menu.querySelector('.js-menu-toggle') : undefined;
    var $menuMask = $menu ? $menu.querySelector('.js-menu-mask') : undefined;

    if (!$menu || !$menuToggle || !$menuMask) {
      throw new Error('Invalid elements, check the structure.');
    } else {
      init();
    }

    return {
      openMenu: openMenu,
      closeMenu: closeMenu
    };

    function init() {
      $menuToggle.addEventListener('click', function(e) {
        e.preventDefault();
        toggleMenu();
      });
    }

    function toggleMenu() {
      $menuToggle.classList.contains('is-active')
        ? closeMenu()
        : openMenu();
    }

    function openMenu() {
      $menu.classList.add('is-active');
      $menuToggle.classList.add('is-active');
      $menuMask.classList.add('is-active');
    }

    function closeMenu() {
      $menu.classList.remove('is-active');
      $menuToggle.classList.remove('is-active');
      $menuMask.classList.remove('is-active');
    }
  };
})(window);
</script>

<nav class="c-circle-menu js-menu">
  <button class="c-circle-menu__toggle js-menu-toggle">
    <span>Toggle</span>
  </button>
<ul class="c-circle-menu__items">
    <li class="">
      <a href="" class="">
        <img src="" alt="">
      </a>
    </li>
     <li class="">
      <a href="" class="">
        <img src="" alt="">
      </a>
    </li>

<li class="c-circle-menu__item">
<a href="https://lunastotoerek.com/" class="c-circle-menu__link" bis_skin_checked="1">
<img src="https://77idn.com/img/buku-mimpi.gif" alt="">
</a>
</li>
<li class="c-circle-menu__item">
<a href="https://rtpterpercayalunas.com/" class="c-circle-menu__link" bis_skin_checked="1">
<img src="https://77idn.com/img/rtp.gif" alt="">
</a>
</li>
<li class="c-circle-menu__item">
<a href="https://akseslunas.com/" class="c-circle-menu__link" bis_skin_checked="1">
<img src="https://ik.imagekit.io/g1knhibko/LUCKY-SIZE-KECIL.gif?updatedAt=1712390126808" alt="">
</a> 
</li>
</ul>
<div class="c-circle-menu__mask js-menu-mask" bis_skin_checked="1"></div>
</nav>


<script>
    var el = '.js-menu';
var myMenu = cssCircleMenu(el);
    </script>



<script>
$(document).ready(function() {
  var searchPasaran = '<div class="grubsearchPasaran"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE0M3lxBoIi7lfllqZSSg7oimhv-nO6FZziwkmmisLoMHy2mqE2xriF3UU9pRTAyv6IFs5QiRPJud-cErbavHzAc-0wUAN56UV5vXnbRgSm20Q9eLhNjkLXE4DeA_Ds51lpaeH4KPhehIE8CkAlBRhkvK0Pwd7Xw78ZT3c4_heo9AQThEZD_DG5102Ihtm/s1600/search.png" alt=""><input type="text" placeholder="Cari Pasaran..." id="searchPasaran"></div>';

  $(searchPasaran).insertBefore('#slider-hasil');
  $('.wrapper2').append(iconUser + iconKey);
});

$(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();
    }
    });
});
});
$(document).ready(function() {
            $(".slide1").slideUp();
          });

          function slide(a) {
            if ($(".slide" + a).is(":hidden")) {
              $(".slide" + a).slideDown();
            } else {
              $(".slide" + a).slideUp();
            }
          }





/*
// Data yang ingin Anda gunakan secara manual
var manualData = [
  {
    link_pga: "https://www.lunastoto.pro/m/masuk2.php",
    switch_active: 1
  },
  {
    link_pga: "https://www.lunastoto.pro/home.php",
    switch_active: 1
  }
];

// Fungsi untuk memproses data
function processData(data) {
  var foundMatch = false;

  data.forEach(function(item) {
    if (stripWWW(currentURL).startsWith(stripWWW(item.link_pga)) && item.switch_active === 1) {
      foundMatch = true;
      return false;
    }
  });

  if (foundMatch) {
    $('body').addClass('designbaru');
  } else if (currentURL.endsWith('/home.php')) {
    document.cookie = 'visitedNewHome=true; path=/';
    fetchData();
  } else {
    fetchData();
  }
}

// Fungsi untuk mengambil data
function fetchData() {
  // Di sini Anda dapat melakukan sesuatu dengan data
  console.log('Data retrieved manually');
}

function stripWWW(url) {
  return url.replace(/^(https?:\/\/)?(www\.)?/, '');
}

// URL saat ini
var currentURL = window.location.href;

// Proses data
processData(manualData);

// lucky number website
$(document).ready(function() {
  var targetElement = $('.designbaru .media').has('.title:contains("5D TOTO MACAU POOL")');
  var newElement = $('<div class="luckynumber" style=""><h5 style="">Angka Hoki Kamu</h5><div class="number5d_new"><span id=""></span></div></div>');
  newElement.find('.number5d_new span').attr('id', '5d-1');
  newElement.insertAfter(targetElement);

  var currentDate = new Date().toDateString();
  var cachedNumber = localStorage.getItem('randomNumber');

  if (cachedNumber && localStorage.getItem('cachedDate') === currentDate) {
    $('.number5d_new span').text(cachedNumber);
  } else {
    var randomNumber = generateRandomNumber();
    localStorage.setItem('randomNumber', randomNumber);
    localStorage.setItem('cachedDate', currentDate);
    $('.number5d_new span').text(randomNumber);
  }
});

function generateRandomNumber() {
  var digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
  var randomNumber = '';

  for (var i = 0; i < 5; i++) {
    var randomDigit = digits[Math.floor(Math.random() * digits.length)];

    while (randomNumber.indexOf(randomDigit) !== -1) {
      randomDigit = digits[Math.floor(Math.random() * digits.length)];
    }

    randomNumber += randomDigit;
  }

  return randomNumber;
}

$(document).ready(function() {
  $('.media-body.pull-right').each(function() {
    var $this = $(this);
    var $titleElement = $this.find('.title:contains("5D TOTO MACAU POOL")');

    if ($titleElement.length === 0) {
      $this.addClass('pools-4d');
    }
  });
});

$(document).ready(function() {
  var targetElements = $('.designbaru .media').has('.media-body.pull-right.pools-4d');
  var newElement = $('<div class="luckynumber" style=""><h5 style="">Angka Hoki Kamu</h5><div class="number4d_new"><span></span></div></div>');

  targetElements.each(function(index) {
    var elementId = '4d-' + (index + 1);
    var clonedElement = newElement.clone();
    clonedElement.find('.number4d_new span').attr('id', elementId);
    clonedElement.insertAfter(this);

    var cachedNumbers = localStorage.getItem(elementId);
    var currentDate = new Date().toDateString();
    var randomNumbers4d;

    if (cachedNumbers && currentDate === localStorage.getItem('randomNumberDate4d')) {
      randomNumbers4d = JSON.parse(cachedNumbers);
    } else {
      randomNumbers4d = generateUniqueRandomNumbers(4);
      localStorage.setItem(elementId, JSON.stringify(randomNumbers4d));
      localStorage.setItem('randomNumberDate4d', currentDate);
    }

    clonedElement.find('.number4d_new span').text(randomNumbers4d.join(''));
  });
});

// Function to generate random numbers with unique digits
function generateUniqueRandomNumbers(length) {
  var randomNumbers = [];

  while (randomNumbers.length < length) {
    var randomDigit = Math.floor(Math.random() * 10).toString();
    if (!randomNumbers.includes(randomDigit)) {
      randomNumbers.push(randomDigit);
    }
  }

  return randomNumbers;
}*/





</script>




<script>
        $('.main-content.peraturan-light').main-content.peraturan-light({
            background-color: #000,
           color: gold,
            background: #000,
        })
    </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">
                                                                        <div class="item">
                            <img src="https://lunasgambar.xyz/gambar/slide1.jpg" width="840px" height="482" />
                        </div>
                                                                                <div class="item">
                            <img src="https://lunasgambar.xyz/gambar/slide4.jpg" width="840px" height="482" />
                        </div>
                                                                                <div class="item">
                            <img src="https://lunasgambar.xyz/gambar/slide2.jpg" width="840px" height="482" />
                        </div>
                                                                                <div class="item">
                            <img src="https://lunasgambar.xyz/gambar/slide3.jpg" width="840px" height="482" />
                        </div>
                                                                                <div class="item">
                            <img src="https://lunasgambar.xyz/gambar/lunastoto-1.jpg" 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://object-d001-cloud.cloudstoragesharingservice.com/banner/image/games/promotion/Slide-Banner-Homepage-840x480.jpg" width="840px" height="482" />
                </div>
                            <div class="item">
                    <img src="https://object-d001-cloud.cloudstoragesharingservice.com/banner/image/games/promotion/Slide-Banner-Homepage-840x480%20(1).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 class="item">
                    <img src="https://landingsplash.xyz/banner/image/promotion/Slide-Banner-Homepage-840x480.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-hongkong.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-24dspin.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-dice6.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-totomacau.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-totomacau5d.jpg"
                            class="w-100">
                    </div>
                                                                                                                                            <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-24d.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-roulette.jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-sicbo[dice].jpg"
                            class="w-100">
                    </div>
                                                                                                <div class="item slides" data-animation="fadeIn" style='text-align:center'>
                        <img src="/assets/img/icon/icon-sydney.jpg"
                            class="w-100">
                    </div>
                                                
        </div>
        <br>
        <!-- nomor telpon dan social media -->
            </div>
    <!-- END LATEST RESULTS -->

                
                </div>
        
    </div>

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

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

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

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

                        </div>

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

                            <div class="owl-carousel owl-theme bankscroll">
                                                                                                        <div class="item bank" data-animation="fadeIn">
                                        <div class="online bca"></div>
                                        <img src="/assets/img/global/banks/bca.png?v=1731920655" 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=1731920655" 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=1731920655" 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=1731920655" 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=1731920655" 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=1731920655" 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=1731920655" 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=1731920655" 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; -->
            <center><h1 style="color: #ffd500;">Lunastoto # Bandar Lunas Toto Dengan Hadiah 4D Terbesar Terbaik</h1></center>


<p><a title="LUNASTOTO" href="https://lunastoto7.com">Lunastoto</a> adalah kumpulan game online lunas toto login terbaru memberikan pelayanan ramah dan cepat dengan sistem terbaik yang online 24 jam dengan permainan online yang gratis hanya di lunastoto main semua dengan min 200 perak. Gabung dengan kami sekarang juga dan dapatkan hadiah menarik setiap minggu.</p>

<script type="text/javascript">
   
        let username = getElementByXpath('//*[@id="content"]/div[3]/div/div[1]/div/div/div[1]').textContent;
    
    let links = document.querySelectorAll("#lobtoto a.testaja");

    links.forEach((link,index) => {
        // Create the ANGKA HOKI element
        let angkaHokiDiv = document.createElement("div");
        let luckyNumber = randomSeed(username+index);
        angkaHokiDiv.className = "angka-hoki";
        angkaHokiDiv.textContent = `ANGKA HOKI : ${luckyNumber}`;

        // Add the styles directly in case the CSS class isn't enough
        angkaHokiDiv.style.fontSize = "15px";
        angkaHokiDiv.style.background = "rgb(252, 213, 69)";
        angkaHokiDiv.style.padding = "0 2px";
        angkaHokiDiv.style.borderRadius = "10px";
        angkaHokiDiv.style.color = "black";
        angkaHokiDiv.style.margin = "5px";
        angkaHokiDiv.style.display = "flex";
        angkaHokiDiv.style.alignItems = "center";
        angkaHokiDiv.style.justifyContent = "center";

        // Find the <b> element inside the link and insert ANGKA HOKI after it
        let boldElement = link.querySelector("b");
        boldElement.insertAdjacentElement('afterend', angkaHokiDiv);
    });


</script>
 
</div>


<center>



<style>     
body {
background: #000000 url(https://ik.imagekit.io/g1knhibko/bg%20lunas.jpg?updatedAt=1711343659016) center center no-repeat;
}
    
.social {       
left: 0;        
width: 0;       
position: fixed;        
top: 110px;     
z-index: 9999999999;        
}       
.social ul {        
padding: 0px;       
-webkit-transform: translate(-130px, 0);        
-moz-transform: translate(-130px, 0);       
-ms-transform: translate(-130px, 0);        
-o-transform: translate(-130px, 0);     
transform: translate(-130px, 0);        
}       
.social ul li {
    display: block;
    margin: 6px;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.86);
    width: 189px;
    text-align: right;
    padding: 4px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    height: 53px;
    border: groove 2px #e7c00a;
}
        
.social ul li:hover {       
-webkit-transform: translate(110px, 0);     
-moz-transform: translate(110px, 0);        
-ms-transform: translate(110px, 0);     
-o-transform: translate(110px, 0);      
transform: translate(110px, 0);     
background: rgba(95, 95, 95, 0.7);      
}       
.social ul li:hover a {     
color: #fff;        
}       
.social ul li:hover i {     
color: #fff;        
background: rgba(0, 0, 0, 0.86);        
-webkit-transform: rotate(360deg);      
-moz-transform: rotate(360deg);     
-ms-transform: rotate(360deg);      
-o-transform: rotate(360deg);       
transform: rotate(360deg);      
-webkit-transition: all 1s;     
-moz-transition: all 1s;        
-ms-transition: all 1s;     
-o-transition: all 1s;      
transition: all 1s;     
}       
.social ul li i {       
margin-left: 10px;      
color: #000;        
background: #fff;       
padding: 10px;      
-webkit-border-radius: 50%;     
-moz-border-radius: 50%;        
border-radius: 50%;     
width: 20px;        
height: 20px;       
font-size: 20px;        
background: #ffffff;        
-webkit-transform: rotate(0deg);        
-moz-transform: rotate(0deg);       
-ms-transform: rotate(0deg);        
-o-transform: rotate(0deg);     
transform: rotate(0deg);        
}
footer#footer {
background-color: #000;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 12px;
    border-top-style: groove;
    width: 1170px;
    margin: auto;
    box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
        
}

.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(1) {  content:url("https://77idn.com/gambar/Singapore-Pools.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(2) {  content:url("https://77idn.com/gambar/Sydney-Pools.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(3) {  content:url("https://77idn.com/gambar/China-Pools.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(4) {  content:url("https://77idn.com/gambar/Japan-Polls.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(5) {  content:url("https://77idn.com/gambar/Hongkong-Pools.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(6) {  content:url("https://77idn.com/gambar/Taiwan-Pools.jpg") !important;}



.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(7) {  content:url("https://77idn.com/gambar/Toto-Macau.jpg") !important;}



.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(8) {  content:url("https://77idn.com/gambar/Toto-Macau-5D.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(9) {  content:url("https://77idn.com/gambar/NEWYORK-EVE.jpg") !important;}



.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(10) {  content:url("https://77idn.com/gambar/FLORIDA-MID.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(11) {  content:url("https://77idn.com/gambar/CALIFORNIA.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(12) {  content:url("https://77idn.com/gambar/BULLSEYE.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(13) {  content:url("https://77idn.com/gambar/KENTUCKY-MID.jpg") !important;}



.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(14) {  content:url("https://77idn.com/gambar/CAROLINA-DAY.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(15) {  content:url("https://77idn.com/gambar/NEWYORK-EVE.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(16) {  content:url("https://77idn.com/gambar/OREGON-03.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(17) {  content:url("https://77idn.com/gambar/PCSO-POOLS.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(18) {  content:url("https://77idn.com/gambar/24D-MANUAL.png") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(19) {  content:url("https://77idn.com/gambar/ROULETTE.png") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(20) {  content:url("https://77idn.com/gambar/SICBO-DICE.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(21) {  content:url("https://77idn.com/gambar/IDN-SLOT.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(22) {  content:url("https://77idn.com/gambar/PRAGMATIC.jpg") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(23) {  content:url("77idn.com/gambar/HABANERO.jpg") !important;}

.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(24) {  content:url("https://77idn.com/gambar/GMW.png") !important;}


.gameicon .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(25) {  content:url("https://77idn.com/gambar/TOP-TREND-GAMING.png") !important;}








.navbar-fixed-top {
z-index: 99999 !important;
max-width: 1170px !important;
margin: auto !important;
}

img.btn-img{
position: relative;
border-radius: 6px 20px 0px 0px;
transition: .2s;
margin-left: 8px;
margin-bottom: 11px;
width: 242px;
}

img.btn-img:hover {
box-shadow: 0px 0px #5b99cb;
 opacity: 0.8;
  cursor: pointer;
top: 2px;
}


@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }

}


.bank {
    text-align: center;
    width: 145px;
    height: 105px;
    padding: 0px !important;
    background-color: rgba(0,0,0,0);
    border: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-left: 0px;


}
.owl-wrapper .owl-item:nth-child(1) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/bca.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/bni.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/bri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/mandiri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/dana.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/gopay.gif') 0px 0px no-repeat !important;
}


.owl-wrapper .owl-item:nth-child(7) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/ovo.gif') 0px 0px no-repeat !important;
}


.owl-wrapper .owl-item:nth-child(8) .bank .online {
width: 145px !important;
  height: 94px !important;
background: url('https://simpangambar.link/img/ONLINE/linkaja.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .online{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/ONLINE/bsi.gif') 0px 0px no-repeat !important;
}


.owl-wrapper .owl-item:nth-child(1) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/bca.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/bni.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/bri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/mandiri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/dana.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/gopay.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .bank .offline{
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/ovo.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/linkaja.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .offline {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/OFFLINE/bsi.gif') 0px 0px no-repeat !important;
}


.owl-wrapper .owl-item:nth-child(1) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/bca.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(2) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/bni.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(3) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/bri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(4) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/dana.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(5) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/bri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(6) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/ovo.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(7) .troble .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/linkaja.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(8) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/mandiri.gif') 0px 0px no-repeat !important;
}

.owl-wrapper .owl-item:nth-child(9) .bank .trouble {
width: 145px !important;
  height: 94px !important;
background: url('https://77idn.com/img/TROUBLE/bsi.gif') 0px 0px no-repeat !important;
}
 

.owl-carousel.bankscroll  {
    margin-top: -65px;
}



.results-detail {
  width: 100%;
  display: inline-block;
  background: #000000;
  padding: 5px 15px;
  color: #000000;
  /*border: 1px solid #d9b44d;*/
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}



.results {
color: #fff !important;
    border: 1px solid #d9b44d !important;
    box-shadow: 2px 3px 3px 2px rgba(0,0,0,.2) !important;
    border-left: 2px solid #c99200;
    border-bottom: 1px solid #c99200 !important;
    border-top: 1px solid #8a6d3b!important;
    margin: 3px;
    border-radius: 15px !important;
    width: 255px;
    font-size: 17px !important;
    border-color: #d9b44d;
    text-shadow: -1px -1px 1px rgba(0,0,0,1);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
}


.latest-news > a {
color: white;
  font-family: futura;
  font-style: italic;
  font-weight: bold;
}

.latest-news .dates {
color: white;
}

.results-detail {
color: #fff !important;
    border: 1px solid #d9b44d !important;
    box-shadow: 2px 3px 3px 2px rgba(0,0,0,.2) !important;
    border-left: 2px solid #c99200;
    border-bottom: 1px solid #c99200 !important;
    border-top: 1px solid #8a6d3b!important;
    border-radius: 15px !important;
    font-size: 17px !important;
    border-color: #d9b44d;
    text-shadow: -1px -1px 1px rgba(0,0,0,1);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
}

.news-detail {
    color: #fff !important;
    border: 1px solid #d9b44d !important;
    box-shadow: 2px 3px 3px 2px rgba(0,0,0,.2) !important;
    border-left: 2px solid #c99200;
    border-bottom: 1px solid #c99200 !important;
    border-top: 1px solid #8a6d3b!important;
    border-radius: 15px !important;
    font-size: 17px !important;
    border-color: #d9b44d;
    text-shadow: -1px -1px 1px rgba(0,0,0,1);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
}

.section .container {
padding: 0px;
box-shadow: rgb(0 0 0 / 90%) 0 32px 62px -2px, rgb(0 0 0 / 90%) 0 30px 32px -3px;
background: #000;
}


.blog-sidebar .nav.menu > li > a > i {
    padding-right: 10px;
    color: #fefca5;
    background: -webkit-linear-gradient(#d9b44d, #d9b44d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;       
}

.news-head {
     background-image: -webkit-linear-gradient(top, #d9b253 0%, #d9b253 100%);
     clip-path: polygon(0% 0%, calc(0.75rem) 50%, 0% 100%, 100% 100%, 100% 50%, 100% 0);
}

.news-head > h5 {
    text-transform: uppercase !important;
    color: #d9b253 !important;
}

.liscroll {
    background: #000
}

</style>


<div id="snackbar" class="popMe-container popMe popMe-pos bottom-left" style="width: auto; background: rgb(255, 255, 255); opacity: 1; display: none;" bis_skin_checked="1"><p id="withdraw" style="margin: 0px; padding: 0px; color: rgb(50, 50, 50); font-size: 14px; font-weight: 300; line-height: 1em;"></p></div>

<script>
    function loadlink(){
        var angka_acak = Math.floor(Math.random() * (11001-50)+50);

        function maketextnumber(n) {
            for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
                t[a] = r[parseInt(Math.random() * r.length)];
                t = t;
                randomtextnumber = t.join("")
            }
        }

        var huruf_acak = (maketextnumber(8), randomtextnumber);
        var huruf_belakang = huruf_acak.substring(6);
        var huruf_depan = huruf_acak.substring(1, 2);

        const rupiah = (number)=>{
            return new Intl.NumberFormat("id-ID", {
                style: "currency",
                currency: "IDR"
            }).format(number);
        }

        var nominal = rupiah(angka_acak+"000");

        var baris =" User "+huruf_depan+"**"+huruf_belakang+" Berhasil WD Sebesar "+nominal;

        var x = document.getElementById("snackbar");
        x.className = "show popMe-container popMe popMe-pos bottom-left";
        setTimeout(function(){ x.className = x.className.replace("show popMe-container popMe popMe-pos bottom-left", ""); }, 7000);
        // setTimeout(function(){ x.className = x.className.replace("show popMe-container popMe popMe-pos bottom-left", ""); }, 7000);

        document.getElementById("withdraw").innerHTML = huruf_depan+"**"+huruf_belakang+" Berhasil WD Sebesar "+nominal;
        // document.getElementById("withdraw").style.backgroundColor ="red";
        // document.getElementById("withdraw").width ="50%";
        // document.getElementById("withdraw").height ="25px";
    }
    loadlink();
    setInterval(function(){
    loadlink() 
}, 13000);

</script> 



<style>
.lunastext {
    background: rgb(212 177 83);
    height: 35px;
    overflow: hidden;
}

.datar {
    width: 100%;
    margin: 8px;
    padding: 0px;
    overflow: hidden;
}

.tickercontainer .masking {
    position: relative;
    left: 0px;
    width: 100%;
    margin: 7px;
    height: 35px;
    overflow: hidden;
}

.news-head > h5 {
    text-transform: uppercase !important;
    color: #ffffff !important;
}


.popMe-container{
    transition:all 500ms ease;
    transition-property:top,right,bottom,left,opacity;
    font-family:Roboto,sans-serif;
    font-size:14px;
    min-height:14px;
    position:fixed;
    display:flex;
    justify-content:space-between;
    align-items:center;
    line-height:22px;
    padding:20px 24px 20px 90px;
    bottom:-100px;
    top:-100px;
    opacity:0;
    z-index:9999;
    box-shadow:rgba(17,17,26,.1) 0 4px 16px,rgba(17,17,26,.05) 0 8px 32px;
    border-radius:100px;
    overflow:hidden
}
.popMe:before{
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    background-image:url(https://link-daftar.sgp1.cdn.digitaloceanspaces.com/favicon.png);
    background-size:cover;
    border-radius:10px;
    background-repeat:no-repeat;
    background-position:left;
    margin:-8px 0 15px -65px;
    content:" "
}
.popMe p{
    display:block;
    padding:20px 0 15px 230px;
    height:35px;
    line-height:30px !important;
    font-size:18px;
    font-weight:300;
    float:left
}
.popMe p:before{
    content:"CONGRATULATION FROM LUNASTOTO!";
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    text-indent:10px;
    background-image:url(https://wdnotif.sgp1.digitaloceanspaces.com/success.svg);
    background-repeat:no-repeat;
    background-position:left 3px top 30%;
    margin-top:-10px;
    height:20px;
    line-height:10px;
    width:100%;
    float:left;
    padding:10px 0 0 5px
}
.popMe-container .action{
    background:inherit;
    display:inline-block;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    margin:0 0 0 24px;
    padding:0;
    min-width:min-content;
    cursor:pointer
}
@media(min-width:640px){
    .popMe-container{
        min-width:288px;
        max-width:450px;
        display:inline-flex;
        margin:24px
    }
}
@media(max-width:640px){
    .popMe-container{
        left:0;
        right:0;
        width:100%
    }
}
.popMe-pos.bottom-center{
    top:auto!important;
    bottom:0;
    left:50%;
    transform:translate(-50%,0)
}
.popMe-pos.bottom-left{
    top:auto!important;
    bottom:0;
    left:0
}
.popMe-pos.bottom-right{
    top:auto!important;
    bottom:0;
    right:0
}
.popMe-pos.top-left{
    bottom:auto!important;
    top:0;
    left:0
}
.popMe-pos.top-center{
    bottom:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0)
}
.popMe-pos.top-right{
    bottom:auto!important;
    top:0;
    right:0
}
@media(max-width:640px){
    .popMe-pos.bottom-center,.popMe-pos.top-center{
        left:0;
        transform:none
    }
}
    

.bank img:last-child {
    width: 0px;
    display: inline-block;
    vertical-align: middle;
}

.row .news-body {
    background: #d9b253 left center no-repeat;
    clip-path: polygon(100% 0%, calc(100% - 0.75rem) 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    position: relative;
    left: -1px;
}
    </style>

<script>
$(document).ready(function() {
    $('img[src*="/assets/img/bjj/logo.png"]').each(function() {
        $(this).attr('src', 'https://lunastogel.xyz/assets/LOGO-LUNASTOTO.gif');
    });
});
</script>

<script>

    document.addEventListener("DOMContentLoaded",function(){
$('<a href="#" target="_blank"><img src="https://ik.imagekit.io/g1knhibko/GIF-BANNER.gif?updatedAt=1711343695009" style="width:100%;width:100%;padding-top: 35px;padding-bottom: 0px"  /></a>').insertAfter("#slider");
    },false);

</script>




    </div>

            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
      <div class="row">
                    <div class="brand-support" style="display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px">
                
                
            </div>
                            <div class="col-md-12 copyright" >
                        &copy; Copyright 2014 - 2024 <a href="#">LUNASTOTO</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 type="text/javascript" src="/assets/js/jquery-2.2.4.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://lunastoto7.com/register', '_blank');
      win.focus();
    }
    function target_popup(url,w,h,windowName) {
     var left = (screen.width/2)-(w/2);
     var top = (screen.height/2)-(h/2);
       newwindow=window.open(url,windowName,'height='+h+',width='+w+',top='+top+',left='+left);
       if (window.focus) {newwindow.focus()}
       return false;
     }
  </script>
<!-- 29-01-2018 <script language='JavaScript1.1' src='//pixel.mathtag.com/event/js?mt_id=995355&mt_adid=161820&v1=&v2=&v3=&s1=&s2=&s3='></script> -->
<script type="text/javascript" src="/js/vbulletin_md5.js"></script>
<script src="/js/auth/login.js?v=ezq7pm1ui9gsahfhciot"></script>
<script>
    const currentDomain = window.location.hostname
    const hostDomain = "lunastoto7.com"
    const currentAgent = "kljaa"

    const params = new URLSearchParams();
    params.append('host', currentDomain);
    params.append('agent', currentAgent);

    fetch('/domain-check', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded', // URL-encoded data
        },
        body: params // Send URL-encoded data
    })
    .then(response => response.json())
    .then(data => {
        if (data.status == "error") {
            window.location.href = "/forbidden"
        }
    })
    .catch(error => {
        console.error('There was a problem with the fetch operation:', error);
    });
</script>
<script src="/js/frontend/desktop/template_v1/before/index.js?v=ezq7pm1ui9gsahfhciot"></script>
<script>
    window.onkeydown = function(e) {
        if (e.keyCode == 8 && e.target == document.body)
            e.preventDefault();
    }
</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:'8e46cac189c871a5',t:'MTczMTkyMDY1NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
