<!DOCTYPE html>

<html><head><title>Promedia Blog</title><noscript></noscript></head><body class="is-homepage"><div class="template-settings section" id="template-settings"><div class="widget HTML" id="HTML70"></div></div><div class="custom-css section" id="custom-css"><div class="widget HTML" id="HTML82"></div></div><a class="skip-to-content-link skip-to-link">
        Lompat ke konten
</a><a class="skip-to-sidebar-link skip-to-link">
        Lompat ke sidebar
</a><a class="skip-to-footer-link skip-to-link">
        Lompat ke footer
</a><header id="header-outer"><div id="header-wrap"><div id="header-content"><div class="header section" id="header"><div class="widget Header" id="Header1"><div class="blog-title-wrap"><h1 class="blog-title"><a>Promedia Blog</a></h1></div></div></div><div class="social-button section" id="social-button"><div class="widget HTML" id="HTML71"><div class="widget-content"></div></div></div></div></div><div id="navmenu-wrap"><div id="searchcontainer"><form id="search"><input id="search-terms"/></form></div><div id="navmenu-wrap-sticky"><div class="menu-sticky"><div class="nav-outer nav-copy"></div></div></div><div class="navmenu section" id="navmenu"><div class="widget HTML" id="HTML72"><div class="nav-outer nav-original"><nav class="navmenu-content"><ul><li><a>Beranda</a></li><li><a>Bisnis</a></li><li><a>Traveling</a></li><li><a>Kuliner</a></li><li><a>Teknologi</a></li><li><a>Otomotif</a></li><li><a>Lifestyle</a></li></ul></nav><div class="nav-secondary"><label class="iconsearch-label"><svg><path></path></svg></label><div class="darkmode-switch"><span class="switch-title"></span><label class="switch"><input class="checkbox"/><span class="slider"></span></label></div></div><button class="navmenu-button"><div></div><div></div><div></div></button></div><div id="navmenu-sidebar"><div id="navmenu-sidebar-closebtn"><div class="closebtn">✕</div><div class="closebtn-title">Tutup</div></div><div id="navmenu-sidebar-body"></div></div><div id="navmenu-overlay"></div></div></div></div></header><main id="wrapper"><section id="content-wrap"><div class="top-widget section" id="top-widget"><div class="widget HTML" id="HTML73"></div></div><div class="top-widget2 section" id="top-widget2"><div class="widget HTML" id="HTML421"></div></div><div class="main-content section" id="main-content"><div class="widget FeaturedPost" id="FeaturedPost1"><div class="featured-outer"><h2 class="title">Featured Post</h2><div class="post-summary"><div class="featured-img"><div class="featured-img-bg"><a><img class="image lazyload blur-up" height="400" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC" width="400"/></a></div></div><div class="featured-info"><h2><a>
Tips dan Trik Memasang Ban Mobil dengan Aman dan Efisien
</a></h2><p class="featured-desc">
Memasang ban mobil mungkin terdengar seperti tugas yang mudah, tetapi sebenarnya diperlukan beberapa pengetahuan dan ke…
</p><p class="featured-more"><a>Baca selengkapnya
<span class="screen-reader-text">Tips dan Trik Memasang Ban Mobil dengan Aman dan Efisien</span></a></p></div></div></div></div><div class="widget Blog" id="Blog1"><div class="latestposts-title"><h2>Postingan Terbaru</h2></div><div class="content"><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>bisnis</a><a>teknologi</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Memanfaatkan Google Maps untuk Keuntungan Bisnis Anda</a></h2><div class="post-info"><time>
31 Okt, 2023
</time></div><div class="post-snippet" id="post-snippet-5338699468798060158">
Google Maps, salah satu layanan dari raksasa teknologi Google, telah mengubah cara kita menjelaja…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Memanfaatkan Google Maps untuk Keuntungan Bisnis Anda</span></a></div></div></div></article><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>teknologi</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Drum Elektrik Berkualitas Terbaik: Menghadirkan Suara Berkualitas Tanpa Batas</a></h2><div class="post-info"><time>
25 Okt, 2023
</time></div><div class="post-snippet" id="post-snippet-4577267193977399286">
Drum elektrik, sering kali disebut e-drum, telah menjadi salah satu instrumen musik paling inovatif…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Drum Elektrik Berkualitas Terbaik: Menghadirkan Suara Berkualitas Tanpa Batas</span></a></div></div></div></article><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>teknologi</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Menyempurnakan Suara Anda: Platform Edit Audio Terbaik untuk Profesional dan Penggemar Musik</a></h2><div class="post-info"><time>
23 Okt, 2023
</time></div><div class="post-snippet" id="post-snippet-586639698542574762">
Dalam dunia yang semakin terhubung dan berbasis digital, pengeditan audio telah menjadi aspek kunci…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Menyempurnakan Suara Anda: Platform Edit Audio Terbaik untuk Profesional dan Penggemar Musik</span></a></div></div></div></article><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>lifestyle</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Cara Mengendalikan Emosi: Kunci untuk Kesejahteraan Emosional</a></h2><div class="post-info"><time>
20 Okt, 2023
</time></div><div class="post-snippet" id="post-snippet-2514860040182789611">
Mengendalikan emosi adalah keterampilan penting dalam kehidupan sehari-hari. Emosi yang tidak terke…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Cara Mengendalikan Emosi: Kunci untuk Kesejahteraan Emosional</span></a></div></div></div></article><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>lifestyle</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Tips Memilih Menu Makanan yang Sehat: Jaga Gizi dan Kesehatan Anda</a></h2><div class="post-info"><time>
20 Okt, 2023
</time></div><div class="post-snippet" id="post-snippet-6507272763350634233">
Pilihan makanan yang sehat adalah kunci untuk menjaga kesehatan tubuh dan mendukung gaya hidup yang…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Tips Memilih Menu Makanan yang Sehat: Jaga Gizi dan Kesehatan Anda</span></a></div></div></div></article><article class="post-outer"><div class="post-content"><div class="img-thumbnail"><a><img class="lazyload blur-up" height="225" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=" width="400"/></a><div class="label-info"><a>kuliner</a></div></div><div class="post-summary-wrap"><a></a><h2 class="post-title entry-title"><a>Cara Agar Memasak Tidak Terlalu Menggunakan Micin</a></h2><div class="post-info"><time>
27 Sep, 2023
</time></div><div class="post-snippet" id="post-snippet-4336035940598896297">
Micin atau monosodium glutamat adalah bahan tambahan makanan yang sering digunakan dalam masakan un…
<a class="read-more-link">
Baca selengkapnya
<span class="screen-reader-text">Cara Agar Memasak Tidak Terlalu Menggunakan Micin</span></a></div></div></div></article></div><div class="blog-pager container" id="blog-pager"><a class="blog-pager-older-link" id="Blog1_blog-pager-older-link">
Postingan Lama
</a></div></div></div><div class="iklan-infeed section" id="iklan-infeed"><div class="widget HTML" id="HTML83"><div class="widget-content kode-iklan-infeed"></div></div></div></section><aside id="sidebar-wrap"><div class="sidebar-content section" id="sidebar-content"><div class="widget HTML" id="HTML1"><div class="normalwidget-title html"><h2 class="title">Blog Partner</h2></div><div class="widget-content"><a>Blog Alvin</a><br/><a>Blog Ana</a><br/><a>Blog Belgis</a><br/><a>Blog Dedo</a><br/><a>Blog Eci</a><br/><a>Blog Eli</a><br/><a>Blog Emy</a><br/><a>Blog Galeriberita</a><br/><a>Blog Galeritekno</a><br/><a>Blog Globe</a><br/><a>Blog Ita</a><br/><a>Blog Iva</a><br/><a>Blog Lenterasenja</a><br/><a>Blog Mediatulis</a><br/><a>Blog Milo</a><br/><a>Blog Momy</a><br/><a>Blog Nea</a><br/><a>Blog Promedia</a><br/><a>Blog Rie</a><br/><a>Blog Romansa</a><br/><a>Blog Roy</a><br/><a>Blog Serasi</a><br/><a>Blog Tia</a><br/><a>Blog Tis</a><br/><a>Blog Vio</a><br/><a>Blog Voe</a><br/><a>Blog Zio</a></div></div></div><div class="sidebar-content-sticky no-items section" id="sidebar-content-sticky"></div></aside></main><div id="subscribe-box-wrap"><div class="subscribe-box no-items section" id="subscribe-box"></div></div><footer id="footer-outer"><div id="footer-content"><div class="page-navmenu section" id="page-navmenu"><div class="widget PageList" id="PageList1"><div class="normalwidget-title"><h2 class="title">Menu Halaman Statis</h2></div><div class="widget-content"><ul><li><a>Beranda</a></li><li><a>Bisnis</a></li><li><a>Traveling</a></li><li><a>Kuliner</a></li><li><a>Teknologi</a></li><li><a>Otomotif</a></li><li><a>Lifestyle</a></li></ul></div></div></div><div class="footer-text section" id="footer-text"><div class="widget HTML" id="HTML80"><div class="footer-text">
                            © 2023 - <a>Promedia Blog</a></div></div></div><div class="navbarrr no-items section" id="navbarrr"></div></div></footer><a id="goTop"></a><div class="custom-javascript-footer section" id="custom-javascript-footer"><div class="widget HTML" id="HTML85"></div></div><style>#iklan-tengah1, #iklan-tengah2, #iklan-atas, #iklan-bawah, #matched-content, #iklan-infeed {
    display: none
    }
html {
    font: normal normal 16px Helvetica, Arial, sans-serif
    }
body {
    background: #edf1f2;
    color: #636363;
    font-family: Roboto, Arial, sans-serif
    }
#footer-content, #header-content, .navmenu, .menu-sticky, #subscribe-box, #wrapper {
    max-width: 1200px
    }
#header-wrap {
    transition: all 0.2s;
    background: #4b525d
    }
#header-content, #navmenu-sidebar-closebtn {
    transition: all 0.2s;
    background: #424a56
    }
#header-outer #header-content {
    min-height: 48px
    }
#navmenu-wrap, #navmenu-wrap-sticky {
    transition: all 0.2s;
    background: #57809a
    }
#header-outer .navmenu .nav-outer {
    min-height: 62px
    }
.navmenu, .menu-sticky {
    transition: all 0.2s;
    background: #547A92
    }
#content-wrap, #content-wrap-produk-index, #navmenu-sidebar-body, #wrapper {
    transition: all 0.2s;
    background: #fff
    }
#sidebar-wrap {
    transition: all 0.2s;
    background: #f8fafa
    }
.html-jasa .normalwidget-title h3.title, .html-produk .normalwidget-title h3.title, .html-jasa .normalwidget-title h2.title, .html-produk .normalwidget-title h2.title, .latestposts-title h2, #ms-related-post p.ms-title, .share-this-pleaseeeee {
    transition: all 0.2s;
    background: #fff
    }
.FeaturedPost h3.title, .FeaturedPost h2.title {
    transition: all 0.2s;
    box-shadow: 0 0 0 2px #fff
    }
.normalwidget-title h3.title, .normalwidget-title h2.title {
    transition: all 0.2s;
    background: #f8fafa
    }
#social-button .widget, #header .widget, #header .widget a, #navmenu-sidebar-closebtn .closebtn, #navmenu-sidebar-closebtn .closebtn-title {
    color: #FFF
    }
.navmenu-content, .navmenu-button, .navmenu-content > ul > li > a {
    color: #FFF
    }
.navmenu-button div {
    transition: all 0.2s;
    background-color: #FFF
    }
.darkmode-switch .switch-title {
    color: #FFF
    }
.darkmode-switch .slider {
    border: 2px solid #FFF
    }
.iconsearch-label {
    transition: all 0.2s;
    background: #547A92
    }
.iconsearch-label path {
    fill: #FFF
    }
.FeaturedPost h3.title, .PopularPosts .popular-post-widget-title h3.title, .FeaturedPost h2.title, .PopularPosts .popular-post-widget-title h2.title {
    transition: all 0.2s;
    color: #FFF;
    background: #b15f3e
    }
.normalwidget-title h3.title, .normalwidget-title h2.title {
    color: #707070
    }
.html-jasa .normalwidget-title h3.title, .html-produk .normalwidget-title h3.title, .html-jasa .normalwidget-title h2.title, .html-produk .normalwidget-title h2.title, .latestposts-title h2 {
    color: #707070
    }
.post-title, .post-title a {
    color: #575a5f
    }
.breadcrumbs, .breadcrumbs a, .post-info, .post-info a {
    color: #757575
    }
.FeaturedPost .post-summary, .FeaturedPost .post-summary .featured-info {
    transition: all 0.2s;
    background: #f8fafa
    }
.FeaturedPost .featured-img-bg {
    transition: all 0.2s;
    background: #fff
    }
.FeaturedPost h2 a, .FeaturedPost h3 a {
    color: #575a5f
    }
.FeaturedPost p.featured-desc {
    color: #636363
    }
#footer-outer {
    transition: all 0.2s;
    background: #4b525d
    }
#footer-content {
    transition: all 0.2s;
    background: #424a56;
    color: #FFF
    }
#footer-content a {
    color: #FFF
    }
html {
    line-height: 1.15
    }
body {
    margin: 0
    }
main {
    display: block
    }
h1 {
    font-size: 2em;
    margin: 0.67em 0
    }
a {
    background-color: transparent
    }
img {
    border-style: none
    }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
    }
button, input {
    overflow: visible
    }
button, select {
    text-transform: none
    }
body {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.575;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    position: relative
    }
ul, ol {
    margin: 20px 0 20px 0;
    margin: 1.25rem 0 1.25rem 0;
    padding-left: 48px;
    padding-left: 3rem
    }
.blur-up {
    opacity: 0.3 !important;
    background: #d7dee0;
    border-radius: 4px;
    overflow: hidden
    }
.lazyload {
    opacity: 0;
    transition: opacity 300ms
    }
.template-settings, .custom-css, .custom-javascript-footer {
    display: none
    }
.navbarrr, .quickedit, .BlogSearch h3 {
    display: none
    }
table, img {
    max-width: 100%;
    height: auto
    }
.skip-to-link {
    display: inline-block;
    background: #a0520f;
    color: #fff !important;
    text-decoration: none !important;
    left: 0;
    top: 0;
    padding: 3px 10px;
    position: absolute;
    z-index: 1000;
    transform: translatey(-100%);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    outline: 0;
    border-radius: 4px;
    border: 2px solid #fff
    }
.screen-reader-text {
    border: 0;
    height: 0;
    position: absolute;
    width: 0;
    top: 0;
    overflow: hidden
    }
a.read-more-link, p.featured-more a {
    position: relative
    }
#header-outer {
    width: 100%
    }
#header-outer #header-wrap {
    width: 100%
    }
#header-outer #header-content {
    position: relative;
    margin: 0 auto;
    padding: 0 36px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end
    }
#header-outer #navmenu-wrap {
    width: 100%
    }
#header-outer .menu-sticky .nav-outer {
    min-height: 52px
    }
#header-outer .navmenu, #header-outer .menu-sticky {
    margin: 0 auto;
    padding: 0 36px;
    box-sizing: border-box
    }
#header-outer .navmenu .nav-outer, #header-outer .menu-sticky .nav-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start
    }
#header-outer #navmenu-wrap-sticky {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    transform: translatey(-101%);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    backface-visibility: hidden
    }
#header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 50%;
    max-width: 50%;
    align-items: center
    }
#header .widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    flex: 1 1 auto;
    align-items: center
    }
#header .widget a {
    transition: all 0.2s
    }
#header .widget h1.blog-title, #header .widget h2.blog-title {
    margin: 5px 25px 5px 0;
    text-transform: uppercase;
    font-size: 28px;
    font-size: 1.75rem;
    padding: 0;
    line-height: 32px;
    line-height: 2rem
    }
.navmenu-content {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    flex: 1 1 75%;
    order: 1
    }
.navmenu-content ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
.navmenu-content > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap
    }
.navmenu-content > ul > li {
    position: relative;
    transition-duration: 0.2s;
    font-weight: bold;
    margin: 0 38px 0 0;
    padding: 0
    }
.navmenu-content > ul > li > a {
    line-height: 42px;
    display: inline-block;
    position: relative
    }
.nav-secondary {
    order: 2;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
    }
.navmenu-button {
    display: none
    }
.navmenu-button div {
    width: 24px;
    height: 3px;
    border-radius: 2px;
    margin-bottom: 5px
    }
#navmenu-overlay {
    display: none;
    position: fixed;
    z-index: 22;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85)
    }
#navmenu-sidebar {
    display: none;
    position: fixed;
    width: 80%;
    z-index: 24;
    height: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    transform: translatex(-101%);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
    }
#navmenu-sidebar-body {
    padding: 110px 22px 22px;
    overflow-y: auto;
    height: 100%;
    box-sizing: border-box
    }
#navmenu-sidebar-closebtn {
    display: block;
    padding: 25px 22px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
    }
#navmenu-sidebar-closebtn .closebtn {
    background: rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 10px 10px;
    margin-right: 10px;
    border-radius: 25px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    width: 25px
    }
#navmenu-sidebar-closebtn .closebtn-title {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: bold
    }
#wrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    position: relative
    }
.main-content {
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    margin: 0 0 36px;
    padding: 0 36px
    }
.latestposts-title {
    width: 100%;
    margin: 0 0 30px;
    position: relative;
    text-align: center;
    line-height: 16px;
    line-height: 1rem
    }
.latestposts-title h2 {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase
    }
#content-wrap {
    flex: 1 1 69%;
    max-width: 69%;
    padding: 36px 0
    }
#content-wrap .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap
    }
#content-wrap .content .post-outer {
    flex: 1 1 50%;
    max-width: 50%;
    box-sizing: border-box;
    margin-bottom: 45px;
    padding-right: 15px
    }
#content-wrap .content .post-outer .post-content {
    height: 100%
    }
#content-wrap .content .post-outer .img-thumbnail {
    width: 100%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    height: 0;
    padding-top: 56.25%
    }
#content-wrap .content .post-outer .img-thumbnail > a {
    display: block
    }
#content-wrap .content .post-outer .img-thumbnail img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
    }
#content-wrap .content .post-outer .img-thumbnail .label-info {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    font-size: 11px;
    font-size: 0.6875rem
    }
#content-wrap .content .post-outer .img-thumbnail .label-info a {
    display: inline-block;
    margin-top: 3px;
    padding: 4px 8px 2px;
    text-transform: uppercase;
    border-radius: 3px
    }
#content-wrap .content .post-outer .post-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 13px 0 8px
    }
#content-wrap .content .post-outer .post-info {
    margin: 0 0 8px;
    font-size: 14px;
    font-size: 0.875rem
    }
#content-wrap .content .post-outer .post-info span, #content-wrap .content .post-outer .post-info time {
    display: inline-block;
    margin: 0
    }
.iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-infeed .widget, .matched-content .widget {
    margin: 0 36px
    }
.iklan-infeed .widget-content {
    max-width: calc(50% - 15px)
    }
#sidebar-wrap {
    flex: 1 1 31%;
    max-width: 31%;
    padding: 36px 0;
    box-sizing: border-box
    }
.sidebar-content .widget, .sidebar-content-sticky .widget {
    margin-bottom: 36px;
    box-sizing: border-box;
    padding: 0 36px
    }
.sidebar-content .widget-content, .sidebar-content-sticky .widget-content {
    overflow-x: hidden
    }
.sidebar-content h2, .sidebar-content h3, .sidebar-content-sticky h2, .sidebar-content-sticky h3 {
    margin: 0 0 15px;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center
    }
.sidebar-content-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 36px
    }
#top-widget, #top-widget2 {
    flex: 1 1 100%;
    max-width: 100%;
    text-align: center
    }
#subscribe-box-wrap {
    padding: 0
    }
#subscribe-box-wrap #subscribe-box {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    text-align: center
    }
.normalwidget-title {
    width: 100%;
    margin: 0 0 25px;
    position: relative;
    text-align: center;
    line-height: 16px;
    line-height: 1rem;
    min-height: 16px;
    min-height: 1rem
    }
.normalwidget-title h3.title, .normalwidget-title h2.title {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase
    }
.PopularPosts, .FeaturedPost {
    position: relative
    }
.FeaturedPost h3.title, .PopularPosts .popular-post-widget-title h3.title, .FeaturedPost h2.title, .PopularPosts .popular-post-widget-title h2.title {
    position: absolute;
    top: -14px;
    margin: 0;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 10px 3px;
    display: inline-block;
    z-index: 1;
    border-radius: 3px 3px 3px 0
    }
.FeaturedPost .featured-outer {
    margin: 14px 0 45px
    }
.FeaturedPost .post-summary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    margin: 0
    }
.FeaturedPost .post-summary h3, .FeaturedPost .post-summary h2 {
    font-size: 26px;
    font-size: 1.625rem;
    margin: -5px 0 20px;
    padding: 0;
    width: 100%
    }
.FeaturedPost .post-summary p.featured-desc {
    margin: 0
    }
.FeaturedPost .post-summary p.featured-more {
    margin: 25px 0 0
    }
.FeaturedPost .post-summary p.featured-more a {
    display: inline-block;
    border-radius: 4px;
    padding: 8px 20px;
    transition: all 0.2s
    }
.FeaturedPost .post-summary .featured-img {
    box-sizing: border-box;
    flex: 1 1 50%;
    max-width: 50%;
    position: relative;
    padding-right: 15px
    }
.FeaturedPost .post-summary .featured-img img.image {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    border-radius: 4px
    }
.FeaturedPost .post-summary .featured-img .featured-img-bg {
    height: 100%
    }
.FeaturedPost .post-summary .featured-info {
    box-sizing: border-box;
    flex-basis: 50%;
    align-self: center;
    max-width: 50%;
    padding: 30px 30px 30px 15px
    }
#social-button {
    flex: 1 1 50%;
    max-width: 50%;
    text-align: right
    }
.blog-pager {
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase
    }
.blog-pager a.blog-pager-older-link, .blog-pager a.blog-pager-newer-link {
    display: inline-block;
    border-radius: 4px;
    padding: 6px 12px;
    transition: all 0.2s
    }
.blog-pager a.blog-pager-older-link {
    float: right
    }
#goTop {
    position: fixed;
    z-index: 8;
    bottom: 30px;
    right: -30px;
    border: 0;
    opacity: 0;
    transition: all 0.2s;
    border-radius: 22px;
    outline: 0;
    cursor: pointer;
    padding: 18px 16px 14px
    }
.darkmode-switch {
    display: none;
    order: 1;
    align-items: center;
    margin-left: 15px
    }
.darkmode-switch .switch-title {
    font-size: 10px;
    font-size: 0.625rem;
    margin-right: 4px;
    text-transform: uppercase;
    opacity: 0.7;
    transition: all 0.2s
    }
.darkmode-switch .switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
    vertical-align: middle;
    opacity: 0.7;
    transition: all 0.2s
    }
.darkmode-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0
    }
.darkmode-switch .slider {
    position: absolute;
    cursor: pointer;
    border-radius: 34px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.2s
    }
.iconsearch-label {
    cursor: pointer;
    margin-left: 15px;
    order: 2;
    padding: 6px;
    border-radius: 18px;
    height: 25px;
    width: 25px;
    transition: all 0.2s
    }
.iconsearch-label svg {
    width: 100%;
    height: 100%;
    vertical-align: middle
    }
div#searchcontainer {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
    background: rgba(0, 0, 0, 0.85);
    left: -100%;
    top: 0;
    padding-top: 50px;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    transform: scale(0.9) translate3d(0, -50px, 0);
    transition: opacity 0.3s, left 0s 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, left 0s 0.3s;
    transition: transform 0.3s, opacity 0.3s, left 0s 0.3s, -webkit-transform 0.3s
    }
div#searchcontainer form {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
    transition: all 0.3s 0s
    }
#footer-outer #footer-content {
    padding: 20px 36px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem
    }
#footer-outer #footer-content .PageList ul {
    margin: 0 0 10px;
    padding: 0
    }
#footer-outer #footer-content .PageList ul li {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 10px
    }</style></body></html>