<!DOCTYPE html>
<html lang="id" class="no-js vd" prefix="og: http://ogp.me/ns#">

<head>


  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">


  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title>
       </title>

    <meta name="description" content=" | " />
  <meta name="keywords" content="" />
  <meta name="author" content="Republika ID" />

  <meta name="google" content="notranslate">
  <meta name="robots" content="index, follow" />
  <meta name="googlebot-news" content="index,follow" />
  <meta name="googlebot" content="index,follow" />



  <meta property="og:title" content=" | " />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="https://a.republika.co.id/rss" />
  <meta property="og:site_name" content="a.republika.co.id" />
  <!-- <meta property="article:author" content="Republika ID" /> -->
  <meta property="og:description" content="" />
  <meta property="og:image" content="https://a.republika.co.id/uploads/users/placeholder.jpg" />
  <meta property="fb:app_id" content="417808724973321" />
  <!-- <meta property="fb:pages" content="225952730433" /> -->

  <link rel="canonical" href="https://a.republika.co.id/rss">



  <meta name="alexaVerifyID" content="1uwFK2hX0m-t6B78rU2zj7tZwDk" />

  <link rel="stylesheet" href="https://static.republika.co.id/files/themes/default/plugins/fontawesome-free-5.15.1-web/css/fontawesome.min.css">
  <link rel="stylesheet" href="https://static.republika.co.id/files/themes/default/plugins/fontawesome-free-5.15.1-web/css/brands.min.css">
  <link rel="stylesheet" href="https://static.republika.co.id/files/themes/default/plugins/fontawesome-free-5.15.1-web/css/solid.min.css">


  <link href="https://static.republika.co.id/files/js/bootstrap-4.3.1/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://static.republika.co.id/files/themes/default/css/animate.css" rel="stylesheet">
  <link href="https://static.republika.co.id/files/themes/default/css/styles.css" rel="stylesheet">



  <!-- <link rel="stylesheet" href="https://static.republika.co.id/files/themes/partner/retizen/plugins/aos/aos.css"> -->
  

    <!-- Google Tag Manager -->
  <script>
      (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
          'gtm.start': new Date().getTime(),
          event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-57ZJWZR');
    </script>
    <!-- End Google Tag Manager -->
 <!-- Google Tag Manager -->
 <script>
      (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
          'gtm.start': new Date().getTime(),
          event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-M847CDM');
    </script>
    <!-- End Google Tag Manager -->
  <link rel="stylesheet" href="https://static.republika.co.id/themes/retizen/css/layout.css">
  <link rel="stylesheet" href="https://static.republika.co.id/themes/retizen/css/layout_ress.10.10.1.css">
  <!-- <link rel="stylesheet" href="https://static.republika.co.id/files/themes/partner/retizen/css/layout_ress.10.10.1.css"> -->
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  <!-- Popper JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

  <!-- <script src="https://static.republika.co.id/files/retizen/plugins/jquery-1.11.3/jquery-1.11.3.min.js" type="text/javascript"></script>  -->

  <!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
  <script src="https://static.republika.co.id/files/js/bootstrap-4.3.1/js/bootstrap.min.js"></script>
   <link rel="shortcut icon" type="image/x-icon" href="http://static.republika.co.id/files/images/favicon-rol.png?v=ROL-60">



  <style type="text/css">
    .skin-kiri {
      z-index: 999999999;
      position: fixed;
      left: 10px;
      top: 100px;
    }

    .skin-kanan {
      z-index: 999999999;
      position: fixed;
      right: 10px;
      top: 100px;
    }

    @font-face {
      font-family: Inter;
      font-style: normal;
      font-weight: 300;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-Light.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-Regular.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: normal;
      font-weight: 500;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-Medium.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: bold;
      font-weight: 600;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-SemiBold.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: bold;
      font-weight: 700;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-Bold.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: bold;
      font-weight: 800;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-ExtraBold.ttf')
    }

    @font-face {
      font-family: Inter;
      font-style: bold;
      font-weight: 900;
      src: url('https://static.republika.co.id/files/republika2023/fonts/static/Inter-Black.ttf')
    }

    /* ===================== cart ================ */



    body,
    p,
    a,
    div {
      font-family: Inter, sans-serif;
    }

    p.rtz-paragraph b,
    p.rtz-paragraph strong {
      font-weight: bold !important;
      font-style: normal !important;
    }

    body {
      background-color: #ffffff;
    }

    iframe.embinstagram,
    iframe.embtwitter {
      width: 300px;
      max-width: 300px;
      height: 420px;
      /* float: left; */
      /* clear: both; */
      margin: 0 auto;
    }

    .header {

      border: none !important;

    }

    .info div img {
      text-align: center;
      width: 100%;
    }

    .userImage {
      position: relative;
      bottom: 0;
      width: 100%;
      margin: auto;
      left: 0;
      right: 0;
    }

    .header-wrap {
      padding: 10px;
      border-bottom: 1px #eee solid;
    }

    .rounded {
      -webkit-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden
    }

    .rounded-top {
      -webkit-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      overflow: hidden
    }

    .link-cart:hover #mycart {
      display: block;
    }

    .closebtn:hover {
      color: black;
    }

    .empty {
      cursor: pointer;
    }

    .index-action {
      display: none !important;
    }

    td.align-right {
      text-align: right !important;
    }

    td.align-left {
      text-align: left !important;
    }

    .fa-minus-circle:before {
      font-size: 18px;
    }

    .berlangganan h2,
    .berlangganan h3 {
      padding-right: 2px;
      float: left;
    }

    .berlangganan a {
      background: white;
      text-align: center;
    }

    img.rounded {
      width: 25px;
      height: 25px;
    }

    .topic-selected-active {
      width: 100%;
    }

    .gradient-topic {
      width: 100%;
      bottom: 0;
    }

    .ads970x90 {
      width: 970px !important;
      /* max-height: 90px !important; */
    }

    .ads300x250 {
      width: 300px !important;
      /* max-height: 250px !important; */
      overflow: hidden;
    }

    @media (max-width: 434px) {
      .popular-sticky {
        position: relative;
        top: 0 !important;
      }

      .ads970x90 {
        width: 320px !important;
        /*height: 50px !important;*/
        max-height: 100px !important;
      }

      .headline-content video,
      .headline-content img {
        width: auto;
        height: 100%;
        position: absolute;
        z-index: 9;
        /*      left: 0;
      right: 0;
      left: -107%;
*/
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        /*        top:50%;
     left:50%;
      -webkit-transform: translateY(-50%); 
      -moz-transform: translateY(-50%); 
      -ms-transform: translateY(-50%); 
      transform: translateY(-50%);*/
      }
    }

    .yt {
      background: #FF0000;
      border-radius: 5px;
      color: #fff;
      text-align: center;
    }

    .tiktok {
      background: #000000;
      border-radius: 5px;
      color: #fff;
      text-align: center;
    }

    a.masdaf span {
      color: #000;
      /* font-weight: bold; */
      font-family: Inter, sans-serif;
    }

    a.user-login-read,
    .user-login-read {
      background: #343434;
      color: #000;
      /* font-weight: bold; */
      font-family: Inter, sans-serif;
    }

    .user-login-read span {
      padding: 10px;
      color: #fff;
    }

    .show-network ul {

      -webkit-column-count: 7;
      -moz-column-count: 7;
      column-count: 7;
      column-rule: dotted 1px #333;
      list-style-type: none;
    }

    .show-network ul li {
      text-align: center;
      display: inline-block;
      width: 100%;
      padding: 3px;
      text-align: left;
      float: none;
      text-decoration: none;
      border-bottom: none;
    }

    .show-network ul li a {

      border-bottom: none;
    }

    #page-content {
      position: relative;
      z-index: 2;
    }

    .embyoutube {
      margin-top: 50px;
      z-index: 3;
    }

    .sdngariung .group-network {
      background: #BE2024;
    }


    .menu-scroll li a {
      color: #fff;

    }



    .logo img {
      width: 52%;
      padding: 6px;
    }

    li.men-network a {
      margin-right: 15px;
      /* float: left; */
    }

    /* .text-muted {
      color: #ffffff !important;
    } */

    .breadcumb {
      border-bottom: 1px solid #d9d9d9;
      padding: 6px;
      font-family: Inter, sans-serif;
      font-size: 13px;
    }

    .article-news span {
      font-size: 13px;
      font-weight: 300;
      font-family: Inter, sans-serif;

    }

    .article-news time {
      font-size: 13px;
      font-weight: 300;
      font-family: Inter, sans-serif;

    }

    .card-title {

      margin-top: 0.5rem;
      margin-bottom: 0;
      font-size: 13px;
      line-height: 1.35;
      color: #353935;
      font-weight: 500 !important;
    }

    .index-grid {
      display: flex;
      height: 182px;
      margin: 10px 0;
    }

    .image-headline-wrap img {
      min-height: 88px;
      max-height: 88px;
    }

    .ads300x250 {
      width: 100% !important;
      /* height: 250px !important; */
      overflow: hidden;
      background-color: #f0f0f0;
    }

    .ads970x90 {
      /* height: 90px !important; */
      background: #f0f0f0;
      width: 1052px !important;
      margin: 0 auto 17px;
    }

    .nr-title-widget {
      font-weight: bold;
      padding: 10px;

    }

    .nr-title-widget small {
      font-weight: bold;
      font-size: 1.25em;
    }


    .inner-middle {
      margin: 17px 0 0;
    }

    .logo {
      padding: 0;
      padding-top: 5px;
      padding-bottom: 0;
      margin: auto;
      float: left;
    }

    .header-right {

      padding-top: 14px;

    }

    @media (min-width: 800px) {
      .logo {
        float: none;
        margin: 0;
      }

      /* .container {
        max-width: 1080px;

      } */

      .index-wrap {
        height: 150px;
      }

      .image-headline-wrap {
        width: 39%;
        float: left;
        padding: 0 7px;

      }

      .card-headline {
        margin-bottom: 16px;
        width: 100%;
        float: left;
      }

      .card-headline-big {
        max-height: 427px;
        overflow: hidden;
        position: relative;
      }

      .card-title {

        margin-top: 0.1rem;
        margin-bottom: 0;
        font-size: 13px;
        line-height: 1.35;
        color: #353935;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
      }
    }

    .featured-active h2 {
      font-family: Inter, sans-serif;
      font-size: 17px;
      font-weight: 700;
      letter-spacing: -.025em;
      line-height: 1.25em;
    }




    .image-headline-wrap {
      width: 39%;
      float: left;
      padding: 0 7px;
    }

    .img-fluid {
      max-width: 100%;
      height: auto;
      width: 100%;
    }

    .card-headline-big .card-body-headline {


      color: #ffffff;
      width: 100%;


    }


    .card-headline-big .card-body-headline h1 {



      font-size: 30px;
      font-weight: 700;
      line-height: 1.2em;
      margin: 0.25em 0;

    }

    .card-headline-overlay {
      position: absolute;
      bottom: 0;
      padding: 2em;
      color: #ffffff;


      background: linear-gradient(to top, rgba(0, 0, 0, .95) 0, rgba(255, 255, 255, 0) 100%);


    }

    .right-news p {
      font-family: Inter, sans-serif;
      font-size: 1.05rem !important;
      line-height: 1.75rem;
      letter-spacing: normal;
      font-weight: 400;
    }

    li.share_it {
      width: 100% !important;
      margin-bottom: 4px;
      height: 47px !important;
      font-size: 23px;
      padding: 5px;
    }

    .wrap-socmed a i {
      font-size: 15px;
      text-align: left;
      background: #d9d9d9;
      color: #777777;
      border-radius: 20px;
      border: #000000;
      padding: 6px;
    }

    .profile-news-list h2 {
      line-height: 27px;
    }

    ul.wrap-popular li a {
      color: #1e1d1d;
      font-size: 16px;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.25em;
      font-family: Inter, sans-serif;
    }

    .popular-number {
      background: #dedede;
      font-size: 1.45em;
      margin-top: 0;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      padding: 0;

    }

    ul.wrap-popular {
      background: #ffffff !important;
      color: #000000;
    }

    .title-popular h3 {
      text-transform: uppercase;
      font-weight: bold;
      /* text-align: center; */
    }

    .index-list h2 {
      font-family: Inter, sans-serif;
      line-height: 1.35em;
      font-size: 23px;
      letter-spacing: -.025em;
      font-weight: 300;

    }

    .nr-title a small,
    .nr-title small {
      border-radius: 20px;
      padding: 0 0.85em;
      vertical-align: middle;
      color: #ffffff;
    }

    .nr-title {
      padding: 0.25em 0;
    }

    .nr-title {
      font-size: 16px;
      font-weight: 700;
      text-align: left;
      padding-top: 0.5em;
    }

    .nr-title small {
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 400;
      margin-top: 3px;
      margin-left: 10px;
      letter-spacing: 1px;
    }

    .nr-title a,
    .nr-title span {
      padding-right: 0.5em;
    }

    .index-list time {
      font-family: 'Roboto-Regular';
      font-size: 13px !important;
      color: rgba(0, 0, 0, .65);
      float: none !important;
    }

    .index-list {

      padding-left: 16px;
      display: inline-block;
      vertical-align: middle !important;
    }

    .index-wrap {
      vertical-align: middle;
      float: none;
      display: inline-block;
    }

    ul.wrap-popular,
    ul.wrap-popular li {

      padding: 0.5em 0 1em 0 !important;
    }

    .index-list p {
      font-family: Inter, sans-serif;
    }

    .featured-list {
      padding: 0 8px;
      float: right;
    }

    .featured-list h2 {
      font-family: Inter, sans-serif;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -.025em;
    }

    .widget-latest .featured-list h2 {
      font-size: 17px !important;
      line-height: 24px;
    }

    .featured-active {
      margin-bottom: 24px;
    }

    .top-read-content img {

      border-radius: 4px;
    }

    .top-read h2 {
      color: #070707;
      font-weight: 300 !important;

    }

    .top-read {
      background: #ffffff !important;
      color: #c0c0c0;
    }

    .top-read h2 {
      text-align: left;
      padding: 6px;
      color: #000;
      font-family: Inter, sans-serif;
      font-size: 19px;
    }

    .top-read h2 {

      color: #000;
      font-family: Inter, sans-serif;
      font-size: 1.7em;
      font-weight: bold !important;
      text-transform: uppercase;
    }

    .top-read a h2 {

      /* color: #000; */
      /* font-family: Inter, sans-serif; */

      font-weight: 700 !important;
      text-transform: capitalize;
      line-height: 24px;
      font-size: 15px;
      line-height: 1.45em !important;
      text-align: center;
    }

    .article-news h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -.015em;
      line-height: 1.2em;
      font-family: Inter, sans-serif;
      margin-top: 10px;
      ;
    }

    .profile-news-list h2 {
      font-family: Inter, sans-serif;
    }



    .side {
      padding-left: 0;
      /* padding-left: 3.5%; */
    }

    .card-headline .text-muted {
      color: #787272 !important;
    }

    .text-muted {

      font-size: 13px;
    }

    .featured-img img,
    .featured-active img {

      border-radius: 9px;
      overflow: hidden;
    }

    .colof2 .featured-img,
    .colof3 .featured-img {
      margin-bottom: 15px;
    }

    .colof2 img {
      width: 100%;
      max-height: 176px;
    }

    .colof3 img {
      width: 100%;
      max-height: 178px;
    }

    figcaption {
      margin-top: 9px;
    }

    .article-news img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 10px;
    }

    #about-text h3 {

      margin-bottom: 7px !important;
    }

    #about-text a {
      color: #000000;
      /* font-weight: bold; */
      font-size: 1.75rem;

    }

    .header-fix img {
      /* width: 183px; */
      max-height: 48px;
    }

    .header-fix {
      background-color: #ffffff !important;
      color: rgb(52, 52, 52);
    }

    .header-menu-nav span i {
      color: rgb(255 255 255);
      font-size: 16px;
    }


    .header-menu-nav {
      padding: 7px 10px;
      cursor: pointer;
      float: left;
      background: #c0c0c0;
      border-radius: 50%;
      width: 33px;
      height: 34px;
      color: #ffffff;
      margin: 12px 0px;
    }

    /*Pen code from this point on*/
    .blog-social .btn {
      clear: both;
      white-space: nowrap;
      font-size: .8em;
      display: inline-block;
      border-radius: 5px;
      margin: 2px;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
      overflow: hidden;
      padding: 3px;
    }

    .blog-social .btn:hover {
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
    }

    .blog-social .btn:focus {
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    }

    .blog-social .btn>span,
    .blog-social .btn-icon>i {
      float: left;
      padding: 13px;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      transition: all .5s;
      line-height: 1em
    }

    .blog-social .btn>span {
      padding: 14px 18px 15px;
      white-space: nowrap;
      color: #FFF;
      background: #b8b8b8
    }

    .blog-social .btn:focus>span {
      background: #9a9a9a
    }

    .blog-social .btn-icon>i {
      border-radius: 5px 0 0 5px;
      position: relative;
      width: 39px;
      text-align: center;
      font-size: 1.25em;
      color: #fff;
      background: #212121
    }

    .blog-social .btn-icon>i:after {
      content: "";
      border: 8px solid;
      border-color: transparent transparent transparent #222;
      position: absolute;
      top: 13px;
      right: -15px
    }

    .blog-social .btn-icon:hover>i,
    .blog-social .btn-icon:focus>i {
      color: #FFF
    }

    .blog-social .btn-icon>span {
      border-radius: 0 5px 5px 0
    }

    .btn-facebook span {
      background: #166FE5 !important;
    }

    .btn-whatsapp span {
      background: #49C750 !important;
    }

    .btn-twitter span {
      background: #1D9BF0 !important;
    }

    .btn-copyurl span {
      background: #666565 !important;
    }

    .hero__caption a {
      font-size: 2em;
      color: #000000;
    }

    .profile-writer-list img {
      width: 150px !important;
      height: 150px !important;
      border-radius: 49%;
    }

    .featured-noactive {
      float: left;
      /* margin-top: 4px; */
      /* margin-bottom: 4px; */
      border-bottom: 1px solid rgba(0, 0, 0, .085);
      padding: 0 0 0.8em;
    }

    @media (max-width: 490px) {
      .footer-social-link .follow-sosmed {
        display: block;
      }

      .header-menu-nav {

        margin: 8px;
      }

      .inner-middle {
        display: none;
      }

      .colof2 .featured-img,
      .colof3 .featured-img {
        margin-bottom: 5px;
      }

      .widget-latest .featured-list h2 {
        font-size: 13px !important;
        line-height: 18px;
      }

      .widget .featured-list {
        padding: 0;
      }

      .blog-social .btn-icon>span {
        border-radius: 0;
      }

      .blog-social .btn-icon>i {
        border-radius: 0;
        width: 87px !important;

      }

      .blog-social .btn>span {
        width: 87px !important;
      }

      .blog-social .btn>span {
        padding: 14px 12px 15px;

      }

      .article-news h1 {
        font-size: 1.85rem;
        font-weight: 600;

        margin-top: 10px;
        ;
      }

      .colof2 img {
        width: 100%;
        max-height: 100px;
      }

      .colof3 img {
        width: 100%;
        max-height: 91px;
      }



      .colof2 .featured-list h2 {

        font-weight: 700;
        font-size: 16px;

      }

      .container.sidebar-wrap a h2 {
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 21px !important;
      }



      .featured-active img {
        border-radius: 8px;
      }

      .index-grid {
        height: auto !important;
      }

      .index-list {
        padding: 0 12px 0 0;
      }

      .ads300x250 {
        width: inherit !important;
        height: inherit !important;
        overflow: hidden;
        background-color: #f0f0f0;
      }

      .ads970x90 {
        height: inherit !important;
        background: #f0f0f0;
        width: 720px !important;

      }


      .image-headline-wrap img {
        min-height: 112px;
        max-height: 112px;
      }

      .top-read a h2 {
        line-height: 29px;
        font-size: 19px;
      }

      .index-list h2 {
        font-family: Inter, sans-serif;
        line-height: 1.35em;
        font-size: 1rem;
        letter-spacing: -.025em;
        font-weight: 500;
      }

      .card-headline-big .card-body-headline h1 {
        font-size: 1.4rem;
        color: #000000;
        line-height: 30px;
      }

      .card-headline-overlay {
        position: relative;
        background: none;
        color: #000000;
        padding: 1em 0.875em;
      }

      .card-title {
        font-size: 0.95rem;
        line-height: 1.35;
        font-size: .85rem;
        font-weight: 600 !important;
      }

      .image-headline-wrap {
        width: 100%;

      }

      .headline .container {
        padding: 0;
      }

      .image-headline-wrap {

        padding: 0 0 10px;
      }

      .logo img {
        width: 191px;
        padding: 0;
      }

      .headline {
        margin-top: 0;
      }
    }


    .search-form {
      width: 100%;
      border-radius: 20px;
      border: 1px solid #d9d9d9;
      height: 35px;
      padding: 1em;
    }

    .search .btn-clean {
      background-color: #dedede;
      border: none;
      top: 0;
      float: right;
      right: 0;
      border-radius: 0 20px 20px 0;
      width: 55px;
      height: 35px;
      position: absolute;
    }

    .icon-search {
      background-image: url(https://static.republika.co.id/files/republika2023/images/icon/icon-search.svg);
    }

    .icon {
      vertical-align: middle;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .dark-mode {
      background: #212529 !important;
      border-radius: 5px;
      color: #fff !important;
      padding: 0px 10px;
    }

    .dark-mode .featured-active a,
    .dark-mode .featured-list a {
      color: #ffffff;
    }

    .right-news p .dark-mode .header {
      background: #212529 !important;
      border-bottom: 1px solid;
    }

    .dark-mode .wrapper,
    .dark-mode .menu-main,
    .dark-mode .top-selection {
      background: #212529;
    }

    .dark-mode .menu-logo h2 {
      background-image: url(img/logo-retizen-yellow.png);
    }

    .dark-mode .menu-main {
      border-bottom: 1px solid;
    }


    .dark-mode .menu-scroll ul li a,
    .dark-mode .top-selection h1,
    .dark-mode .top-selection-list h2,
    .dark-mode .blogger-off-month h2,
    .dark-mode .news-content p,
    .dark-mode .news-top-list h3,
    .dark-mode .hot-topic h2,
    .dark-mode .index h2,
    .dark-mode .disclaimer h2,
    .dark-mode .disclaimer p,
    .dark-mode .popular h2,
    .dark-mode .popular-list-title h3,
    .dark-mode .news-top h2,
    .dark-mode .index-list .fa,
    .dark-mode .index-list .fas,
    .dark-mode .hot-topic-list h3,
    .dark-mode .news-content figcaption,
    .dark-mode .blogger-list-title h3 {
      color: #dee2e6 !important;
    }

    .dark-mode .card-title,
    .dark-mode .right-news p,
    .dark-mode .article-news h1,
    .dark-mode ul.wrap-popular li a,
    .dark-mode .index-list time {
      color: #dee2e6 !important;
    }

    .dark-mode .header,
    .dark-mode .wrap-popular,
    .dark-mode .popular-list,
    .dark-mode .index-list,
    .dark-mode .blogger-list,
    .dark-mode .disclaimer,
    .dark-mode .bg-light,
    .dark-mode li.link-secondary a {
      background: #212529 !important;
      ;
    }

    .dark-mode .index-profile span,
    .dark-mode .news-read-profile span,
    .dark-mode span.detail-subtitle {
      color: #aaaaaa;
    }

    .dark-mode .link-mobile-mode-layar .feature-icon.bg-black.bg-gradient {
      color: #fff;
      background: #ffec00;
    }

    .dark-mode .link-mobile-mode-layar span,
    .dark-mode .blogger-list {
      color: #fff;
    }

    .dark-mode svg.small-icon {
      fill: #212529;
    }

    /* ==== do
    .dk-footer-box-info {background:425baa !;}main bandung24jam === */
    #theme-bandung24jam .index-list h3 {
      color: #425baa !important;
      font-weight: bold;
    }

    #theme-bandung24jam .header-fix {
      /* background: linear-gradient(45deg, #425baa 60%, #6a4299 100%) !important; */

    }

    #theme-bandung24jam .container-header {
      background: linear-gradient(45deg, #425baa 60%, #2881f1 100%);
      float: left;
      width: 100%;
    }

    #theme-bandung24jam .nr-title a {
      font-weight: bold;
      color: #425baa;
    }

    #theme-bandung24jam .nr-title a small {
      background: linear-gradient(45deg, #425baa 60%, #2881f1 100%);

    }

    #theme-bandung24jam .nr-title-widget {
      color: #425baa !important;
    }

    #theme-bandung24jam .header-menu-nav {
      background-color: #425baa !important;
    }

    #theme-bandung24jam .text-primary {
      color: #425baa !important;
      font-weight: bold;
    }


    /* ==== d
    .dk-footer-box-info {background:#36449;}omain antariks-color: #364498 !important*/
    #theme-antariksa .index-list h3 {
      color: #364498 !important;
      font-weight: bold;
    }

    #theme-antariksa .header-fix {
      /* background: linear-gradient(45deg, #364498 60%, #6a4299 100%) !important; */

    }

    #theme-antariksa .container-header {
      background: linear-gradient(45deg, #364498 60%, #6a4299 100%);
      float: left;
      width: 100%;
    }

    #theme-antariksa .nr-title a {
      font-weight: bold;
      color: #364498;
    }

    #theme-antariksa .nr-title a small {
      background: linear-gradient(45deg, #364498 60%, #6a4299 100%);

    }

    #theme-antariksa .nr-title-widget {
      color: #364498 !important;
    }

    #theme-antariksa .header-menu-nav {
      background-color: #364498 !important;
    }

    #theme-antariksa .text-primary {
      color: #364498 !important;
      font-weight: bold;
    }


    /* ==== domain jouron === */


    #theme-jouron .index-list h3 {
      color: #f5582b !important;
      font-weight: bold;
    }

    #theme-jouron .header-fix {
      /* background: linear-gradient(45deg, #f5582b 60%, #f7931e 100%) !important; */

    }

    #theme-jouron .container-header {
      background: linear-gradient(45deg, #f5582b 60%, #f7931e 100%);
      float: left;
      width: 100%;
    }

    #theme-jouron .nr-title a {
      font-weight: bold;
      color: #f5582b;
    }

    #theme-jouron .nr-title a small {
      background: linear-gradient(45deg, #f5582b 60%, #f7931e 100%);

    }

    #theme-jouron .nr-title-widget {
      color: #f5582b !important;
    }

    #theme-jouron .header-menu-nav {
      background-color: #f5582b !important;
    }

    #theme-jouron .text-primary {
      color: #f5582b !important;
      font-weight: bold;
    }

    /* ==== domain chingudeul === */


    #theme-chingudeul .index-list h3 {
      color: #cd2027 !important;
      font-weight: bold;
    }

    #theme-chingudeul .header-fix {
      /* background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%) !important; */

    }

    #theme-chingudeul .container-header {
      background: linear-gradient(45deg, #cd2027 60%, #e69295 100%);
      float: left;
      width: 100%;
    }

    #theme-chingudeul .nr-title a small {
      background: linear-gradient(45deg, #cd2027 60%, #e69295 100%);

    }

    #theme-chingudeul .nr-title-widget {
      color: #cd2027 !important;
    }

    #theme-chingudeul .header-menu-nav {
      background-color: #cd2027 !important;
    }

    #theme-chingudeul .text-primary {
      color: #cd2027 !important;
      font-weight: bold;
    }

    /* ==== domain mlipir === */


    #theme-mlipir .index-list h3 {
      color: #01a99e !important;
      font-weight: bold;
    }

    #theme-mlipir .header-fix {
      /* background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%) !important; */

    }

    #theme-mlipir .container-header {
      background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%);
      float: left;
      width: 100%;
    }

    #theme-mlipir .nr-title a small {
      background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%);

    }

    #theme-mlipir .nr-title-widget {
      color: #01a99e !important;
    }

    #theme-mlipir .header-menu-nav {
      background-color: #01a99e !important;
    }

    #theme-mlipir .text-primary {
      color: #01a99e !important;
      font-weight: bold;
    }

    /* ==== domain mlipir === */


    #theme-mlipir .index-list h3 {
      color: #01a99e !important;
      font-weight: bold;
    }

    #theme-mlipir .header-fix {
      /* background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%) !important; */

    }

    #theme-mlipir .container-header {
      background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%);
      float: left;
      width: 100%;
    }

    #theme-mlipir .nr-title a small {
      background: linear-gradient(45deg, #01a99e 60%, #00a69c 100%);

    }

    #theme-mlipir .nr-title-widget {
      color: #01a99e !important;
    }

    #theme-mlipir .header-menu-nav {
      background-color: #01a99e !important;
    }

    #theme-mlipir .text-primary {
      color: #01a99e !important;
      font-weight: bold;
    }

    /* ==== domain algebra === */


    #theme-algebra .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-algebra .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-algebra .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-algebra .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-algebra .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-algebra .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-algebra .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain genpop === */


    #theme-genpop .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-genpop .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #cab001 100%) !important; */

    }

    #theme-genpop .container-header {
      background: linear-gradient(45deg, #000000 60%, #cab001 100%);
      float: left;
      width: 100%;
    }

    #theme-genpop .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #cab001 100%);

    }

    #theme-genpop .nr-title-widget {
      color: #cab001 !important;
    }

    #theme-genpop .header-menu-nav {
      background-color: #cab001 !important;
    }

    #theme-genpop .text-primary {
      color: #cab001 !important;
      font-weight: bold;
    }

    /* ==== domain rumahberkah === */


    #theme-rumahberkah .index-list h3 {
      color: #2f5a1a !important;
      font-weight: bold;
    }

    #theme-rumahberkah .header-fix {
      /* background: linear-gradient(45deg, #2f5a1a 60%, #833c2e 100%) !important; */

    }

    #theme-rumahberkah .container-header {
      background: linear-gradient(45deg, #2f5a1a 60%, #2a710c 100%);
      float: left;
      width: 100%;
    }

    #theme-rumahberkah .nr-title a small {
      background: linear-gradient(45deg, #2f5a1a 60%, #2a710c 100%);

    }

    #theme-rumahberkah .nr-title-widget {
      color: #2f5a1a !important;
    }

    #theme-rumahberkah .header-menu-nav {
      background-color: #2f5a1a !important;
    }

    #theme-rumahberkah .text-primary {
      color: #2f5a1a !important;
      font-weight: bold;
    }

    /* ==== domain magenta === */


    #theme-magenta .index-list h3 {
      color: #844aad !important;
      font-weight: bold;
    }

    #theme-magenta .header-fix {
      /* background: linear-gradient(45deg, #844aad 60%, #b72f61 100%) !important; */

    }

    #theme-magenta .container-header {
      background: linear-gradient(45deg, #844aad 60%, #b72f61 100%);
      float: left;
      width: 100%;
    }

    #theme-magenta .nr-title a small {
      background: linear-gradient(45deg, #844aad 60%, #b72f61 100%);

    }

    #theme-magenta .nr-title-widget {
      color: #cab001 !important;
    }

    #theme-magenta .header-menu-nav {
      background-color: #cab001 !important;
    }

    #theme-magenta .text-primary {
      color: #cab001 !important;
      font-weight: bold;
    }

    /* ==== domain kartumerah === */


    #theme-kartumerah .index-list h3 {
      color: #dd2519 !important;
      font-weight: bold;
    }

    #theme-kartumerah .header-fix {
      /* background: linear-gradient(45deg, #dd2519 60%, #d2282e 100%) !important; */

    }

    #theme-kartumerah .container-header {
      background: linear-gradient(45deg, #dd2519 60%, #d2282e 100%);
      float: left;
      width: 100%;
    }

    #theme-kartumerah .nr-title a small {
      background: linear-gradient(45deg, #dd2519 60%, #d2282e 100%);

    }

    #theme-kartumerah .nr-title-widget {
      color: #dd2519 !important;
    }

    #theme-kartumerah .header-menu-nav {
      background-color: #dd2519 !important;
    }

    #theme-kartumerah .text-primary {
      color: #dd2519 !important;
      font-weight: bold;
    }


    /* ==== domain kakibukit === */

    #theme-kakibukit .logo img {
      width: 90%;
    }


    #theme-kakibukit .index-list h3 {
      color: #019300 !important;
      font-weight: bold;
    }

    #theme-kakibukit .header-fix {
      /* background: linear-gradient(45deg, #019300 60%, #96d88f 100%) !important; */

    }

    #theme-kakibukit .container-header {
      background: linear-gradient(45deg, #bc0008 60%, #da6263 100%);
      float: left;
      width: 100%;
    }

    #theme-kakibukit .nr-title a small {
      background: linear-gradient(45deg, #bc0008 60%, #da6263 100%);

    }

    #theme-kakibukit .nr-title-widget {
      color: #bc0008 !important;
    }

    #theme-kakibukit .header-menu-nav {
      background-color: #bc0008 !important;
    }

    #theme-kakibukit .text-primary {
      color: #bc0008 !important;
      font-weight: bold;
    }

    /* ==== domain kampus === */


    #theme-kampus .index-list h3 {
      color: #e22a2c !important;
      font-weight: bold;
    }

    #theme-kampus .header-fix {
      /* background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%) !important; */

    }

    #theme-kampus .container-header {
      background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%);
      float: left;
      width: 100%;
    }

    #theme-kampus .nr-title a small {
      background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%);

    }

    #theme-kampus .nr-title-widget {
      color: #e22a2c !important;
    }

    #theme-kampus .header-menu-nav {
      background-color: #e22a2c !important;
    }

    #theme-kampus .text-primary {
      color: #e22a2c !important;
      font-weight: bold;
    }

    /* ==== domain kampusiana === */


    #theme-kampusiana .index-list h3 {
      color: #e22a2c !important;
      font-weight: bold;
    }

    #theme-kampusiana .header-fix {
      /* background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%) !important; */

    }

    #theme-kampusiana .container-header {
      background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%);
      float: left;
      width: 100%;
    }

    #theme-kampusiana .nr-title a small {
      background: linear-gradient(45deg, #e22a2c 60%, #e36066 100%);

    }

    #theme-kampusiana .nr-title-widget {
      color: #e22a2c !important;
    }

    #theme-kampusiana .header-menu-nav {
      background-color: #e22a2c !important;
    }

    #theme-kampusiana .text-primary {
      color: #e22a2c !important;
      font-weight: bold;
    }

    /* ==== domain kereta === */


    #theme-kereta .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-kereta .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-kereta .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%);
      float: left;
      width: 100%;
    }

    #theme-kereta .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%);

    }

    #theme-kereta .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-kereta .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-kereta .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain kids === */


    #theme-kids .index-list h3 {
      color: #f25a29 !important;
      font-weight: bold;
    }

    #theme-kids .header-fix {
      /* background: linear-gradient(45deg, #f25a29 60%, #ed5c2e 100%) !important; */

    }

    #theme-kids .container-header {
      background: linear-gradient(45deg, #f25a29 60%, #ed5c2e 100%);
      float: left;
      width: 100%;
    }

    #theme-kids .nr-title a small {
      background: linear-gradient(45deg, #f25a29 60%, #ed5c2e 100%);

    }

    #theme-kids .nr-title-widget {
      color: #f25a29 !important;
    }

    #theme-kids .header-menu-nav {
      background-color: #f25a29 !important;
    }

    #theme-kids .text-primary {
      color: #f25a29 !important;
      font-weight: bold;
    }

    /* ==== domain leisurian === */


    #theme-leisurian .index-list h3 {
      color: #ed21b5 !important;
      font-weight: bold;
    }

    #theme-leisurian .header-fix {
      /* background: linear-gradient(45deg, #ed21b5 60%, #e64649 100%) !important; */

    }

    #theme-leisurian .container-header {
      background: linear-gradient(45deg, #ed21b5 60%, #e64649 100%);
      float: left;
      width: 100%;
    }

    #theme-leisurian .nr-title a {
      font-weight: bold;
      color: #ed21b5;
    }

    #theme-leisurian .nr-title a small {
      background: linear-gradient(45deg, #ed21b5 60%, #e64649 100%);

    }

    #theme-leisurian .nr-title-widget {
      color: #ed21b5 !important;
    }

    #theme-leisurian .header-menu-nav {
      background-color: #ed21b5 !important;
    }

    #theme-leisurian .text-primary {
      color: #ed21b5 !important;
      font-weight: bold;
    }

    /* ==== domain signal === */


    #theme-signal .index-list h3 {
      color: #00aeef !important;
      font-weight: bold;
    }

    #theme-signal .header-fix {
      /* background: linear-gradient(45deg, #00aeef 60%, #30b1c7 100%) !important; */

    }

    #theme-signal .container-header {
      background: linear-gradient(45deg, #00aeef 60%, #30b1c7 100%);
      float: left;
      width: 100%;
    }

    #theme-signal .nr-title a {
      font-weight: bold;
      color: #00aeef;
    }

    #theme-signal .nr-title a small {
      background: linear-gradient(45deg, #00aeef 60%, #30b1c7 100%);

    }

    #theme-signal .nr-title-widget {
      color: #00aeef !important;
    }

    #theme-signal .header-menu-nav {
      background-color: #00aeef !important;
    }

    #theme-signal .text-primary {
      color: #00aeef !important;
      font-weight: bold;
    }

    /* ==== domain ibuwarung === */


    #theme-ibuwarung .index-list h3 {
      color: #ff640c !important;
      font-weight: bold;
    }

    #theme-ibuwarung .header-fix {
      /* background: linear-gradient(45deg, #ff640c 60%, #30b1c7 100%) !important; */

    }

    #theme-ibuwarung .container-header {
      background: linear-gradient(45deg, #ff640c 60%, #fcaf4c 100%);
      float: left;
      width: 100%;
    }

    #theme-ibuwarung .nr-title a {
      font-weight: bold;
      color: #ff640c;
    }

    #theme-ibuwarung .nr-title a small {
      background: linear-gradient(45deg, #ff640c 60%, #30b1c7 100%);

    }

    #theme-ibuwarung .nr-title-widget {
      color: #ff640c !important;
    }

    #theme-ibuwarung .header-menu-nav {
      background-color: #ff640c !important;
    }

    #theme-ibuwarung .text-primary {
      color: #ff640c !important;
      font-weight: bold;
    }


    /* ==== domain kaltimtara === */


    #theme-kaltimtara .index-list h3 {
      color: #fd3130 !important;
      font-weight: bold;
    }

    #theme-kaltimtara .header-fix {
      /* background: linear-gradient(45deg, #fd3130 60%, #7f2827 100%) !important; */

    }

    #theme-kaltimtara .container-header {
      background: linear-gradient(45deg, #fd3130 60%, #7f2827 100%);
      float: left;
      width: 100%;
    }

    #theme-kaltimtara .nr-title a {
      font-weight: bold;
      color: fd3130;
    }

    #theme-kaltimtara .nr-title a small {
      background: linear-gradient(45deg, #fd3130 60%, #7f2827 100%);

    }

    #theme-kaltimtara .nr-title-widget {
      color: #fd3130 !important;
    }

    #theme-kaltimtara .header-menu-nav {
      background-color: #fd3130 !important;
    }

    #theme-kaltimtara .text-primary {
      color: #fd3130 !important;
      font-weight: bold;
    }

    /* ==== domain impresi === */


    #theme-impresi .index-list h3 {
      color: #e8af74 !important;
      font-weight: bold;
    }

    #theme-impresi .header-fix {
      /* background: linear-gradient(45deg, #e8af74  60%, #7f2827 100%) !important; */

    }

    #theme-impresi .container-header {
      background: linear-gradient(45deg, #e8af74 60%, #7f2827 100%);
      float: left;
      width: 100%;
    }

    #theme-impresi .nr-title a {
      font-weight: bold;
      color: #fd3130;
    }

    #theme-impresi .nr-title a small {
      background: linear-gradient(45deg, #e8af74 60%, #7f2827 100%);

    }

    #theme-impresi .nr-title-widget {
      color: #e8af74 !important;
    }

    #theme-impresi .header-menu-nav {
      background-color: #e8af74 !important;
    }

    #theme-impresi .text-primary {
      color: #e8af74 !important;
      font-weight: bold;
    }

    /* ==== domain foreveresports === */


    #theme-foreveresports .index-list h3 {
      color: #313d4b !important;
      font-weight: bold;
    }

    #theme-foreveresports .header-fix {
      /* background: linear-gradient(45deg, #313d4b    60%, #040d1c 100%) !important; */

    }

    #theme-foreveresports .container-header {
      background: linear-gradient(45deg, #313d4b 60%, #040d1c 100%);
      float: left;
      width: 100%;
    }

    #theme-foreveresports .nr-title a {
      font-weight: bold;
      color: #fd3130;
    }

    #theme-foreveresports .nr-title a small {
      background: linear-gradient(45deg, #313d4b 60%, #040d1c 100%);

    }

    #theme-foreveresports .nr-title-widget {
      color: #313d4b !important;
    }

    #theme-foreveresports .header-menu-nav {
      background-color: #313d4b !important;
    }

    #theme-foreveresports .text-primary {
      color: #313d4b !important;
      font-weight: bold;
    }

    /* ==== domain dunia24jam === */


    #theme-dunia24jam .index-list h3 {
      color: #313d4b !important;
      font-weight: bold;
    }

    #theme-dunia24jam .header-fix {
      /* background: linear-gradient(45deg, #313d4b    60%, #040d1c 100%) !important; */

    }

    #theme-dunia24jam .container-header {
      background: linear-gradient(45deg, #000000 60%, #5c5c5c 100%);
      float: left;
      width: 100%;
    }

    #theme-dunia24jam .nr-title a {
      font-weight: bold;
      color: #fd3130;
    }

    #theme-dunia24jam .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5c5c5c 100%);

    }

    #theme-dunia24jam .nr-title-widget {
      color: #313d4b !important;
    }

    #theme-dunia24jam .header-menu-nav {
      background-color: #313d4b !important;
    }

    #theme-dunia24jam .text-primary {
      color: #313d4b !important;
      font-weight: bold;
    }

    /* ==== domain motoresto === */


    #theme-motoresto .index-list h3 {
      color: #cc232a !important;
      font-weight: bold;
    }

    #theme-motoresto .header-fix {
      /* background: linear-gradient(45deg, #cc232a    60%, #040d1c 100%) !important; */

    }

    #theme-motoresto .container-header {
      background: linear-gradient(45deg, #cc232a 60%, #5c5c5c 100%);
      float: left;
      width: 100%;
    }

    #theme-motoresto .nr-title a {
      font-weight: bold;
      color: #fd3130;
    }

    #theme-motoresto .nr-title a small {
      background: linear-gradient(45deg, #cc232a 60%, #5c5c5c 100%);

    }

    #theme-motoresto .nr-title-widget {
      color: #cc232a !important;
    }

    #theme-motoresto .header-menu-nav {
      background-color: #cc232a !important;
    }

    #theme-motoresto .text-primary {
      color: #cc232a !important;
      font-weight: bold;
    }


    /* ==== domain sekitarbandung === */


    #theme-sekitarbandung .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-sekitarbandung .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-sekitarbandung .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-sekitarbandung .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-sekitarbandung .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-sekitarbandung .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-sekitarbandung .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain sekitarbandung === */


    #theme-sekitarbandung .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-sekitarbandung .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-sekitarbandung .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-sekitarbandung .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-sekitarbandung .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-sekitarbandung .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-sekitarbandung .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain diginomics === */


    #theme-diginomics .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-diginomics .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-diginomics .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-diginomics .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-diginomics .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-diginomics .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-diginomics .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain tumakninah === */


    #theme-tumakninah .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-tumakninah .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-tumakninah .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-tumakninah .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-tumakninah .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-tumakninah .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-tumakninah .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain kabarinews === */


    #theme-kabarinews .index-list h3 {
      color: #000000 !important;
      font-weight: bold;
    }

    #theme-kabarinews .header-fix {
      /* background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%) !important; */

    }

    #theme-kabarinews .container-header {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-kabarinews .nr-title a small {
      background: linear-gradient(45deg, #000000 60%, #5a5a5a 100%);

    }

    #theme-kabarinews .nr-title-widget {
      color: #5a5a5a !important;
    }

    #theme-kabarinews .header-menu-nav {
      background-color: #5a5a5a !important;
    }

    #theme-kabarinews .text-primary {
      color: #5a5a5a !important;
      font-weight: bold;
    }

    /* ==== domain diplomasi === */


    #theme-diplomasi .index-list h3 {
      color: #901a03 !important;
      font-weight: bold;
    }

    #theme-diplomasi .header-fix {
      /* background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%) !important; */

    }

    #theme-diplomasi .container-header {
      background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-diplomasi .nr-title a small {
      background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%);

    }

    #theme-diplomasi .nr-title-widget {
      color: #901a03 !important;
    }

    #theme-diplomasi .header-menu-nav {
      background-color: #901a03 !important;
    }

    #theme-diplomasi .text-primary {
      color: #901a03 !important;
      font-weight: bold;
    }


    /* ==== domain topnews62 === */


    #theme-topnews62 .index-list h3 {
      color: #901a03 !important;
      font-weight: bold;
    }

    #theme-topnews62 .header-fix {
      /* background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%) !important; */

    }

    #theme-topnews62 .container-header {
      background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%);
      float: left;
      width: 100%;
    }

    #theme-topnews62 .nr-title a small {
      background: linear-gradient(45deg, #901a03 60%, #5a5a5a 100%);

    }

    #theme-topnews62 .nr-title-widget {
      color: #901a03 !important;
    }

    #theme-topnews62 .header-menu-nav {
      background-color: #901a03 !important;
    }

    #theme-topnews62 .text-primary {
      color: #901a03 !important;
      font-weight: bold;
    }




    /* ==== domain kereta === */


    #theme-bulutangkis .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-bulutangkis .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-bulutangkis .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-bulutangkis .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-bulutangkis .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-bulutangkis .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-bulutangkis .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }


    /* ==== domain diagnosa === */


    #theme-diagnosa .index-list h3 {
      color: #03c1ff !important;
      font-weight: bold;
    }

    #theme-diagnosa .header-fix {
      /* background: linear-gradient(45deg, #03c1ff 60%, #0e163b 100%) !important; */

    }

    #theme-diagnosa .container-header {
      background: linear-gradient(45deg, #03c1ff 60%, #baf1ef 100%);
      float: left;
      width: 100%;
    }

    #theme-diagnosa .nr-title a small {
      background: linear-gradient(45deg, #03c1ff 60%, #baf1ef 100%);

    }

    #theme-diagnosa .nr-title-widget {
      color: #03c1ff !important;
    }

    #theme-diagnosa .header-menu-nav {
      background-color: #03c1ff !important;
    }

    #theme-diagnosa .text-primary {
      color: #03c1ff !important;
      font-weight: bold;
    }

    /* ==== domain digdaya === */


    #theme-digdaya .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-digdaya .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-digdaya .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-digdaya .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-digdaya .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-digdaya .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-digdaya .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain sumatralink === */


    #theme-sumatralink .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-sumatralink .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-sumatralink .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-sumatralink .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-sumatralink .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-sumatralink .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-sumatralink .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain ruzka === */


    #theme-ruzka .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-ruzka .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-ruzka .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-ruzka .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-ruzka .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-ruzka .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-ruzka .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain sekitarpurwakarta === */


    #theme-sekitarpurwakarta .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-sekitarpurwakarta .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-sekitarpurwakarta .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-sekitarpurwakarta .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-sekitarpurwakarta .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-sekitarpurwakarta .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-sekitarpurwakarta .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain klikfit === */


    #theme-klikfit .index-list h3 {
      color: #238435 !important;
      font-weight: bold;
    }

    #theme-klikfit .header-fix {
      /* background: linear-gradient(45deg, #238435 60%, #0e163b 100%) !important; */

    }

    #theme-klikfit .container-header {
      background: linear-gradient(45deg, #238435 60%, #bae2c2 100%);
      float: left;
      width: 100%;
    }

    #theme-klikfit .nr-title a small {
      background: linear-gradient(45deg, #238435 60%, #bae2c2 100%);

    }

    #theme-klikfit .nr-title-widget {
      color: #238435 !important;
    }

    #theme-klikfit .header-menu-nav {
      background-color: #238435 !important;
    }

    #theme-klikfit .text-primary {
      color: #238435 !important;
      font-weight: bold;
    }

    /* ==== domain pemantiknews === */


    #theme-pemantiknews .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-pemantiknews .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-pemantiknews .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-pemantiknews .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-pemantiknews .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-pemantiknews .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-pemantiknews .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain oceania === */


    #theme-oceania .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-oceania .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-oceania .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-oceania .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-oceania .nr-title-widget {
      color: #306771 !important;
    }

    #theme-oceania .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-oceania .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain sekitarsurabaya === */


    #theme-sekitarsurabaya .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-sekitarsurabaya .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-sekitarsurabaya .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-sekitarsurabaya .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-sekitarsurabaya .nr-title-widget {
      color: #306771 !important;
    }

    #theme-sekitarsurabaya .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-sekitarsurabaya .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain mobillistriknews === */


    #theme-mobillistriknews .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-mobillistriknews .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-mobillistriknews .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-mobillistriknews .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-mobillistriknews .nr-title-widget {
      color: #306771 !important;
    }

    #theme-mobillistriknews .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-mobillistriknews .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain planer === */


    #theme-planer .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-planer .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-planer .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-planer .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-planer .nr-title-widget {
      color: #306771 !important;
    }

    #theme-planer .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-planer .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain matakelana === */


    #theme-matakelana .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-matakelana .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-matakelana .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-matakelana .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-matakelana .nr-title-widget {
      color: #306771 !important;
    }

    #theme-matakelana .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-matakelana .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain sukabumikini === */


    #theme-sukabumikini .index-list h3 {
      color: #306771 !important;
      font-weight: bold;
    }

    #theme-sukabumikini .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-sukabumikini .container-header {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);
      float: left;
      width: 100%;
    }

    #theme-sukabumikini .nr-title a small {
      background: linear-gradient(45deg, #306771 60%, #64b9c0 100%);

    }

    #theme-sukabumikini .nr-title-widget {
      color: #306771 !important;
    }

    #theme-sukabumikini .header-menu-nav {
      background-color: #306771 !important;
    }

    #theme-sukabumikini .text-primary {
      color: #306771 !important;
      font-weight: bold;
    }

    /* ==== domain filmusiku === */


    #theme-filmusiku .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-filmusiku .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }


    /* ==== domain fifarm === */


    #theme-fifarm .index-list h3 {
      color: #2c9216 !important;
      font-weight: bold;
    }

    #theme-fifarm .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-fifarm .container-header {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);
      float: left;
      width: 100%;
    }

    #theme-fifarm .nr-title a small {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);

    }

    #theme-fifarm .nr-title-widget {
      color: #2c9216 !important;
    }

    #theme-fifarm .header-menu-nav {
      background-color: #2c9216 !important;
    }

    #theme-fifarm .text-primary {
      color: #2c9216 !important;
      font-weight: bold;
    }

    /* ==== domain gayakita === */


    #theme-gayakita .index-list h3 {
      color: #2c9216 !important;
      font-weight: bold;
    }

    #theme-gayakita .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-gayakita .container-header {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);
      float: left;
      width: 100%;
    }

    #theme-gayakita .nr-title a small {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);

    }

    #theme-gayakita .nr-title-widget {
      color: #2c9216 !important;
    }

    #theme-gayakita .header-menu-nav {
      background-color: #2c9216 !important;
    }

    #theme-gayakita .text-primary {
      color: #2c9216 !important;
      font-weight: bold;
    }


    /* ==== domain sekitarsurabaya === */


    #theme-fifarm .index-list h3 {
      color: #2c9216 !important;
      font-weight: bold;
    }

    #theme-fifarm .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }

    #theme-fifarm .container-header {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);
      float: left;
      width: 100%;
    }

    #theme-fifarm .nr-title a small {
      background: linear-gradient(45deg, #2c9216 60%, #268e11 100%);

    }

    #theme-fifarm .nr-title-widget {
      color: #2c9216 !important;
    }

    #theme-fifarm .header-menu-nav {
      background-color: #2c9216 !important;
    }

    #theme-fifarm .text-primary {
      color: #2c9216 !important;
      font-weight: bold;
    }

    /* ==== domain filmusiku === */


    #theme-filmusiku .index-list h3 {
      color: #c1232f !important;
      font-weight: bold;
    }

    #theme-filmusiku .header-fix {
      /* background: linear-gradient(45deg, #c1232f 60%, #0e163b 100%) !important; */

    }


    #theme-filmusiku .container-header {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);
      float: left;
      width: 100%;
    }

    #theme-filmusiku .nr-title a small {
      background: linear-gradient(45deg, #c1232f 60%, #946373 100%);

    }

    #theme-filmusiku .nr-title-widget {
      color: #c1232f !important;
    }

    #theme-filmusiku .header-menu-nav {
      background-color: #c1232f !important;
    }

    #theme-filmusiku .text-primary {
      color: #c1232f !important;
      font-weight: bold;
    }

    /* ==== domain nyantri === */


    #theme-nyantri .index-list h3 {
      color: #0ba784 !important;
      font-weight: bold;
    }

    #theme-nyantri .header-fix {
      /* background: linear-gradient(45deg, #0ba784 60%, #0e163b 100%) !important; */

    }

    #theme-nyantri .container-header {
      background: linear-gradient(45deg, #0ba784 60%, #6acab4 100%);
      float: left;
      width: 100%;
    }

    #theme-nyantri .nr-title a small {
      background: linear-gradient(45deg, #0ba784 60%, #6acab4 100%);

    }

    #theme-nyantri .nr-title-widget {
      color: #0ba784 !important;
    }

    #theme-nyantri .header-menu-nav {
      background-color: #0ba784 !important;
    }

    #theme-nyantri .text-primary {
      color: #0ba784 !important;
      font-weight: bold;
    }

    /* ==== domain jedadulu === */


    #theme-jedadulu .index-list h3 {
      color: #ff3131 !important;
      font-weight: bold;
    }

    #theme-jedadulu .header-fix {
      /* background: linear-gradient(45deg, #ff3131 60%, #0e163b 100%) !important; */

    }

    #theme-jedadulu .container-header {
      background: linear-gradient(45deg, #ff3131 60%, #ffbebe 100%);
      float: left;
      width: 100%;
    }

    #theme-jedadulu .nr-title a small {
      background: linear-gradient(45deg, #ff3131 60%, #ffbebe 100%);

    }

    #theme-jedadulu .nr-title-widget {
      color: #ff3131 !important;
    }

    #theme-jedadulu .header-menu-nav {
      background-color: #ff3131 !important;
    }

    #theme-jedadulu .text-primary {
      color: #ff3131 !important;
      font-weight: bold;
    }

    /* ==== domain gincumanis === */


    #theme-gincumanis .index-list h3 {
      color: #1e4c0c !important;
      font-weight: bold;
    }

    #theme-gincumanis .header-fix {
      /* background: linear-gradient(45deg, #1e4c0c 60%, #0e163b 100%) !important; */

    }

    #theme-gincumanis .container-header {
      background: linear-gradient(45deg, #1e4c0c 60%, #608921 100%);
      float: left;
      width: 100%;
    }

    #theme-gincumanis .nr-title a small {
      background: linear-gradient(45deg, #1e4c0c 60%, #608921 100%);

    }

    #theme-gincumanis .nr-title-widget {
      color: #1e4c0c !important;
    }

    #theme-gincumanis .header-menu-nav {
      background-color: #1e4c0c !important;
    }

    #theme-gincumanis .text-primary {
      color: #1e4c0c !important;
      font-weight: bold;
    }

    /* ==== domain gincumanis === */


    #theme-rublikasi .index-list h3 {
      color: #1e4c0c !important;
      font-weight: bold;
    }

    #theme-rublikasi .header-fix {
      /* background: linear-gradient(45deg, #1e4c0c 60%, #0e163b 100%) !important; */

    }

    #theme-rublikasi .container-header {
      background: linear-gradient(45deg, #1e4c0c 60%, #608921 100%);
      float: left;
      width: 100%;
    }

    #theme-rublikasi .nr-title a small {
      background: linear-gradient(45deg, #1e4c0c 60%, #608921 100%);

    }

    #theme-rublikasi .nr-title-widget {
      color: #1e4c0c !important;
    }

    #theme-rublikasi .header-menu-nav {
      background-color: #1e4c0c !important;
    }

    #theme-rublikasi .text-primary {
      color: #1e4c0c !important;
      font-weight: bold;
    }

    /* ==== domain gincumanis === */


    #theme-shippingcargo .index-list h3 {
      color: #037396 !important;
      font-weight: bold;
    }

    #theme-shippingcargo .header-fix {
      /* background: linear-gradient(45deg, #037396 60%, #0e163b 100%) !important; */

    }

    #theme-shippingcargo .container-header {
      background: linear-gradient(45deg, #037396 60%, #a7daf5 100%);
      float: left;
      width: 100%;
    }

    #theme-shippingcargo .nr-title a small {
      background: linear-gradient(45deg, #037396 60%, #a7daf5 100%);

    }

    #theme-shippingcargo .nr-title-widget {
      color: #037396 !important;
    }

    #theme-shippingcargo .header-menu-nav {
      background-color: #037396 !important;
    }

    #theme-shippingcargo .text-primary {
      color: #037396 !important;
      font-weight: bold;
    }

    /* ==== domain gincumanis === */


    #theme-kurusetra .index-list h3 {
      color: #f0494f !important;
      font-weight: bold;
    }

    #theme-kurusetra .header-fix {
      /* background: linear-gradient(45deg, #f0494f 60%, #0e163b 100%) !important; */

    }

    #theme-kurusetra .container-header {
      background: linear-gradient(45deg, #f0494f 60%, #9f868a 100%);
      float: left;
      width: 100%;
    }

    #theme-kurusetra .nr-title a small {
      background: linear-gradient(45deg, #f0494f 60%, #a7daf5 100%);

    }

    #theme-kurusetra .nr-title-widget {
      color: #f0494f !important;
    }

    #theme-kurusetra .header-menu-nav {
      background-color: #f0494f !important;
    }

    #theme-kurusetra .text-primary {
      color: #f0494f !important;
      font-weight: bold;
    }
    /* ==== domain i-life === */


    #theme-ilife .index-list h3 {
      color: #f0494f !important;
      font-weight: bold;
    }

    #theme-ilife .header-fix {
      /* background: linear-gradient(45deg, #f0494f 60%, #0e163b 100%) !important; */

    }

    #theme-ilife .container-header {
      background: linear-gradient(45deg, #f0494f 60%, #9f868a 100%);
      float: left;
      width: 100%;
    }

    #theme-ilife .nr-title a small {
      background: linear-gradient(45deg, #f0494f 60%, #a7daf5 100%);

    }

    #theme-ilife .nr-title-widget {
      color: #f0494f !important;
    }

    #theme-ilife .header-menu-nav {
      background-color: #f0494f !important;
    }

    #theme-ilife .text-primary {
      color: #f0494f !important;
      font-weight: bold;
    } 
    /* ==== domain bisnistime === */


#theme-bisnistime .index-list h3 {
  color: #2b6cbc !important;
  font-weight: bold;
}

#theme-bisnistime .header-fix {
  /* background: linear-gradient(45deg, #2b6cbc 60%, #0e163b 100%) !important; */

}

#theme-bisnistime .container-header {
  background: linear-gradient(45deg, #2b6cbc 60%, #2b6cbc 100%);
  float: left;
  width: 100%;
}

#theme-bisnistime .nr-title a small {
  background: linear-gradient(45deg, #2b6cbc 60%, #a7daf5 100%);

}

#theme-bisnistime .nr-title-widget {
  color: #2b6cbc !important;
}

#theme-bisnistime .header-menu-nav {
  background-color: #2b6cbc !important;
}

#theme-bisnistime .text-primary {
  color: #2b6cbc !important;
  font-weight: bold;
}
  /* ==== domain topskor === */


  #theme-bisnistime .index-list h3 {
  color: #2b6cbc !important;
  font-weight: bold;
}

#theme-bisnistime .header-fix {
  /* background: linear-gradient(45deg, #2b6cbc 60%, #0e163b 100%) !important; */

}

#theme-bisnistime .container-header {
  background: linear-gradient(45deg, #2b6cbc 60%, #2b6cbc 100%);
  float: left;
  width: 100%;
}

#theme-bisnistime .nr-title a small {
  background: linear-gradient(45deg, #2b6cbc 60%, #a7daf5 100%);

}

#theme-bisnistime .nr-title-widget {
  color: #2b6cbc !important;
}

#theme-bisnistime .header-menu-nav {
  background-color: #2b6cbc !important;
}

#theme-bisnistime .text-primary {
  color: #2b6cbc !important;
  font-weight: bold;
}

 /* ==== domain topskor === */


 #theme-motor24jam .index-list h3 {
  color: #2b6cbc !important;
  font-weight: bold;
}

#theme-motor24jam .header-fix {
  /* background: linear-gradient(45deg, #2b6cbc 60%, #0e163b 100%) !important; */

}

#theme-motor24jam .container-header {
  background: linear-gradient(45deg, #2b6cbc 60%, #2b6cbc 100%);
  float: left;
  width: 100%;
}

#theme-motor24jam .nr-title a small {
  background: linear-gradient(45deg, #2b6cbc 60%, #a7daf5 100%);

}

#theme-motor24jam .nr-title-widget {
  color: #2b6cbc !important;
}

#theme-motor24jam .header-menu-nav {
  background-color: #2b6cbc !important;
}

#theme-motor24jam .text-primary {
  color: #2b6cbc !important;
  font-weight: bold;
}
 /* ==== domain kangjepret === */


 #theme-kangjepret .index-list h3 {
  color: #2b6cbc !important;
  font-weight: bold;
}

#theme-kangjepret .header-fix {
  /* background: linear-gradient(45deg, #2b6cbc 60%, #0e163b 100%) !important; */

}

#theme-kangjepret .container-header {
  background: linear-gradient(45deg, #2b6cbc 60%, #2b6cbc 100%);
  float: left;
  width: 100%;
}

#theme-kangjepret .nr-title a small {
  background: linear-gradient(45deg, #2b6cbc 60%, #a7daf5 100%);

}

#theme-kangjepret .nr-title-widget {
  color: #2b6cbc !important;
}

#theme-kangjepret .header-menu-nav {
  background-color: #2b6cbc !important;
}

#theme-kangjepret .text-primary {
  color: #2b6cbc !important;
  font-weight: bold;
}
  </style>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4715833796533077" crossorigin="anonymous"></script>
    
</head>

<body class="fixed part" id="theme-" data-body="body-network">
  <!-- End Google Tag Manager -->
      <div class="skin-kiri"></div>
    <div class="skin-kanan"></div>

  
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M847CDM" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57ZJWZR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <!--RESPONSIVE INFO-->
  <div id="info_css" style="display: none;
             background: rgba(0,0,0,0.7); 
             font-family: tahoma;font-size: 11px; color: #fff; padding: 5px 2px;
             position: fixed;top: 0; left: 0; z-index: 9999;">
    <span id="wdt"></span>
    <span id="hgt"></span>
    <span id="rule_css">rules css: </span>
  </div>


  <div class="container-fluid wrapper">
    <div class="header">


      <div class="header-wrap">
        <div class="container">
          <div class="row align-items-center">
            <!-- d-flex justify-content-center -->
            <div class="col-lg-4 col-9 logo  ">
              <!-- d-flex justify-content-center -->
              <div class="header-menu-nav">

                <span onclick="openNav()"><i class="fa fa-bars"></i></span>
              </div>
              <a href="https://a.republika.co.id/">
                <img src="https://static.republika.co.id/files/themes/retizen/img/logo-retizen-4.png" alt="Image" class="">
              </a>
            </div>


            <div class="col-md-4 inner-middle ">


              <form class=" submitForm" method="POST" action="https://a.republika.co.id/posts/search" method="post" data-save="Cari" data-saving="Mencari" data-alert="Pencarian gagal">
                <input class="search-form" type="text" placeholder="Search.." name="query">
                <input type="hidden" name="hash" value="A!232">

                <span class="input-group-btn search">
                  <button class="btn-clean submitBtnn" type="submit">
                    <span class="fas fa-search"></span>
                  </button>
                </span>
              </form>
            </div>
            <div class=" col-md-3 col-3 header-right">

              <div class="login-news">
                                                  <!-- <a href="https://akun.republika.co.id?token=aHR0cHM6Ly9hLnJlcHVibGlrYS5jby5pZC9yc3M=" class="user-login-read ">
                  <span>
                    <i class="fas fa-user-circle"></i> Masuk
                  </span>
                </a> -->
                
              </div>

              <a href="#" id="dark-toggle">
                <div class="follow-sosmed  dark-mode">
                  <i class="fa fa-moon"></i>
                </div>
              </a>
                                                                      
            </div>
            <div class="clearfix"></div>
          </div>
        </div>





        <!--get color-->
        <div class="header-fix" style="background: #343434;">
          <div class="container">

            <div class="navbar navbar-mobile" id="header-fix">

              <div class="row">
                <div class="header-menu-nav">

                  <span onclick="openNav()"><i class="fa fa-bars"></i></span>
                </div>
                <a href="https://a.republika.co.id/">
                  <img src="https://static.republika.co.id/files/themes/retizen/img/logo-retizen-4.png" alt="Image" class="">
                </a>

                <div class="r-network-menu">
                  <a href="#search" data-toggle="modal" data-push="tooltip" data-placement="bottom">
                    <div class="search">
                      <i class="fas fa-search"></i>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container-header">
        <div class="container">

          <div class="menu-bar">
            <ul class="menu-scroll">
              <!-- <li class="men-network"><a href="https://partner.republika.co.id">Network</a></li> -->
              <!-- <li><a href="/">Beranda</a></li>  -->
              <li   style=" padding: 0px; ">
                <a href="https://republika.co.id"><img src="https://static.republika.co.id/files/images/favicon-rol.png?v=ROL-60"></a>
              </li>
                              

                
            </ul>
          </div>
                      <div class="search-form" style="display: none;">
              <form class="form-horizontal submitForm" action="https://a.republika.co.id/posts/search" method="post" data-save="Cari" data-saving="Mencari" data-alert="Pencarian gagal">
                <input type="hidden" name="hash" value="A!232" />
                <div class="input-group">
                  <input type="text" class="form-control" name="query" placeholder="Cari" />
                  <button type="submit" class="btn btn-default  submitBtnn">
                    <i class="fas fa-search"></i>
                  </button>

                </div>
              </form>
            </div>
          
        </div>
      </div>



    </div>
  </div>


  <div class="content" id="page-content">
      

  <div class="container">
     <!-- <div class="jumbotron" style="background:url(https://pusbangfilm.garaside.com/uploads/users/covers/placeholder.jpg) center center no-repeat;background-size:cover;-webkit-background-size:cover;background-position:fixed;padding-top:240px;padding-bottom:0;margin-bottom:0;width:100%"></div> -->
     
    <div class="user">
    <div class="row">
            <div class="col-12 col-md-3 nomargin relative user-profile">
              
                <div class="userImage">
                                    <div class="col-xs-6 col-md-12 user-profile">
                                        <div class="rounded" style="width:100%;border:6px solid #eee;overflow:hidden">
                                            <img src="https://static.republika.co.id/uploads/member/images/profile/thumbs/placeholder.jpg" style="width:100%" alt="">
                                        </div>
                                        <div class="text-center">
                                          <div class="tbio"></div>
                                            <h3>

                                                <a class="text-shadow" href="/">
                                                    <b></b>
                                                </a>
                                                <span class="badge">
                                                </span>
                                            </h3>
                                            <!-- <p>Bergabung Januari Maret 2021</p> -->
                                            <i class="fa fa-newspaper-o" title="news">  Artikel </i>
                                            <i class="fa fa-refresh" title="pengikut"> followers</i>

                                            
                                        
                                        </div>


                                    </div>
              </div>

            </div>

     <div class="col-md-9 sticky user-list ">
      
   
        
     
        <div class="row">
            <div class="row category category-index  category-timeline mt30">
                    <div class="container mt30">

                    

                    </div>
                </div>



        <div class="row">
          <div class="col-12 text-center">
                      </div>
        </div>
            
        </div>
      </div>
</div>
    </div>
  </div>
  
  


  


             

    
      </div>
  <div class="clearfix"></div>












  <div id="mySidenav" class="sidenav">

    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <a href="https://a.republika.co.id/"><img src="https://static.republika.co.id/files/themes/retizen/img/logo-retizen-4.png" alt="Image" class=""></a>
    <ul class="col-md-6 nav-menu">
      
    </ul>
    <ul class="col-md-6 nav-menu">


    </ul>
    <div class="menu-network">
      <p></p>
      <ul>

        <li><a href="/pages/privacy-policy">Privacy Policy</a></li>
        <li><a href="/pages/pedoman-pemberitaan-media-siber">Pedoman Pemberitaan Media Siber</a></li>
        <li><a href="/pages/disclaimer">Disclaimer</a></li>
        <li><a href="/pages/tentang-kami">Tentang Kami</a></li>

      </ul>
    </div>
  </div>



  <style>
    .footer-widget ul {
      /* width: 50%; */
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .widget ul.list-unstyled {
      /* width: 50%; */
      /* float: left; */
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .footer-widget li {
      margin-bottom: 10px;
    }

    .footer-widget p {
      margin-bottom: 27px;
    }

    .footer-widget a {
      color: #878787;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .footer-widget a:hover {
      color: #007bff;
    }

    .footer-widget:after {
      content: "";
      display: block;
      clear: both;
    }


    .contact-info {
      margin-left: 75px;
      color: #fff;
    }

    .contact-info h3 {
      font-size: 20px;
      color: #fff;
      margin-bottom: 0;
    }

    .copyright {
      padding: 28px 0;
      /* margin-top: 55px; */
      background-color: #202020;
    }

    .copyright span,
    .copyright a {
      color: #878787;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .copyright a:hover {
      color: #007bff;
    }

    .copyright-menu ul {
      text-align: right;
      margin: 0;
    }

    .copyright-menu li {
      display: inline-block;
      padding-left: 20px;
    }

    .back-to-top {
      position: relative;
      z-index: 2;
    }

    .back-to-top .btn-dark {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      padding: 0;
      position: fixed;
      bottom: 20px;
      right: 20px;
      background: #2e2e2e;
      border-color: #2e2e2e;
      display: none;
      z-index: 999;
      -webkit-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear;
    }

    .back-to-top .btn-dark:hover {
      cursor: pointer;
      background: #FA6742;
      border-color: #FA6742;
    }

    #dk-footer p {
      color: #ffffff;
    }

    .footer-widget ul {
      column-count: 2;
      column-gap: 20px;
    }

    .widget ul.list-unstyled {
      column-count: 2;
      column-gap: 20px;
    }



    .footer-widget li {
      padding: 2px;
    }

    p.part-of {
      font-size: 1.25em;
      font-weight: bold;
      margin: 5px;
    }

    .bg-light img {
      max-height: 76px;
      width: auto;
    }

    li.link-secondary a {
      color: #212529;
      /* margin-top: 13px; */
    }

    ul.list-unstyled li {
      /* width: 50%; */
      /* float: left; */
    }

    address {
      line-height: 29px;
    }

    .footer-social-link h3 {
      color: #fff;
      font-size: 24px;
      margin-bottom: 25px;
    }

    .footer-social-link ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

    .footer-social-link li {
      display: inline-block;
    }

    .footer-social-link a i {
      display: block;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      text-align: center;
      line-height: 40px;
      background: #000;
      margin-right: 5px;
      color: #fff;
    }

    .footer-social-link a i.fa-facebook {
      background-color: #3B5998;
    }

    .footer-social-link a i.fa-twitter {
      background-color: #55ACEE;
    }

    .footer-social-link a i.fa-google-plus {
      background-color: #DD4B39;
    }

    .footer-social-link a i.fa-linkedin {
      background-color: #0976B4;
    }

    .footer-social-link a i.fa-instagram {
      background-color: #B7242A;
    }
  </style>

  <footer class="footer">

    <!-- Widgets - Bootstrap Brain Component -->
    <section class="py-4 py-md-5 py-xl-8 bg-light border-top">
      <div class="container overflow-hidden">
        <div class="row gy-4 gy-lg-0">
          <div class="col-12 col-md-5">
            <div class="widget">

              <h4 class="widget-title mb-4">&nbsp;</h4>
              <address class="mb-4"></address>
              <!-- <p class="mb-1">
              <a class="link-secondary text-decoration-none" href="tel:+15057922430">(505) 792-2430</a>
            </p>
            <p class="mb-0">
              <a class="link-secondary text-decoration-none" href="mailto:demo@yourdomain.com">demo@yourdomain.com</a>
            </p> -->
            </div>
          </div>
          <div class="col-12 col-sm-6 col-md-4">
            <div class="widget">
              <h4 class="widget-title mb-4 text-center">Channel</h4>
              <ul class="list-unstyled text-center">
                

              </ul>
            </div>
          </div>
          <div class="col-12 col-md-3">
            <div class="widget">
              <h4 class="widget-title mb-4">&nbsp;</h4>
              <p class="mb-4 text-center">Ikuti Info menarik lainnya di Sosial Media kami </p>
              <div class="footer-social-link">
                <ul class="text-center">

                                                                                          

                </ul>
              </div>

            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Copyright - Bootstrap Brain Component -->
    <div class="bg-light py-4 py-md-3 border-top border-light-subtle">
      <div class="container overflow-hidden">
        <div class="row ">
          <div class="col-xs-12 col-sm-6 col-md-4 order-0 order-md-0">
            <div class="footer-logo-wrapper text-center text-sm-start">
              <a href="https://a.republika.co.id/" class="footer-logo">
                <img class="img-fluid" src="https://static.republika.co.id/files/themes/retizen/img/logo-retizen-4.png" alt="Image" class="">
              </a>

            </div>
          </div>

          <div class="col-xs-12 col-md-4 order-1 text-center">
            <div class="footer-copyright-wrapper d-flex justify-content-center text-center my-4">
               connected with republika network
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-4 order-2">
            <div class="footer-logo-wrapper text-center text-sm-start">
              <a href="https://network.republika.co.id" target="_blank">
                <img class="img-fluid" src="https://static.republika.co.id/uploads/member/images/logo/646fd02b6303396cc3ba9c2dd11e8149.png">
              </a>
            </div>
          </div>
          <!-- <div class="col-xs-12 col-sm-6 col-md-4 order-1 order-md-2"> -->
          <!-- <img class="img-fluid" src="https://static.republika.co.id/files/images/logoREPNETWORK-1-white.png"> -->


          <!-- </div> -->
        </div>
      </div>
    </div>
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-12 col-md-4">
            <span>Copyright © 2025, Republika Network </span>
          </div>
          <!-- End Col -->
          <div class="col-12 col-md-8">
            <div class="copyright-menu">
              <ul>

                <li><a href="/pages/privacy-policy">Privacy Policy</a></li>
                <li><a href="/pages/pedoman-pemberitaan-media-siber">Pedoman Pemberitaan Media Siber</a></li>
                <li><a href="/pages/disclaimer">Disclaimer</a></li>
                <li><a href="/pages/tentang-kami">Tentang Kami</a></li>

              </ul>
            </div>
          </div>
          <!-- End col -->
        </div>
        <!-- End Row -->
      </div>
      <!-- End Copyright Container -->
    </div>
  </footer>








</body>

</html>








  <div id="login" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal_table">
      <div class="modal-content modal_cell">
        <div class="modal-header text-center">
          <h1>REPUBLIKA</h1>
          <h4 class="hidden"> NETWORK</h4>
          <!--button close-->
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body" style="padding-top:0;padding-bottom:0">
          <div class="row">
            <div class="col-sm-12 nomargin">
              <form action="https://a.republika.co.id/user/login" method="post" class="submitForm" data-save="Masuk" data-saving="Masuk" data-alert="Tidak dapat masuk">
                <div class="input-group col-sm-12">
                  <span class="input-group-addon">
                    <i class="fa fa-at">
                    </i>
                  </span>
                  <input type="text" class="form-control input-lg" name="username" value="email" placeholder="Sur-el" />
                </div>
                <div class="input-group col-sm-12">
                  <span class="input-group-addon">
                    <i class="fa fa-qrcode">
                    </i>
                  </span>
                  <input type="password" class="form-control input-lg" name="password" value="Kata sandi" placeholder="Kata sandi" />
                </div>
                <input type="checkbox" class="" id="preset" name="reset" value="Reset Password" placeholder="Reset Password" /> Reset Password

                <div class="statusHolder">
                </div>
                <input type="hidden" name="hash" value="kifybribdHiqbndfiqhih384hs8" />
                <button class="btn btn-primary btn-lg btn-block submitBtn" type="submit">
                  <i class="fa fa-key">
                  </i> Masuk
                </button>
              </form>
            </div>
            <div class="col-sm-12 nomargin loginBorder text-center">
              <br />
                            <!--             <a class="btn btn-fb btn-lg btn-block" href="https://www.facebook.com/v4.0/dialog/oauth?client_id=417808724973321&state=029a18be74f31ec8305b17a35279554d&response_type=code&sdk=php-sdk-5.0.0&redirect_uri=https%3A%2F%2Fa.republika.co.id%2Fretizen.republika.co.id%2Fuser%2Flogin%2Ffacebook&scope=email">
              <i class="fa fa-facebook">
              </i> &nbsp; Facebook
            </a> -->
              <a class="btn btn-google btn-lg btn-block" href="https://accounts.google.com/o/oauth2/auth?response_type=code&redirect_uri=https%3A%2F%2Fretizen.republika.co.id%2Fuser%2Flogin%2Fgoogle&client_id=527434706863-nhgvisd5hhp205c6jvgq35a9ga98jbi1.apps.googleusercontent.com&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile&access_type=online&approval_prompt=auto">
                <i class="fa fa-google">
                </i> &nbsp; Google
              </a>


            </div>
          </div>
        </div>
        <div class="modal-footer">
          <div class="col-sm-12 text-center"> Tulis nama pengguna atau sur-el dan kata sandi untuk masuk. Atau gunakan akun Facebook / Google Anda
          </div>
        </div>
      </div>
    </div>
  </div>
<!-- (Ajax Modal Large)-->
<div id="modal_ajax" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="max-width:1200px">
    <div class="modal-content modal_cell">
      <div class="modal-body rounded nopadding h-600px">
      </div>
    </div>
  </div>
</div>
<!-- MODAL CUSTOM    
<div id="modal_custom" style="top:20%" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="max-width:600px">
    <div class="" style="
    background: #e84e74;
    width: 81px;
    float: right;
    z-index: 9;
    color: #FFF;
    padding: 7px;
    margin-bottom: 7px;
    text-align: center;
    "><a data-dismiss="modal"><i class="fa fa-times-circle"> </i>&nbsp;close</a></div>
    <div class="modal-content modal_cell">
      <div class="modal-body rounded nopadding h-600px" style="padding:15px !important">
        <a hrefx="https://republika.co.id/page/lomba/tulisasr2021"><img src="https://static.republika.co.id/files/ads/retizen-promo600x400.3.png" class="img img-fluid"></a>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript"> $('#modal_custom').modal()
</script> -->
<!-- (Ajax Modal Small)-->
<div id="modal_ajax_sm" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="max-width:380px">
    <div class="modal-content modal_cell">
      <div class="modal-body rounded repostForm" style="min-height:200px;max-width:380px">
      </div>
    </div>
  </div>
</div>
<!-- (Alert Modal)-->
<div id="modal_alert" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="max-width:480px">
    <div class="modal-content modal_cell rounded">
      <div class="modal-body text-center text-danger" style="padding-top:30px;padding-bottom:30px;font-weight:bold;max-width:480px">
      </div>
      <div class="modal-footer text-center-xs">
        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
          <i class="fa fa-times">
          </i> Tutup
        </button>
      </div>
    </div>
  </div>
</div>
<!-- (Success Modal)-->
<div id="modal_success" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="max-width:480px">
    <div class="modal-content modal_cell rounded">
      <div class="modal-body text-center text-success" style="padding-top:30px;padding-bottom:30px;font-weight:bold;max-width:480px">
      </div>
      <div class="modal-footer text-center-xs">
        <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
          <i class="fa fa-times">
          </i> Tutup
        </button>
      </div>
    </div>
  </div>
</div>
<!-- (Ajax Modal Dynamic)-->
<div id="modal_ajax_dn" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table" style="width:auto">
    <div class="modal-content modal_cell">
    </div>
  </div>
</div>
<div id="search" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal_table">
    <div class="modal-content modal_cell">
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-12">
            <form class="form-horizontal submitForm" action="https://a.republika.co.id/search" method="post" data-save="Cari" data-saving="Mencari" data-alert="Pencarian gagal">
              <div class="input-group">
                <input type="text" class="form-control input-lg" name="query" placeholder="Cari" />
                <span class="input-group-btn">
                  <input type="hidden" name="hash" value="" />
                  <button type="submit" class="btn btn-lg btn-success nomargin submitBtn">
                    <i class="fas fa-search">
                    </i>
                    Cari
                  </button>
                </span>
              </div>
              <div class="form-group">
                <div class="col-sm-12 statusHolder">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="modal_confirm" class="modal fade">
  <div class="modal-dialog modal_table" style="max-width:400px">
    <div class="modal-content modal_cell">
      <div class="modal-body">
        Anda belum melakukan perubahan
        Apakah Anda ingin meninggalkan halaman tanpa perubahan
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-xs-6 nomargin text-left">
            <a href="javascript:void(0)" class="btn btn-default" id="confirm_link">
              <i class="fas fa-check-circle">
              </i>
              Pindah halaman
            </a>
          </div>
          <div class="col-xs-6 nomargin">
            <button type="button" class="btn btn-info" data-dismiss="modal">
              <i class="fas fa-close">
              </i>
              Batalkan
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="fb-root">
</div>
<script type="text/javascript">
  var base_url = 'https://a.republika.co.id/',
    theme_url = 'https://static.republika.co.id/files/themes/default/',
    siteName = 'Retizen',
    loggedIn = false,
    fail_alert = 'Tidak dapat memproses permintaan Anda',
    dc_alert = 'Periksa koneksi Anda',
    empty_alert = 'Masukkan teks'
</script>
<!-- <script src="https://static.republika.co.id/files/themes/default/js/scrollbar.js"></script>
<script src="https://static.republika.co.id/files/themes/default/js/masonry.js"></script>
<script src="https://static.republika.co.id/files/themes/default/js/sticky.js"></script>
<script src="https://static.republika.co.id/files/themes/default/js/easing.js"></script> -->
<!-- <script src=""></script> -->

<script src="https://static.republika.co.id/files/vendor/republika/js/global.js"></script>


<script src="https://static.republika.co.id/files/js/jquery.lazyload.js?v=ROL-60"></script>
<script>
  $("img.lazy").lazyload({
    effect: "fadeIn",
    threshold: 100,
    failure_limit: 40
  });


  function toggleDarkLight() {

    if ($('body').attr('class') == 'light-mode') {
      $('body').attr('class', 'dark-mode');
      localStorage.setItem('theme', 'dark'); //add this
    } else {
      $('body').attr('class', 'light-mode')
      localStorage.setItem('theme', 'light'); //add this
    }

  }

  const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : 'light';

  $('body').attr('class', currentTheme + '-mode');
</script>


<script type="text/javascript">
  function hover_rnetwork() {
    $('.wrapper').hover(function() {
      $('div.show-network').hide();
    });
    $('.r-network a').hover(function() {
      $('div.show-network').show();
    }, );
  };

  hover_rnetwork();

  function myFunction() {
    document.getElementById("myNetwork").classList.toggle("show");
  }

  var ScrollDebounce = true;
  var page = 1;
  var total_pages = 5;


  function sticky_relocate() {
    if ($(".top-sticky").length > 0) {

      var window_top = $(window).scrollTop();
      var footer_top = $(".footer").offset().top;
      var div_top = $('.top-sticky').offset().top;
      var div_height = $(".popular").height();

      if (window_top + div_height > footer_top)
        $('.popular').removeClass('popular-sticky');
      else if (window_top > div_top) {
        $('.popular').addClass('popular-sticky');
      } else {
        $('.popular').removeClass('popular-sticky');
      }
    }

    
  }


  function scrool_menu() {
    $(window).scroll(function() {
      if ($(window).scrollTop() > 300) {
        $('.header-fix').slideDown('.header-fix-fiew');
      } else {
        $('.header-fix').slideUp('.header-fix-fiew');
      }
    });
  }


  /*Load more Function*/
  function loadData(page, ajaxURL) {
    $(".loader").css("display", "block");
    $.ajax({
        method: "POST",
        url: "https://a.republika.co.id/ajax/" + ajaxURL,
        data: {
          page: page,
          kid: 0        }
      })
      .done(function(content) {
        ScrollDebounce = true;
        $(".loader").css("display", "none");
        $("#posts-infinite").append(content);

      });

  }



  function openNav() {
    document.getElementById("mySidenav").style.width = "350px";

  }

  function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
  }


  function openSearch() {
    document.getElementById("myOverlay").style.display = "block";
  }
  //                tambahsearch
  function closeSearch() {
    document.getElementById("myOverlay").style.display = "none";
  }

  function show_debug_width() {
    var debug_show = false;
    var debug_console = false;
    $('body').prepend('<div id="info_css" style="background: rgba(0,0,0,0.7);font-family: tahoma;font-size: 11px; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #212121; padding: 5px;position: fixed;top: 0; left: 0; z-index: 99999; border: 1px solid red; display: ' + (debug_show ? 'block' : 'none') + '"><span id="wdt"></span> | <span id="hgt"></span> | <span id="rule_css">rules css: </span></div>');
    $("span#wdt").html("width: " + $(window).width());
    $("span#hgt").html("height: " + $(window).height());
    if (debug_console) {
      var rule = "";
      $('#rule_css').each(function() {
        rule = window.getComputedStyle(this, ':after').content;
      });
      console.log($('#info_css').text() + ' ' + rule);
    }
    $(window).resize(function() {
      $("span#wdt").html("width: " + $(window).width());
      $("span#hgt").html("height: " + $(window).height());
      if (debug_console) {
        var rule = "";
        $('#rule_css').each(function() {
          rule = window.getComputedStyle(this, ':after').content;
        });
        console.log($('#info_css').text() + ' ' + rule);
      }
    });
  }
  $('document').ready(function() {
    show_debug_width();
    hover_video();
    //scrool_header();

    function hover_video() {
      $('div.video-cover').hover(function() {
        $(this).find('div.overplay').show();
        $('div.video-cover img').css({
          "opacity": "0.9"
        });
      });

    }
    $(window).scroll(sticky_relocate);
    $(window).scroll(scrool_menu);
    sticky_relocate();
    scrool_menu();

    function scrool_header() {
      $(window).scroll(function() {
        if ($(window).scrollTop() > 60) {
          $('.header').slideDown();
          $('.header').css({
            "position": "fixed",
            "z-index": "99",
            "top": "0",
            "left": "0",
            "background": "#fff",
            "box-shadow": "2px 2px 2px 2px rgba(0,0,0,0.1)"

          });
        } else {
          $('.header').css({
            "position": "relative",
            "box-shadow": "none"
          });
        }
      });
    }



    
    window.fbAsyncInit = function() {
      FB.init({
        appId: '417808724973321',
        xfbml: true,
        version: 'v4.0'
      });
    };
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
          return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }
      (document, 'script', 'facebook-jssdk'));


    $("#dark-toggle").on("click", function(e) {
      e.preventDefault();
      toggleDarkLight();
    });
    $(".share_it a,.share-open-fix li").on("click", function() {
      url = window.location.href;
      s = $(this).attr("data-text"); //parents("div.blok_quot").children("div.blog-post-actions").children("div.pull-left").text().replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '+');
      c = $(this).attr("data-url"); //$(this).parents("div.blok_quot").children("div.quote-text").text().replace(/[^a-z0-9\s]/gi, '').replace(/[_\s]/g, '+');

      content = c + " - " + s;
      if ($(this).children().hasClass("fa-facebook")) {
        img = document.querySelector("meta[property='og:image']").getAttribute("content");
        FB.ui({
          method: 'share_open_graph',
          action_type: 'og.shares',
          action_properties: JSON.stringify({
            object: {
              'og:url': url,
              'og:title': "",
              'og:description': c,
              'og:og:image:width': '640',
              'og:image:height': '428',
              'og:image': img
            }
          })
        });
        console.log(img);
      } else if ($(this).children().hasClass("fa-twitter")) {
        window.open("https://twitter.com/intent/tweet?text=" + content);
      } else if ($(this).children().hasClass("fa-whatsapp")) {
        // https://web.whatsapp.com/send?text=
        window.open("https://api.whatsapp.com/send?text=" + content);
        //window.open("whatsapp://send?text=" + content);s
      } else if ($(this).children().hasClass("fa-line")) {
        // https://web.whatsapp.com/send?text=
        window.open("line://msg/text/=" + content);
      } else if ($(this).children().hasClass("fa-link")) {
        // https://web.whatsapp.com/send?text=
        var copyText = document.getElementById("myInput");
        $("#myInput").show();

        /* Select the text field */
        copyText.select();
        copyText.setSelectionRange(0, 99999); /*For mobile devices*/

        /* Copy the text inside the text field */
        document.execCommand("copy");
        $("#myInput").hide();
        /* Alert the copied text */
        alert("URL telah disalin: " + copyText.value);
      }
      return false;
    });
  });




  $('.sosmed-popup').click(function() {

    url = $(this).attr('rel');
    window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=yes, top=500, left=500, width=500, height=400");

  });


  $(function() {
    if (document.location.href.indexOf('#login') > -1) {
      console.log("AAAA");
      $('#login').modal('show');

    }


  });
</script>


<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-3730146-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());

  gtag('config', 'UA-3730146-1');

  
</script> -->
<script>
  $('.rtz-paragraph a[href]').attr('target', '_blank');
  </script>
</body>

</html>