
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: HTTP_ACCEPT_LANGUAGE</p>
<p>Filename: helpers/language_helper.php</p>
<p>Line Number: 13</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/helpers/language_helper.php<br />
			Line: 13<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 30<br />
			Function: phrase			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 12</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 12<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 17</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 17<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 21</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 21<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 21</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 21<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

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

<head>

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


  <meta name="robots" CONTENT="noindex,nofollow">



  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="description" content="The page was not found" />
  <meta name="keywords" content="post, dwitri, blogs, article, social, blogging" />
  <meta name="author" content="Republika ID" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  <meta property="og:title" content="Page Not Found! | Republika ID" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="https://rid.republika.co.id/rss/index/f/koran/id/25" />
  <meta property="og:site_name" content="republika.id" />
  <!-- <meta property="article:author" content="" /> -->
  <meta property="og:description" content="The page was not found" />
  <meta property="og:image:type" content="image/jpeg" />
  <meta property="og:image" content="https://rid.republika.co.id/uploads/placeholder.jpg" />
  <meta property="og:image:width" content="610" />
  <meta property="og:image:height" content="409" />
  <!--IMAGEMETA-->
  <meta property="fb:app_id" content="700754587648257" />
  <meta property="fb:pages" content="225952730433" />
  <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="" rel="stylesheet"> -->
  <link href="https://static.republika.co.id/files/themes/default/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="/themes/reid/plugins/aos/aos.css"> -->


  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,800;1,800&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="/themes/reid/plugins/owl-carousel/owl.carousel.css">

  <link rel="stylesheet" href="/themes/reid/css/layout-desktop-5.css?v=1">
  <link rel="stylesheet" href="/themes/reid/css/layout_ress.10.10.1.10.css?v=1">

  
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 79</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 79<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>  
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: slug</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 98</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 98<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
  


  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://static.republika.co.id/files/event/js/kjua-0.9.0.min.js" type="text/javascript"></script>
  <link rel="shortcut icon" type="image/x-icon" href="https://static.republika.co.id/files/themes/default/images/favicon-16x16.png">

  <script src="https://assets.fewcents.co/scripts/staging/paywall-fewcents-republika.js" async></script>


  <style type="text/css">
  .bg-category {
    z-index: 996;
  }


  @media (max-width: 434px) {
    .article-related.related-sticky {
      position: relative;
      top: 0;
      margin-left: 15px;
    }

    .more-active-list {
      padding-left: 2.5%;
      padding-top: 30px;
      padding-bottom: 40px;
      margin-left: 15px;
    }

    .headline .gradient-headline {
      height: 35%;
    }
  }

  .share_it .fa-twitter,
  .share_it .fa-facebook {
    background: none;
  }

  .ctg-head-ltumat {
    cursor: pointer;
  }

  .category-headline h2 {
    padding: 0 10px 10px
  }
</style>

<script>
  window.dataLayer = window.dataLayer || [];
  window.dataLayer = [
    
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/head_meta.php</p>
<p>Line Number: 43</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/head_meta.php<br />
			Line: 43<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 119<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
      // {
      //   "id": "",
      //   "published_date": "2023-12-07 03:57:02",
      //     'kanal': 
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: post</p>
<p>Filename: layouts/head_meta.php</p>
<p>Line Number: 75</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/head_meta.php<br />
			Line: 75<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 119<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>,
      //     'subkanal': 
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined variable: isi</p>
<p>Filename: layouts/head_meta.php</p>
<p>Line Number: 76</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/head_meta.php<br />
			Line: 76<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 119<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>,
      //   "title": "Page Not Found!",
      //   "author"  : "Page Not Found!",
      // },
      ];

  </script>



<script type="text/javascript">
  (function() {
    /** CONFIGURATION START **/
    var _sf_async_config = window._sf_async_config = (window._sf_async_config || {});
    _sf_async_config.uid = 67073; ////'';
    _sf_async_config.domain = 'republika.id';


    _sf_async_config.flickerControl = false;
    _sf_async_config.useCanonical = true;
    _sf_async_config.useCanonicalDomain = true;
    _sf_async_config.sections = '
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/head_meta.php</p>
<p>Line Number: 102</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/head_meta.php<br />
			Line: 102<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 119<br />
			Function: include			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>'; // CHANGE THIS TO YOUR SECTION NAME(s)
    _sf_async_config.authors = 'republikaID'; // CHANGE THIS TO YOUR AUTHOR NAME(s)
    /** CONFIGURATION END **/
    function loadChartbeat() {
      var e = document.createElement('script');
      var n = document.getElementsByTagName('script')[0];
      e.type = 'text/javascript';
      e.async = true;
      e.src = '//static.chartbeat.com/js/chartbeat.js';;
      n.parentNode.insertBefore(e, n);
    }
    loadChartbeat();
  })();
</script>


<!-- 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-K3V8MN9');
</script>  <style>
    .block-caption,
    .more-active-list btn,
    .share_it {
      display: none
    }

    .btn-kontribusi {
      font-weight: 400;
      line-height: 2;
      color: #fff;
      text-decoration: none;
      vertical-align: middle;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      background-color: #a8092b;
      border: 1px solid transparent;
      padding: 0.375rem 0.75rem;
      font-size: 1em;
      font-family: 'Montserrat';
      border-radius: 7.25rem;
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }




    .photoPrice {
      text-align: left;
      border-top: 1px solid #e8e8e8;
      padding-top: 1em;
    }


    button.btn.btn-link.toggle-caption {
      position: absolute;
      bottom: 0;
      right: 0
    }

    .wrapper-media {
      position: relative
    }

    .modal-header {
      padding: 22px
    }

    @media (max-width:540px) {
      .profile-follow em {
        display: none
      }

      .article-related {
        width: 100%
      }

      .profile-desc {
        width: 50%
      }

      .profile-list {
        padding-left: 5px;
        padding-right: 5px
      }

      .top-headline-list h3 {
        padding-left: 0;
        margin-bottom: 10px;
        font-family: Nunito-Sans-Regular;
        font-size: 14px
      }

      .top-headline-list:nth-child(2) {
        padding: 0 0 0 12px
      }

      .top-headline-list h2 a {
        padding-left: 0;
        font-family: Nunito-Sans-Bold;
        font-size: 18px
      }

      .bg-category {
        margin-top: 66vh !important;
        background: #fbf9ea;
        position: relative;
        z-index: 99
      }

      .headline-content img {
        margin: 0 !important;
        position: absolute;
        top: 50%;
        left: 50% !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
      }

      .headline {
        height: 56vh
      }

      .join-member-mobile {
        float: none
      }

      .top-headline {
        padding-top: 20px
      }

      .headline .gradient-headline {
        padding: 77px;
        bottom: 15px
      }
    }

    .header-new {
      background: #fbf9ea
    }

    ul.navmenu-nav li a {
      float: left
    }

    .dropdown-menu-nav-right {
      float: right
    }

    .read-news p {
      font-family: Roboto-Slab-Regular;
      font-size: 17px;
      line-height: 30px
    }

    .bg-category {
      z-index: 996
    }

    .blok_quot {
      padding: 0;
      margin: 0
    }

    .quote-box span {
      float: left;
      font-family: roboto-bold;
      opacity: .5;
      margin-bottom: 10px;
      width: 100% !important
    }

    .read blockquote {
      margin-top: 30px;
      margin-bottom: 30px
    }

    .blok_quot .sound {
      width: 16%;
      height: 80px;
      background-repeat: no-repeat;
      background-position: left;
      float: left
    }

    .quote-text {
      font-size: 20px !important;
      font-family: roboto-slab-bold !important;
      line-height: 30px
    }

    .header-content iframe {
      height: auto !important
    }

    span.kutipan-img {
      float: left;
      width: auto;
      padding-right: 20px
    }

    .ctg-head-ltumat {
      cursor: pointer
    }

    .category-headline h2 {
      padding: 0 10px 10px
    }

    .collapse {
      visibility: visible
    }

    .more-active-list p {
      margin-top: 0
    }

    .more-active-list h2 {
      font-size: 33px;
      margin-left: 10px
    }

    button.toggle-password.border-0 {
      border: 0
    }

    .category-trend-list {
      box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
    }

    .input-group-addon {
      border: 1px solid #ddd !important
    }

    .index-wrap {
      box-shadow: 0 1px 1px rgb(0 0 0 / 15%)
    }

    button.closebtn {
      background: 0 0;
      border: none
    }

    li.whatsapp {
      color: #fff;
      background-color: #63af29 !important
    }

    @media (max-width:821px) {
      .headline-content video {
        width: auto;
        height: 100%;
        position: absolute;
        z-index: 9;
        right: 0;
        left: 55% !important
      }

      .article-related {
        width: 100% !important;
        position: relative
      }

      .article-related.related-sticky {
        position: relative !important;
        top: 0;
        margin-left: 15px;
        width: 100%
      }

      .index-wrap {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 30px 5%;
        border-bottom: 1px #aaa;
        background: #fff;
        display: flex;
        border-radius: 10px
      }
    }

    @media (max-width:434px) {
      .profile-desc {
        width: 80%;
      }


      .headline-content video {
        width: auto;
        height: 100%;
        position: absolute;
        z-index: 9;
        right: 0;
        left: 55% !important
      }

      .article-related {
        width: 100% !important;
        position: relative
      }

      .blok_quot .sound,
      .btn-login {
        width: 100%
      }

      .article-related.related-sticky {
        position: relative !important;
        top: 0;
        margin-left: 15px
      }

      .more-active-list {
        padding-left: 2.5%;
        padding-top: 30px;
        padding-bottom: 40px;
        margin-left: 15px;
        margin-right: 15px
      }

      .headline .gradient-headline {
        height: 35%
      }

      .news-category-list {
        float: none
      }

      .btn-login {
        float: left
      }

      .menu-category {
        position: fixed;
        top: 95px;
        margin-left: -16px
      }

      .index-wrap {
        margin-bottom: 14px
      }

      .category-trend-list {
        border: none;
        margin: 8px 13px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
        width: 92% !important
      }

      .header-kanal .header-logo img {
        width: 30%;
        padding: 14px 0
      }

      .header-kanal-category {
        padding-right: 7%;
        float: right;
        text-align: right
      }

      .header-kanal-category h2 {
        font-size: 25px
      }
    }

    .share-open-fix ul li.print {
      background-color: #f40f02;
      color: #fff
    }

    .share-open-fix ul li i {
      font-size: 27px;
      padding: 11px
    }

    /* .share-open-click {   padding: 17px; } */
  </style>
</head>
<!-- End Google Tag Manager -->

<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 481</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 481<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 481</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 481<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>

<body class="fixed ">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3V8MN9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <!--RESPONSIVE INFO-->



  <!--RESPONSIVE INFO-->
  <div id="info_css" style="
             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: 99999; display: none">
    <span id="wdt"></span>
    <span id="hgt"></span>
    <span id="rule_css">rules css: </span>
  </div>

  <div id="main">
    <div class="container-fluid wrapper">

      <!--header-->


      
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 508</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 508<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>          <div class="header-new ">

            <div class="col-xs-12 col-lg-12 header-logo">




              <a href="/">
                <img src="https://republika.id/themes/reid/img/REPUBLIKA_SEMANGKA-1.png?v=3" alt="Image" class="" />
              </a>
            </div>
                    <div class="container">
            <div class="col-xs-2 col-lg-2 header-menu">
              <span style="font-size:20px;cursor:pointer; color: #000;" onclick="openNav()"><img src="/themes/reid/css/img/text_align_right.png" alt="Image" class=""></span>
            </div>
            <div class="col-xs-8 col-lg-8 header-member">
              <div class="join-member-mobile">
                                  <a href="/posts/subscribe" class="btn-member">
                    Berlangganan
                  </a>
                              </div>
              <div class="menu-category text-center">
                <ul>
                                      <li>
                      <a href="/kategori/berita">Berita</a>
                    </li>
                                      <li>
                      <a href="/kategori/perspektif">Perspektif</a>
                    </li>
                                    <!-- <li>
                    <a href="https://republika.id/posts/44365/keberlanjutan-pembangunan-dengan-semangat-estafet?utm_campaign=rolsosmed&utm_source=popupreid">Dirgahayu RI</a>
                  </li> -->


                </ul>
              </div>
            </div>
            <div class="col-xs-2 col-lg-2 header-login">

              <div class="header-login-in">
                                  <a href="https://akun.republika.co.id?token=aHR0cHM6Ly9yaWQucmVwdWJsaWthLmNvLmlkL3Jzcy9pbmRleC9mL2tvcmFuL2lkLzI1">
                    <img src="/themes/reid/css/img/exit.png" alt="Image" class="" />
                  </a>
                  <!-- <a data-toggle="modal" href="#login" role="button" aria-haspopup="true" aria-expanded="false">
                    <img src="/themes/reid/css/img/exit.png" alt="Image" class="" />
                  </a> -->
                              </div>

              <div class="header-search hidden-xs">
                <a href="#search" data-toggle="modal" data-push="tooltip" data-placement="bottom" data-title="Cari">
                  <i class="fa fa-search" style="padding-right: 10px;"></i>
                </a>
              </div>

                          </div>
          </div>
          </div>
          
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 624</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 624<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>          		<div class="text-center errorpadding first-child">
			<div class="container">
				<div class="row">
					<div class="col-sm-8 col-sm-offset-2 animated shake text-center">
						<div style="height:100px;"></div>
						<img src="https://rid.republika.co.id/themes/default/images/large_logo.png" style="max-width:260px" />
						<br /><br />
						<h1>Page Not Found!</h1>
						<p>The page was not found</p>
						<br /><br />
					</div>
				</div>
			</div> 
		</div>


          <!--footer-->
          <div class="row footer">
            <div class="container">
              <div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 footer-about">
                  <h1>REPUBLIKA.ID</h1>
                  <div class="">
                    <h2>Office</h2>
                    <p>Phone : 021 7803747</p>
                    <p>E-mail : cc@republika.co.id</p>
                  </div>
                  <div class="">
                    <h2>Redaksi</h2>
                    <p>Phone : 021 7803747</p>
                    <p>E-mail : sekretariat@republika.co.id</p>
                  </div>
                  <div class="">
                    <h2>Iklan</h2>
                    <p>Phone : 021 7803747</p>
                    <p>E-mail : marketing@republika.co.id</p>
                  </div>
                </div>

                <!--edit footer menu-->
                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 footer-menu">


                  <ul>
                    <li class="menu">
                      <div class="showplusfoot" id="foot">
                        <i class="fas fa-home"></i>
                        <a href="/"> Beranda </a>
                      </div>

                    </li>



                                          <li class="menu">
                                                    <div class="showplusfoot" id="foot">
                              <!-- &nbsp; -->
                                                        <a href="/kategori/kabar-utama">Kabar Utama</a>
                            </div>
                                                  </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fberita"></i>
                                                      <a href="/kategori/berita">Berita</a>
                            </div>
                            <ul id='fberita' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/nasional'>Nasional</a></li> <li><a href='/kategori/internasional'>Internasional</a></li> <li><a href='/kategori/kisah-mancanegara'>Kisah Mancanegara</a></li> <li><a href='/kategori/kisah-dalam-negeri'>Kisah Dalam Negeri</a></li> <li><a href='/kategori/ekonomi'>Ekonomi</a></li> <li><a href='/kategori/khazanah'>Khazanah</a></li> <li><a href='/kategori/olahraga'>Olahraga</a></li> <li><a href='/kategori/nusantara'>Nusantara</a></li></ul>                      </li>
                                          <li class="menu">
                                                    <div class="showplusfoot" id="foot">
                              <!-- &nbsp; -->
                                                        <a href="/kategori/hikmah">Hikmah</a>
                            </div>
                                                  </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fperspektif"></i>
                                                      <a href="/kategori/perspektif">Perspektif</a>
                            </div>
                            <ul id='fperspektif' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/tajuk'>Tajuk</a></li> <li><a href='/kategori/opini'>Opini</a></li> <li><a href='/kategori/resonansi'>Resonansi</a></li> <li><a href='/kategori/analisis'>Analisis</a></li> <li><a href='/kategori/refleksi'>Refleksi</a></li> <li><a href='/kategori/rehat'>Rehat</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fwawancara"></i>
                                                      <a href="/kategori/wawancara">Wawancara</a>
                            </div>
                            <ul id='fwawancara' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/bincang-bisnis'>Bincang Bisnis</a></li> <li><a href='/kategori/konsultasi-syariah'>Konsultasi Syariah</a></li> <li><a href='/kategori/motivasi-alquran'>Motivasi Alquran</a></li> <li><a href='/kategori/wawasan'>Wawasan</a></li> <li><a href='/kategori/hiwar'>Hiwar</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fmadeena"></i>
                                                      <a href="/kategori/madeena">Madeena</a>
                            </div>
                            <ul id='fmadeena' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/gaya-hidup'>Gaya Hidup</a></li> <li><a href='/kategori/safari'>Safari</a></li> <li><a href='/kategori/sains'>Sains</a></li> <li><a href='/kategori/funscience'>Funscience</a></li> <li><a href='/kategori/inovasi'>Inovasi</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fsejarah"></i>
                                                      <a href="/kategori/sejarah">Sejarah</a>
                            </div>
                            <ul id='fsejarah' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/tokoh'>Tokoh</a></li> <li><a href='/kategori/nostalgia'>Nostalgia</a></li> <li><a href='/kategori/kronik'>Kronik</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#flensa"></i>
                                                      <a href="/kategori/lensa">Lensa</a>
                            </div>
                            <ul id='flensa' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/peristiwa'>Peristiwa</a></li> <li><a href='/kategori/rana'>Rana</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fkalam"></i>
                                                      <a href="/kategori/kalam">Kalam</a>
                            </div>
                            <ul id='fkalam' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/liputan-khusus'>Liputan Khusus</a></li> <li><a href='/kategori/teraju'>Teraju</a></li> <li><a href='/kategori/islamia'>Islamia</a></li> <li><a href='/kategori/iqtishodia'>Iqtishodia</a></li> <li><a href='/kategori/dialektika'>Dialektika</a></li> <li><a href='/kategori/sastra'>Sastra</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fdialog-jumat"></i>
                                                      <a href="/kategori/dialog-jumat">Dialog Jumat</a>
                            </div>
                            <ul id='fdialog-jumat' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/laporan-utama'>Laporan Utama</a></li> <li><a href='/kategori/kabar-tanah-suci'>Kabar Tanah Suci </a></li> <li><a href='/kategori/fatwa'>Fatwa</a></li> <li><a href='/kategori/tuntunan'>Tuntunan</a></li> <li><a href='/kategori/muhibah'>Muhibah</a></li> <li><a href='/kategori/komunitas'>Komunitas</a></li> <li><a href='/kategori/fikih-muslimah'>Fikih Muslimah</a></li> <li><a href='/kategori/zakat'>Zakat</a></li> <li><a href='/kategori/uswah'>Uswah</a></li> <li><a href='/kategori/mujahidah'>Mujahidah</a></li> <li><a href='/kategori/tasawuf'>Tasawuf</a></li></ul>                      </li>
                                          <li class="menu">
                                                  <div class="showplusfoot" id="foot">
                            <i class="fas fa-chevron-circle-down" data-toggle="collapse" data-target="#fislam-digest"></i>
                                                      <a href="/kategori/islam-digest">Islam Digest</a>
                            </div>
                            <ul id='fislam-digest' aria-expanded='false' class='show-menu collapse'> <li><a href='/kategori/dunia-islam'>Dunia Islam</a></li> <li><a href='/kategori/tema-utama'>Tema Utama</a></li> <li><a href='/kategori/kitab'>Kitab</a></li> <li><a href='/kategori/kisah'>Kisah</a></li> <li><a href='/kategori/oase'>Oase</a></li> <li><a href='/kategori/arsitektur'>Arsitektur</a></li> <li><a href='/kategori/mujadid'>Mujadid</a></li></ul>                      </li>
                                      </ul>
                </div>
              </div>
            </div>
          </div>
          <style>
            .footer-copyright h4,
            .footer-copyright h4 a {
              color: #ffffff;
              font-size: 14px;
            }
          </style>
          <div class="text-center footer-copyright">
            <h4>
              <a href="https://republika.id/pages/about#pedoman-siber">Pedoman Siber</a>|
              <a href="https://republika.id/pages/about#privacy-policy">Privacy Policy</a>|
              <a href="https://republika.id/pages/about#tim-republika-dan-manajemen">Redaksi</a> |
              <a href="https://republika.id/pages/about#syarat-dan-ketentuan">Syarat dan Ketentuan</a> |
              <a href="https://republika.id/pages/about#republika">TENTANG REID</a> © 2022 PT Republika Media Mandiri
            </h4>
          </div>


          <div class="navbar navbar-custom header-mobile navbar-fixed-top cb-header header" style="display: none;">
            <div class="container">
              <div class="row">

                <div class="col-lg-1 col-xs-2 nomargin nopadding header-menu-nav">
                  <span style="font-size:20px;cursor:pointer; color: #000;" onclick="openNav()"><img src="/themes/reid/css/img/text_align_right.png" alt="Image" class=""></span>
                </div>

                <div class="col-lg-8 col-xs-12 nomargin nopadding text-center pushTitle header-logo">
                  <div class="logo-rid">
                    <a href="/">
                      <img src="https://republika.id/themes/reid/img/REPUBLIKA_SEMANGKA-1.png?v=3" alt="Image" class="" />
                      <!-- <img src="https://republika.id/themes/reid/css/img/lxogo_2023.png?v=3" alt="Image" class="" /> -->
                    </a>
                  </div>
                </div>

                <div class="col-lg-3 col-xs-4 nomargin nopadding text-right header-content ">

                  <ul class="nav navbar-nav navbar-right ">
                    <li class="member">
                      <a href="#" class="btn-member">
                        Berlangganan
                      </a>
                    </li>
                    <li class="dropdown">
                      <!--beforelogin-->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="display: none;">
                        <img src="https://static.republika.co.id/files/themes/republikaID/img/placeholder.jpg" width="20" height="20" alt="..." class="rounded" /> <span class="caret"></span>
                      </a>
                      <!--after login-->
                      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <img src="/themes/reid/css/img/new/user2.png" width="26" height="26" alt="..." class="rounded" /> <span class="caret" style="color: #000"></span>
                      </a>

                      <ul class="dropdown-menu">
                        <li><a href="https://republika.id/user/following"><i class="fa fa-user-plus"></i> &nbsp; Following </a>
                        </li>
                        <li role="separator" class="divider"></li>
                        <li><a href="https://republika.id/user/bookmark"><i class="fa fa-bookmark"></i> &nbsp; Bookmark </a>
                        </li>
                        <li><a href="https://republika.id/user/notifications"><i class="fa fa-bell"></i> &nbsp; Notifikasi</a>
                        </li>
                        <li><a href="https://republika.id/user/edit_profile"><i class="fa fa-cogs"></i> &nbsp; Perbarui Profil</a>
                        </li>
                        <li role="separator" class="divider"></li>
                        <li><a href="https://republika.id/user/logout"><b><i class="fa fa-ban"></i> &nbsp; Keluar</b></a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>




        </div>


    </div>


    <div id="mySidenav" class="sidenav">
      <button href="#" class="closebtn" onclick="closeNav()">&times;</button>
      <ul class="navmenu-nav">

        <li>

          <form class="form-horizontal submitForm" action="/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="9d1772e434a614e5246d885db824bc2e">
                <button type="submit" class="btn btn-lg btn-success nomargin submitBtn">
                  <i class="fa fa-search">
                  </i>

                </button>
              </span>
            </div>
          </form>

        </li>

        
                  <li>
                            <div class="showplus">
                  <!-- <img src="/themes/republikaID/img/new/kabar-utama.png"> -->
                                <a href="/kategori/kabar-utama">Kabar Utama</a>

                                </div>
                          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/berita.png">
                </i> -->
                              <a href="/kategori/berita">Berita</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#berita">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='berita' aria-expanded='false' class='collapse'> <li><a href='/kategori/nasional'>Nasional</a></li> <li><a href='/kategori/internasional'>Internasional</a></li> <li><a href='/kategori/kisah-mancanegara'>Kisah Mancanegara</a></li> <li><a href='/kategori/kisah-dalam-negeri'>Kisah Dalam Negeri</a></li> <li><a href='/kategori/ekonomi'>Ekonomi</a></li> <li><a href='/kategori/khazanah'>Khazanah</a></li> <li><a href='/kategori/olahraga'>Olahraga</a></li> <li><a href='/kategori/nusantara'>Nusantara</a></li></ul>          </li>
                  <li>
                            <div class="showplus">
                  <!-- <img src="/themes/republikaID/img/new/hikmah.png"> -->
                                <a href="/kategori/hikmah">Hikmah</a>

                                </div>
                          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/perspektif.png">
                </i> -->
                              <a href="/kategori/perspektif">Perspektif</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#perspektif">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='perspektif' aria-expanded='false' class='collapse'> <li><a href='/kategori/tajuk'>Tajuk</a></li> <li><a href='/kategori/opini'>Opini</a></li> <li><a href='/kategori/resonansi'>Resonansi</a></li> <li><a href='/kategori/analisis'>Analisis</a></li> <li><a href='/kategori/refleksi'>Refleksi</a></li> <li><a href='/kategori/rehat'>Rehat</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/wawancara.png">
                </i> -->
                              <a href="/kategori/wawancara">Wawancara</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#wawancara">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='wawancara' aria-expanded='false' class='collapse'> <li><a href='/kategori/bincang-bisnis'>Bincang Bisnis</a></li> <li><a href='/kategori/konsultasi-syariah'>Konsultasi Syariah</a></li> <li><a href='/kategori/motivasi-alquran'>Motivasi Alquran</a></li> <li><a href='/kategori/wawasan'>Wawasan</a></li> <li><a href='/kategori/hiwar'>Hiwar</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/madeena.png">
                </i> -->
                              <a href="/kategori/madeena">Madeena</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#madeena">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='madeena' aria-expanded='false' class='collapse'> <li><a href='/kategori/gaya-hidup'>Gaya Hidup</a></li> <li><a href='/kategori/safari'>Safari</a></li> <li><a href='/kategori/sains'>Sains</a></li> <li><a href='/kategori/funscience'>Funscience</a></li> <li><a href='/kategori/inovasi'>Inovasi</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/sejarah.png">
                </i> -->
                              <a href="/kategori/sejarah">Sejarah</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#sejarah">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='sejarah' aria-expanded='false' class='collapse'> <li><a href='/kategori/tokoh'>Tokoh</a></li> <li><a href='/kategori/nostalgia'>Nostalgia</a></li> <li><a href='/kategori/kronik'>Kronik</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/lensa.png">
                </i> -->
                              <a href="/kategori/lensa">Lensa</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#lensa">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='lensa' aria-expanded='false' class='collapse'> <li><a href='/kategori/peristiwa'>Peristiwa</a></li> <li><a href='/kategori/rana'>Rana</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/kalam.png">
                </i> -->
                              <a href="/kategori/kalam">Kalam</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#kalam">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='kalam' aria-expanded='false' class='collapse'> <li><a href='/kategori/liputan-khusus'>Liputan Khusus</a></li> <li><a href='/kategori/teraju'>Teraju</a></li> <li><a href='/kategori/islamia'>Islamia</a></li> <li><a href='/kategori/iqtishodia'>Iqtishodia</a></li> <li><a href='/kategori/dialektika'>Dialektika</a></li> <li><a href='/kategori/sastra'>Sastra</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/dialog-jumat.png">
                </i> -->
                              <a href="/kategori/dialog-jumat">Dialog Jumat</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#dialog-jumat">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='dialog-jumat' aria-expanded='false' class='collapse'> <li><a href='/kategori/laporan-utama'>Laporan Utama</a></li> <li><a href='/kategori/kabar-tanah-suci'>Kabar Tanah Suci </a></li> <li><a href='/kategori/fatwa'>Fatwa</a></li> <li><a href='/kategori/tuntunan'>Tuntunan</a></li> <li><a href='/kategori/muhibah'>Muhibah</a></li> <li><a href='/kategori/komunitas'>Komunitas</a></li> <li><a href='/kategori/fikih-muslimah'>Fikih Muslimah</a></li> <li><a href='/kategori/zakat'>Zakat</a></li> <li><a href='/kategori/uswah'>Uswah</a></li> <li><a href='/kategori/mujahidah'>Mujahidah</a></li> <li><a href='/kategori/tasawuf'>Tasawuf</a></li></ul>          </li>
                  <li>
                          <div class="showplus">
                <!-- <i>
                  <img src="/themes/republikaID/img/new/islam-digest.png">
                </i> -->
                              <a href="/kategori/islam-digest">Islam Digest</a>

                                  <div class="dropdown-menu-nav-right" data-toggle="collapse" data-target="#islam-digest">
                    <i class="fa fa-chevron-circle-down"></i>
                  </div>
                                </div>
                <ul id='islam-digest' aria-expanded='false' class='collapse'> <li><a href='/kategori/dunia-islam'>Dunia Islam</a></li> <li><a href='/kategori/tema-utama'>Tema Utama</a></li> <li><a href='/kategori/kitab'>Kitab</a></li> <li><a href='/kategori/kisah'>Kisah</a></li> <li><a href='/kategori/oase'>Oase</a></li> <li><a href='/kategori/arsitektur'>Arsitektur</a></li> <li><a href='/kategori/mujadid'>Mujadid</a></li></ul>          </li>
                <!--         <li>
                        <div class="showplus">
                <img src="/themes/republikaID/img/new/kabar-utama.png">
                            <a href="/kategori/kabar-utama">Kabar Utama</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#berita">
                <img src="/themes/republikaID/img/new/berita.png">
              </i>
                          <a href="/kategori/berita">Berita</a>
              </div>
                      </li>
              <li>
                        <div class="showplus">
                <img src="/themes/republikaID/img/new/hikmah.png">
                            <a href="/kategori/hikmah">Hikmah</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#perspektif">
                <img src="/themes/republikaID/img/new/perspektif.png">
              </i>
                          <a href="/kategori/perspektif">Perspektif</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#wawancara">
                <img src="/themes/republikaID/img/new/wawancara.png">
              </i>
                          <a href="/kategori/wawancara">Wawancara</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#madeena">
                <img src="/themes/republikaID/img/new/madeena.png">
              </i>
                          <a href="/kategori/madeena">Madeena</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#sejarah">
                <img src="/themes/republikaID/img/new/sejarah.png">
              </i>
                          <a href="/kategori/sejarah">Sejarah</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#lensa">
                <img src="/themes/republikaID/img/new/lensa.png">
              </i>
                          <a href="/kategori/lensa">Lensa</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#kalam">
                <img src="/themes/republikaID/img/new/kalam.png">
              </i>
                          <a href="/kategori/kalam">Kalam</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#dialog-jumat">
                <img src="/themes/republikaID/img/new/dialog-jumat.png">
              </i>
                          <a href="/kategori/dialog-jumat">Dialog Jumat</a>
              </div>
                      </li>
              <li>
                      <div class="showplus">
              <i data-toggle="collapse" data-target="#islam-digest">
                <img src="/themes/republikaID/img/new/islam-digest.png">
              </i>
                          <a href="/kategori/islam-digest">Islam Digest</a>
              </div>
                      </li>
       -->
      </ul>

      </ul>
    </div>


    <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" style="background-color:#efedde">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              <i class="fa fa-times"></i></button>
            <!-- <h3 id="myModalLabel">
            <i class="fa fa-lock"></i> Akses Dashboard
          </h3> -->
          </div>
          <div class="modal-body" style="padding-top:0;padding-bottom:0;background-color:#efedde">

            <div class="row">
              <div class="containerx">
                <div class="login-rid">
                                    <a href="/user/goog?ref=https%3A%2F%2Frid.republika.co.id%2Frss%2Findex%2Ff%2Fkoran%2Fid%2F25" class="col-lg-6 col-xs-12 btn-google" style="background-color:white;">
                    <img src="/themes/reid/css/img/google-icon.png" alt="Image" class="">Login Gmail
                  </a>
                  <a href="/user/fb?ref=https%3A%2F%2Frid.republika.co.id%2Frss%2Findex%2Ff%2Fkoran%2Fid%2F25" class="col-lg-6 col-xs-12 col-xs-12 btn-facebook">
                    <img src="/themes/reid/css/img/facebook-icon.png" alt="Image" class=""> Login Facebook
                  </a>
                  <div class="clearfix"></div>
                  <h2>atau dengan mendaftar</h2>

                  <div class="login-mail">
                    <form action="/user/login" method="post" class="submitForm" data-save="Masuk" data-saving="Harap Tunggu..." data-alert="Unable To Signing In">
                      <div class=" col-xs-12 form-group">
                        <div class="input-group">
                          <input type="text" class="form-control input-lg" name="username" value="" placeholder="Nama Pengguna / Email">
                          <div class="input-group-addon">
                            <a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a>
                          </div>
                        </div>
                      </div>
                      <div class="col-xs-12 form-group">
                        <div class="input-group" id="show_hide_password">
                          <input type="password" id="pass_log" class="form-control input-lg" name="password" value="" placeholder="Masukkan Kata Sandi">
                          <div class="input-group-addon">
                            <button type="button" class="toggle-password border-0"><i class="fa fa-eye-slash" aria-hidden="true"></i></button>
                          </div>
                        </div>
                      </div>
                      <div class="opsi-login">
                        <!-- <div class="form-check pull-left">
                        <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked">
                        <label class="form-check-label" for="flexCheckChecked">
                          ingat saya
                        </label>
                      </div> -->

                        <!-- <span class="pull-right">Lupa Password</span> -->
                      </div>
                      <div class="clearfix"></div>
                      <div class="login-form mb30">
                        <input type="hidden" name="hash" value="5c01223755957182d6a3ca13699bb411872e1dce">
                        <button class="btn-login submitBtn" type="submit">
                          <i class="fa fa-check-circle"></i> Masuk
                        </button>
                        <a href="/user/register" class="btn-login" type="button">
                          <i class="fa fa-user-plus"></i> Daftar
                        </a>
                        <!-- <a href="" class="btn-login">Masuk</a> -->
                      </div>


                      <!-- <p>New member <a href="" style="color: #A12E2E">Sign Up</a></p> -->
                      <div class="col-sm-12 statusHolder">
                      </div>
                    </form>

                  </div>



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




          </div>
          <div class="modal-footer">
            <div class="col-sm-12 text-center">Silakan masukkan nama pengguna atau email Anda untuk mengakses timeline dan menulis artikel.</div>

          </div>

        </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-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times"></i>
            </button>
          </div>
          <div class="modal-body">
            <div class="row">
              <div class="col-sm-12">


                <form class="form-horizontal submitForm" action="/search" method="post" data-save="Search" data-saving="Searching" data-alert="Unable To Submit Inquiry">
                  <div class="input-group">
                    <input type="text" class="form-control input-lg" name="query" placeholder="Type keywords" /><span class="input-group-btn"><input type="hidden" name="hash" value="8bb1110500fa8df5308df941b6bd1148aa82d213" /><button type="submit" class="btn btn-lg btn-success nomargin submitBtn"><i class="fa fa-search"></i> </button></span>
                  </div>
                  <div class="form-group">
                    <div class="col-sm-12 statusHolder"></div>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <div class="modal-footer text-center"><b>:</b>
            <br />
          </div>
        </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="fas 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 content-modal-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="fas 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>


  

  <style>
    .notification-popup p {
      color: #ffffff !important;
      font-family: 'Nunito-Sans-Regular';
    }


    button#btn-no,
    button#btn-yes {
      width: 145px;
      font-size: .90em !important;
      font-weight: 700;
      margin-right: 1em;
      padding: 0.8em;
      font-family: 'Roboto-Slab-Regular';
      border-radius: 30px;
    }

    .notification-popup {
      display: none !important;

      position: fixed;
      font-size: 1.05em;
      width: 100%;
      text-align: left;
      padding: 1.5em 1em;
      z-index: 999;
      background: #000 !important;
      color: #fff;
      margin-bottom: -200px;
      bottom: 0 !important
    }

    .notification-popup p {
      color: #ffffff !important;
    }

    button#btn-no,
    button#btn-yes {
      width: 100px;
      font-size: .85em !important;
      font-weight: 700;
      margin-right: 1em;
      padding: .5em
    }

    button#btn-yes {
      background: #de2a2a !important
    }

    button#btn-no {
      border: 1px solid #dedede;
      color: #ffffff !important;
      background: 0 0
    }
  </style>
  <!-- <div class="notification-popup col-md-12 col-sm-12 ">
    <div class="icon col-md-4 col-sm-4 "> </div>

    <div class="notif description col-md-8 col-sm-8 ">
      <div>
        <p>Ikuti Berita Republika Lainnya</p>
      </div>
      <div><button id="btn-yes" class="btn-notif" type="button">YA</button><button id="btn-no" class="btn-notif" type="button">Lain Kali</button></div>
    </div>
  </div> -->


  <script type="text/javascript">
    var base_url = 'https://rid.republika.co.id/',
      theme_url = 'https://static.republika.co.id/files/themes/default/',
      siteName = 'Republika ID',
      loggedIn = false,
      fail_alert = 'Tidak dapat memproses permintaan Anda',
      dc_alert = 'Periksa koneksi Anda',
      empty_alert = 'Masukkan teks'
  </script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="/themes/default/js/global.js"></script>
  <!-- <script src="/themes/reid/plugins/jquery-1.11.3/jquery-1.11.3.min.js" type="text/javascript"></script> -->
  <script src="/themes/reid/plugins/bootstrap-3.3.5/bootstrap.min.js" type="text/javascript"></script>
  <script src="/themes/reid/plugins/jquery-ui-1.11-4/jquery-ui.min.js" type="text/javascript"></script>
  <script src="/themes/reid/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
  <!-- <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> -->
  <script src="/themes/reid/js/aos.js"></script>
  <script src="/themes/reid/js/cbslideheader.js"></script>
  <script src="https://static.republika.co.id/files/js/jquery.lazyload.js?v=ROL-60"></script>

  <script type="text/javascript" src="//www.instagram.com/embed.js"></script>

  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-messaging.js"></script>

  <script src="/themes/reid/js/firebase.js"></script>


  <!-- 
  <link rel="stylesheet" href="/themes/republikaID/plugins/lightgallery/css/lightgallery.css">
 
  <script src="/themes/republikaID/plugins/lightgallery/js/lightgallery.min.js" type="text/javascript"></script>
  <script src="/themes/republikaID/plugins/lightgallery/js/lg-thumbnail.min.js" type="text/javascript"></script>
  <script src="/themes/republikaID/plugins/lightgallery/js/lg-fullscreen.min.js" type="text/javascript"></script> -->
  <!-- <script src="https://www.jqueryscript.net/demo/Simple-Wizard-Modal-Plugin-with-jQuery-Bootstrap-Easy-Wizard/easyWizard.js" type="text/javascript"></script> -->



  <script>
    // var body = $("html, body");
    // setTimeout(function() {
    //   body.stop().animate({
    //     scrollTop: 100
    //   }, 1000, 'swing', function() {
    //     //alert("Finished animating");
    //   });
    // }, 2800);




    // $("html, body").animate({scrollTop:0},700);
    // $(document).ready(function() {
    //   $("#lightgallery").lightGallery();
    // });

    // an alternative structure to check individual matches
    // if (
    //   navigator.userAgent.match(/Android/i) ||
    //   navigator.userAgent.match(/iPhone/i)
    // ) {



    //}


    $("body").on('click', '.toggle-password', function(t) {
      t.preventDefault();
      $(this).children().toggleClass("fa-eye fa-eye-slash");
      var input = $("#pass_log");
      if (input.attr("type") === "password") {
        input.attr("type", "text");
      } else {
        input.attr("type", "password");
      }

    });

    $('document').ready(function() {

      $("img.lazy").lazyload({
        effect: "fadeIn",
        threshold: 200,
        failure_limit: 40
      });
      slider();
      //show_debug_width();
      AOS.init();
      show_menu();
      show_lt_umat();
      top_headline();
      lt_umat();

      $(document).on("click", "#show-bars", function() {
        $(".show-bar").toggle();
      });


    });

    // window.addEventListener("load", function() {
    //   setTimeout(function() {
    //     console.log("loading");
    //     window.scrollTo(0, 100);
    //   }, 4);
    // }); 


    function show_lt_umat() {
      // Scroll based on devices width
      var width = $(window).width();
      $(window).scroll(function() {
        if (width < 500) {
          if ($(document).scrollTop() > 500) {
            $('.header2 .ctg-head-ltumat').fadeIn('slow');
            //console.log('hai');
            $('.header2 .header-logo img').hide();
          } else {
            $('.header2 .ctg-head-ltumat').fadeOut('slow');

          }
        }
      });
    }

    function lt_umat() {
      if ($('.top-lit').length > 0) {
        $(window).scroll(scroll_literasi);
        scroll_literasi();

        function scroll_literasi() {

          var window_top = $(window).scrollTop();
          `          // console.log(window_top);

          // if (window_top > 0 && window_top < 301 && window_top % 2 == 0 && (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
          // if (window_top > 0 && window_top < 301 && window_top % 2 == 0 && (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {


          // $(".headline-content img").css({
          //   height: (100 - window_top / 5) + "%",
          //   top: (50 - window_top / 5) + "%"
          // })
          //}`




          var div_top = $('.top-lit').offset().top;
          if (window_top > div_top) {
            $('.navbar-fixed-bottomzzz').removeClass('#ltumat');
            $('.navbar-fixed-bottomzzz').addClass('#ltumat1').fadeIn('slow');
          }
          $('#close-ltumat').click(function() {
            $('#ltumat').remove();
            return false;
          });
        }
      }
    }
    
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 1491</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 1491<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
    function top_headline() {
      //var width = $(window).width();
      // $(window).scroll(function() {
      //   if (width < 660) {
      //     if ($(document).scrollTop() > 12) {
      //       $('.headline').addClass('head-mob');
      //       $('.headline-content').addClass('head-content-mob img');
      //       $('.headline-content').addClass('head-content-mob video');
      //       $('.headline-caption-detail').addClass('head-caption-detail');
      //       $('.headline-desc-news h1').addClass('head-desc-news h1');
      //       $('.headline-desc h1').addClass('head-desc h1');
      //       $('.headline-desc').addClass('head-desc');
      //       $('.headline .gradient-headline').addClass('head gradient-headline-mob');
      //       $('.btn-selengkapnya').addClass('btn-selengkapnya-mob');
      //       $('.headline-desc-news label, .headline-desc label').addClass('head-desc-news label head-desc label');
      //     } else {
      //       $('.headline').removeClass('head-mob');
      //       $('.headline-content').removeClass('head-content-mob img');
      //       $('.headline-content').removeClass('head-content-mob video');
      //       $('.headline-caption-detail').removeClass('head-caption-detail');
      //       $('.headline-desc-news h1').removeClass('head-desc-news h1');
      //       $('.headline-desc h1').removeClass('head-desc h1');
      //       $('.headline-desc').removeClass('head-desc');
      //       $('.headline .gradient-headline').removeClass('head gradient-headline-mob');
      //       $('.btn-selengkapnya').removeClass('btn-selengkapnya-mob');
      //       $('.headline-desc-news label .headline-desc label').removeClass('head-desc-news label head-desc label');
      //     }
      //   }
      // });
    }


    function show_menu() {
      $(document).ready(function() {
        // $(".collapse.show").each(function() {
        //   $(this).prev(".showplus").find(".fa").addClass("fa-minus").removeClass("fa-chevron-circle-down");
        // });

        $(".collapse").on('show.bs.collapse', function() {
          $(this).prev(".showplus").find(".fa").removeClass("fa-chevron-circle-down").addClass("fa-minus");
        }).on('hide.bs.collapse', function() {
          $(this).prev(".showplus").find(".fa").removeClass("fa-minus").addClass("fa-chevron-circle-down");
        });
      });
    }

    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);
        }
      });
    }

    function closeLit() {
      document.getElementById("ltumat").style.display = "none";

    }

    function openPayment() {
      document.getElementById("ltucontirbute").style.display = "block";
      document.getElementById("ltucon").style.display = "none";

    }

    function openPaymentDone() {
      document.getElementById("ltupayment").style.display = "block";
      document.getElementById("ltucontirbute").style.display = "none";

    }

    function openNav() {
      document.getElementById("mySidenav").style.width = "93%";
      document.getElementById("header-fix").style.marginLeft = "93%";
    }

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



    function slider() {
      $(document).ready(function() {
        $("#owl-slider-headline").owlCarousel({
          slideSpeed: 300,
          paginationSpeed: 400,
          loop: true,
          autoplay: true,
          speed: 800,
          autoPlay: 3000,
          timeout: 1000,
          items: 1,
          lazyLoad: true,
          itemsDesktop: false,
          itemsDesktopSmall: [900, 1],
          itemsTablet: [600, 1],
          itemsMobile: [420, 1],
          navigation: true,
          navigationText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>']
        });

        // $("#owl-slider-edisi").owlCarousel({
        //   slideSpeed: 300,
        //   paginationSpeed: 400,
        //   loop: true,
        //   autoplay: true,
        //   lazyLoad: true,
        //   speed: 800,
        //   autoPlay: 20000, //Set AutoPlay to 10 seconds
        //   timeout: 1000, // 5 seconds
        //   items: 4,
        //   navigation: true,
        //   navigationText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>']
        // });
        // $("#owl-banner-slider").owlCarousel({
        //   slideSpeed: 300,
        //   paginationSpeed: 400,
        //   loop: true,
        //   autoplay: true,
        //   lazyLoad: true,
        //   speed: 800,
        //   autoPlay: 20000, //Set AutoPlay to 10 seconds
        //   timeout: 1000, // 5 seconds
        //   items: 1,
        //   itemsDesktop: 1, //5 items between 1000px and 901px
        //   itemsDesktopSmall: [900, 1], // betweem 900px and 601px
        //   itemsTablet: [810, 1], //1 items between 600 and 0
        //   itemsMobile: [420, 1], // itemsMobile disabled - inherit from itemsTablet option
        //   navigation: true,
        //   navigationText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>']
        // });
        // $("#owl-banner-slider-mob").owlCarousel({
        //   slideSpeed: 300,
        //   paginationSpeed: 400,
        //   loop: true,
        //   lazyLoad: true,
        //   autoplay: true,
        //   speed: 800,
        //   autoPlay: 20000, //Set AutoPlay to 10 seconds
        //   timeout: 1000, // 5 seconds
        //   items: 1,
        //   itemsTablet: [800, 1], //2 items between 600 and 0
        //   itemsMobile: [420, 1], // itemsMobile disabled - inherit from itemsTablet option
        //   navigation: true,
        //   navigationText: ['<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>']
        // });
      });
    }

    function animation_headline() {
      // $(window).scroll(function() {
      //   if ($(document).scrollTop() > 30) {
      //     $('.headline-desc h1, .headline-desc label, .headline-desc a').slideUp();
      //   } else {
      //     $('.headline-desc h1, .headline-desc label, .headline-desc a').slideDown();
      //   }
      // });
    }
  </script>


  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-3730146-12"></script>

  <script>
    window.dataLayer = window.dataLayer || [];

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

    gtag('config', 'UA-3730146-12');
  </script>
  <script type="text/javascript">
    $(document).ready(function() {

      
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined index: type</p>
<p>Filename: layouts/default.php</p>
<p>Line Number: 1709</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/themes/default/views/layouts/default.php<br />
			Line: 1709<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/third_party/MX/Loader.php<br />
			Line: 357<br />
			Function: include			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 727<br />
			Function: file			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/libraries/Template.php<br />
			Line: 259<br />
			Function: _load_view			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/codeigniter/application/controllers/Myerror.php<br />
			Line: 35<br />
			Function: build			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/ubuntu/republikaid/frontend/index.php<br />
			Line: 307<br />
			Function: require_once			</p>

		
	

</div>
      // window.fbAsyncInit = function() {
      //   FB.init({
      //     appId: '700754587648257',
      //     xfbml: true,
      //     version: 'v14.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'));
      // $(".share_it a,.share-open-fix li").on("click", function() {
      //   url = window.location.href;
      //   s = $(this).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).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': '610',
      //           'og:image:height': '409',
      //           'og:image': img
      //         }
      //       })
      //     });
      //     console.log(img);
      //   } else if ($(this).children().hasClass("fa-twitter")) {
      //     window.open("https://twitter.com/intent/tweet?text=" + content + " " + url);
      //   } else if ($(this).children().hasClass("fa-whatsapp")) {
      //     window.open("https://api.whatsapp.com/send?utm_source=whatsapp&text=" + content + " " + url + "?utm_source=whatsapp");
      //   }
      //   return false;
      // });
    });
  </script>
</body>

</html>