<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>
<b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
<b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.search.query'><title><data:messages.search/>: <data:view.search.query/> - <data:blog.title/></title></b:if>
<b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:view.isArchive'><title><data:messages.blogArchive/>: <data:blog.pageName/> - <data:blog.title/></title></b:if>
<b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title><data:messages.posts/>: <data:blog.title/></title></b:if>
</b:if>
<!-- Meta Title -->
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image:secure_url'/>
</b:if>
<!-- Meta Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-8iwc70zdPfg/XoeWd_PgAsI/AAAAAAAAEtE/P1Gd2XH40g0jJN5IlJNH8I0DBgyAW_kbACLcBGAsYHQ/s640/dog-4977599_1280-picsay.jpg' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='https://1.bp.blogspot.com/-8iwc70zdPfg/XoeWd_PgAsI/AAAAAAAAEtE/P1Gd2XH40g0jJN5IlJNH8I0DBgyAW_kbACLcBGAsYHQ/s640/dog-4977599_1280-picsay.jpg' name='twitter:image'/>
<b:else/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
</b:if>
<b:if cond='data:view.isPost'>
<link expr:href='resizeImage(data:blog.postImageUrl, 700, "18:9")' rel='image_src'/>
</b:if>
<!-- Meta Description -->
<b:if cond='data:view.isSearch'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.pageName + " - " + data:blog.title + " - " + data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title + " - " + data:blog.homepageUrl' name='description'/>
</b:if>
<b:elseif cond='data:view.isHomepage'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription + " - " + data:blog.title' name='description'/>
<b:else/>
<meta expr:content='data:blog.title + " - " + data:blog.homepageUrl' name='description'/>
</b:if>
<b:elseif cond='data:view.isSingleItem'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription + " - " + data:blog.title' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' property='og:description'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='twitter:description'/>
</b:if>
<!-- Meta Keywords -->
<meta expr:content='data:blog.title + ", " + data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.title' property='article:tag'/>
<!-- Link Canonical -->
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Site Owner -->
<meta content='Admin' name='Author'/>
<link href='https://www.facebook.com/IDLang' rel='me'/>
<link href='https://www.facebook.com/IDLang' rel='author'/>
<link href='https://www.facebook.com/IDLang' rel='publisher'/>
<meta content='100001578783517' property='fb:admins'/>
<meta content='696750553739909' property='fb:pages'/>
<meta content='1804789006468790' property='fb:app_id'/>
<meta content='https://www.facebook.com/100001578783517' property='article:author'/>
<meta content='https://www.facebook.com/100001578783517' property='article:publisher'/>
<meta content='' name='twitter:site'/>
<meta content='' name='twitter:creator'/>
<!-- Link Icon -->
<link expr:href='data:blog.homepageUrl + "/favicon.ico"' rel='icon' type='image/x-icon'/>
<!-- Theme Color -->
<meta content='#f7f9f8' name='theme-color'/>
<meta content='#f7f9f8' name='msapplication-navbutton-color'/>
<meta content='#f7f9f8' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<!-- Blogger Rss -->
<meta content='blogger' name='generator'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.url' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<!-- Open Graph -->
<meta content='article' property='og:type'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='summary_large_image' name='twitter:card'/>
<!-- Robots Search -->
<meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='ID-BT' name='geo.region'/>
<meta content='id' name='language'/>
<meta content='global' name='target'/>
<meta content='global' name='distribution'/>
<meta content='general' name='rating'/>
<meta content='1 days' name='revisit-after'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<!-- Sife Verification -->
<meta content='XXXX' name='google-site-verification'/>
<meta content='XXXX' name='msvalidate.01'/>
<meta content='XXXX' name='p:domain_verify'/>
<meta content='XXXX' name='majestic-site-verification'/>
<meta expr:content='data:blog.title' name='copyright'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "@id": "#website", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>search?q={search_term}", "query-input": "required name=search_term" } }</script>
<style><!-- /* <b:skin version='1.3.0'><![CDATA[
-----------------------------------------------
Blogger Template Style
Name : Pinterest Gallery Pro
Shared by : www.protemplates.in
----------------------------------------------- */
/* Variable definitions start
==========================
<Variable name="keycolor" description="Main Color" type="color" default="#43ce8e" value="#43ce8e"/>
<Group description="Text Halaman" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/>
<Variable name="body.text.color" description="Main Text Color" type="color" default="#777777" value="#777777"/>
</Group>
<Group description="Backgrounds" selector=".body-fauxcolumns-outer">
<Variable name="body.background.color" description="Body" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="header.background.color" description="Header" type="color" default="#43ce8e" value="#43ce8e"/>
<Variable name="widget.background.color" description="Widget" type="color" default="#f7f7f7" value="#f7f7f7"/>
<Variable name="footer.background.color" description="Footer" type="color" default="#222222" value="#222222"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
<Group description="Links" selector=".main-outer">
<Variable name="link.color" description="Link Color" type="color" default="#1a73e8" value="#1a73e8"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#3688d7" value="#3688d7"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#3688d7" value="#3688d7"/>
</Group>
<Group description="Widget" selector="#widget-footer-container">
<Variable name="widget.color" description="Color" type="color" default="#777777" value="#777777"/>
<Variable name="widget.link.color" description="Link Color" type="color" default="#43ce8e" value="#43ce8e"/>
<Variable name="widget.hover.color" description="Hover Color" type="color" default="#777777" value="#777777"/>
</Group>
<Group description="Footer" selector="#footer-wrapper">
<Variable name="footer.color" description="Color" type="color" default="#dddddd" value="#dddddd"/>
<Variable name="footer.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/>
<Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
Variable definitions end
========================*/
/**
* Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}
/* Blogger CSS Reset */
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
.navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
.post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
.quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
/* FRAMEWORK */
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a{color:$(link.color);text-decoration:none;outline:none;}
a:hover{color:$(link.hover.color);text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0;}
hr{height:1px;border:none;background-color:#666;}
/* heading */
h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6em;letter-spacing: -0.2px;}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5{font-size:1rem}
h6{font-size:0.9rem}
/* list */
ol,ul,dl{margin: 0}
.post ol {display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.post ul {display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
dt{font-weight: 500}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* code & blockquote */
.post pre{font-size:12px;position:relative;background-color:#161617;color:#bbc2e2;border-radius:10px;padding:15px 20px;margin:20px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;transition:all .2s ease;overflow:auto;font-family:'source code pro',menlo,consolas,monaco,monospace;line-height:1.5em;}
.post pre code{display:block;padding:0;white-space:pre}
.post pre span{color:#3a7bd5}
.post pre span.block{color:#fff;background:#3a7bd5}
.post pre i{color:#519bd6}
.post pre i.comment{color:#898ea4;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
.post .code{display:inline-block;font-size:.98rem;line-height:1.48rem;color:#3a7bd5}
blockquote{position:relative;color:#767676;font-size:15px;line-height:1.48em}
/* Addtional Style */
.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:#3a7bd5;border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:#505050;background-color:transparent;border:1px solid #767676}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:#3a7bd5;border-color:#3a7bd5}
.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
.button-info > *{margin:0 12px 12px 0}
.button-info > *:last-child{margin-right:0}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:8px;}
.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}
.lazy-youtube .play-button:hover{border-color:#3a7bd5}
.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}
.lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
.lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.lazy-youtube iframe{height:100%;width:100%;top:0;left:0}
.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.lazy-youtube .playBut svg{width:inherit;height:inherit}
.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0.3;}
.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge 0.7s ease-in-out;-webkit-animation:nudge 0.7s ease-in-out}
.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
.post .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0!important;display:flex;flex-wrap:wrap}
.post .accordion li{width:100%;padding:12px 0;border-bottom:1px solid #ebeced}
.post .accordion .accor-title{display:flex;align-items:center}
.post .accordion .accor-title .icon-2{display:none}
.post .accordion .accor-title svg{flex-shrink:0;width:18px;height:18px;margin-right:12px;-webkit-transition:all .1s ease;transition:all .1s ease;}
.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-size:14px;-webkit-transition:all .1s ease;transition:all .1s ease;}
.post .accordion .accor-menu:checked + .accor-title .icon-1{display:none}
.post .accordion .accor-menu:checked + .accor-title .icon-2{display:block}
.post .accordion .accor-menu:checked + .accor-title svg,
.post .accordion .accor-menu:checked + .accor-title .title{stroke:#3a7bd5;color:#3a7bd5}
.post .accordion .accor-menu:checked + .accor-title + .content{height:100px;padding:15px 0}
.post .accordion .content{margin:0;padding:0;position:relative;overflow:hidden;height:0;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease;}
svg .svg-c{fill:#3a7bd5}
svg.line{fill:none;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
svg.line .svg-c{fill:none;stroke:#3a7bd5}
.Blog .daftar-isi{border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);padding:25px 15px;margin:30px 0;font-size:14px}
.post .daftar-isi .isi-judul{outline:0;font-weight:700;display:flex;cursor:pointer}
.post .daftar-isi .isi-judul:after{content:'Sembunyikan';font-weight:400;font-size:12px;margin-left:auto}
.post .daftar-isi .isi-content{}
.post .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none}
.post .daftar-isi .isi-content ol ol{width:100%;margin-left:25px}
.post .daftar-isi .isi-content ol li{display:flex;align-items:flex-start;flex-wrap:wrap}
.post .daftar-isi .isi-content ol li a{display:inline-block;max-width:calc(100% - 20px)}
.post .daftar-isi .isi-content li ul li a{max-width:none}
.post .daftar-isi .isi-content ol li:before{content:counter(daftar-count) '.';counter-increment:daftar-count;min-width:20px;color:#505050;flex-shrink:0}
.post .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
.post .daftar-isi .isi-content ol ul li{display:list-item}
.post .daftar-isi .isi-content ol ul li:before{display:none}
.post .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
.post .daftar-isi .isi-input:checked + .isi-judul + .isi-content{display:none}
.post .daftar-isi .isi-input:checked + .isi-judul:after{content:'Tampilkan'}
.post .spoiler .spoiler-judul{margin:15px 0}
.post .spoiler .spoiler-isi{display:none}
.post .spoiler .spoiler-isi pre{margin-top:0}
.post .spoiler .spoiler-judul .button{margin:0 0 0 0;padding:4px 12px;font-size:11px}
.post .spoiler .spoiler-judul .button:before{content:'Tampilkan'}
.post .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:'Sembunyikan'}
.post .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{display:block}
/* table */
.post table.tr-caption-container{min-width:100%;width:auto;margin:0 auto;border:0;position:relative}
.post table.tr-caption-container tbody{border:0}
.post table.tr-caption-container tr td{background-color:transparent;border:0;padding:0;position:relative}
.post table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0}
.post table.tr-caption-container a, .Blog table.tr-caption-container img{display:block}
.post table.tr-caption-container .tr-caption{position:relative;bottom:0;right:0;display:block;font-size:10px;color:inherit;background-color:transparent;margin-top:5px;padding:5px 15px;border:0;border-radius:10px 0 10px 0}
.post table{min-width:70%;margin:0 auto;border:0px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-radius:3px;overflow:hidden;font-size:14px;}
.post table th{background-color:#505050;color:#fff;padding:10px;border-right:1px solid rgba(255,255,255,.25)}
.post table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
.post table tr:nth-child(2n+1) td:first-child{border-left:1px solid rgba(0,0,0,.05)}
.post table tr:nth-child(2n+1) td{border-right:1px solid rgba(0,0,0,.05)}
.post table td{padding:10px 15px;border:0;vertical-align:middle;}
.post table tr:nth-child(2n) td{background-color:rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.06)}
.post .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px}
img {max-width: 100%;height: auto;margin-left: auto;margin-right: auto;display: block;}
iframe {max-width: 100%;}
td.tr-caption {color: #777;}
.clear {clear: both;}
.clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/* TRANSISI */
a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:before, .button:before, .button.menu-opened:after {transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
body {background: $(body.background);margin: 0 0 0 0;padding: 0 0 0 0;color: $(body.text.color);font: $(body.font);text-align: left;}
/* WRAPPER */
#wrapper {width: 100%;background-color: #fff;margin: 0 auto;overflow: hidden;box-sizing: border-box;padding-top:45px!important;max-width:1300px;}
.above-post-widget h2 {font-size: 18px;}
.above-post-widget .widget {margin-bottom: 30px;}
.above-post-widget .Image {background: #f7f7f7;}
/* Image Widget */
.above-post-widget .Image {text-align: center;}
.above-post-widget .Image h2 {font-size: 18px;color: #000;margin: 0 0;padding: 10px;font-weight: 500;text-transform: uppercase;}
.above-post-widget .Image span.caption {padding: 15px 10px 20px 10px;display: block;font-size: 18px;line-height: 1.8;}
.above-post-widget .Image img {width: auto;max-width: 100%;}
/* POST WRAPPER */
#post-wrapper {background: transparent;width: 100%;margin: 0 0 10px;}
.breadcrumbs{text-align: center;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:20px 0 0 0;font-size:80%;color:#888;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#666;font-weight:400}
.breadcrumbs a:hover{color:#11589D}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#666}
.post {position: relative;}
.post-info {font-size: 15px;color: #999;}
.post-body {line-height: 1.6em;text-align: left;}
h2.post-title, h1.post-title {font: normal 15px Roboto, Arial, sans-serif;}
h1.post-title {font-size: 28px;text-transform: uppercase;}
h2.post-title {margin-bottom: 5px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color: #555;}
h2.post-title a:hover, h1.post-title a:hover {color: #333;}
.img-thumbnail {position: relative;height: auto;transition: transform .2s;}
.img-thumbnail img {height: auto;width: 100%;display: block;border-radius: 7px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.img-thumbnail:hover, .img-thumbnail-popular:hover {opacity: 0.9;transform: scale(0.93);}
.widget ul {line-height:inherit;}
#Label1 {width: 100%;overflow: hidden;}
#labelbottom {width: 100%;overflow: hidden;margin: auto;margin-top: 20px;}
#Label1 .cloud-label-widget-content {text-align: center;}
.label-bawah-menu {transition: all 0.25s;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;line-height: 1.2;}
.label-bawah-menu a {font-weight: 600;color: #333;display: inline-block;background: #eee;padding: 10px;font-size: 12px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);text-transform: uppercase;margin: 3px;border-radius: 100px;}
.cloud-label-widget-content{text-align: left;font-weight: 500;}
.label-size {transition: all 0.25s;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;line-height :1.2;margin: 0 3px 3px 0;color: $(link.color);font-size: 12px;text-transform: uppercase;border: 2px solid #444444;border-radius: 3px;}
.label-size a, .label-size span{display: inline-block;color: $(widget.link.color);padding: 6px 8px;}
.label-size:hover {border: 2px solid $(widget.hover.color);}
.label-size:hover a, .label-size:hover .label-count {color: $(widget.hover.color);}
.label-count {margin-left: -16px;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar {background: transparent;width: 8px;height: 8px;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar-button {width: 0;height: 0;}
#Label1 .cloud-label-widget-content::-webkit-scrollbar-thumb {min-height: 48px;min-width: 48px;background-color: rgba(0,0,0,0.26);}
.PopularPosts ul, .PopularPosts ul li, .PopularPosts ul li img, .PopularPosts ul li a, .PopularPosts ul li a img {margin:0 0;padding:0 0;list-style:none;border:none;outline:none;border-radius: 10px;}
.PopularPosts ul {margin: 0;}
.PopularPosts ul li img {display: block;}
.PopularPosts ul li {margin: 0 10px 10px 0;display: inline-block;vertical-align: top;}
.PopularPosts ul li .item-title a { font-weight: 500;display: block;padding: 5px 3px;}
.PopularPosts ul li > a {padding: 2px 6px;margin: -3px 0;display: block;border: 2px solid $(widget.link.color);border-radius: 3px;font-size: 12px;text-transform: uppercase;}
.PopularPosts ul li > a:hover {border: 2px solid $(widget.hover.color);}
.PopularPosts .item-content {position: relative;width: 80px;margin-right: 10px;}
.PopularPosts .item-title {line-height: 1.3;font-size: 13px;text-align: center;overflow: hidden;}
.PopularPosts .item-thumbnail {float: none;margin: 0 0;}
.PopularPosts .item-thumbnail:hover {opacity: 0.9;}
.PopularPosts .item-snippet {display: none;}
.Profile .widget-content {text-align: center;background: #c5c5c5;padding: 30px;border-radius: 10px;}
.Profile .profile-img {border-radius: 50%;float: none;}
.Profile .profile-name-link {
font-size: .9em;opacity: .87;overflow: hidden;}
.Profile .profile-link {
border-style: solid;
border-width: 2px;
cursor: pointer;
font-size: 13px;
font-weight: 500;
padding: 6px 22px;
display: inline-block;
line-height: normal;
border-radius: 3px;
}
.profile-textblock {
margin: .8em 0;
font-size: 14px;
}
.profile-img {
float: left;
display:inline;
opacity:10;
margin:0 6px 3px 0;
}
.profile-data {
margin: 0;
}
.profile-datablock {
margin: .5em 0;
}
.profile-name-link {
background: no-repeat left top;
box-sizing: border-box;
display: inline-block;
max-width: 100%;
min-height: 20px;
padding-left: 20px;
}
/* Archive */
#ArchiveList .toggle {
cursor: pointer;
font-family: Arial, sans-serif;
}
#ArchiveList .toggle-open {
_font-size: 1.7em;
line-height: .6em;
}
#ArchiveList {
text-align: left;
}
#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
text-decoration: none;
}
#ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
color: inherit;
text-decoration: none;
}
.BlogArchive #ArchiveList ul li {
background: none;
list-style: none;
list-style-image: none;
list-style-position: outside;
border-width: 0;
padding-left: 15px;
text-indent: -15px;
margin: .25em 0;
background-image: none;
}
.BlogArchive #ArchiveList ul ul li {
padding-left: 1.2em;
}
.BlogArchive #ArchiveList ul {margin: 0;padding: 0;list-style: none;list-style-image: none;border-width: 0;}
.BlogArchive #ArchiveList ul.posts li {padding-left: 1.3em;}
#ArchiveList .collapsed ul {display: none;}
.postwrapper-artikel {background-color: rgba(255,255,255,.7);-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);padding: 15px;max-width: 500px;margin: 0 auto;border-radius:10px;color: #333;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.postwrapper-artikel h2, .postwrapper-artikel h3, .postwrapper-artikel h4, .postwrapper-artikel h5 {margin: 15px 0;}
/* Post Feat */
.firstimage-- img {
width: 530px;border-radius:5px;}
.firstimage-- {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);margin-bottom: 10px;}
.maxwidht-- {max-width: 530px;margin: 0 auto;}
.dlbtn svg path {fill: #444;}
.dlbtn-- {text-align: center;margin: 0 auto;align-items: center;padding-top: 10px;}
.dlbtn-- a {box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);border-radius: 10px;text-align: center;margin: 0 auto;color: #fff;padding: 10px;background: #43ce8e;align-items: center;}
.dlbtn-- svg {margin: -6px 1px;}
.label-post-- {margin: 5px 0;}
.label-post-- a {color: #555;background: #eee;padding: 3px;border: 1px solid #ddd;border-radius: 5px;text-transform: capitalize;font-size: 14px;}
/* Status Msg */
.status-msg-wrap {font-size: 110%;margin: 20px 10px;position: relative;text-align: center;}
.status-msg-border {display: none;}
.status-msg-bg {background-color: transparent;opacity: .8;filter: alpha(opacity=30);-moz-opacity: .8;width: 100%;position: relative;z-index: 1;}
.status-msg-body {padding: 15px;z-index: 4;border-radius: 5px;border: 1px solid #eee;}
.status-msg-hidden {visibility: hidden;padding: .3em 0;}
.status-msg-wrap a {padding-left: .4em;}
/* COMMENT FORM */
.comments {
clear:both;
margin-top:30px;
margin-bottom:0;
}
.comments h3 {
}
#comments-block {
margin: 15px 0;
}
.comment-body {
padding: 15px 0;
margin: 0 0;
}
.comment-body p {
margin: 0;
}
.comment-form {
overflow:hidden;
margin-top: 20px;
}
.comment-footer {
margin: 0 0 30px;
}
#comments-block .avatar-image-container {
display: none;
}
h4#comment-post-message {
display:none;
margin:0 0 0 0;
}
.comments .comments-content{
font-size:14px;
margin-bottom: 30px
}
.comments .comments-content .comment-thread ol{
text-align:left;
margin: 0 0;
padding:0;
list-style: none;
}
.comment .avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
}
.comments .avatar-image-container img {
max-width: 34px;
border-radius: 17px;
}
.comments .comment-block{
position:relative;
background:#f7f7f7;
padding:20px;
margin-left:45px;
border:2px solid #efefef;
border-radius: 10px;
}
.comments .comments-content .comment-replies{
margin:10px 0;
margin-left:45px
}
.comments .comments-content .comment-thread:empty{
display:none
}
.comments .comment-replybox-single {
margin-left:45px
}
.comments .comment-replybox-thread {
}
iframe#comment-editor {
min-height: 220px;
}
.comments .comments-content .comment{
margin-bottom:6px;
padding:0
}
.comments .comments-content .comment:first-child {
padding:0;
margin:0
}
.comments .comments-content .comment:last-child {
padding:0;
margin:0
}
.commen