
<!DOCTYPE html>
<html lang="en">
<head>
<title>HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="author" content="HOBIMAIN">
<meta name="title" content="HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026"/>
<meta name="description" content="HOBIMAIN merupakan situs slot gacor hari ini dengan pilihan permainan slot online bervariasi dari slot88 dan slot777 menghadirkan link resmi yang ringan, transaksi aman serta rtp peluang maxwin tinggi di tahun 2026.">
<meta name="keywords" content="Hobimain, slot, slot gacor, slot resmi, slot88, slot online, slot777, slot gacor gampang maxwin, slot maxwin, slot gacor hari ini, slot gacor 2026" />
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index,follow">
<meta name="page google.com" content="https://www.google.com/search?q=HOBIMAIN">
<meta name="page google.co.id" content="https://www.google.co.id/search?q=HOBIMAIN">
<meta name="pinterest" content="nopin">
<link rel="canonical" href="https://vivobonobo.com/"/>
<link rel="amphtml" href="https://vivobonobo.com/booking/" />
 <link rel="alternate" hreflang="id-id" href="https://vivobonobo.com/booking/"/>
    <link rel="alternate" href="https://vivobonobo.com/booking/"/>
    <link rel="alternate" hreflang="id" href="https://vivobonobo.com/booking/"/>
    <link rel="alternate" hreflang="en" href="https://vivobonobo.com/booking/"/>
    <link rel="alternate" hreflang="x-default" href="https://vivobonobo.com/booking/"/>
<link rel="apple-touch-icon" sizes="57x57" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://vivobonobo.com/img/favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://vivobonobo.com/img/favicon.png">
<link rel="icon" type="image/png" sizes="192x192"  href="https://vivobonobo.com/img/favicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://vivobonobo.com/img/favicon.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://vivobonobo.com/img/favicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://vivobonobo.com/img/favicon.png">
<link rel="shortcut icon" type="image/png" href="https://vivobonobo.com/img/favicon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://vivobonobo.com/img/favicon.png">
<meta name="theme-color" content="#ffffff">

<meta property="webcrawlers" content="all">
<meta property="spiders" content="all">

<meta http-equiv="Content-Language" content="id-ID">
<meta NAME="Distribution" CONTENT="Global">
<meta NAME="Rating" CONTENT="General">
<meta property="og:locale" content="id_ID" />
<meta property="og:title" content="HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026" />
<meta property="og:description" content="HOBIMAIN merupakan situs slot gacor hari ini dengan pilihan permainan slot online bervariasi dari slot88 dan slot777 menghadirkan link resmi yang ringan, transaksi aman serta rtp peluang maxwin tinggi di tahun 2026." />
<meta property="og:url" content="https://vivobonobo.com/" />
<meta property="og:site_name" content="HOBIMAIN" />
<meta property='og:image' content='https://vivobonobo.com/img/slot-gacor.jpg'/>
<!-- Fallback framework CSS: restores layout when /blog/*.css is missing -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/1.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/2.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/3.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/4.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/5.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/6.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/7.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/8.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/9.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/10.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700" type="text/css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,700italic,400,700" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
<link rel="stylesheet" href="https://vivobonobo.com/content/11.css">
<link rel="stylesheet" href="https://vivobonobo.com/content/12.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://members.phpmu.com/asset/js/phpmu_scripts.js"></script>
<script type="text/javascript" src="https://members.phpmu.com/asset/js/bootstrap-multiselect.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap.min.js"></script>
<script src="https://members.phpmu.com/asset/js/jquery.uploadfilee.min.js"></script>
<script src="https://members.phpmu.com/asset/js/jquery.validate.js"></script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026",
  "image": "https://vivobonobo.com/img/slot-gacor.jpg",
  "description": "HOBIMAIN merupakan situs slot gacor hari ini dengan pilihan permainan slot online bervariasi dari Slot88 dan Slot777, menghadirkan link resmi yang ringan, transaksi aman, serta informasi RTP dengan peluang Maxwin tinggi pada tahun 2026.",
  "brand": {
    "@type": "Brand",
    "name": "HOBIMAIN"
  },
  "sku": "SLOT-GACOR-HOBIMAIN",
  "mpn": "HOBIMAIN-LOGIN-2026",
  "url": "https://vivobonobo.com/",
  "offers": {
    "@type": "Offer",
    "url": "https://vivobonobo.com/",
    "priceCurrency": "IDR",
    "price": "10000",
    "priceValidUntil": "2026-12-31",
    "itemCondition": "https://schema.org/NewCondition",
    "availability": "https://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "HOBIMAIN OFFICIAL"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5.0",
    "reviewCount": "888158"
  },
  "review": [
    {
      "@type": "Review",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "author": {
        "@type": "Person",
        "name": "Budi"
      },
      "reviewBody": "HOBIMAIN memiliki tampilan ringan dan responsif. Pilihan permainan Slot88 dan Slot777 tersusun rapi sehingga mudah ditemukan melalui smartphone maupun desktop."
    },
    {
      "@type": "Review",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "author": {
        "@type": "Person",
        "name": "Garga"
      },
      "reviewBody": "Pengalaman menggunakan HOBIMAIN terasa nyaman karena aksesnya stabil, informasi RTP mudah diperiksa, dan pilihan metode transaksinya disajikan dengan jelas."
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "HOBIMAIN OFFICIAL",
  "url": "https://vivobonobo.com/",
  "logo": "https://vivobonobo.com/img/logo.png",
  "telephone": "+62-813-1629-8808",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl Bekasi Raya, Kabupaten Bekasi",
    "addressLocality": "Bekasi",
    "postalCode": "17125",
    "addressCountry": "ID"
  },
  "sameAs": [
    "https://www.facebook.com/HOBIMAIN"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+62-813-1629-8808",
    "contactType": "customer support",
    "areaServed": "ID",
    "availableLanguage": ["Indonesian", "English"]
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu HOBIMAIN dan slot gacor?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HOBIMAIN merupakan situs slot gacor hari ini yang menghadirkan akses resmi menuju beragam permainan slot online dari Slot88 dan Slot777 melalui tampilan ringan serta mudah digunakan."
      }
    },
    {
      "@type": "Question",
      "name": "Berapa minimal deposit untuk bermain di HOBIMAIN?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Minimal deposit di HOBIMAIN dimulai dari Rp10.000. Nominal serta ketentuan transaksi dapat menyesuaikan metode pembayaran yang dipilih oleh pengguna."
      }
    },
    {
      "@type": "Question",
      "name": "Metode pembayaran apa saja yang didukung di HOBIMAIN?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "HOBIMAIN mendukung sejumlah metode transaksi, meliputi transfer bank lokal, dompet digital, pulsa, dan QRIS. Ketersediaan setiap metode mengikuti pilihan yang sedang ditampilkan pada sistem."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana cara login ke HOBIMAIN dengan lancar?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Gunakan link resmi HOBIMAIN, pastikan koneksi internet stabil, dan perbarui browser yang digunakan. Platform dapat diakses melalui perangkat Android, iOS, laptop, maupun komputer desktop."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah HOBIMAIN menyediakan layanan pelanggan 24 jam?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, HOBIMAIN menyediakan layanan pelanggan selama 24 jam untuk membantu pengguna memperoleh informasi mengenai akun, akses permainan, transaksi, dan kendala teknis."
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://vivobonobo.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "HOBIMAIN",
      "item": "https://vivobonobo.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SLOT GACOR",
      "item": "https://vivobonobo.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "SLOT777",
      "item": "https://vivobonobo.com/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://vivobonobo.com/#website",
      "url": "https://vivobonobo.com/",
      "name": "HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026",
      "description": "HOBIMAIN merupakan situs slot gacor hari ini dengan pilihan permainan slot online bervariasi dari Slot88 dan Slot777, menghadirkan link resmi yang ringan, transaksi aman, serta informasi RTP dengan peluang Maxwin tinggi pada tahun 2026.",
      "inLanguage": "id-ID",
      "publisher": {
        "@type": "Organization",
        "name": "HOBIMAIN OFFICIAL",
        "logo": "https://vivobonobo.com/img/slot-gacor.jpg"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://vivobonobo.com/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "SoftwareApplication",
      "@id": "https://vivobonobo.com/#app",
      "name": "HOBIMAIN Mobile App & Web Platform",
      "applicationCategory": "GameApplication",
      "operatingSystem": "Android, iOS, Windows, macOS",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "IDR"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5.0",
        "ratingCount": "888158"
      }
    }
  ]
}
</script>


<script> $(document).ready(function(){ $("#formku").validate(); }); </script>
<style type="text/css">.btn{ border-radius: 0px !important; } .judul{ font-size: 16px;  } .opacity{ opacity: 0.3; }</style>



<script type="text/javascript">
    $(function () {
      $('[data-toggle="popover"]').popover()
    });

    $(document).ready(function() {
        $('#multiple_select').multiselect({
            enableClickableOptGroups: true,
            enableCollapsibleOptGroups: true,
            enableFiltering: true,
            includeSelectAllOption: false,
            maxHeight: 300,
            enableCaseInsensitiveFiltering: true,
            buttonWidth: '99%',
            numberDisplayed: 6
        });

        $('#multiple_select2').multiselect({
            enableClickableOptGroups: true,
            enableCollapsibleOptGroups: true,
            enableFiltering: true,
            includeSelectAllOption: false,
            maxHeight: 200,
            enableCaseInsensitiveFiltering: true
        });
    });

    $(document).ready(function(){
        $('#oksimpan').on('click', function() {
            var $this = $(this);
            var loadingText = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <b>Loading...</b>';
            if ($(this).html() !== loadingText) {
            $this.data('original-text', $(this).html());
            $this.html(loadingText);
            }
            setTimeout(function() {
            $this.html($this.data('original-text'));
            }, 20000);
        });
  });

  $(document).ready(function(){
        $('.oksimpan').on('click', function() {
            var $this = $(this);
            var loadingText = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <b>Loading...</b>';
            if ($(this).html() !== loadingText) {
            $this.data('original-text', $(this).html());
            $this.html(loadingText);
            }
            setTimeout(function() {
            $this.html($this.data('original-text'));
            }, 20000);
        });
  });
</script>
<style>
    .user-head .fa{
        width:25px;
    }
    .navbar-right-mobile .fa, .navbar-right-mobile .glyphicon {
        width: 25px !important;
    }
    .navbar-right-mobile>li>a { padding-top: 7px !important; padding-bottom: 7px !important; line-height: 20px !important; font-weight:550}
    /* .btn-success {
        background-color: #198754 !important;
        border-color: #198754 !important;
    }
    .btn-primary {
        background-color: #2447f9 !important;
        border-color: #2447f9 !important;
    }
    .btn-info {
        background-color: #2f8da9;
        border-color: #2f8da9;
    }
    .btn-success:hover {
        background-color: #147046 !important;
    }
    .btn-primary:hover {
        background-color: #1731b5 !important;
    }
    .btn-info:hover {
        background-color: #25758d !important;
    } */
    #body ol li{ margin-bottom:8px }
    .countdown.show .running {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }

    .countdown.show .running timer .days,
    .countdown.show .running timer .hours,
    .countdown.show .running timer .minutes,
    .countdown.show .running timer .seconds{
    width: 70px;
    text-align: left;
    margin: 0 3px;
    }

    .countdown.show .running timer  {
        font-size: 16px;
    }

    td .php{
        font-size:14px;
    }
    @media (min-width:900px) AND (max-width: 1200px){
        .sm-hide{ display:none; }
        .sb-page-header{ padding-bottom:20px !important; } 
        .revisi-sm{ display:none; }
        .container { width: 1000px ; }
    }

    #posts{
        min-height:500px;
        background:#fff;
    }

    .list-group-item-heading{
        font-weight:600;
    }

    .ftitle h1{
        font-size: 18px !important;
        padding: 0px !important;
    }
    
    .ps-block__right h5{
        position: relative;
        color: #000;
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .ps-block__right p{
        font-size: 1.4rem;
        line-height: 1em;
        color: #666;
        margin: 0px;
    }

    .ps-block__left{
        width:50px;
        text-align: center;
    }

    .btn-circle{
        padding: 5px 25px;
        border-radius: 20px !important;
        font-weight: 600;
    }

    .btn-grey{
        background: #404040;
        border: 1px solid #2f2f2f;
    }
    .btn-grey:hover{
        background: #2d2d2d;
    }

  .checkbox-scroll { border:0px solid #fff; width:100%; height: 114px; padding-left:8px; overflow-y: scroll; }
      #myList .col-md-3{ display:none;
  }

  #showLess {
      display:none;
  }
  
  .logtext{
    text-align: center;
    display: flex;
  }

  .logtext:before{
      content: '';
      -webkit-flex: 1 1;
      -ms-flex: 1 1;
      flex: 1 1;
      border-bottom: 1px solid rgba(0,0,0,0.12);
      margin: auto 18px auto 0;
      padding-right: 10px;
  }

  .logtext:after{
      content: '';
      -webkit-flex: 1 1;
      -ms-flex: 1 1;
      flex: 1 1;
      border-bottom: 1px solid rgba(0,0,0,0.12);
      margin: auto 0 auto 18px;
      padding-right: 10px;
  }
  .blink_you{animation:blinker 1s linear infinite;color:white}.blink_me:hover{animation:blinker 0s linear infinite;color:white}@keyframes blinker{30%{opacity:0}}

  body{
    font-size: 15px !important;
    color:#666 !important;
  }
  .form-control,.multiselect {
    height:40px !important;
    border-bottom: 1px solid #cecece;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: #f9f9f9;
  }
 
  .input-group-addon{
    font-size: 22px;
    background-color: #fff;
    border: 1px solid #fff;
  }
  .input-group-lg>.form-control{
    height:46px !important;
  }
  .CodeMirror, .CodeMirror-scroll {
    height: auto;
    min-height: 70px;
  }
  .typeahead{
    width:100%;
    z-index: 9999;
  }
  .form-horizontal .form-group {
    margin-right: 0px;
  }
  .textarea{
    border-right: none;
    border-left: none;
    border-top: 1px solid rgb(227, 227, 227);
    border-bottom: 1px solid rgb(227, 227, 227);
    padding: 10px 10px;
  }
  .ajax-file-upload{
      cursor:pointer;
  }
  .ajax-file-upload-statusbar{
    display: inline;
  }
  .ajax-upload-dragdrop{
    padding: 3px 10px 0px 10px;
  }
  .ajax-upload-dragdrop span:first-of-type{
    float: right; margin-top: 5px;
  }
  .ajax-file-upload-preview{
    display: inline;
    float: left;
  }
  .addon-link{
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    font-size: 15px;
    color: green;
    text-decoration: underline;
  }
  @media (max-width: 767px) {
    .ajax-upload-dragdrop{
      width:100% !important;
      border:none !important;
      padding:0px !important;
    }
    .ajax-upload-dragdrop span:first-of-type{
      float: right; margin-top: 5px;
      display: none;
    }

    .gbr-produk{
      height:85px !important;
    }

    .product-rating{
        padding: 0px 0px !important;
        font-size: 13px !important
    }

    .jobs {
        margin-bottom: 0px !important
    }

    .product {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }

    .product-name a {
        font-weight: 400 !important;
        font-size: 14px !important;
    }

    .product-info .block-prize{
        font-size: 14px !important;
    }

    .card .card-content .product-name {
        border-bottom: 1px dotted #cecece;
        margin-bottom: 0px;
    }

    .card .card-content {
        padding: 5px 5px 25px 5px !important;
        border: 1px solid #f5f5f5;
    }

    .no-padding{
        padding: 0px !important;
    }

    .block-prize{
        width: 100%;
        text-align: right;
    }

    .modal-body .form-horizontal .form-group{
        margin:0px !important;
    }

    .col-sm-offset-1, .col-sm-offset-2{
        margin-top:10px;
    }
  }

  .btn-promo{
    border-radius: 15px !important;
    margin: 2px 5px;
    background:#e3e3e3;
    color:#6f6f6f;
    border:none
  }

  .red-trans{
    background-color: #ffd5d0!important; color: #25ffbe !important
  }

  .btn-promo.aktif, .btn-promo:hover{
    background:green;
    color:#fff
  }

  .project-menu{
    text-align: left;
    border-left: 10px solid green;
    font-size: 14px;
    border-bottom: 1px solid green;
  }

  .project-menu-black{
    text-align: left;
    border: none;
    background: #f4f4f4;
    border-left: 10px solid #000;
    font-size: 14px;
    border-bottom: 1px solid #000;
  }

  .project-menu:hover, .project-menu-black:hover{
    border-left: 10px solid #cecece;
    color: #000;
  }

  .croppie-container {
    padding: 0px !important;
  }
  
  .image {
    display: block;
    width: 100%;
    height: auto;
  }

  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
  }

  .overlay:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
  }

  .overlay .icon {
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }

  .badge-info{
    text-align:left;
    border: none;
    border-bottom: 1px dotted #b7b7b7;
  }

  .input-group-addon{
    background: #e3e3e3;
    border: 1px solid #cecece;
    font-size: 14px;
    font-weight: 800;
  }

  .label-batal{
    display:block; font-weight:normal; border-bottom: 1px dotted #e3e3e3;
  }

  .label-batal:hover{
      background-color: #f4f4f4;
      color:rgb(0, 255, 170);
      border-bottom:1px dotted #cecece
  }

  .fab-container {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    }

    .fab-icon-holder {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: #00a65a;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    }

    .fab-icon-holder:hover {
    opacity: 0.8;
    }

    .fab-icon-holder i {
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    color: #ffffff;
    }

    .fab {
    width: 110px;
    height: 35px;
    padding: 7px 20px;
    color: #fff;
    background: #27a600;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    }

    .fab-options {
    list-style-type: none;
    margin: 0;
    position: absolute;
    bottom: 48px;
    right: 0;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0);
    transform-origin: 85% bottom;
    }

    .fab:hover+.fab-options,
    .fab-options:hover {
    opacity: 1;
    transform: scale(1);
    }

    .fab-options li {
    display: flex;
    justify-content: flex-end;
    padding: 5px;
    }

    .fab-label {
    padding: 2px 5px;
    align-self: center;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 16px;
    background: #666666;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    }
    .wishlist-notif{
        text-align: center;
        padding: 50px 10px;
    }
    .label {
        font-size: 69%;
    }
    .pencarian{
        background-color: rgba(0, 0, 0, 0.2);
        color:#fff
    }
    .footer a{
        color:#c5c5c5 !important;
    }

    .tab-content>.tab-custom {
        padding: 10px 30px;
    }
    @media (max-width: 767px) {
        .tab-content>.tab-custom {
            padding: 10px 0px !important;
        }
        .ptitle h1{
            font-size: 16px !important;
        }
        .horcustom dt{ width: 200px !important; }
        .horcustom dd{ margin-left: 0 !important; }
    }

    .red-trans1 {
        background-color: #ff5050 !important;
        color: #ffffff !important;
    }

    .chat-text{
        cursor:pointer;
    }
    .chat-text:hover{
        color:green
    }

    .modal-header {
        padding: 10px;
        background: #000;
        border-top: 5px solid #161616;
        background-image: url(https://members.phpmu.com/asset/css/img/flower-swirl10.png);
        background-repeat: repeat;
        color: #fff;
    }

    .modal-footer {
        border-top: 1px solid #ffffff;
    }

    .modal-vertical-centered {
        transform: translate(0, 50%) !important;
        -ms-transform: translate(0, 50%) !important; /* IE 9 */
        -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
    }

    .menu input[type="checkbox"]:checked {
        box-shadow: none !important;
        margin-top:-3px;
    }
</style>

<script>
$(document).ready(function() {
	$("#myButton1").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 15000);
	});

    $(".myButton1").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 15000);
	});

	$("#myButton2").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 15000);
	});

  $("#myButton3").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 15000);
	});

	$("#sendButton").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 15000);
  });
  
  $("#sendMessage").click(function() {
		var $btn = $(this);
		$btn.button('loading');
		setTimeout(function () {
			$btn.button('reset');
		}, 5000);
	});
});
</script>
<script language="javascript" type="text/javascript">
  $(function () {
      $("#fileupload").change(function () {
          if (typeof (FileReader) != "undefined") {
              var dvPreview = $("#dvPreview");
              dvPreview.html("");
              var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png|.bmp)$/;
              $($(this)[0].files).each(function () {
                  var file = $(this);
                  if (regex.test(file[0].name.toLowerCase())) {
                      var reader = new FileReader();
                      reader.onload = function (e) {
                          var img = $("<img />");
                          img.attr("style", "height:100px; width:100px; display:inline-block;");
                          img.attr("class", "img-thumbnail");
                          img.attr("src", e.target.result);
                          dvPreview.append(img);
                      }
                      reader.readAsDataURL(file[0]);
                  } else {
                      alert(file[0].name + " is not a valid image file.");
                      dvPreview.html("");
                      return false;
                  }
              });
          } else {
              alert("This browser does not support HTML5 FileReader.");
          }
      });
  });
</script>
<script type="text/javascript">
function save(id, data2) {
    $.ajax({
        type: "POST",
        url: "https://members.phpmu.com/kontribusi/save",
        dataType: "JSON",
        data: {
            id: id
        },
        success: function(data) {
            $("#save" + id).hide().load(" #save" + id).fadeIn();
            $("#myModal-view").modal('show');
            $(".content-body").html(data);
        }
    });
    return false;
}
// $(function () {
//   $('[data-toggle="tooltip"]').tooltip("show");
// });
</script>


<script>
$(document).ready(function(){
  $('#operator').change(function(){
    var operator_id = $(this).val();
    $.ajax({
      type:"POST",
      url:"https://vivobonobo.com/",
      data:"operator_id="+operator_id,
      success: function(response){
        $('#produk').html(response);
      }
    })
  })
});

function dibaca(data1,id){
    $.ajax({
        type : "POST",
        url  : "https://vivobonobo.com/",
        dataType : "JSON",
        data : {id:id, data1:data1},
        success: function(data){
            $(".notifikasi").hide().load(" .notifikasi").fadeIn();
            $(".notifikasi-count").hide().load(" .notifikasi-count").fadeIn();
            $(".notifikasi-"+id).hide().load(" .notifikasi-"+id).fadeIn();
        }
    });
    return false;
}
</script>

<!-- LAYOUT REPAIR + GREEN THEME: keeps original markup and scripts -->
<style id="hobimain-layout-fix">
:root { --hb-green:#11a455; --hb-deep:#075d36; --hb-lime:#b9ed72; --hb-card:#11251a; --hb-text:#eaf9ef; }
html,body { margin:0; max-width:100%; overflow-x:hidden; }
body { background:#07120d !important; color:var(--hb-text) !important; font:15px/1.65 'Open Sans',Arial,sans-serif !important; padding-top:80px; }
a { color:#49d990; } a:hover,a:focus { color:#9df2ba; }
.container { max-width:1180px; }
.navbar.navbar-default.navbar-fixed-top { background:#0b1f14; border:0; border-bottom:1px solid #245b39; box-shadow:0 4px 22px #0007; z-index:1010; }
.header-body,.header-inner { background:#0b1f14 !important; }
.header-inner>.container { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:76px; }
.header-logo { flex:0 0 auto; padding:12px 0; }
.header-logo img { max-width:195px; max-height:55px; width:auto; height:auto !important; object-fit:contain; }
.header-inner .navbar-header { flex:0 0 auto; }
.header-inner .navbar-collapse { flex:1; min-width:0; border:0; box-shadow:none; }
.header-inner .navbar-right { float:right !important; }
.header-inner .nav-pills { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; list-style:none; padding:0; margin:2px 0; gap:4px 8px; }
.header-inner .nav-pills>li>a { display:block; padding:5px 9px; font-size:12px; color:#a9ddbb; text-decoration:none; }
.header-inner .navbar-nav { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; margin:0 !important; gap:0; }
.header-inner .navbar-nav>li { float:none; }
.header-inner .navbar-nav>li>a { padding:8px 10px; font-size:12px; font-weight:700; color:#ecfff2 !important; background:transparent !important; }
.header-inner .navbar-nav>li>a:hover { color:#65e69b !important; }
.header-inner .navbar-nav>li:last-child>a { background:var(--hb-green) !important; border-radius:5px; }
.sb-page-header { background:linear-gradient(145deg,#103c25,#071d13 75%) !important; padding:32px 0 45px !important; color:white; }
.sb-page-header .header-title { color:#f1fff4 !important; font-size:clamp(19px,2.5vw,30px); font-weight:800; line-height:1.4; margin:5px auto 25px; max-width:950px; }
.sb-page-header .row { margin-bottom:22px; }
.info-box { display:flex; min-height:115px; margin-bottom:15px; border:1px solid #28623c; background:#153924 !important; border-radius:12px; overflow:hidden; box-shadow:0 5px 12px #0002; }
.info-box-icon { display:flex; align-items:center; justify-content:center; flex:0 0 66px; font-size:27px; color:white !important; background:#187943 !important; }
.info-box-content { padding:12px; text-align:left; flex:1; min-width:0; color:#e9ffec !important; }
.info-box-text { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.6px; }
.info-box-number { display:block; font-size:23px; font-weight:800; line-height:1.3; color:white; }
.info-box-content .progress { height:5px; margin:7px 0; background:#376348; }
.info-box-content .progress-bar { background:#5fe493; }
.progress-description { font-size:11px; color:#b7dbbd; }
#mc_embed_signup { max-width:820px; margin:0 auto; }
#mc_embed_signup .input-group { display:flex; width:100%; }
#mc_embed_signup .form-control { flex:1; height:46px !important; background:#e9f9ee !important; color:#163b24 !important; border:1px solid #75b990; border-radius:7px 0 0 7px; }
#mc_embed_signup .input-group-btn { width:auto; }
#mc_embed_signup button { height:46px; border-radius:0 7px 7px 0 !important; }
#posts { background:#0a1811 !important; min-height:500px; padding:35px 0 70px; }
#posts .post.text { background:#10251a; border:1px solid #235438; border-radius:14px; padding:22px 14px; box-shadow:0 10px 32px #0003; }
#posts .post.text:after { content:''; display:block; clear:both; }
.ptitle { margin:0 0 22px; padding:5px 15px !important; }
.produk-title { color:white; font-size:clamp(21px,2.8vw,30px) !important; line-height:1.4; }
.item-header { color:#b9dbca; }
.contaifiles { float:none; }
.contaifiles img.imghover { width:100%; max-width:100%; height:auto; object-fit:contain; border:1px solid #2c7346 !important; border-radius:10px; }
.contaifiles .col-md-8>div:first-child>div { max-height:none !important; background:#0d2417 !important; }
.nav-tabs { border-color:#35704a; display:flex; flex-wrap:wrap; }
.nav-tabs>li>a { color:#cbead3 !important; border:0 !important; }
.nav-tabs>li.active>a,.nav-tabs>li>a:hover { background:#1b6d3c !important; color:#fff !important; border-radius:5px 5px 0 0; }
.tab-content { color:#e0f0e6; } .tab-content h2,.tab-content h3 { color:#7bea9d; }
.tab-content p { line-height:1.9; } .tab-content .alert-danger { color:#7a251f; }
.panel { background:#152d1e !important; color:#e6f6e8; border:1px solid #306c47 !important; border-radius:10px; overflow:hidden; }
.panel a { color:#71e6a4; } .panel hr { border-color:#326e48 !important; }
.btn-success,.btn-primary,.btn-info { background:#12884a !important; border-color:#12884a !important; color:white !important; }
.btn-success:hover,.btn-primary:hover,.btn-info:hover { background:#0a6335 !important; border-color:#0a6335 !important; }
.label-info,.bg-aqua,.bg-blue,.bg-light-blue { background:#138a4c !important; }
.btn-default { color:#175932; } .pagination>.active>a { background:#14884a !important; border-color:#14884a !important; }
.table { color:#222; } .tab-content .table { background:#f5fff8 !important; }
.footer { color:#c6e2ce; } section.footer { background:#07180e !important; padding:30px 0; }
section.footer h3 { font-size:18px; color:#78e6a0; }
section.footer ul { padding-left:18px; } section.footer li { margin:6px 0; }
footer { background:#041109 !important; } footer .footer { padding:15px 0; }
.navbar.navbar-fixed-bottom:not(.mobile) { background:#143522 !important; border-top:1px solid #337a4e; }
.navbar.navbar-fixed-bottom:not(.mobile) h5 a { color:#aaf1bd; }
.modal-content { background:#f7fff9; color:#253a2a; border-radius:10px; } .modal-header { background:#0c4529 !important; }
.modal-header .modal-title { color:white; }
/* The floating promotional panel should not erase visibility of the rest of the page */
.hb-promo-overlay { background:rgba(0,0,0,.64) !important; }
.hb-promo-overlay img { max-height:43vh; width:auto !important; max-width:100%; object-fit:contain; }
#storm-root .storm-wrap { background:rgba(0,30,12,.04) !important; }
@media(min-width:768px) and (max-width:1199px) {
 .header-inner>.container { display:block; } .header-logo { float:left; } .header-inner .navbar-collapse { width:100%; clear:both; }
 .header-inner .navbar-nav>li>a { font-size:11px; padding:7px; }
}
@media(max-width:767px) {
 body { padding-top:70px; padding-bottom:65px; }
 .header-inner>.container { display:block; min-height:64px; }
 .header-logo { float:left; padding:8px 0; } .header-logo img { max-width:155px; max-height:45px; }
 .header-inner .navbar-header { float:right; }
 .header-inner .navbar-collapse { clear:both; max-height:75vh; overflow:auto; background:#0d2a19; }
 .header-inner .navbar-right { float:none !important; }
 .header-inner .navbar-nav { display:block; }
 .header-inner .navbar-nav>li>a { font-size:14px; padding:10px 16px; }
 .header-inner .nav-pills { display:none; }
 .navbar-toggle { background:#174d2b; border:1px solid #398354; }
 .navbar-toggle .icon-bar { background:#fff !important; }
 .sb-page-header { padding:20px 0 28px !important; }
 #posts { padding:18px 0 50px; }
 #posts .post.text { padding:10px 0; }
 .ptitle { padding:10px !important; }
 .nav-tabs>li>a { padding:9px; font-size:12px; }
 .hb-promo-overlay { padding:12px !important; }
 .hb-promo-overlay img { max-height:39vh; }
 .mobile.navbar-fixed-bottom { background:#0f4228; border-top:1px solid #4f9f70; z-index:1020; }
 .mobile.navbar-fixed-bottom .navbar-nav>li>a { color:white !important; }
}
</style>
</head>

<body>
<div class="modal fade" id="myModal-view" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-body">
        <div style='padding:30px 0px'>
            <div class="content-body"></div>
        </div>
        </div>
    </div>
    </div>
</div>

<div class="modal fade" id="exampleModalCenterx" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Notifikasi</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    Action Status data Produk Berhasil Disimpan!
                </div>
            </div>
        </div>
  </div>
  
    
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="header-body" style="min-height: 0px;">
    <div class="header-inner" style="background-position: -1098.5px 0px;">
        <div class="container">
            <div class="header-logo">
              <a href="https://vivobonobo.com/">
                <img alt="Phpmu.com" src="https://vivobonobo.com/img/logo.png" class="img-responsive" style="height: 35px;">
              </a>
            </div>
            
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
            	                	<a title='Log In' href='https://vivobonobo.com/' style='margin: 30px 15px 10px 0px; padding: 7px 10px;' class='btn btn-sm btn-success pull-right visible-xs'><i style='font-size:15px;' class="fa fa-key fa-fw"></i></a>
                
                <button type="button" class="navbar-toggle collapsed" data-toggle="slide-collapse" data-target="#slide-navbar-collapse" aria-expanded="false" style='margin-right:5px; margin-top:30px'>
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

                                <div class="collapse navbar-collapse" id="slide-navbar-collapse">
<ul class="nav-pills navbar-right hidden-xs">
  <li><a href="https://vivobonobo.com/booking/"><span class="ws-nowrap"><i class="fa fa-phone"></i> KONTAK</span></a></li>
  <li><a href="javascript:void(Tawk_API.toggle())"><i class="fa fa-commenting"></i> LIVECHAT</a></li>
  <li><a data-toggle='modal' href='#rekening' data-target='#rekening'><i class="fa fa-angle-right"></i> TRANSAKSI</a></li>
  <li><a data-toggle='modal' href='#nonmembers' data-target='#nonmembers'><i class="fa fa-angle-right"></i> PROMO</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" style='margin:1px -15px'>
<!--<li></li>-->
<!--<li class='dropdown'>
		<ul class="dropdown-menu">
			</ul>
</li>-->
<li><a href="https://vivobonobo.com/">HOBIMAIN</a></li>
<li><a href="https://vivobonobo.com/">SLOT777</a></li>
<li><a href="https://vivobonobo.com/">HOBIMAIN LOGIN</a></li>
<li><a href="https://vivobonobo.com/">SLOT GACOR</a></li>
<li><a href="https://vivobonobo.com/">SLOT GACOR HARI INI</a></li>
<li><a href="https://vivobonobo.com/">HOBIMAIN STORE</a></li>
<li><a href='https://vivobonobo.com/booking/'>REGISTER  <span class='red-trans label label-danger'>Gratis!</span></a></li>
<li><a href='https://vivobonobo.com/booking/'><span class="fa fa-sign-in"></span> LOGIN</a></li>
<!-- <li class='dropdown'>
		<ul class="dropdown-menu">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</li> -->
</ul>
</div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
      </div>
      </div>
    </nav>
    <div class="menu-overlay"></div>

<script type="text/javascript">
    $('[data-toggle="slide-collapse"]').on('click', function() {
  $navMenuCont = $($(this).data('target'));
  $navMenuCont.animate({
    'width': 'toggle'
  }, 350);
  $(".menu-overlay").fadeIn(500);
  $(".navbar-toggle").css("display", "none"); 
});
$(".menu-overlay").click(function(event) {
  $(".navbar-toggle").trigger("click");
  $(".menu-overlay").fadeOut(500);
  $(".navbar-toggle").css("display", "block"); 
});
</script>    <header class='sb-page-header'><div class="container text-center">
    <h4 class="header-title animated fadeIn">HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026</h4>
	<div class="row hidden-xs">
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box animated bounceInDown">
        <span class="info-box-icon bg-aqua"><i class="fa fa-users"></i></span>
        <div class="info-box-content">
          <span class="info-box-text">Members</span>
          <span class="info-box-number">8.239.158</span>
          <div class="progress">
            <div class="progress-bar" style="width: 100%"></div>
          </div>
              <span class="progress-description">
                85% Members Aktif
              </span>
        </div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box animated bounceInDown">
        <span class="info-box-icon bg-green"><i class="fa fa-thumbs-o-up"></i></span>
        <div class="info-box-content">
          <span class="info-box-text">Products</span>
          <span class="info-box-number">756</span>
          <div class="progress">
            <div class="progress-bar" style="width: 70%"></div>
          </div>
              <span class="progress-description">
                Source Code + DB
              </span>
        </div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box animated bounceInDown">
        <span class="info-box-icon bg-yellow"><i class="fa fa-comment"></i></span>
        <div class="info-box-content">
          <span class="info-box-text">Topic</span>
          <span class="info-box-number">9,799</span>
          <div class="progress">
            <div class="progress-bar" style="width: 35%"></div>
          </div>
              <span class="progress-description">
                4 Kategori Topic
              </span>
        </div>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box animated bounceInDown">
        <span class="info-box-icon bg-red"><i class="fa fa-comments-o"></i></span>
        <div class="info-box-content">
          <span class="info-box-text">Comments</span>
          <span class="info-box-number">18,985</span>
          <div class="progress">
            <div class="progress-bar" style="width: 0%"></div>
          </div>
              <span class="progress-description">
                Solusi Masalah anda
              </span>
        </div>
      </div>
    </div>
  </div>
  <div id="mc_embed_signup">
    
                <form action='https://vivobonobo.com/' method="GET">
                    <div class="input-group input-group-lg">
                        <input type="text" name="s" class="form-control pencarian typeahead" id="productsearch" value='' placeholder="Cari di HOBIMAIN" autocomplete='off'>
                        <span class="input-group-btn">
                            <button type="submit" id="mc-embedded-subscribe" class="btn btn-success"><i class='fa fa-search fa-fw visible-xs'></i> <span class='hidden-xs'>Search</span></button>
                        </span>
                    </div>
                </form>

  </div>
</div></header>
<div id="posts">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class='visible-xs alert jobs'>Skrip Anda bermasalah? Yuk pakai jasa bengkel kode phpmu.com :) Mulai 50rb. <a target='_BLANK' href='https://wa.me/6253279271303?text=Hallo+%2C+Saya+butuh+jasa+bengkel+koding%2C..'>Hubungi kami!</a></div><div class='post text'><style>
.star-rating .fa-star{ color:rgb(187, 218, 10) !important }
.star-rating .fa-star-o:hover{ color:rgb(233, 233, 13) !important }
input[name="uploadFile"] { height: 30px !important; }
.ptitle{ line-height: 1.2; margin-bottom: 20px; padding: 0; }
.ptitle h1{ font-weight: 600; }
.item-header{ display: inline-block; margin-right: 18px; margin-left: 0 !important; }
.horcustom dt{ width: 100px; }
.horcustom dd{ margin-left: 110px; }
@media (min-width: 992px) {
	.sb-page-header {
		padding-bottom: 115px !important;
	}
	.ptitle {
		padding: 5px 20px;
	}
}

.lisensi_type{
	display:inline-block; float:left; margin-top:20px; font-size:18px;
}
.lisensi_price{
	text-align:right; margin:10px 0px;display: inline-block;float: right;
}
</style>
<script>
// $(document).ready(function(){
//     length = 150;
//     cHtml = $(".more_less").html();
//     cText = $(".more_less").html().substr(0, length).trim();
//     $(".more_less").addClass("compressed").html(cText + "... <a style='text-decoration:underline' href='#' class='exp'><br><br><b>Baca Selengkapnya...</b></a>");
//     window.handler = function()
//     {
//         $('.exp').click(function(){
//             if ($(".more_less").hasClass("compressed"))
//             {
//                 $(".more_less").html(cHtml + " ");
//                 $(".more_less").removeClass("compressed");
//                 handler();
//                 return false;
//             }
//             else
//             {
//                 $(".more_less").html(cText + "... <a style='text-decoration:underline' href='#' class='exp'><br><br><b>Baca Selengkapnya...</b></a>");
//                 $(".more_less").addClass("compressed");
//                 handler();
//                 return false;
//             }
//         });
//     }
//     handler();
// });
</script>

<div class='flash-judul' data-judul='Produk'></div>
<div class='flash-data' data-flashdata=''></div>

<div class="col-md-12 animated fadeIn contaifiles">
    <div class='ptitle'>
				<h1 class='produk-title' style='font-size: 26px;'>HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026</h1>
					<div class='item-header'>Oleh <a href='https://vivobonobo.com/'>HOBIMAIN</a></div>
					<div class='item-header product-rating'> <span><i class='glyphicon glyphicon-shopping-cart'></i> HOBIMAIN </span><br></div>
				<div class='item-header'>HOBIMAIN STORE</div>
			</div>
			<div class='col-md-8 col-xs-12'><div style='margin-bottom:15px'><div  style='max-height:410px; overflow:hidden; background:#e3e3e3'><a target='_BLANK' href='https://vivobonobo.com/booking/'><img class='imghover' style='width:100%; border:1px solid #cecece' src='https://vivobonobo.com/img/slot-gacor.jpg'></a></div></div><div id='myList'><div class='col-md-3 col-xs-6' style='padding:0px 2px 0px 2px'><div class='gbr-produk-detail' style='height:100px; overflow:hidden'><a target='_BLANK' href='https://vivobonobo.com/booking/'><img class='imghover' style='width:100%; border:1px solid #cecece' src='https://vivobonobo.com/img/slot-gacor.jpg'></a></div></div><div class='col-md-3 col-xs-6' style='padding:0px 2px 0px 2px'><div class='gbr-produk-detail' style='height:100px; overflow:hidden'><a target='_BLANK' href='https://vivobonobo.com/booking/'><img class='imghover' style='width:100%; border:1px solid #cecece' src='https://vivobonobo.com/img/slot-gacor.jpg'></a></div></div><div class='col-md-3 col-xs-6' style='padding:0px 2px 0px 2px'><div class='gbr-produk-detail' style='height:100px; overflow:hidden'><a target='_BLANK' href='https://vivobonobo.com/booking/'><img class='imghover' style='width:100%; border:1px solid #cecece' src='https://vivobonobo.com/img/slot-gacor.jpg'></a></div></div><div class='col-md-3 col-xs-6' style='padding:0px 2px 0px 2px'><div class='gbr-produk-detail' style='height:100px; overflow:hidden'><a target='_BLANK' href='https://vivobonobo.com/booking/'><img class='imghover' style='width:100%; border:1px solid #cecece' src='https://vivobonobo.com/img/slot-gacor.jpg'></a></div></div></div>

			<!-- LikeBtn.com BEGIN -->
			<!-- <span style='margin-left:3px' class="likebtn-wrapper" data-theme="padded" data-ef_voting="push" data-identifier="item_produk" data-i18n_dislike="Dislike" data-i18n_after_like="Like" data-i18n_after_dislike="Dislike"></span>
			<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script> -->
			<!-- LikeBtn.com END -->
			<div style='clear:both'><br></div><ul class='nav nav-tabs' role='tablist'>
				<li role='presentation' class='active'><a href='#deskripsi' aria-controls='deskripsi' role='tab' data-toggle='tab'>Detail</a></li>
				<li role='presentation'><a href='#faq' aria-controls='faq' role='tab' data-toggle='tab'>F.A.Q</a></li>
				<li role='presentation'><a href='#update' aria-controls='update' role='tab' data-toggle='tab'>Update</a></li>
				<li role='presentation'><a href='#diskusi' aria-controls='diskusi' role='tab' data-toggle='tab'>Diskusi <span class='label label-info'>520</span></a></li>
				<li role='presentation'><a href='#ulasan' aria-controls='ulasan' role='tab' data-toggle='tab'>Ulasan <span class='label label-success'>0</span></a></li>
			</ul><br><div class='tab-content'><div role='tabpanel' class='tab-pane tab-custom active' id='deskripsi'>
 			        <div class='alert alert-danger'><b>PENTING</b> - Demi menjamin keamanan dana dan akun Anda, pastikan proses deposit (mulai Rp10.000) hanya diproses melalui sistem dan menu resmi HOBIMAIN. Kejar promo BONUS, JACKPOT dan SCATTER MELIMPAH dengan tenang! Pihak HOBIMAIN tidak pernah mengarahkan transaksi di luar situs. Segera laporkan ke Customer Service jika menemui aktivitas mencurigakan.</div>
					<div class='dont-break-out'><div class='more_lessx'><br />
					
                    <p><span style="color: #008000;"><strong><a style="color: #008000;" href="https://sarser.purbalinggakab.go.id/">HOBIMAIN</a></strong></span> hadir sebagai situs slot gacor hari ini yang menyediakan link resmi ringan untuk mengakses pilihan permainan slot online dari Slot88 dan Slot777 terbaru 2026. Dengan tampilan yang responsif, sistem akses cepat, serta kategori permainan yang tertata rapi, HOBIMAIN menjadi pilihan praktis bagi pemain yang mencari pengalaman bermain lebih nyaman melalui berbagai perangkat.</p>

<h2>HOBIMAIN Link Resmi Slot88 dan Slot777 2026</h2>

<p>HOBIMAIN menghadirkan akses resmi menuju permainan Slot88 dan Slot777 dengan variasi game yang lengkap, mulai dari slot klasik, video slot modern, hingga permainan dengan fitur bonus menarik. Setiap kategori disusun agar pemain dapat menemukan game favorit secara lebih cepat tanpa proses yang membingungkan.</p>

<p>Sebagai situs <span style="color: #008000;"><strong><a style="color: #008000;" href="https://sarser.purbalinggakab.go.id/">slot gacor</a></strong></span> online hari ini, HOBIMAIN mengutamakan akses yang ringan, transaksi aman, dan tampilan yang mudah digunakan. Dukungan provider Slot88 dan Slot777 membuat pilihan permainan terasa lebih beragam, sementara informasi rtp peluang maxwin tinggi menjadi referensi tambahan bagi pemain di tahun 2026.</p>

<h2>Akses Slot Online Ringan di Semua Perangkat</h2>

<p>HOBIMAIN dapat diakses melalui smartphone, tablet, laptop, maupun desktop dengan tampilan responsif yang tetap nyaman digunakan. Melalui link resmi yang stabil, pemain bisa membuka halaman utama, memilih provider, mengecek pilihan <span style="color: #008000;"><strong><a style="color: #008000;" href="https://sarser.purbalinggakab.go.id/">slot online</a></strong></span>, dan menikmati permainan tanpa hambatan berarti.</p>

<p>Permainan Slot88 dan Slot777 di HOBIMAIN menawarkan beragam fitur seperti free spin, bonus round, multiplier, jackpot, dan pilihan game populer yang banyak dicari pemain. Dengan sistem transaksi aman dan proses akses yang cepat, pengalaman bermain menjadi lebih praktis untuk member baru maupun pemain aktif.</p>

<h3>RTP Peluang Maxwin Tinggi Bersama HOBIMAIN</h3>

<p>Keunggulan HOBIMAIN terletak pada kombinasi link resmi yang ringan, pilihan permainan <span style="color: #008000;"><strong><a style="color: #008000;" href="https://sarser.purbalinggakab.go.id/">Slot88</a></strong></span> dan Slot777 yang bervariasi, transaksi aman, serta informasi rtp peluang maxwin tinggi. Dengan pembaruan layanan terbaru 2026, HOBIMAIN menjadi situs slot gacor hari ini yang siap memberikan pengalaman bermain lebih modern, mudah diakses, dan nyaman digunakan setiap saat.</p>
</div><hr style='border-top: dotted 1px'/><b style='color:rgb(38, 185, 95)'>Keyword Terkait : </b><br><br />
HOBIMAIN <br/>
HOBIMAIN <br/>
SLOT GACOR <br/>
HOBIMAIN STORE  <br/>
SLOT GACOR <br/>
SLOT777 <br/>
HOBIMAIN LOGIN <br/>

</div>
				</div><div role='tabpanel' class='tab-pane tab-custom' id='faq'><center style='padding:50px 0px'>
						<img style='width:220px' src='https://members.phpmu.com/asset/no-product.png'><br>
						Maaf, Tidak ada data..</center></div>

				<div role='tabpanel' class='tab-pane tab-custom' id='diskusi'>
<table style='background:#fff; border-radius:6px' class='table table-hover dont-break-out'>
<thead>

<tr id='komentar9001'>
<td class='hidden-xs' width='60px' style='border:none'>
<img style='width:50px' src='https://vivobonobo.com/img/favicon.png' class='img-thumbnail' alt='User Image'>
</td>
<td style='border-left: 1px solid #ddd;'>
<div style='padding:5px 0px; background-color:#f6f8fa; border-bottom: 1px solid #e4e4e4'>
<a style='margin-left:10px; color:#000'>Budi</a>
<br class='visible-xs'>
<small style='color:#b7b7b7; margin-left:10px'>Commented On 01 Mar 2026 10:19:12</small>
<small style='color:#000' class='pull-right'><button class='pull-right btn btn-xs btn-default'>Member</button></small>
</div>

<div style='clear:both'></div>
<div style='display:inline-block'>Sejak menggunakan HOBIMAIN, saya merasa akses permainan Slot88 dan Slot777 menjadi lebih praktis serta mudah ditemukan.</div>
<div style='display:none'>Sejak menggunakan HOBIMAIN, saya merasa akses permainan Slot88 dan Slot777 menjadi lebih praktis. Tampilan situsnya ringan, navigasinya sederhana, dan seluruh kategori permainan mudah ditemukan melalui smartphone.</div>
<hr style='margin:5px 0px'>
</td>
</tr>

<tr id='komentar9002'>
<td class='hidden-xs' width='60px' style='border:none'>
<img style='width:50px' src='https://portalneko.com/carbonatlantis.com/img/no-image.jpg' class='img-thumbnail'>
</td>
<td style='border-left: 1px solid #ddd;'>
<div style='padding:5px 0px; background-color:#f6f8fa; border-bottom: 1px solid #e4e4e4'>
<a style='margin-left:10px; color:#000'>Garga</a>
<br class='visible-xs'>
<small style='color:#b7b7b7; margin-left:10px'>Commented On 04 Mar 2026 08:12:21</small>
<small style='color:#000' class='pull-right'><button class='pull-right btn btn-xs btn-default'>Visitor</button></small>
</div>

<div style='clear:both'></div>
<div style='display:inline-block'>HOBIMAIN memberikan pengalaman bermain yang nyaman karena aksesnya stabil dan informasi permainannya tersusun dengan jelas.</div>
<div style='display:none'>HOBIMAIN memberikan pengalaman bermain yang nyaman karena aksesnya stabil, sistemnya ringan, dan informasi RTP setiap permainan mudah diperiksa sebelum memilih game.</div>
<hr style='margin:5px 0px'>
</td>
</tr>

<tr id='komentar9003'>
<td class='hidden-xs' width='60px' style='border:none'>
<img style='width:50px' src='https://portalneko.com/carbonatlantis.com/img/members2.png' class='img-thumbnail'>
</td>
<td style='border-left: 1px solid #ddd;'>
<div style='padding:5px 0px; background-color:#f6f8fa; border-bottom: 1px solid #e4e4e4'>
<a style='margin-left:10px; color:#000'>Lala</a>
<br class='visible-xs'>
<small style='color:#b7b7b7; margin-left:10px'>Commented On 06 Mar 2026 10:41:25</small>
<small style='color:#000' class='pull-right'><button class='pull-right btn btn-xs btn-default'>User</button></small>
</div>

<div style='clear:both'></div>
<div style='display:inline-block'>Saya tetap menggunakan HOBIMAIN karena performa situsnya konsisten dan responsif di berbagai perangkat.</div>
<div style='display:none'>Saya tetap menggunakan HOBIMAIN karena performa situsnya konsisten dan responsif. Proses login berjalan lancar, halaman cepat dimuat, dan pilihan Slot88 maupun Slot777 tetap nyaman dijelajahi melalui smartphone.</div>
<hr style='margin:5px 0px'>
</td>
</tr>

<tr id='komentar9004'>
<td class='hidden-xs' width='60px' style='border:none'>
<img style='width:50px' src='https://portalneko.com/carbonatlantis.com/img/members4.png' class='img-thumbnail'>
</td>
<td style='border-left: 1px solid #ddd;'>
<div style='padding:5px 0px; background-color:#f6f8fa; border-bottom: 1px solid #e4e4e4'>
<a style='margin-left:10px; color:#000'>Ridho</a>
<br class='visible-xs'>
<small style='color:#b7b7b7; margin-left:10px'>Commented On 08 Jan 2026 08:31:11</small>
<small style='color:#000' class='pull-right'><button class='pull-right btn btn-xs btn-default'>Visitor</button></small>
</div>

<div style='clear:both'></div>
<div style='display:inline-block'>Saya pernah mengalami kendala login, tetapi layanan pelanggan HOBIMAIN membantu menyelesaikannya dengan cepat.</div>
<div style='display:none'>Saya pernah mengalami kendala login, tetapi layanan pelanggan HOBIMAIN yang tersedia selama 24 jam membantu memeriksa masalah tersebut. Setelah mengikuti petunjuk yang diberikan, akun dapat kembali diakses dengan lancar.</div><hr style='margin:5px 0px'><button id='click_2700' style='display:block; color:green' class='btn btn-xs hidee_2700'>Lihat detail, Ada 1 Balasan</button><button id='click_2700' style='display:none; color:green' class='btn btn-xs hidee_2700'>Sembunyikan Balasan...</button><div class='hidee_2700' style='display:none'><div style='background:#f4f4f4; border:1px solid #e3e3e3'>
                            <div class='alert-success' style=' padding:3px'>
<a style='margin-left:10px; color:#000' href='https://vivobonobo.com/'>HOBIMAIN OFFICIAL</a> <br class='visible-xs'> <small style='margin-left:10px'><i style='font-size:12px; color:#fff'>Replied on 23 Mar 2026 11:41:22</i></small><button style='background:transparent; border-radius:5px !important;' class='pull-right btn btn-xs btn-default'>Owner</button>
<button style='background:transparent; border-radius:5px !important; margin-right:3px' class='pull-right btn btn-xs btn-default'>Author</button>
</div>

<div style='padding-left:20px'>Terima kasih telah menggunakan HOBIMAIN. Kami terus meningkatkan kestabilan akses, keamanan transaksi, pilihan permainan Slot88 dan Slot777, serta kualitas layanan agar pengalaman setiap pengguna semakin nyaman.</div><div style='clear:both'><br></div></div></div></td></tr>
                    <tr><td colspan='2'><div class='hidee_2700' style='display:none; font-size:12px; color:rgb(4, 121, 76); text-align:center'>Silakan login terlebih dahulu untuk menulis atau membalas komentar!</div></td></tr></thead>
</table><ul class='pagination'><li class='disabled'><li class='active'><a href='#'>1<span class='sr-only'></span></a></li><li><a href="https://vivobonobo.com//10" data-ci-pagination-page="2">2</a></li><li><a href="https://vivobonobo.com//10" data-ci-pagination-page="2" rel="next">&gt;</a></ul></div>
		
				<div role='tabpanel' class='tab-pane tab-custom' id='ulasan'><div class='col-md-6 col-xs-12'>
<div class='col-md-4 col-xs-12'>
        <center>
            <h1 style='font-weight:600'>0.0 / <small>5</small></h1>
            <span class='fa fa-star-o'></span>
                  <span class='fa fa-star' style='color:orange'></span>
                  <span class='fa fa-star' style='color:orange'></span>
                  <span class='fa fa-star' style='color:orange'></span>
                  <span class='fa fa-star' style='color:orange'></span>
        </center>
  </div>
  
  <div class='col-md-8 col-xs-12'><span style='display:block; border-bottom:1px dotted #cecece'><span class='fa fa-star' style='color:orange'></span> <b>5</b> <span class='pull-right'>0 Orang</span></span><span style='display:block; border-bottom:1px dotted #cecece'><span class='fa fa-star' style='color:orange'></span> <b>4</b> <span class='pull-right'>0 Orang</span></span><span style='display:block; border-bottom:1px dotted #cecece'><span class='fa fa-star' style='color:orange'></span> <b>3</b> <span class='pull-right'>0 Orang</span></span><span style='display:block; border-bottom:1px dotted #cecece'><span class='fa fa-star' style='color:orange'></span> <b>2</b> <span class='pull-right'>0 Orang</span></span><span style='display:block; border-bottom:1px dotted #cecece'><span class='fa fa-star' style='color:orange'></span> <b>1</b> <span class='pull-right'>0 Orang</span></span></div></div>

<div style='clear:both'><br></div><center style='padding:50px 0px'>Maaf, Belum ada ulasan untuk produk ini..</center></div></div>
		</div><div class='col-md-4 col-xs-12'>
			<div class='panel panel-success' style='border-color:#d7d7d7; margin-bottom:10px;'>
				<div style='padding:10px 20px'><div class='pricex'>
						<div class='lisensi_type'>Regular</div>
						<div class='lisensi_price'>Rp <span style='font-size:24px; font-weight:bold'>10,000</span></div>
					</div>
					<div style='clear:both'></div>
					<div class='pricex'>
						<div class='lisensi_price' style='margin:0px; color:#32b543'><span class='fa fa-dollar'></span> <span style='font-size:24px; font-weight:bold'>15.00</span></div>
					</div><hr style='margin:10px 0px; clear: both;'><ul><li><span style='color:rgb(75, 229, 137)'><b>Dapat Bonus tambahan</b> Jika Daftar Via <a target='_BLANK' style='color:rgb(75, 229, 137) !important; text-decoration:underline' href='https://vivobonobo.com/'>Akun Premium Members</a></span></li><li>Jaminan maxwin!</li>
									<li>Berlisensi WLA & Keamanan Ketat</li>
									<li>Support Livechat 24 Jam</li>
								</ul><a class='btn btn-success btn-block' href='https://vivobonobo.com/booking/'>Daftar Sekarang</a><a target='_BLANK' class='btn btn-info btn-block' style='display:inline-block; width:80%' href='https://vivobonobo.com/'>Preview</a><span id='savewebsite-toko-online--katalog-produk-siap-hosting'><button style='float:right; margin-top:5px; width:18%; color:#146a39; background-color:#ffffff;' data-toggle='tooltip' data-placement='top' title='Add to Whishlist' onclick="save('website-toko-online--katalog-produk-siap-hosting',this.id)" class='btn btn-danger' style='margin-right:2px'><i class='fa fa-heart-o'></i></button></span></div><center><i><small style='color:#000'>Apa Itu slotgacor? <a target='_BLANK' href='https://vivobonobo.com/'>Baca Disini</a></small></i></center><br></div><div class='panel panel-success' style='border-color:#d7d7d7;'>
				<div style='padding:10px 20px' class='horcustom dont-break-out'>
				<dl class='dl-horizontal'>
				<dt>SERVER</dt>		<dd><a href='https://vivobonobo.com/'>IDN</a></dd>
				
				<dt>NAMA SITUS</dt>		<dd>HOBIMAIN</dd><dt></dt>		</dd><dt></dt>	<dd></dd>
				<dt>MINIMAL</dt>			<dd><b><span style='color:rgb(75, 229, 137)'>Rp</span> <span style='color:rgb(75, 229, 137)'>10,000 </span> </span></b> </dd>
				<dt>JENIS GAME</dt>		<dd>HOBIMAIN</dd>
				<dt>PEMBAYARAN</dt>		<dd><a href='https://vivobonobo.com/'>✔ BANK, ✔ E-WALLET, ✔PULSA, ✔ QRIS</a></dd>
				<dt>RATING</dt>	<dd>★ ★ ★ ★ ★ 888.158 Pelanggan</dd>
				</dl></div>
			</div><div class='panel panel-success' style='border-color:#d7d7d7;'>
					<div style='padding:8px'>
						<img class='img-thumbnail pull-left' style='width:45px; border:1px solid #8a8a8a; margin-right:6px' src='https://vivobonobo.com/img/favicon.png'>
						<h5 style='margin:5px 0px 0px 0px'><a href='https://vivobonobo.com/'><b>HOBIMAIN</b></a></h5>
						<a class='btn btn-info btn-xs' href='https://vivobonobo.com/'>Lihat Profile</a>
						<a class='btn btn-success btn-xs' href='https://vivobonobo.com/'><i class='fa fa-comments-o fa-fw'></i>  Chat Pelanggan</a>
						<div style='clear:both'><br></div><a class='btn btn-default btn-xs btn-block badge-info' href='https://vivobonobo.com/booking/'>Semua Produk <span class='badge'>10000</span></a><a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Jumlah Pelanggan <span class='badge'>25000</span></a>
						<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Pesanan Diterima <span class='badge'>5000</span></a>
						<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Bergabung <span class='badge'>5 Tahun lalu</span></a>
						<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Login Terakhir <span class='badge'>2 Hari lalu</span></a><hr style='margin:10px 0px; border-color:#fff'>
							<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Pesan Belum Dibuka <span class='badge'>9</span></a>
							<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Merespon Komentar <span class='badge' style='background:#28a745'>-</span></a>
							<a class='btn btn-default btn-xs btn-block badge-info' style='cursor:default' href='#'>Refund orders <span class='badge'>0 Kali</span></a></div>
			</div><div class='product col-md-6 col-xs-6 hover'>
							
						</div>
					</div></div><div style='clear:both'></div><br>
<div class="modal fade" id="fileberbayar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  <h5 style='color:rgb(0, 255, 157)' class="modal-title" id="myModalLabel">Pemberitahuan !!!</h5>
  </div>
  <div class="modal-body">
  <center>Maaf, File ini berbayar (Rp <b>888,000 </b>).. <br>
      Hubungi <a href='https://vivobonobo.com/'>HOBIMAIN</a> untuk Mendapatkan file ini.<br>
      Atau bisa klik <a href='https://vivobonobo.com/'>Disini</a> untuk menghubunginya, Terima kasih.. ^_^<br><br>
  </center>
  </div>
</div>
</div>
</div>

<div class="modal fade" id="premiummembers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  <h5 style='color:rgb(19, 146, 114)' class="modal-title" id="myModalLabel">Pemberitahuan !!!</h5>
  </div>
  <div class="modal-body">
    <center>Haloo Ibuk. <b></b>,.. <br>  		Hak akses File ini gratis untuk Premium members.. <br>
      	Silahkan klik <a href='https://vivobonobo.com/'>Disini</a> Untuk Melanjutkan...</center><br>
  </div>
</div>
</div>
</div>

<div class='navbar navbar-fixed-bottom hidden-xs' style='background:#dbdbdb; padding:10px; box-shadow: rgba(49, 53, 59, 0.16) 0px -2px 6px 0px'>
		<div class='container'>
			<span class='pull-left'>
				<img class='img-thumbnail pull-left' style='width:40px; border:1px solid #8a8a8a; margin-right:6px' src='https://vivobonobo.com/img/favicon.png'>
				<h5 style='margin:5px 0px 0px 0px; display:inline-block; min-width:150px'><a href='https://vivobonobo.com/'><b>HOBIMAIN</b></a></h5>
				<br><small><span style='color:rgb(12, 156, 120);'>Free Account</span></small>
			</span>
			<span class='pull-right' style='display:inline-flex'> 
				<i style='margin-right:5px'>Total.</i> <span style='margin-right:20px; font-size:23px'><b>Rp10,000 </b></span> 
				<span><a class='btn btn-primary' href='https://vivobonobo.com/booking/'>Daftar Sekarang</a>
 			          <a target='_BLANK' class='btn btn-success' href='https://vivobonobo.com/'><i class='fa fa-comments-o fa-fw'></i> Chat Pelanggan</a></span>
			</span>

		</div>
	</div>
    <script>
$(document).ready(function(){
var settings = {
    url: "https://vivobonobo.com/",
    formData: {id: ""},
    dragDrop: false,
	maxFileCount:1,
    multiple: false,
    fileName: "uploadFile",
	maxFileSize:5000*1024,
    allowedTypes:"jpg,png,gif,jpeg",		
    returnType:"json",
	onSuccess:function(files,data,xhr)
    {
       // alert((data));
    },
    showDone:false,
    showDelete:true,
    deleteCallback: function(data,pd) {
        $.post("https://vivobonobo.com/",{op: "delete", name:data},
            function(resp, textStatus, jqXHR) {
                // $("#status").append("<div>File Deleted</div>");   
            });
        for(var i=0;i<data.length;i++) {
            $.post("https://vivobonobo.com/",{op:"delete",name:data[i]},
            function(resp, textStatus, jqXHR) {
                // $("#status").append("<div>File Deleted</div>");  
            });
        }   
        pd.statusbar.hide();
    }   
}
$("#mulitplefileuploader").uploadFile(settings);
});
</script>

<script>
    var $star_rating = $('.star-rating .fa');
    var SetRatingStar = function() {
    return $star_rating.each(function() {
        if (parseInt($star_rating.siblings('input.rating-value').val()) >= parseInt($(this).data('rating'))) {
        return $(this).removeClass('fa-star-o').addClass('fa-star');
        } else {
        return $(this).removeClass('fa-star').addClass('fa-star-o');
        }
    });
    };

    $star_rating.on('click', function() {
    $star_rating.siblings('input.rating-value').val($(this).data('rating'));
    return SetRatingStar();
    });

    SetRatingStar();
    $(document).ready(function() {
    });

    $(".selected").click(function() {
            var selected = $(this).hasClass("highlight");
            $(".selected").removeClass("highlight");
            if(!selected){
            $(this).addClass("highlight");
            }
        
    });
</script>





</div>
</div>  
</div>    
</div>
</div>
<br>

<section class='footer' style='background:#0a0b0c'>
<div class="container">
<div class="row" style='margin: 20px 0px 10px 0px;'>
<div class="col-sm-4 col-xs-12">
<a href="https://vivobonobo.com/booking/" target="_blank" rel="noopener noreferrer">
    <img src="https://vivobonobo.com/img/logo.png" alt="HOBIMAIN" width="60%">
</a>
<address class="vcard">
    <br>
<span class="fn"><b>HOBIMAIN OFFICIAL</b></span><br>
<span class="street-address">Jl Bekasi Raya, Kabupaten Bekasi</span><br>
<span class="locality">Bekasi</span> <span class="postal-code">17125</span> - <span class="country-name">Indonesia</span><br><br>
<span class="tel">Telp./Fax. <span class="value">(0751) 880816</span></span><br>
<span class="phone">Phone/WA. <span class="value">+62-813-1629-8808</span></span><br>
</address>
</div>

<div class="col-sm-4 col-xs-12">
<h3>Tentang Kami</h3>   
<ul>
    <li><a href="https://vivobonobo.com/hookahpage/statis/tentang-komunitas">Perusahaan Kami</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/aturan-main">Aturan main</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/syarat-dan-ketentuan">Syarat Layanan</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/kebijakan-privasi">Kebijakan Privasi</a></li>
    <li><a data-toggle="modal" href="#rekening" data-target="#rekening">Payment Methods</a></li>
    <li><a href="https://vivobonobo.com/#">Customer Support</a></li>
    <li><a href="https://vivobonobo.com/#">Jam Operasional</a></li>
</ul>

<h3>Jam Layanan</h3>
<ul>
<li style="color:#c5c5c5">24 Jam Online</li>
</ul>

</div>

<div class="col-sm-4 col-xs-12">
<h3>Knowledgebase</h3>
<ul>
    <li><a href="https://vivobonobo.com/hookahpage/statis/cara--panduan-belanja">Cara / Panduan Belanja</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/program-referral">Tentang Program Referral</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/program-affiliasi">Tentang Program Affiliasi</a></li>
    <li style='list-style-type: none;'><br></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/ketentuan-kontribusi-project">Ketentuan Kontribusi Produk</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/keuntungan-kontribusi">Keuntungan Kontribusi Produk</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/informasi-lisensi-aplikasi">Informasi Lisensi Aplikasi</a></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/kenapa-aplikasi-disini-harganya-terjangkau">Kenapa Aplikasi Disini harganya terjangkau?</a></li>
    <li style='list-style-type: none;'><br></li>
    <li><a href="https://vivobonobo.com/hookahpage/statis/pengenalan-kelebihan-dan-cara-kerja">Projects : Kelebihan dan Cara Kerja</a></li>
    <li><a href="">Ikuti kami di Facebook</a></li>
    <li><a href="https://vivobonobo.com/#">Share Produk ke Marketplace lain</a></li>
</ul>
</div>
</div>

</div>
</section>


<footer style='background:#313030'>
<div class="container">
    <div class="row">
        <div class="col-sm-12">
        <p class="footer" style='color:#a9a9a9' >
        <span><br>Copyright © 2012-2026, <a style='color:#fff' href='https://vivobonobo.com/'>HOBIMAIN</a>.</span>
            <br>Oleh <a href="https://www.facebook.com/HOBIMAIN">HOBIMAIN.com Team</a> | <a href="https://vivobonobo.com/">Privacy Policy</a> | <a href="https://vivobonobo.com/hookahpage/statis/syarat-dan-ketentuan">Terms of Service</a>.
        </p>
        </div>
    </div>
</div>
</footer>




  
  
  
  
    
  
  
    
  

  
  
    
    <div class="modal fade" id="validasi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h5 class="modal-title" id="myModalLabel">Silahkan Verifikasi Email Anda</h5>
      </div>
      <div class="modal-body">
        <center>Maaf, Sebelum download diwajibkan untuk verifikasi email.<br>
          Silahkan Verifikasi alamat email anda sekarang juga, <br>
          untuk memastikan data profile yang anda isikan sudah benar, <br>
          Verifikasi email : <a href='https://vivobonobo.com/'></a> <br>
          <a style='margin-top:10px;' class='btn btn-sm btn-primary' href='https://vivobonobo.com/'><i class="fa fa-envelope fa-fw"></i> Kirimkan Email Verifikasi</a></center><br>
      </div>
    </div>
    </div>
  </div>
    
    <div class="modal fade" id="validasimembers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h5 class="modal-title" id="myModalLabel">Silahkan Verifikasi Email Anda</h5>
      </div>
      <div class="modal-body">
        <center>Silahkan Verifikasi alamat email anda sekarang juga, <br>
          untuk memastikan data profile yang anda isikan sudah benar, <br>
          Verifikasi email : <a href='https://vivobonobo.com/'></a> <br>
          <a style='margin-top:10px;' target='_BLANK' class='btn btn-sm btn-primary' href='https://vivobonobo.com/'><i class="fa fa-envelope fa-fw"></i> Kirimkan Email Verifikasi</a></center><br>
      </div>
    </div>
    </div>
  </div>
  
  

  
    
  
  
  
    <div class="modal fade bs-example-modal-lg" id="myModalDetail-revisi" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
      <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <h5 class="modal-title" id="myModalLabel">Kirim Laporan Produk</h5>
          </div>
          <div class="modal-body">
            <div class="content-body"></div>
          </div>
      </div>
  </div>
  </div>
  
  
    
    
    
    
  
    
  
  

  <div class="modal fade" id="rekening" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h5 class="modal-title" id="myModalLabel">Rekening Kami</h5>
      </div>
            <div class="modal-body">
      <table class='table table-condensed table-hover'>
      <tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/Cimbb.gif'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank CIMB (022)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/Danamonn.gif'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Danamon (011)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/bcaa.gif'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Bca (3500)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/Brii.webp'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Bri (250)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/BNII.gif'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Bni (170)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/mandirii.webp'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Mandiri (200)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr><tr><td rowspan='4' style='width:105px'><img style='width:100px' src='https://photosaya.io/images/2025/03/26/Permataa.gif'></td></tr>
                <tr><th colspan='3' scope='row' class='rekening'> Bank Permata (107)</th></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3' scope='row'> </td></tr>
                <tr><td colspan='3'>&nbsp;</td></tr>      </table>
            </div>
    </div>
    </div>
  </div>
  
    <div class="modal fade bs-example-modal-lg" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h5 class="modal-title" id="myModalLabel">Selamat datang Kembali!</h5>
        </div>
        <div class="modal-body">
          <div class='col-lg-6 hidden-xs'>
                      <div class='ps-block__item' style='margin-bottom: 18px;'>
                      <div class='ps-block__left' style='display:block; float:left'><i style='font-size:35px; margin-right:20px' class='fa fa-send'></i></div>
                      <div class='ps-block__right'>
                          <h5 style='margin-bottom:0px'>Pengiriman gratis</h5>
                          <p>Untuk pesanan min Rp 99.000</p>
                      </div>
                  </div><div class='ps-block__item' style='margin-bottom: 18px;'>
                      <div class='ps-block__left' style='display:block; float:left'><i style='font-size:35px; margin-right:20px' class='fa fa-money'></i></div>
                      <div class='ps-block__right'>
                          <h5 style='margin-bottom:0px'>100% uang Kembali</h5>
                          <p>Jika Produk Bermasalah</p>
                      </div>
                  </div><div class='ps-block__item' style='margin-bottom: 18px;'>
                      <div class='ps-block__left' style='display:block; float:left'><i style='font-size:35px; margin-right:20px' class='fa fa-lock'></i></div>
                      <div class='ps-block__right'>
                          <h5 style='margin-bottom:0px'>Pembayaran aman</h5>
                          <p>Pembayaran aman 100%</p>
                      </div>
                  </div><div class='ps-block__item' style='margin-bottom: 18px;'>
                      <div class='ps-block__left' style='display:block; float:left'><i style='font-size:35px; margin-right:20px' class='fa fa-headphones'></i></div>
                      <div class='ps-block__right'>
                          <h5 style='margin-bottom:0px'>Dukungan 1 x 24 jam</h5>
                          <p>Dukungan khusus untuk anda</p>
                      </div>
                  </div><div class='ps-block__item' style='margin-bottom: 18px;'>
                      <div class='ps-block__left' style='display:block; float:left'><i style='font-size:35px; margin-right:20px' class='fa fa-gift'></i></div>
                      <div class='ps-block__right'>
                          <h5 style='margin-bottom:0px'>Layanan Hadiah</h5>
                          <p>Mendukung layanan hadiah</p>
                      </div>
                  </div>
                  <hr style='padding:0px'>
                  <div class='info--register-bottom' style='margin-bottom:20px'>
                      <center><span>Belum punya akun? </span> <a href='https://vivobonobo.com/' class='btn-register' target='_parent'>Daftar sekarang!</a></center>
                  </div>
            </div>
            
            <div class='col-lg-6 col-xs-12'>
                 
                  <div style='clear:both'></div>
                  <br><div class='logtext'>atau masuk dengan</div><form action="https://vivobonobo.com/" class="form-horizontal" role="form" method="post" accept-charset="utf-8">
                  <div  class="form-group" style='margin:15px 0px'>
                      <div style='background:#fff;' class="input-group col-sm-12">
                          <span class="input-group-addon"><i class='fa fa-envelope fa-fw'></i></span>
                          <input type="email" class="required form-control" name="email" placeholder='Your E-mail' required>
                      </div>
                  </div>
                  <div class="form-group" style='margin:15px 0px'>
                      <div style='background:#fff;' class="input-group col-sm-12">
                          <span class="input-group-addon"><i id='icon' style='cursor: pointer !important' class='fa fa-eye-slash fa-fw'></i></span>
                          <input id='password' type="password" class="active required form-control" name="password" placeholder='Your Password' required>
                      </div>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12 col-xs-12" style='margin-top:-15px;'>
                      <div class="checkbox">
                        <label class='col-sm-offset-1 visible-xs'>
                          Belum Terdaftar? <a href="https://vivobonobo.com/">Buat Akun anda.</a>
                        </label>
                        <label class='pull-right'>
                          <a data-dismiss="modal" aria-hidden="true" data-toggle='modal' href='#lupapass' data-target='#lupapass' title="Lupa Password Members">Lupa Password?</a>
                        </label>
                      </div>
                    </div>
                  </div>

                  <div class="form-group" style='margin:15px 0px'>
                      <div class="input-group col-sm-12 col-xs-12">
                        <button type="submit" style='min-width:150px' id='oksimpan' name='login' class="btn btn-primary btn-grey btn-block">MASUK</button>
                      </div>
                  </div>

            </div>  
            <div style='clear:both'></div>
        </div>
        </form>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    var input = document.getElementById('password'),
    icon = document.getElementById('icon');

    icon.onclick = function () {
        if(input.className == 'active required form-control') {
            input.setAttribute('type', 'text');
            icon.className = 'fa fa-eye fa-fw';
            input.className = 'required form-control';
        } else {
            input.setAttribute('type', 'password');
            icon.className = 'fa fa-eye-slash fa-fw';
            input.className = 'active required form-control';
        }
   }
  </script>
  
    <div class="modal fade" id="lupapass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h5 class="modal-title" id="myModalLabel">Email - Lupa Password?</h5>
        </div><center>
        <div class="modal-body">
          <form action="https://vivobonobo.com/" class="form-horizontal" role="form" method="post" accept-charset="utf-8">
                <div class="form-group">
                    <center>Lupa password Anda? <br>Masukkan alamat Email yang terdaftar pada member area.</center><br>
                    <div style='background:#fff;' class="input-group col-sm-10 col-xs-12">
                        <span class="input-group-addon"><i class='fa fa-envelope fa-fw'></i></span>
                        <input style='text-transform:lowercase;' type="email" class="required form-control" placeholder='Your Email' name="email" required>
                    </div>
                </div>

                <div class="form-group">
                  <div class="col-sm-11 col-xs-12" style='margin-top:-15px;'>
                    <div class="checkbox">
                      <label class='pull-right'>
                      <a data-dismiss="modal" aria-hidden="true" data-toggle='modal' href='#lupasms' data-target='#lupasms' title="Reset Password Via SMS">Coba Reset Via Whatsapp?</a>
                      </label>
                    </div>
                  </div>
                </div>
            <div style='clear:both'></div>
        </div>
        <div class="modal-footer">
                <button type="submit" style='min-width:150px' name='lupa' class="btn btn-primary">SUBMIT</button>
                <a class="btn btn-default" data-dismiss="modal" aria-hidden="true" data-toggle='modal' href='#login' data-target='#login' title="Kembali Login">Kembali Login?</a>
        </div>
        </form>
        </center>
      </div>
    </div>
  </div>
  
    <div class="modal fade" id="lupasms" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h5 class="modal-title" id="myModalLabel">Whatsapp - Lupa Password?</h5>
        </div><center>
        <div class="modal-body">
          <form action="https://vivobonobo.com/" class="form-horizontal" role="form" method="post" accept-charset="utf-8">
                <div class="form-group">
                    <center>Lupa password Anda? <br>Masukkan No WA yang terdaftar pada member area.</center><br>
                    <div style='background:#fff;' class="input-group col-sm-10 col-xs-12">
                        <span class="input-group-addon"><i class='fa fa-phone fa-fw'></i></span>
                        <input type="number" class="required form-control" name="phone" placeholder='Phone Number' required>
                    </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-11 col-xs-12" style='margin-top:-15px;'>
                    <div class="checkbox">
                      <label class='pull-right'>
                      <a data-dismiss="modal" aria-hidden="true" data-toggle='modal' href='#lupapass' data-target='#lupapass' title="Reset Password Via SMS">Coba Reset Via E-mail?</a>
                      </label>
                    </div>
                  </div>
                </div>
                
            <div style='clear:both'></div>
        </div>
        <div class="modal-footer">
          <button type="submit" style='min-width:150px' name='sms' class="btn btn-primary">SUBMIT</button>
          <a class="btn btn-default" data-dismiss="modal" aria-hidden="true" data-toggle='modal' href='#login' data-target='#login' title="Kembali Login">Kembali Login?</a>
        </div>
        </form>
        </center>
      </div>
    </div>
  </div>
  
  <div class="modal fade bs-example-modal-lg" id="myModalDetail-produk" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
      <div class="modal-content">
          <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <h5 class="modal-title" id="myModalLabel">Informasi/Laporan Produk</h5>

          </div>
          <div class="modal-body">
            <div class="content-body"></div>
          </div>
      </div>
  </div>
  </div>
  
    <div class="modal fade" id="nonmembers" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h5 class="modal-title" id="myModalLabel">Pemberitahuan!</h5>
      </div>
      <div class="modal-body">
        <center>Maaf, untuk mengakses Halaman ini <br>
                    anda di haruskan Login sebagai Members<br>
                    Jika Belum Punya Account, Silahkan Daftar Dulu!!!<br><br>
                </center>      </div>
    </div>
    </div>
  </div>
  
  
<script type="text/javascript" src="https://members.phpmu.com/asset/js/morphext.min.js"></script>

<script src="https://members.phpmu.com/asset/js/typeahead.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
      $('.submitx').attr('disabled', true);
      $('.komentarx').on('keyup',function() {
          var textarea_value = $(".komentarx").val();
          if(textarea_value.trim() != '') {
              $('.submitx').attr('disabled', false);
          } else {
              $('.submitx').attr('disabled', true);
          }
      });
  });

    $('#forumsearch').typeahead({
        source:  function (query, process) {
        return $.get('https://members.phpmu.com/forum/forum_cari', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>

<script type="text/javascript">
    $('#productsearch').typeahead({
        source:  function (query, process) {
        return $.get('https://members.phpmu.com/kontribusi/kontribusi_cari', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>

<script type="text/javascript">
    $('#productallsearch').typeahead({
        source:  function (query, process) {
        return $.get('https://members.phpmu.com/kontribusi/produk_all_cari', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>

<script type="text/javascript">
    $('#filesearch').typeahead({
        source:  function (query, process) {
        return $.get('https://members.phpmu.com/files/files_cari', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        }
    });
</script>

<script type="text/javascript">
$('.datepicker').datepicker({
  format : "dd-mm-yyyy"
});
$('.datepicker2').datepicker({
  format : "dd-mm-yyyy"
});
$(".formatNumber").on('keyup', function(){
    var n = parseInt($(this).val().replace(/\D/g,''),10);
    $(this).val(n.toLocaleString());
});
$('.table').addClass('animated fadeIn');
$("#js-rotating").Morphext({
    animation: "bounceIn",
    separator: ",",
    speed: 2000,
    complete: function () {
        // Called after the entrance animation is executed.
    }
});
$("#js-rotatingg").Morphext({
    animation: "bounceIn",
    separator: "*",
    speed: 6000,
    complete: function () {
        // Called after the entrance animation is executed.
    }
});
function testAnim(x) {
  $('.modal .modal-dialog').attr('class', 'modal-dialog  ' + x + '  animated bounceIn');
};
$('#login').on('show.bs.modal', function (e) {
  var anim = $('#entrance').val();
      testAnim(anim);
})
$('#login').on('hide.bs.modal', function (e) {
  var anim = $('#exit').val();
      testAnim(anim);
})

$(document).ready(function(){
  if(!Cookies.get('hide')){
      $(window).load(function(){
          $('#myModal').modal('show');
      });
  }

  $("#sub-button").click(function () {
      Cookies.set('hide', true, { expires: 3 });
  });

  $("#sub-button-close").click(function () {
      Cookies.set('hide', true, { expires: 3 });
  });
});


$(function() {
    $("#class").change(function() {
        if ($(this).val() == "6") {
            $("#budget").prop("readonly", true);
            document.getElementById('budget').value = 0;
        }else{
            $("#budget").prop("readonly", false);
        }
    });
});

$(function () { 
  $("#example1").DataTable();
  $("#order1").DataTable();
  $("#order2").DataTable();
  $("#order3").DataTable();
  $("#order4").DataTable();
  $('#example2').DataTable({
    "paging": true,
    "lengthChange": false,
    "searching": false,
    "ordering": true,
    "info": true,
    "autoWidth": false
  });

  $('#example3').DataTable({
    "paging": true,
    "lengthChange": true,
    "searching": true,
    "info": true,
    "autoWidth": false,
    "pageLength": 10,
    "order": [[ 5, "desc" ]]
  });

  $('#reportOrder').DataTable({
    "paging": true,
    "lengthChange": true,
    "searching": true,
    "info": true,
    "autoWidth": false,
    "pageLength": 10,
    "order": [[ 1, "desc" ]]
  });

  $('#saldo').DataTable({
    "aaSorting": [[ 6, "desc" ]]
  });
  $('#ppob').DataTable({
    "aaSorting": [[ 5, "desc" ]]
  });
  $('#callback').DataTable({
    "aaSorting": [[ 4, "desc" ]]
  });
  $('#mutasi').DataTable({
    "aaSorting": [[ 4, "desc" ]]
  });
  $('#file').DataTable({
    "aaSorting": [[ 0, "desc" ]],
    "pageLength": 25,
  });
});
</script>
<script type="text/javascript">
$("[id^='click_']").on("click",function () {
  $('.hidee_'+this.id.split('_')[1]).toggle();
});

$("[id^='clickulasan_']").on("click",function () {
  $('.hideeulasan_'+this.id.split('_')[1]).toggle();
});
</script>

<script>
    $(function(){
        $(document).on('click','.tambah-waktu',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/hookahproject/tambah_waktu",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.project-selesai',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/hookahproject/project_selesai",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.project-scope',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/hookahproject/project_scope",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.project-bermasalah',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/hookahproject/project_bermasalah",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.detail-tawaran',function(e){
            e.preventDefault();
            $("#myModalDetail-tawaran").modal('show');
            $.post("https://vivobonobo.com/booking/",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.invite-worker',function(e){
            e.preventDefault();
            $("#myModalDetail-invite").modal('show');
            $.post("https://members.phpmu.com/project/invite_worker",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.worker-tambah-waktu',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/booking/",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.worker-progress',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/booking/",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.worker-project-selesai',function(e){
            e.preventDefault();
            $("#myModalDetail-project").modal('show');
            $.post("https://vivobonobo.com/booking/",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.produk-statistik',function(e){
            e.preventDefault();
            $("#myModalDetail-produk").modal('show');
            $.post("https://vivobonobo.com/booking/",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>

<script>
    $(function(){
        $(document).on('click','.view-messages',function(e){
            e.preventDefault();
            $("#myModalDetail-messages").modal('show');
            $.post("https://members.phpmu.com/messages/view_messages",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>
<div id="notification-1" class="notification hidden-xs">
		<div class="notification-block">
			<div class="notification-img">
				<!-- Your image or icon -->
				<i class="glyphicon glyphicon-user" aria-hidden="true"></i>
				<!-- / Your image or icon -->
			</div>
			<div class="notification-text-block">
				<div class="notification-title">
								</div>
				<div class="notification-text"></div>
			</div>
		</div>
  </div>
  
<script type="text/javascript" src="https://members.phpmu.com/asset/js/jquery.popup-notification.min.js"></script>
	<!-- Popup Notifications invoke -->
	<script>
		$(document).ready(function () {
			$('#notification-1').Notification({
				// Notification varibles
				Varible1: ["Rangga Pratama", "Fikri Ramadhan", "Bayu Saputra", "Arman Wijaya", "Yudha Kurniawan", "Hafiz Maulana", "Dimas Setiawan", "Rizky Hidayat", "Putri Anjani", "Sinta Maharani", "Rina Oktavia", "Ayu Lestari", "Nadia Safitri", "Intan Permata", "Maya Sari", "Fajar Nugroho", "Andi Prakoso", "Dewi Anggraini", "Reza Firmansyah", "Lala Susanti"],
				Varible2: ["HOBIMAIN", "Slot88", "Slot777", "Slot Gacor", "Slot Online", "RTP Live", "Link Resmi", "Slot Maxwin", "HOBIMAIN", "Slot88", "Slot777", "HOBIMAIN", "Slot Gacor", "HOBIMAIN", "Slot Online", "Link Slot88", "Slot777", "HOBIMAIN", "Slot Maxwin", "HOBIMAIN 2026"],
				Amount: [100, 2500],
				Content: '<b style="text-transform:capitalize">[Varible1]</b> Telah Mendaftar <i style="color:red">Akun Premium ([Varible2])</i> Beberapa waktu lalu...',
				// Timer
				Show: ['stable', 10, 10],
				Close: 5,
				Time: [0, 23],
				// Notification style 
				LocationTop: [false, '2%'],
				LocationBottom:[true, '2%'],
				LocationRight: [false, '20px'],						
				LocationLeft:[true, '10px'],
				Background: 'white',

				BorderRadius: 5,
				BorderWidth: 1,
				BorderColor: 'green',
				TextColor: 'black',
				IconColor: 'green',
				// Notification Animated   
				AnimationEffectOpen: 'slideInUp',
				AnimationEffectClose: 'slideOutDown',
				// Number of notifications
				Number: 20,
				// Notification link
				Link: [true, 'https://vivobonobo.com/', '_blank']
			});
		});
	</script>

<script>
    $(function(){
        $(document).on('click','.kirim-laporan',function(e){
            e.preventDefault();
            $("#myModalDetail-revisi").modal('show');
            $.post("https://members.phpmu.com/kontribusi/kirim_laporan",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".content-body").html(html);
                }   
            );
        });
    });
</script>
<script>
   $(document).ready(function () {
        size_li = $("#myList .col-md-3").size();
        x=4;
        $('#myList .col-md-3:lt('+x+')').show();
        $('#loadMore').click(function () {
            x= (x+24 <= size_li) ? x+24 : size_li;
            $('#myList .col-md-3:lt('+x+')').show();
            $('#showLess').show();
            if(x == size_li){
                $('#loadMore').hide();
            }
        });
        $('#showLess').click(function () {
            x=(x-24<0) ? 4 : x-24;
            $('#myList .col-md-3').not(':lt('+x+')').hide();
            $('#loadMore').show();
            $('#showLess').show();
            if(x == 4){
                $('#showLess').hide();
            }
        });
    });
  </script>
<script src="https://members.phpmu.com/asset/js/sweetalert.min.js"></script>
<script type="text/javascript" src="https://members.phpmu.com/asset/js/jscriptku.js"></script>

<div class="fab-container">
  <div class="fab fab-icon-holder" data-toggle='modal' data-target='#chat'>
    <i class="fa fa-comments" style='animation: tada 1s infinite !important; -webkit-animation: tada 1s infinite !important;'></i> Online
  </div>
</div>
<script src="https://members.phpmu.com/asset/multi-countdown.js"></script>
<div class='modal animated bounceIn' id='chat' tabindex='-1' role='dialog' aria-labelledby='myModalLabel'>
<div class='modal-dialog modal-vertical-centered' role='document'>
    <div class='modal-content'>
    <form action='https://vivobonobo.com/booking/' method='get' target='_BLANK'>
        <div class='modal-header'>
            <button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>
            <h4 class='modal-title' id='myModalLabel'>Hubungi (Customer support)</h4>
        </div>
        <div class='modal-body'>
            <textarea name='text' id='chat-text' class='form-control' placeholder='Tulis pesan anda,..' style='height:80px !important; margin-bottom:10px' required></textarea><div># <span class='chat-text'>Apakah ini masih ada?</span></div>
                <div># <span class='chat-text'>Hallo Customer support, Saya butuh bantuan,..</span></div>
        </div>
        <div class='modal-footer'>
            <button type='button' class='btn btn-default' data-dismiss='modal'>Batal</button>
            <button type='submit' class='btn btn-success'>Kirim</button>
        </div>
    </form>
    </div>
</div>
</div>
<script>
$(document).ready(function() {
    $(".chat-text").click(function() {
        text = $(this).html();
        produk = '#'+$('.produk-title').html();
        $('#chat-text').val('');
        var segments = window.location.href.split( '/' );
        if (segments[3]=='kontribusi' && segments[4]=='detail'){
            $('#chat-text').val($('#chat-text').val() + text + '\n' +produk);
        }else{
            $('#chat-text').val($('#chat-text').val() + text);
        }
    });
});
</script>
<style>
  .mobile .nav .fa{
    font-size: 22px;
  }
  .mobile .navbar-nav {
      margin: 0 auto;
      display: table;
      table-layout: auto;
      float: none;
      width: 100%;
  }
  .mobile .navbar-nav>li {
      display: table-cell;
      float: none;
      text-align: center;
  }
  .mobile .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 15px !important;
  }
  .icon-mobile {
    border: 1px solid #e3e3e3;
    height: 65px;
    margin: 2.5%;
    height: 100px;
    padding: 10px;
    border-radius: 10px;
    width: 45%;
    -webkit-box-shadow: 1px 1px 7px -2px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 1px 7px -2px rgb(0 0 0 / 7%);
  }
  .icon-mobile a{
    color:#000;
  }
  .icon-mobile a .fa{
    font-size: 57px;
    margin-top: 3px;
  }

</style>


<style>
/* ===== BADAI HUJAN BIRU ===== */
#storm-root {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  overflow: hidden;
  isolation: isolate;
}

#storm-root .storm-wrap {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: rgba(0, 35, 15, .08);
}

#storm-root .rain {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 35px;
  border-radius: 3px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(0, 190, 85, .35),
    #22ec83,
    #adffd0
  );
  box-shadow: 0 0 7px rgba(0, 220, 110, .6);
  will-change: transform;
}

#storm-root .flash {
  position: absolute;
  inset: 0;
  background: #83ffac;
  opacity: 0;
}

#storm-root .bolt {
  position: absolute;
  width: 3px;
  background: #d6ffe4;
  box-shadow:
    0 0 10px #fff,
    0 0 20px #22ec83,
    0 0 35px #117b39;
  transform-origin: top center;
}

/* ===== AIR BANJIR ===== */
#storm-root .flood {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  overflow: visible;
  background: linear-gradient(
    180deg,
    rgba(0, 190, 95, .48) 0%,
    rgba(0, 110, 50, .65) 35%,
    rgba(0, 65, 30, .80) 75%,
    rgba(0, 28, 12, .9) 100%
  );
  border-top: 2px solid rgba(140, 255, 185, .8);
  box-shadow:
    0 -5px 25px rgba(0, 210, 100, .4),
    inset 0 15px 30px rgba(0, 220, 100, .15);
  will-change: height;
}

/* GELOMBANG PERMUKAAN */
#storm-root .wave {
  position: absolute;
  left: -50%;
  top: -17px;
  width: 200%;
  height: 35px;
  border-radius: 45%;
  background: rgba(0, 180, 75, .40);
  animation: stormWave 4s ease-in-out infinite alternate;
}

#storm-root .wave:nth-child(2) {
  top: -12px;
  background: rgba(110, 255, 155, .24);
  animation-duration: 6s;
  animation-direction: alternate-reverse;
}

@keyframes stormWave {
  0% {
    transform: translateX(-5%) translateY(0);
  }
  100% {
    transform: translateX(5%) translateY(10px);
  }
}

/* KILAU DI PERMUKAAN AIR */
#storm-root .water-shine {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    175deg,
    transparent 0px,
    transparent 28px,
    rgba(150, 255, 180, .07) 30px,
    transparent 34px
  );
  animation: waterMove 5s linear infinite;
}

@keyframes waterMove {
  from { background-position: 0 0; }
  to { background-position: 0 100px; }
}

/* PERCIKAN AIR */
#storm-root .splash {
  position: absolute;
  width: 8px;
  height: 3px;
  border: 1px solid rgba(180, 255, 205, .7);
  border-radius: 50%;
  animation: splashFade .6s ease-out forwards;
}

@keyframes splashFade {
  from {
    opacity: 1;
    transform: scale(.4);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}

@media (prefers-reduced-motion: reduce) {
  #storm-root .wave,
  #storm-root .water-shine {
    animation: none;
  }
}
</style>

<div id="storm-root" aria-hidden="true"></div>

<script>
(function () {
  "use strict";

  function initStorm() {
    const root = document.getElementById("storm-root");
    if (!root || root.dataset.active === "true") return;

    root.dataset.active = "true";

    /* ===== PENGATURAN ===== */
    const CONFIG = {
      rainDesktop: 220,
      rainMobile: 100,
      riseSeconds: 110,
      maxFloodPercent: 42,
      lightningMin: 2500,
      lightningMax: 6500,
      rainSpeedMin: 12,
      rainSpeedMax: 26
    };

    const reduceMotion = window.matchMedia(
      "(prefers-reduced-motion: reduce)"
    ).matches;

    const wrap = document.createElement("div");
    wrap.className = "storm-wrap";
    root.appendChild(wrap);

    const flash = document.createElement("div");
    flash.className = "flash";
    wrap.appendChild(flash);

    const flood = document.createElement("div");
    flood.className = "flood";
    wrap.appendChild(flood);

    for (let i = 0; i < 2; i++) {
      const wave = document.createElement("div");
      wave.className = "wave";
      flood.appendChild(wave);
    }

    const shine = document.createElement("div");
    shine.className = "water-shine";
    flood.appendChild(shine);

    let width = window.innerWidth;
    let height = window.innerHeight;

    const drops = [];
    const total = reduceMotion ? 0 :
      width < 768 ? CONFIG.rainMobile : CONFIG.rainDesktop;

    /* ===== MEMBUAT HUJAN ===== */
    for (let i = 0; i < total; i++) {
      const el = document.createElement("div");
      el.className = "rain";

      el.style.height = (20 + Math.random() * 30) + "px";
      el.style.opacity = .4 + Math.random() * .6;

      wrap.appendChild(el);

      drops.push({
        el: el,
        x: Math.random() * width,
        y: Math.random() * height,
        speed: CONFIG.rainSpeedMin +
          Math.random() * (
            CONFIG.rainSpeedMax - CONFIG.rainSpeedMin
          )
      });
    }

    /* ===== ANIMASI HUJAN DAN BANJIR ===== */
    let startTime = performance.now();
    let lastTime = startTime;
    let currentFlood = 0;
    let frameId;

    function animate(now) {
      const delta = Math.min((now - lastTime) / 16.67, 3);
      lastTime = now;

      const elapsed = (now - startTime) / 1000;

      const progress = Math.min(
        elapsed / CONFIG.riseSeconds,
        1
      );

      // Air naik perlahan sampai batas maksimal.
      currentFlood = progress * CONFIG.maxFloodPercent;

      flood.style.height = currentFlood + "%";

      const waterTop = height * (1 - currentFlood / 100);

      drops.forEach(function (r) {
        r.y += r.speed * delta;
        r.x -= 2.2 * delta;

        if (r.y > waterTop || r.x < -50) {
          r.y = -50 - Math.random() * height * .2;
          r.x = Math.random() * (width + 100);
        }

        r.el.style.transform =
          "translate3d(" + r.x + "px," +
          r.y + "px,0) rotate(12deg)";
      });

      frameId = requestAnimationFrame(animate);
    }

    if (!reduceMotion) {
      frameId = requestAnimationFrame(animate);
    }

    /* ===== PERCIKAN AIR ===== */
    let splashTimer;

    function createSplash() {
      if (currentFlood < 2) return;

      const splash = document.createElement("div");
      splash.className = "splash";

      splash.style.left = Math.random() * 100 + "%";
      splash.style.top = "-2px";

      flood.appendChild(splash);

      setTimeout(function () {
        splash.remove();
      }, 650);
    }

    if (!reduceMotion) {
      splashTimer = setInterval(createSplash, 130);
    }

    /* ===== PETIR BIRU ===== */
    let lightningTimer;

    function lightning() {
      if (!document.hidden && !reduceMotion) {
        flash.animate([
          { opacity: 0 },
          { opacity: .55 },
          { opacity: .08 },
          { opacity: .75 },
          { opacity: 0 }
        ], {
          duration: 420,
          easing: "ease-out"
        });

        let x = Math.random() * width;
        let y = 0;

        const segments = [];

        for (let i = 0; i < 10; i++) {
          const seg = document.createElement("div");
          seg.className = "bolt";

          const len = 20 + Math.random() * 35;
          const angle = -30 + Math.random() * 60;

          seg.style.left = x + "px";
          seg.style.top = y + "px";
          seg.style.height = len + "px";
          seg.style.transform = "rotate(" + angle + "deg)";

          wrap.appendChild(seg);
          segments.push(seg);

          x += Math.sin(angle * Math.PI / 180) * len;
          y += Math.cos(angle * Math.PI / 180) * len;

          if (y > height * .75) break;
        }

        setTimeout(function () {
          segments.forEach(function (seg) {
            seg.remove();
          });
        }, 450);
      }

      lightningTimer = setTimeout(
        lightning,
        CONFIG.lightningMin +
        Math.random() * (
          CONFIG.lightningMax - CONFIG.lightningMin
        )
      );
    }

    if (!reduceMotion) {
      lightning();
    } else {
      flood.style.height = "15%";
    }

    /* ===== RESPONSIF ===== */
    function onResize() {
      width = window.innerWidth;
      height = window.innerHeight;
    }

    window.addEventListener("resize", onResize);

    // Bersihkan animasi jika elemen dihapus.
    const observer = new MutationObserver(function () {
      if (!root.isConnected) {
        cancelAnimationFrame(frameId);
        clearInterval(splashTimer);
        clearTimeout(lightningTimer);
        window.removeEventListener("resize", onResize);
        observer.disconnect();
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", initStorm);
  } else {
    initStorm();
  }
})();
</script>

<div class="hb-promo-overlay"
  style="position: fixed; z-index: 9999; width: 100vw; height: 100vh; top: 0; left: 0; background: #00000086; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; overflow-y: auto;">
  <div style="display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 400px;">

    <!-- Banner HOBIMAIN Link Resmi -->
    <img
      src="https://vivobonobo.com/img/slot-gacor.jpg"
      alt="Banner HOBIMAIN Link Resmi"
      style="width: 100%; border-radius: 12px; box-shadow: 0 0 12px rgb(250, 250, 250); margin-bottom: 16px;">

    <!-- Tombol DAFTAR & LOGIN -->
    <div style="display: flex; justify-content: space-between; width: 100%; gap: 10px; margin-bottom: 16px;">
      <a href="https://vivobonobo.com/booking/"
        style="flex: 1; background: linear-gradient(to right, #dcac2b, #dcac2b); height: 44px; line-height: 44px; text-align: center; color: #000000; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);">
        DAFTAR
      </a>
      <a href="https://vivobonobo.com/booking/"
        style="flex: 1; background: linear-gradient(to right, #dcac2b, #dcac2b); height: 44px; line-height: 44px; text-align: center; color: #000000; font-weight: bold; font-size: 16px; text-decoration: none; border-radius: 6px; font-family: 'Segoe UI', sans-serif; box-shadow: 0 0 8px rgba(0,0,0,0.6);">
        LOGIN
      </a>
    </div>

    <!-- Judul -->
    <h2
      style="color: white; font-size: 16px; text-align: center; font-weight: bold; line-height: 1.4; margin: 0 0 16px 0;">
      HOBIMAIN - Situs Slot Gacor Link Resmi Slot88 Online & Slot777 Gampang Maxwin Hari Ini 2026
    </h2>

    <!-- Footer -->
    <div style="margin-top: 16px; font-size: 12px; color: #f8f7f7;">
      © Copyright 2026 <span style="color: #fcfcfa;">KUNGFU PANDA TEAM</span>
    </div>

  </div>
</div>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/vce701823e78c4301a35b7e07294d87301792088814092" integrity="sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5/BikHawapSCaiD2XCmp+Bw==" data-cf-beacon='{"version":"2024.11.0","token":"4d50fc36282f4ef198934c5c9a352dfb","r":1,"spa":2}' crossorigin="anonymous"></script>

<nav class='mobile navbar navbar-default navbar-fixed-bottom visible-xs' style='min-height:40px'>
                <div id='navbar'>
                <ul class='nav navbar-nav' style='padding-bottom:0px !important'>
                    <li><a href='#'><span style='display:block;font-weight:bold;font-size:22px;'>10,000</span></a></li>
                    <li><a class='btn btn-success oksimpan' style='background-color: #096d00 !important; color:#fff !important' href='https://vivobonobo.com/booking/'><span style='display:block'>Daftar Sekarang</span></a></li>
                </ul>
                </div>
            </nav>

<style>
/* ===== IKAN DALAM BANJIR ===== */
#storm-root .storm-fish {
  position: absolute;
  width: 55px;
  height: 32px;
  z-index: 5;
  pointer-events: none;
  opacity: .85;
  will-change: transform;
  filter: drop-shadow(0 2px 5px rgba(0,45,20,.4));
}

#storm-root .storm-fish svg {
  display: block;
  width: 100%;
  height: 100%;
}

#storm-root .storm-fish .fish-tail {
  transform-origin: 13px 16px;
  animation: fishTail .45s ease-in-out infinite alternate;
}

@keyframes fishTail {
  from { transform: rotate(-13deg); }
  to { transform: rotate(13deg); }
}

@media (prefers-reduced-motion: reduce) {
  #storm-root .storm-fish .fish-tail {
    animation: none;
  }
}
</style>

<script>
(function () {
  "use strict";

  function initFloodFish() {
    const root = document.getElementById("storm-root");
    if (!root || root.dataset.fishActive === "true") return;

    root.dataset.fishActive = "true";

    const CONFIG = {
      totalFish: 12,
      minSize: 30,
      maxSize: 75,
      minSpeed: 0.3,
      maxSpeed: 1.1
    };

    const colors = [
      "#ffcc45",
      "#ff8d48",
      "#50d995",
      "#81e0a9",
      "#defce6",
      "#ffd97d"
    ];

    const fishes = [];
    const reduceMotion = window.matchMedia(
      "(prefers-reduced-motion: reduce)"
    ).matches;

    let animationId;
    let lastTime = 0;

    function fishSVG(color) {
      return `
        <svg viewBox="0 0 64 32"
             xmlns="http://www.w3.org/2000/svg">
          <g class="fish-tail">
            <path d="M18 16 L2 5 Q7 16 2 27 Z"
                  fill="${color}"
                  stroke="#ffffff"
                  stroke-opacity=".35"/>
          </g>

          <path d="M14 16
                   Q28 -1 48 8
                   Q62 16 48 24
                   Q28 33 14 16Z"
                fill="${color}"
                stroke="#ffffff"
                stroke-opacity=".45"/>

          <path d="M28 9 L35 2 L39 10Z"
                fill="${color}"/>

          <path d="M29 23 L38 30 L41 22Z"
                fill="${color}"/>

          <path d="M25 15 Q38 8 52 16"
                fill="none"
                stroke="#ffffff"
                stroke-opacity=".3"
                stroke-width="1.5"/>

          <circle cx="49" cy="13"
                  r="2.6" fill="#0a3520"/>
          <circle cx="49.7" cy="12.3"
                  r=".8" fill="#ffffff"/>

          <path d="M55 19 Q58 21 60 18"
                fill="none"
                stroke="#185b38"
                stroke-width="1"/>
        </svg>
      `;
    }

    function createFish(flood) {
      const el = document.createElement("div");
      el.className = "storm-fish";

      const size = CONFIG.minSize +
        Math.random() * (CONFIG.maxSize - CONFIG.minSize);

      const color = colors[
        Math.floor(Math.random() * colors.length)
      ];

      el.style.width = size + "px";
      el.style.height = size * .5 + "px";
      el.innerHTML = fishSVG(color);

      flood.appendChild(el);

      return {
        el: el,
        x: Math.random() * window.innerWidth,
        depth: .15 + Math.random() * .7,
        speed: CONFIG.minSpeed +
          Math.random() * (CONFIG.maxSpeed - CONFIG.minSpeed),
        direction: Math.random() > .5 ? 1 : -1,
        size: size,
        phase: Math.random() * Math.PI * 2
      };
    }

    function startFish() {
      const flood = root.querySelector(".flood");

      if (!flood) {
        setTimeout(startFish, 250);
        return;
      }

      for (let i = 0; i < CONFIG.totalFish; i++) {
        fishes.push(createFish(flood));
      }

      function animate(time) {
        const dt = lastTime ?
          Math.min((time - lastTime) / 16.67, 3) : 1;

        lastTime = time;

        const floodHeight = flood.getBoundingClientRect().height;
        const screenWidth = window.innerWidth;

        fishes.forEach(function (fish) {
          if (!reduceMotion && floodHeight > 45) {
            fish.x += fish.speed * fish.direction * dt;
          }

          if (fish.x > screenWidth + fish.size) {
            fish.x = -fish.size;
          }

          if (fish.x < -fish.size) {
            fish.x = screenWidth + fish.size;
          }

          const swim = reduceMotion ? 0 :
            Math.sin(time * .0015 + fish.phase) * 8;

          const y = Math.max(
            12,
            Math.min(
              floodHeight - fish.size * .5 - 8,
              floodHeight * fish.depth + swim
            )
          );

          const facing = fish.direction === 1 ? 1 : -1;

          fish.el.style.opacity =
            floodHeight > 65 ? ".85" : "0";

          fish.el.style.transform =
            `translate3d(${fish.x}px,${y}px,0)
             scaleX(${facing})`;
        });

        animationId = requestAnimationFrame(animate);
      }

      animationId = requestAnimationFrame(animate);
    }

    startFish();

    const observer = new MutationObserver(function () {
      if (!root.isConnected) {
        cancelAnimationFrame(animationId);
        observer.disconnect();
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", initFloodFish);
  } else {
    initFloodFish();
  }
})();
</script>


<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/vce701823e78c4301a35b7e07294d87301792088814092" integrity="sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5/BikHawapSCaiD2XCmp+Bw==" data-cf-beacon='{"version":"2024.11.0","token":"6226ba53f4184318b1f196901544f2ca","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>

</html> 