<style><!-- /*
Variable definitions end
========================*/
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}
.credit {text-align: center;position: absolute;bottom: 0;background: #333;width: 100%;}
.credit, .credit a {visibility: visible!important;display: block!important;}
.credit a {color: #fff;}
/* 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;}
.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;transition: all .3s }
#Label1 .cloud-label-widget-content {white-space: nowrap;overflow: hidden;padding-bottom: 10px;}
.labelbottom.scrolled {position: fixed;z-index: 9999;background: #fff;top: 54px;margin-top: 0!important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.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: #fff;padding: 7px;font-size: 12px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);text-transform: uppercase;margin: 3px;border-radius: 5px;}
.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;}
.article-more {overflow: hidden;}
.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: #fff;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);padding: 15px;max-width: 500px;margin: 0 auto;border-radius:0 0 10px 10px;color: #333;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);overflow: hidden;margin-top: -7px;}
.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;border-radius: 10px 10px 0 0;}
.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;}
/* FOOTER WIDGET */
#widget-footer-container { background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;padding: 0 30px;overflow: hidden;line-height: 1.6em;}
#widget-footer-wrapper {margin: 0 auto;max-width: 900px;color: $(widget.color);}
#widget-footer-wrapper .widget {margin: 30px 0;}
#widget-footer-wrapper .widget a {color: #444444;}
#widget-footer-wrapper .widget a:hover {color: $(widget.hover.color);}
#widget-footer-wrapper .widget ul, #widget-footer-wrapper .widget ol {list-style: none;margin: 0 0;}
#widget-footer-wrapper .widget ul li, #widget-footer-wrapper .widget ol li {font-weight: 500;margin: 0.3em 0;}
#widget-footer-wrapper h2 {font-size: 16px;color: #fff;font-weight: 600;text-align: center;text-transform: uppercase;margin-bottom: 20px;}
#widget-footer {width: 100%;float: left;}
.popular-posts {columns: 14rem;gap: 1rem;}
/* FOOTER */
#footer-container {background: $(footer.background.color);padding: 20px 30px;overflow: hidden;color: $(footer.color);font-size: 13px;text-align: center;}
#footer-wrapper {max-width: 900px;margin: 0 auto;overflow: hidden;}
#footer-wrapper .footer-right {float: right;}
#footer-wrapper .footer-left {float: left;}
#footer-wrapper a {color: $(footer.link.color);}
#footer-wrapper a:hover {color: $(footer.hover.color);}
/* MEDIA QUERY */
@media only screen and (max-width:1080px){
#wrapper {
margin: 0 auto;
}
#header-wrapper {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width:800px){
.breadcrumbs-outer{
margin: 20px 0 30px 0;
}
#header-wrapper {
padding-left: 0px;
padding-right: 0px;
position: relative;
}
#widget-footer-container {
padding: 0 20px;
}
#widget-footer1 {
width: 100%;
float: none;
padding-right: 0;
}
#footer-container {
padding: 20px 20px;
}
#cssmenu > ul > li > a {
padding: 0 15px;
}
.button {
margin-right: 20px;
}
}
@media only screen and (max-width:480px){
#widget-footer-container {
padding: 0 15px;
}
.post-body a > img {
width: 100%;
}
h1{font-size:170%
}
h2{font-size:150%
}
h3{font-size:130%
}
h4{font-size:120%
}
h5{font-size:110%
}
h6{font-size:100%
}
.comments .comments-content .comment-replies{
margin-left:20px !important;
}
.comments .comment-block {
padding: 15px !important;
}
.comment .comment-thread.inline-thread .comment {
margin: 0 0 0 0 !important;
}
iframe#comment-editor {
min-height: 270px;
}
h1.post-title {
font-size: 22px;
padding: 0;
}
}
/* Infinite Scroll Navigation */
#blog-pager a.home-link {display:none}
#blog-pager {padding:0;margin:20px auto; text-align:center;}
#blog-pager-older-link {float:none; display:block}
#blog-pager-older-link img {max-height:50px}
#blog-pager-older-link a {background:#fff; color:#555; font-size:14px; font-weight:600; border-radius:3px; padding:10px 20px; display:inline-block; position:relative; transition:0.3s;background: #eee;}
/*--- navheader ---*/
.check {display:none;}
.Navigationbottom label {cursor:pointer;display:block;padding:8px;background-position:center;transition:all .5s linear;position: fixed;top: 17px;right: 10px;}
.Navigationbottom .check:checked ~ .NavMenu {opacity:1;visibility:visible;right: 35px;transition:all .3s ease;z-index:2;}
.Navigationbottom .NavMenu {opacity:0;visibility:hidden;position:absolute;right:0;top:-40px;background-color:#fff;color:#3c4043;
transition:all .3s ease;}
.Navigationbottom .check:checked ~ .icon .open {display:none;}
.Navigationbottom .icon .open {display:block;}
.Navigationbottom {position:absolute;right:50px;bottom:27px;}
.Navigationbottom .icon .close {display:none;}
.Navigationbottom .check:checked ~ .icon .close {display:block;}
.Navigationbottom .NavMenu ul {margin:0;padding:0;}
.Navigationbottom .NavMenu:before,.Navigationbottom .NavMenu:after {content:'';top:-5px;right:11px;border-color:transparent;border-bottom-color:#fff;border-style:dashed dashed solid;border-width:8.5px 0px 8.5px 8.5px;position:absolute;z-index:1;height:0;width:0;}
.Navigationbottom .NavMenu ul li.xprofil {background-color:#e6e6e6;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:0;align-items:center;padding:10px 16px;border-bottom:1px solid #fff;}
.Navigationbottom .NavMenu ul li {list-style-type:none;transition:all .3s ease;margin:0;}
.Navigationbottom .NavMenu img {max-width:50px;max-height:50px;border-radius:100px;border:1px solid #fff;margin:0;}
.Navigationbottom .NavMenu ul li.xprofil ul {line-height:24px;margin-left:3px;}
.Navigationbottom .NavMenu ul li.xprofil ul li.name {font-weight:700;font-size:17px;margin-bottom:5px;}
.Navigationbottom .NavMenu ul li.xprofil ul li {padding:0;font-size:17px;line-height:normal;white-space:nowrap;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a {background-color:#4285F4;color:#fff;font-size:10px;padding:3px 7px;border-radius:25px;display:inline-block;}
.Navigationbottom .NavMenu ul li a {color:#3c4043;display:block;padding:10px 16px;margin:0;}
.Navigationbottom .NavMenu ul li a span {font-size:14px;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a:before {content:'';display:inline-block;width:15px;height:15px;margin-right:3px;margin-left:-3px;vertical-align:-4px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;}
.Navigationbottom .NavMenu ul li:hover {background:#e6e6e6;}
.Navigationbottom .NavMenu ul li.social {background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:0 15px;border-top:1px solid #fff;}
.Navigationbottom .NavMenu ul li.social a {padding:15px 7px;z-index:1;position:relative;}
.Navigationbottom .NavMenu ul li.social button {margin:0;font-size:unset;}
.Navigationbottom label:hover {border-radius:100px;background:rgba(253, 253, 253, 0.2) radial-gradient(circle,transparent 2%,rgba(255, 1, 1, 0.2) 2%) center/15000%;}
.Navigationbottom label:active {border-radius:100px;background-color:rgba(0,0,0,.1);background-size:100%;transition:background 0s;}
.Navigationbottom .NavMenu ul li.xprofil ul li.follow a:hover {
background-color:#ff9800;}
.Navigationbottom .NavMenu ul li.social a:hover:before {content:'';position:absolute;z-index:-1;margin:auto;background:rgba(0,0,0,.1);border-radius:100px;width:36px;height:36px;top:0;bottom:0;left:0;right:0;transition:opacity .3s linear;}
@media only screen and (max-width:480px) {
.Navigationbottom .NavMenu ul li a, .Navigationbottom .NavMenu ul li.xprofil {
padding: 8px 13px;}}
.nav-menu2{background-color:#eee;list-style:none;margin:0;width:100%;float:left;padding:0;border-top: solid 1px #E0E0E0;}
.nav-menu2:before,.nav-menu2:after{content:" ";display:table}
.nav-menu2:after{clear:both}.sub-menu{transition:all .5s ease-in-out}
.nav-menu2 ul{list-style:none;margin:0;width:auto}
.nav-menu2 a{display:block;padding:0 15px}
.nav-menu2 li{position:relative;margin:0}
.nav-menu2 > li {background: #fff;}
.nav-menu2 > li > a {text-transform: uppercase;display: block;line-height: 48px;color: #444;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-menu2 > li:hover > a{background:rgb(238 238 238 / 52%)}
.nav-menu2 li ul{background:#fff;display:none;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;padding:0}
.nav-menu2 li li ul{left:100%;top:-1px}
.nav-menu2 li li a.click ul{visibility:visible;opacity:10}
.nav-menu2 li li a{display:block;color:#666;position:relative;line-height:40px}
.nav-menu2 li li a:hover{background:#f0f0f0}
.nav-menu2 li li li a{background:#fff;z-index:20;color:#333}
.nav-menu2 li .dropdown:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;position:absolute;top:0;right:20px;color:#444}
.nav-menu2 li .dropdown.open:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit}
.nav-menu2 li .dropdown:hover:after{color:#000}
.nav-menu2 li i{font-size:18px;width:35px}.nav li a.click{opacity:1}
.nav-menu2 h2{font-size:14px;font-weight:normal!important;padding:0 20px;margin:0;overflow:hidden;border-top:1px solid #ddd;color:#999;display: none;}
.nav-menu2 p{font-size:13px}
.media-left {z-index: 9;float: left;display: flex;width: 100%;margin-top: -10px;}
.media-left .image img {width: 20px;height: 20px;border-radius: 100%;max-width: inherit;}
.is-4 {font-size: 11px;line-height: 20px;margin: 0 5px;color: #000;width: 100%;}
.dlbtn {margin-top: 1px;margin-left: 5px;}
.item-thumbnail-only .img-thumbnail-popular {border-radius: 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.img-thumbnail-popular {position: relative;height: auto;transition: transform .2s;overflow: hidden;}
.hidden,.noness {display:none;}
.menubottom{display:none}
@media screen and (max-width:800px){.menubottom{position:relative/*fixed*/;right:0;left:0;z-index:5;bottom:0}.menubottom nav ul{display:flex!important;width:100%!important;padding-left:0;justify-content:space-between!important;margin-bottom:0;flex-direction:row!important;list-style:none}.menubottom nav ul li{width:100%!important;list-style:none;}.menubottom nav ul li a{display:block;text-decoration:none;padding:.4rem 1rem}.menubottom nav ul li a svg{width:25px;height:25px;fill:#444;}.menubottom nav ul li a span{color:#4b4f56;position:relative;font-size:8px;display:block;top:0}#openShare{display:block}#closeShare{display:none}#jpthemeFooter{padding-bottom:55px;position:relative;}}
@media screen and (max-width:768px){.menurekom .buka-tutup {display: none;}.menubottom{left:0;text-align:center;width:100%;position:fixed;display:block}
.menubottom nav {background-color: rgb(255,255,255);display: block!important;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;box-shadow: 0 2px 3px 2px rgba(0,0,0,0.1);background: #fff;text-align: center;font-weight: bold;border-radius: 10px 10px 0 0;text-decoration: none;transition: ease all 0.3s;}
.menubottom ul li{top: 0;float:left;width:100px;height:100%;transition:transition:all .5s linear;background-position:center;display:block;position: relative;right: 0;font-size: inherit;margin: auto;}
.float_wrapper_menubottom{position:fixed;left:0;bottom:0;right:0;transition:all .3s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen-Sans', 'Helvetica Neue', Arial, sans-serif;}}
.menubottom.scroll-1 {bottom: -90px;}
.menubottom.scroll-bottom {bottom: 0;}
.menubottom {transition: bottom 0.2s ease-in-out;}
.head-pop:before {content: '';display: block;position: absolute;z-index: -1;width: 100px;height: 100px;border-radius: 2000px;background: rgb(71 195 251 / 45%);left: -35px;top: -30px;}
.pop-area{display:flex!important;width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0 0 0 / 51%);visibility:hidden;opacity:0;transition:all 0.25s ease-in-out;z-index:999999;overflow-y:scroll}
.pop-area.open{opacity:1;visibility:visible}
.pop-html{background:#fff;padding-bottom:10px;display:block;margin:auto;margin-top:10px;width:calc(100% - 20px);max-width:500px;visibility:hidden;opacity:0;overflow:hidden;transition:all 0.5s ease-in-out;transform:scale(.5);border-radius:7px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}
.pop-area.open .pop-html{opacity:1;transform:scale(1);visibility:visible}
.head-pop {width: -webkit-fill-available;padding: 10px;overflow: hidden;display: flex;}
.head-pop span {font-weight: 600;width: 100%;margin: 3px 5px;}
.close-btn{float:right;cursor:pointer;fill:#7e7e7e}
.table-bookmark {padding: 10px;}
.text-center{display:grid;text-align:center;grid-gap:15px}
.text-center svg{margin:0 auto}
.btn.btn-outline-info{width:fit-content;margin:0 auto;text-decoration:none}
.table {width: 100%;border-radius: 7px;padding: 5px;break-inside: avoid;}
.table img {border-radius: 7px;width: auto;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.table a {text-decoration: none;color: #333;font-size: 12px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.img-left{width:100%;display: flex;}
.item-left {float: left;width: 100%;padding: 10px 0;margin-bottom: 10px;}
td.item-remove {position: absolute;margin-top: -35px;margin-left: 5px;}
.btn-remove svg {padding: 5px;border-radius: 100px;box-shadow: 0 0px 5px 2px rgba(0,0,0,0.10);background: #0000003d;}
.btn-remove{cursor:pointer}
.show-bookmark{color:#fff;background-color:#007bff;position:relative;top:-20px;right:10px;font-size:50%;padding:.15em .3em;display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50%;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.hartomy-bookmark-btn, .btn-outline-info {position: relative;display: inline-block;box-sizing: border-box;border: none;outline: none;cursor: pointer;transition: box-shadow 0.2s;background: none;}
.hartomy-bookmark-btn::-moz-focus-inner{border:none}
.hartomy-bookmark-btn svg{vertical-align:middle}
.buka-tutup.menubookmark {margin: 0;cursor: pointer;fill: #333;}
.lang-iklanpost .widget-content {margin: 30px 0;}
.ads-here {background: radial-gradient(transparent, #c2afb1);display: flex;align-items: center;justify-content: center;padding: 20px 0;border: 1px solid #ebeced;border-radius: 3px;color: #767676;font-size: 12px;}
.ads-here:before {content: 'IKLAN DISINI!';}
.menubtm {height: 55px;display: block;transition: top .3s ease;bottom: 0;left: 0;padding: 10px;position: relative;z-index: 99;width: -webkit-fill-available;border-radius: 10px 10px 0 0;margin: -15px -15px 15px -15px;}
.btnlook{background:#f1f1f1;display:block;text-align:center;font-weight:700;-webkit-border-radius:10px;padding:10px;transition:ease all .3s;float:left;margin-top:8px;margin-right:10px}
.btndwnld{background:#d11313;display:block;text-align:center;font-weight:700;-webkit-border-radius:10px;transition:ease all .3s;float:left;padding:10px;margin-top:8px}
.title-image-popular {background: linear-gradient(transparent,rgba(0, 0, 0, 0.8));position: absolute;left: 0;right: 0;bottom: 0;padding-top: 30px;}
.title-image {display: flex;margin: 10px 0;}
.title-image-popular h3 {overflow: hidden;line-height: 35px;margin: 0 10px!important;color: #ffffff;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;}
.title-image h1 {color: #333;font-size: 12px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;}
.title-image-popular h3 a {color: #ffffff!important;}
.postwrapper-artikel .title-wrapper h1 {text-align: center;margin: 0;}
.bckbtn {box-shadow: 0 0px 5px 2px rgba(0,0,0,0.10);background:#0000003d;display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;color: white;font-size: 35px;font-weight: bold;border-radius: 50px;-webkit-border-radius: 50px;text-decoration: none;transition: ease all 0.3s;position: fixed;left: 15px;top:70px;z-index: 9;}
.bckbtn:hover{background: black}
.lock, .locked{overflow:hidden!important}
#cookieChoiceInfo{background-color:#222;padding:10px 10px 40px;top:unset;font-family:"Helvetica Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial;width:300px;left:10px;bottom:10px;border-radius:5px;overflow:hidden}
#cookieChoiceInfo .cookie-choices-text{margin:0 0 5px;font-size:16px;color:#fff;text-align:left;}
#cookieChoiceInfo .cookie-choices-inner{position:static}
#cookieChoiceInfo .cookie-choices-buttons{margin:0;display:block}
#cookieChoiceInfo .cookie-choices-button{color:#f1d600;text-transform:none;transition:all .2s linear;font-weight:400;display:block;text-align:left;margin:0 0 10px;padding:0}
#cookieChoiceInfo .cookie-choices-button:nth-child(2){color:#000;text-align:center;background-color:#f1d600;padding:8px 18px;position:absolute;bottom:0;left:0;right:0;margin:0}
#cookieChoiceInfo .cookie-choices-button:hover{color:#e9eef0}
#cookieChoiceInfo .cookie-choices-button:nth-child(2):hover{background-color:#e9eef0;color:#000}
@media only screen and (max-width:640px){#BlogSearch1 {position: absolute;left: 55px;}}
@media screen and (max-width:425px){#cookieChoiceInfo{width:calc(100% - 20px)}}
.FollowByEmail {position: relative;border-radius: 10px;background: #ffffff;padding: 20px;}
.FollowByEmail .widget-content{position:relative;z-index:2}
.FollowByEmail h3 {color: #393939;text-align: center;}
.FollowByEmail .follow-text{display:block;margin-bottom:15px;font-size:13px;color:#989b9f}
.FollowByEmail form{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;}
.FollowByEmail input[type=email]{display:block;width:100%;padding:11px 18px;outline:0;border:1px solid #ebeced;border-radius:7px;font-size:13px;box-shadow:none;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background-color:#f7f7fc}
.FollowByEmail input[type=email]:focus, .ContactForm input[type=text]:focus, .ContactForm textarea:focus{box-shadow:0 2px 4px 0 rgba(9,32,76,.05);}
.FollowByEmail input[type=submit], .ContactForm input[type=button]{display:none;width:100%;margin-top:12px;padding:12px 18px;border:0;font-size:13px;border-radius:7px;color:#fff;cursor:pointer;}
.FollowByEmail label.email-label {border-radius: 7px;padding: 8.5px 0;display: inline-block;width: 30px;height: 30px;text-align: center;position: absolute;right: 5px;top: -4px;}
.FollowByEmail label.email-label svg {fill: #333;background: #f7f7fc;border-radius: 5px;}
#BlogSearch1 {float: right;margin-top: 12px;margin-right: 60px;}
.bg_Se {line-height: 30px;position: relative;}
form.gb_Se {display: inline-block;position: relative;width: 100%;background-color: white;border: 1px solid rgb(230, 236, 240);-webkit-border-radius: 4px;border-radius: 5px;min-width: 100px;}
button.Se {width: 40px;border: 0;background: transparent;cursor: pointer;position: absolute;top: 0;line-height: 32px;outline: none;}
.bg_Se button svg {vertical-align: -7px;height: 22px;width: 22px;min-width: 22px;}
.bg_Se input {background: transparent;font-family: Roboto,Arial,sans-serif;font-size: 15px;line-height: 30px;padding-left: 35px;width: 65%;color: #3c4043;border: 0;outline: none;}
#Header1 {float: left;margin-left: 45px;width: 150px;overflow: hidden;height: 50px;}
#Header1 img {width: 100px;}
.blog-posts {padding: 10px;}
.menurekom {width: 100%;z-index: 9999;background: transparent;position: fixed;transition: all .3s ease;top: 0;padding-bottom: 15px;margin: auto;height: 40px;overflow: hidden}
.menurekom .header-inner {padding: 10px;text-align: center;line-height: 35px;}
.menurekom .header-inner h1 {color: #333;font-weight: 500;}
.menurekom.scrolled {background: #fff;}
#search-box{margin: 0 auto;animation:fadeInDown 1s;width:100%;/*height:35px*/;float:none;padding:0;/*margin:0 0 -55px*/;position:relative;padding-top: 80px;}#search-box form{border:0px solid #4a86e8;line-height:35px;padding: 10px 10px 0 10px;}.search-form{text-transform: capitalize;border:none;color:#9E9E9E;width:100%;height:45px;line-height:35px;font-size:14px;font-weight:400;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;padding: 10px 20px 10px 20px;border-radius: 100px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.11), 0 0 0 1px rgba(0, 0, 0, 0.05);transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);background: #fff url() no-repeat 50px 13px !important;background-size: 100px!important;}.search-button{background:0 0;width:30px;height:38px;line-height:39px;padding:0;text-align:center;margin:0;top:0;right:0;font-size:16px;color:#333333e3;position:absolute;border:none;border-radius:0;cursor:text}.search-form:focus{border:none;outline:0;background: #fff!important;color:#9E9E9E;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);}
.menurekom .header-inner h1 a {color: #333;}
.dropdowns {-webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
.scroll{top:-90px}
.no-scroll{top:0;z-index:99}
.dropdowns {min-width: 200px;width: 60%;max-width: 251px;font: normal normal 14px Roboto,Arial,sans-serif;background: #fff;margin-top: 60px;overflow: auto;overflow-x: hidden;position: fixed;z-index: 10000;bottom: 0;left: -400px;line-height:48px;box-shadow: 0 5px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);top: -60px;}
.dropdowns h3,.dropdowns p{padding:0;margin:0;font-weight:400!important}
.dropdowns h3 {text-align: center;font-size: 20px;text-transform: uppercase;}
.dropdowns img{width:70px;height:70px;}
#nav-menu1{visibility:hidden;position:absolute;background:#a4c639;list-style:none;right:30px;top:15px;padding:0;width:0;height:0;transition:all .5s cubic-bezier(0.07, 0.68, 0.35, 1.04);z-index:9;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
#nav-menu1 li{width:100%}
#nav-menu1 li a{padding:8px 15px;width:100%;font-weight:400;color:#eee;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#nav-menu1.shows{visibility:visible;width:90px;height:auto}
.dropdowns.shows{left:0;opacity:1}
.darkshadow{visibility:hidden;opacity:0;position:fixed;top:0;background:rgba(0, 0, 0, 0.59);left:0;right:0;bottom:0;margin:0;z-index:10000;transition:all .4s ease-in-out}
.darkshadow.shows{visibility:visible;opacity:1}
.menu-btn {padding: 13px 0;width: 45px;position: relative;cursor: pointer;}
.menu-btn-close .bar_1 {-webkit-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);background-color: #555;}
.menu-btn .bar_1 {margin-top: 0;}
.menu-btn-close .bar_2 {opacity: 0;}
.menu-btn-close .bar_3 {-webkit-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);background-color: #555;}
.menu-btn .bar_3 {margin-bottom: 0;}
.menu-btn .bar_1, .menu-btn .bar_2, .menu-btn .bar_3 {position: relative;display: block;width: 21px;height: 3px;margin: 5px auto;background-color: #555;border-radius: 10px;}
.penjudul {text-align: center;font-size: 20px;text-transform: uppercase;}
.ikonme {font-size: 20px;color: gray;cursor: pointer;fill : #333;}
.menu-icons {position: absolute;float: left;margin: 0;top: 15px;left: 20px;font-size: 20px;}
.buka-tutup {position: absolute;float: left;margin: 0;top: 8px;right: 10px;font-size: 20px;}
.dropdowns.shows{left:0;opacity:1}
.darkshadow{visibility:hidden;opacity:0;position:fixed;top:0;background:rgba(0, 0, 0, 0.59);left:0;right:0;bottom:0;margin:0;z-index:10000;transition:all .4s ease-in-out}
.darkshadow.shows{visibility:visible;opacity:1}
#page {width: 100%;display: block;background-position: center;margin: auto;position: relative;background: #eee}
.lazyloaded {opacity: 1;-webkit-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);-moz-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);-o-transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);transition: opacity .5s cubic-bezier(0, 0.76, 0.44, 0.95);will-change: opacity;}
.left-btn {float: left;}
.right-btn {float: right;}
button#left-button,button#right-button {cursor: pointer;outline: none;border: none;width: 35px;height: 43px;background: transparent;}
.jwpopup-head {font-size: 11px;padding: 0px 5px;color: #161617;margin: 10px;}
.jwpopup {display: none;z-index: 9999999999;background-color: rgba(11,14,18,.8);position: fixed;width: 100%;max-height: 100%;transition: all .1s linear;margin: 0 auto;height: 100%;top: 0;}
.jwpopup-content {background-color: #fefefe;margin: auto;padding: 0;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;width: 100%;max-width: 500px;border-radius: 10px;}
.jwpopup-head h2 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 500;font-size: 15px;padding: 0 40px 0 0;}
a.closee {color: #fff;font-weight: 400;text-transform: uppercase;padding: 10px;margin-top: -50px;float: right;margin-right: -15px;}
.wp-jwpopup {display: flex;width: 100%;text-align: center;}
.wp-jwpopup span {text-align: center;margin: auto;}
#wp-btn {border: 1px solid #ddd;margin: auto;
}
.iklan-download {padding: 10px;}
@-webkit-keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
.navDark i{display:flex;align-items:center; width:26px;height:18px; border-radius:10px;border:1px solid #000; opacity:.8}
.navDark i:before{content:'';display:block;position:relative;left:3px; width:10px;height:10px; border-radius:50%;background-color:#000;transition: all .1s ease);}
.navDark:before {content: attr(data-text);opacity: 0;transition: all .2s ease;white-space: nowrap;position: absolute;left: 0;}
.navDark {position: absolute;float: left;margin: 0;top: 18px;right: 65px;font-size: 20px;}
.darkMode .navDark i:before {left: 10px;background-color: #fefefe;}
.darkMode #page, .darkMode .penjudul, .darkMode .pop-html, .darkMode .menubottom nav {background:#18191a;}
.darkMode #page .menurekom.scrolled, .darkMode #page .labelbottom.scrolled, .darkMode .nav-menu2, .darkMode .jwpopup-content {background: #242526;}
.darkMode .menurekom .header-inner h1, .darkMode .label-bawah-menu a,.darkMode, .darkMode .title-image h1, .darkMode .is-4, .darkMode .menurekom .header-inner h1 a, .darkMode .nav-menu2 > li > a, .darkMode .table a, .darkMode #widget-footer-wrapper h2, .darkMode h1.post-title, .darkMode .wp-jwpopup span, .darkMode .jwpopup-head h2, .darkMode .menubottom nav ul li a span, .darkMode .breadcrumbs a {color:#fefefe}
.darkMode .ikonme, .darkMode .buka-tutup.menubookmark, .darkMode #left-button svg path, .darkMode #right-button svg path, .darkMode .bg_Se button svg, .darkMode .massgEmpty svg, .darkMode .Navigationbottom .icon .open path, .darkMode .menubottom nav ul li a svg, .darkMode .searchbtn svg, .darkMode .close-searchbtn svg{fill: #fefefe;}
.darkMode .label-bawah-menu a, .darkMode .gb_Se {background:#333}
.darkMode .gb_Se {border: 1px solid rgb(51 51 51);}
.darkMode, .darkMode #wrapper{background-color: #2c2c2c;}
.darkMode .nav-menu2 {border-top: 1px solid rgb(51 51 51);}
.darkMode .nav-menu2 > li {background: #121212;}
.darkMode #blog-pager-older-link a {background: #525252;color: #fff;}
.darkMode .postwrapper-artikel {background-color: rgb(7 7 7 / 66%);color: #fefefe;}
.darkMode .navDark i, .darkMode .navMenu .ham i, .darkMode .navMenu .ham span:before, .darkMode .navMenu .ham span:after{border-color: #fefefe;}
.bagikan{width: 100%;border:0!important;margin-right: 20px;margin-top: 0;text-align: center;}
.bagikan a,.bagikan span{font-size:90%}.bagikan a{font-weight:400;border-radius:3px}.bagikan a,.bagikan img{transition:all .1s ease}.bagikan{display:block;margin:10px 0 10px;border:1px solid #ddd}.bagikan img{border-radius:3px}.bagikan img:hover{opacity:.6}.bagikan a{display:inline-block;background:#8d8d8d;padding:2px 10px 2px 10px!important;font-size: 70%;color:#fefefe;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);text-shadow:0 -1px 2px rgba(0,0,0,.14)}.bagikan a.fb{background:#4d68a1}.bagikan a.twitter{background:#39aee7}.bagikan a.gplus{background:#f65543}.bagikan a.email{background:#fd9f4e}.bagikan span{display:block}.bagikan a{text-align:center;margin:0 2px;font-size: 80%;padding:5px 10px 5px 10px!important}.bagikan a.line,.bagikan a.whatsapp{display:inline-block!important}.bagikan a.whatsapp{background:#009688}.bagikan a.line{background:#00c300}.bagikan a.fb{background:#4d68a1}.bagikan a.twitter{background:#39aee7}.bagikan a.gplus{background:#f65543}.bagikan a.email{display:none}
.bagikan a svg {height: 20px;width: 20px;vertical-align: middle;fill: #fff;}a.pinterest {background: #d11313;}
.iklan-pop {width: 100%;}
@media screen and (max-width:768px){.navDark {right: 20px;}}
.live-wp {width: 100%;border-radius: 10px 10px 0 0;}
.PyenC .Live:before {content: 'Live';z-index: 1;color: #fff;position: absolute;top: 0;background: #333;padding: 5px;border-radius: 5px;font-size: 11px;margin: 5px;text-transform: uppercase;}
.PyenC .Video:before {content: 'Video';z-index: 1;color: #fff;position: absolute;top: 0;background: #333;padding: 5px;border-radius: 5px;font-size: 11px;margin: 5px;text-transform: uppercase;}
.iklantext {background: #eee;min-height: 70px;display: flex;align-items: center;justify-content: center;font-size: 13px;border: 1px solid #ddd;border-radius: 3px;}
.iklantext:before {content: 'ADS';font-weight: bold;}
.searchbtn,.close-searchbtn{display:none;}
@media screen and (max-width:768px){.navDark {right: 20px;}#BlogSearch1 {display: none;}.searchbtn {display: block;float: right;margin: 0;margin-right: 55px;font-size: 20px;margin-top: 20px;}.close-searchbtn {display: block;position: absolute;float: left;margin: 0;top: 3px;right: 5px;}}
.menubtm .js-share {float: right;margin: 15px 0;}
.darkMode .js-share svg {fill: #fff!important;}
.darkMode svg {fill: #fff;}
#HTML5 {padding: 0 15px;margin: 20px 0;}
#HTML4 {padding: 0 15px;margin-top: -15px;margin-bottom: 15px;}
.darkMode .iklantext {background: #333;border: 1px solid #444;}
#Label3 .nav-menu2 > li > a svg {width: 20px;height: 20px;vertical-align: middle;margin: 0 5px 3px 0;fill: #444;}
.darkMode #Label3 .nav-menu2 > li > a svg {fill: #fff;}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.post-dates {text-align: center;font-size: 12px;}
.post-dates abbr {border: none!important;text-decoration: none;text-align: center;}
]]>
>";position: absolute;bottom: 18px;z-index: 999;right: 80px;color: #999;font-size: 12px;}
body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #widget-footer-container, body#layout nav.dropdowns {margin: 0 0;padding: 0 20px;}
body#layout #footer-container {padding-bottom: 20px;}
body#layout #widget-footer1 {width: 32%;float: left;padding-right: 2%;box-sizing: border-box;}
body#layout #widget-footer2 {width: 32%;float: left;}
body#layout #widget-footer3 {width: 32%;float: right;padding-left: 2%;box-sizing: border-box;}
body#layout #cssmenu {display: block;padding: 20px;margin: 8px 0;width: 500px;font-size: 14px;color: #fff;background: #bbbbbb;font-weight: bold;float: right;}
body#layout #cssmenu:after {content: "Menu navigasi harus diedit melalui Edit HTML";color: #fff;position: absolute;top: 30px;left: 20px;visibility: visible;}
body#layout #searchfs, body#layout .section h4 {display: none;}
body#layout div.section { background: transparent;margin: 0px 0px 15px 0px;padding: 0px;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body#layout .above-post-widget:before {content: "Widget di Atas Post (Hanya Homepage)";}
body#layout .Blog:before {content: "Posting Blog";margin-bottom: 8px;}
body#layout .bellow-header-widget:before {content: "Widget di Bawah Header/Menu Navigasi";}
body#layout #widget-footer-container:before {content: "Widget di Atas Footer";}
body#layout .above-post-widget:before, body#layout .Blog:before, body#layout .bellow-header-widget:before, body#layout #widget-footer-container:before {padding: 10px;display: block;font-size: 15px;color: #fff;background: #e64a19;box-shadow: rgba(0,0,0,0.12) 0 0 2px 0, rgba(0,0,0,0.24) 0 2px 2px 0;}
body#layout .add_widget, body#layout .widget-content {padding: 12px;}
body#layout .add_widget a {margin-left: 0px;font-size: 14px;}
body#layout div.layout-title {font-size: 14px;}
body#layout div.layout-widget-description {font-size: 12px;}
body#layout .editlink {color: #FFFFFF !important;background: #bbbbbb;border-radius: 15px;padding: 4px 6px;}
body#layout #footer-wrapper {position: relative;background: #fff;height: 40px;border: 1px solid #ddd;}
body#layout #footer-wrapper:after {content:"Footer";color:#999;position:absolute;top:12px;}
]]>
]]>
true
Post a Comment
#ffffff
true
By
false
#ffffff
false
#ffffff
TextAndImage
#ffffff
pada tanggal
false
1x1
true
false
Category
true
1
false
#ffffff
false
false
<div class='hilangkan'>
</div>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
</div>
Edit
]]>
]]>
]]>
<div class="template-blog-responsive">
<h4>Ciptakan website yang indah</h4>
Pilih template premium berkualitas atau minta kami membuatkan template blog sesuai keinginan Anda.
<br /><br />
<b>Blogger / Blogspot</b>
Blogger adalah salah-satu produk milik raksasa Google yang direkomendasikan untuk membuat blog / website dengan cepat dan mudah digunakan. Ingin berbagi keahlian, berita terkini, atau apa pun pendapat Anda melalui Blogger? Template premium XMLThemes akan mengubah website Anda menjadi profesional.
<br /><br />
Fast Loading. Template memiliki kecepatan loading yang hebat, pengunjung senang dengan akses yang cepat.<br />
Responsive. Desain tema yang responsive, pengunjung dapat mengakses dengan baik di semua perangkat (dekstop/seluler)<br />
SEO Optimization. Website yang dioptimisasi, akan mendapatkan peluang lebih besar untuk bersaing di mesin pencari Google atau lainnya<br />
Sempurna. XMLThemes mempertahankan standar premium berkualitas, struktur data valid, memperhatikan pixel yang terkecil sekalipun<br />
Mudah. Mulai dari cara memposting hingga layout template blog, kami buat hanya untuk Anda dengan penyesuaian yang baik<br />
Support. Kami siap membantu untuk menyempurnakan website Anda setiap waktu melalui email maupun chat WhatsApp
<br /><br />
<h5>Responsive Blogger Templates</h5>
<br />
Dari sekian masyarakat pasti sudah tidak asing lagi dengan yang namanya blog, atau bahkan anda adalah pengguna blogger. Setiap blogger mempunyai jenis karakter masing masing, ada yang memanfaatkan sebagai bisnis, menulis artikel berbagi ilmu bahkan juga membagi berita opini.
<br /><br />
Tampilan pada blog sangat mempengaruhi jenis blog anda sendiri, maka dari itu beberapa adalah referensi template blog yang mungkin bisa diterapkan pada website anda dan dapat diunduh secara gratis.
<br /><br />
1. Greatmag<br />
Template yang satu ini mempunyai tampilan yang dapat menyesuaikan pada desktop, smartphone, tablet, dan lain sebagainya. Salah satu fitur unggulannya yaitu mempunyai slider yang lebar dapat beroperasi secara otomatis maupun manual. Kombinasi hijau hitam dan putih membuat tampilan blog anda akan menjadi elegan dipandang. Tema blog ini tepat digunakan untuk topik umum, bisnis, buku, maupun berita harian.
<br /><br />
2. Viral Pro<br />
Bagi anda yang menginginkan desain blog yang simpel, mungkin ini akan menjadi salah satu pilihan tepat bagi anda. Tampilan ini didukung dengan bagian menu di atas, tampilan minimalis bergaya layaknya galeri foto. Blog ini sangat tepat jika digunakan untuk berita umum maupun topik harian
<br /><br />
3. Mixup<br />
Hampir mirip dengan tampilan Gretmag, mixup juga mempunyai slider yang lebar, hanya saja tampilan dari blog ini sangat elegan karena mempunyai latar belakang berwarna biru tua, tidak lupa terdapat fitur di sebelah kanan yang akan memudahkan pengunjung mengakses blog anda. Blog ini dapat digunakan untuk berita umum, pribadi, maupun berita harian.
<br /><br />
4. Detube<br />
Berbeda dengan template blog pada umumnya, detube mempunyai rancangan khusus yaitu blog yang mengedepankan tentang publikasi video. Detube mempunyai berbagai fitur yang mungkin sangat berguna, yaitu kategori video populer berganti secara otomatis, dan alat pencarian video pada blog ini.
<br /><br />
5. Spicer<br />
Spicer adalah template blog yang biasanya digunakan untuk halaman pribadi, konsep yang diterapkan dari tema blog ini sangat minimalis, tidak banyak terdapat menu pada header, penerapan warna pun terkesan sangat santai dengan warna putih, menonjolkan gambar yang besar, agar pembaca penasaran dengan isi dari halaman tersebut.
</div>
ALPHA
LIST
ALL
false
https://t.me/premium_theem
#
https://t.me/premium_theem
#
Privacy Policy
Terms Of Service
Join Our Telegram
Telegram
Privacy Policy
Terms of Service
Demo Text
NONE
#
https://t.me/premium_theem
#
