<!DOCTYPE html>
<HTML class='static_page' dir='ltr' lang='in'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>
<meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/>
<title>Contact</title>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#00626B' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#00626B' name='msapplication-navbutton-color'/>
<link href='https://www.kompiajaib.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://3.bp.blogspot.com/-neRXGiMMl78/VwNf50cBEwI/AAAAAAAAmGk/jvUDozATUdU2fyPTXIc1fRjLdRLIpQQeA/s32/favicon-32x32.png' rel='icon' sizes='32x32'/>
<link href='https://4.bp.blogspot.com/-_fuRWmsvvhw/VwNgCd9RvqI/AAAAAAAAmGo/IFhwNoh-_OIEsUORb-ie9gauR5HQgKAhQ/s192/android-icon-192x192.png' rel='icon' sizes='192x192'/>
<link href='https://2.bp.blogspot.com/-Ahu-Rk5-2pU/VwNgIz2ruDI/AAAAAAAAmGs/lt_weAllC2ArCyVu09nB7Gms_HUqJIeUw/s180/apple-icon-180x180.png' rel='apple-touch-icon-precomposed'/>
<meta content='https://2.bp.blogspot.com/-9y27HsKCpyc/VwNgnWg1DlI/AAAAAAAAmG0/3Vl1JcjOBGoPAcMCqKIDDaMg53UffCMDg/s144/ms-icon-144x144.png' name='msapplication-TileImage'/>
<link href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='canonical'/>
<link href='https://plus.google.com/117950600521728942551' rel='me'/>
<link href='https://plus.google.com/117950600521728942551' rel='publisher'/>
<meta content='KOMPI AJAIB' property='og:site_name'/>
<meta content='https://3.bp.blogspot.com/-ccUYbxIIDvM/VqSSu92MnZI/AAAAAAAAksc/HExcuDOoKIQ/s256/logo.png' property='og:image'/>
<meta content='KOMPI AJAIB' property='og:image:alt'/>
<meta content='158' property='og:image:width'/>
<meta content='158' property='og:image:height'/>
<style amp-custom='amp-custom'>
/*<![CDATA[*/
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0SwlidHJgAgmTjOEEzwu1L8.ttf) format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;src:local('Roboto Slab Light'),local('RobotoSlab-Light'),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR0.woff2) format('woff2'),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u9mxLCGwRs.woff) format('woff'),url(https://cdn.rawgit.com/KompiAjaib/font/master/RobotoSlab-Light.ttf) format('truetype')}
#navbar-iframe{height:0;visibility:hidden;}
body{background:#fff;}
.post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after,a,.transition4s{transition:all .4s ease-in-out}
.spoiler-amp amp-accordion h4,:active,:focus{outline:0}
::selection{background:#00626B;}
a img{border-width:0}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:hover,.halaman-kiri:hover .pager-title-left,.archive_page #blog-pager-home-link a.home-link:hover,.archive_page #blog-pager-newer-link a:hover,.archive_page #blog-pager-older-link a:hover,.home_page #blog-pager-home-link a.home-link:hover,.home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.tombol-link:hover,.breadcrumbs a:hover,.author a:hover,.postmeta a:hover,#toc a:hover,.post-body code,.post-body pre,.post-body pre code,.post-body blockquote cite,.post-body a,.PageList ul li a:hover,a,.color00626B{color:#00626B}
::selection,.colorfff{color:#fff}
.post-body .table th,.post-body .table td,.post-body .table th,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.color333{color:#333}
#toc a,#toc li,.color555{color:#555}
a:hover,a,abbr[title]{text-decoration:none}
.contact-box amp-accordion section:not([expanded]) .show-less,.contact-box amp-accordion section[expanded] .show-more,.static_page .fb-comments,.static_page #comments,.static_page #sidebar-wrapper,.static_page .disqus,.static_page .leaderboard,.archive_page #sidebar-wrapper,.archive_page .post .post-body .snippets,.home_page #sidebar-wrapper,.post-body a.btn[href^="http://"]:after,.post-body a.btn[href^="http://"]:hover:after,.post-body a.btn[href^="https://"]:after,.post-body a.btn[href^="https://"]:hover:after,.post-body a[href^="http://www.kompiajaib.com/"]:after,.post-body a[href^="http://www.kompiajaib.com/"]:hover:after,.post-body a[href^="https://www.kompiajaib.com/"]:after,.post-body a[href^="https://www.kompiajaib.com/"]:hover:after,.post .jump-link,.quickedit,amp-accordion.parse_box section:not([expanded]) .show-less,amp-accordion.parse_box section[expanded] .show-more,amp-accordion.shares section:not([expanded]) .show-less,amp-accordion.shares section[expanded] .show-more,amp-sidebar li.menu-mobile,section:not([expanded]) .show-less,section[expanded] .show-more,.post-body .thumbnail,.displaynone,#navbar-iframe{display:none}
.disclaimer_box .content p,.static_page .credit-wrapper,.static_page .footer-wrapper,.static_page .outer-wrapper,.status-msg-body,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre,.post-body .post-toc,.post-body .separator a,body,.m0{margin:0}
.disclaimer_box .content p,.iklan-ataspost,.iklan-bawahpost,.static_page .post-body,.static_page #main-wrapper,.static_page .outer-wrapper,.status-msg-wrap,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre,.post-body .post-toc,.p0{padding:0}
.img-left,.photo-sender,.spoiler-amp .spoiler_title,.post-body .post-content,.floatleft{float:left;}
.img-right,.post-body .post-toc,.floatright{float:right;}
.status-msg-wrap,#toc a,#toc li,.fontroboto{font-family:Roboto,sans-serif}
.status-msg-wrap,.spoiler-amp amp-accordion h4,#toc a,#toc li,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.fontweight400{font-weight:400;}
.disclaimer_box .content b,.status-msg-wrap a,.post-body a.btn[href^="http://"],.post-body a.btn[href^="https://"],.post-body a[href^="http://"],.post-body a[href^="https://"],.name-sender,#btn_toc,.post-body a,.post-body b,.tg-bf,.fontweight500{font-weight:500;}
.positionfixed{position:fixed;}
.contact-me,#toc a,.post-body blockquote cite,.displayblock{display:block;}
.status-msg-wrap a,.post-body a[href^="http://"]:hover:after,.post-body a[href^="https://"]:hover:after,.post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after,.post-sender::before,.name-sender,.photo-sender,.inline-block,.displayinlineblock{display:inline-block;}
.status-msg-wrap a,.spoiler-amp amp-accordion h4,kbd,.borderradius3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.post-body blockquote cite,.post-body i,.tg-it{font-style:italic}
.post-body pre,i.klik-url{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
.liststyle0{list-style:none}
.clear{clear:both}
.backgroundhitambelang{background:#959595;background:-moz-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:-webkit-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1 );}
#header-wrapper,.outer-wrapper{width:100%;max-width:1440px;box-shadow:0 0 40px 0 rgba(0,0,0,.1)}
#main-wrapper,#sidebar-wrapper,.credit-wrapper{word-wrap:break-word}
.outer-wrapper{padding:0 10px}
#header-wrapper{height:70px;margin:0 auto;padding:0 20px;top:0;left:0;background:#fff;z-index:999}
#header{width:20%;line-height:70px}
#header h1,#header h1 a,#header p,#header p a{font-size:30px;letter-spacing:-1px;word-spacing:-5px}
#header h1 a:hover,#header p a:hover{color:#000}
.search_box{width:30%;line-height:70px}
.BlogSearch .gsc-search-box{width:100%}
.BlogSearch input.gsc-input{width:99%;width:calc(100% - 10px);padding-right:4px\9;padding-left:4px\9;margin-bottom:0;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.BlogSearch input.gsc-input:focus{border-color:#00626B;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,151,167,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,151,167,.6)}
.BlogSearch input.gsc-input::-moz-placeholder{opacity:1}
.BlogSearch input.gsc-input:-moz-placeholder,.BlogSearch input.gsc-input::-moz-placeholder,.BlogSearch input.gsc-input:-ms-input-placeholder,.BlogSearch input.gsc-input::-webkit-input-placeholder{color:#999}
.BlogSearch td.gsc-search-button{width:60px}
.BlogSearch input.gsc-search-button{background-color:#00626B;color:#fff;border:0;width:100%;height:34px;padding:6px 0;text-align:center;font:500 14px Roboto;line-height:1.428571429;vertical-align:middle;background-image:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.page{width:47%;width:calc(50% - 48px);padding:0 0 0 20px;}
.PageList ul{text-align:right;font-size:0}
.PageList ul li a{font-size:14px;line-height:70px;padding:0 15px}
.content-wrapper{padding:70px 0 0;position:relative}
#main-wrapper{width:78.5%;width:calc(100% - 300px);margin:0 auto;}
.post{padding:20px 0 0 80px}
.post h1.post-title{font-family:"Roboto Slab",serif;font-size:40px;font-weight:300;line-height:1.2;margin:8px 0 10px}
.post .thumb-post{margin:0 -10px 10px -80px}
.post-body{font-size:16px;line-height:1.5;width:80%;width:calc(100% - 200px);counter-reset:blockquote}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{line-height:1.1;margin:10px 0}
.post-body h1{font-size:40px}
.post-body h2{font-size:36px}
.post-body h3{font-size:32px}
.post-body h4,.post-body h5,.post-body h6{font-size:30px}
.post-body a:hover{color:#000}
.post-body .share-box{position:relative;margin-top:20px;}
.post-body amp-carousel,.post-body amp-facebook,.post-body amp-iframe[src*='youtube.com'],.post-body amp-youtube{margin:0 0 0 -80px}
.post-body amp-img.emojika{vertical-align:-12%}
.post-body blockquote,.post-body blockquote.kata-kata{font-size:18px;font-family:Georgia;color:#000;border-left:3px solid #00626B;padding:10px;margin:0 0 0 -80px;background:#efefef}
.post-body blockquote.kata-kata{counter-increment:blockquote;padding-left:40px;position:relative}
.post-body blockquote.kata-kata:before{content:counter(blockquote)'.';position:absolute;left:0;top:0;color:#000;font-size:18px;z-index:2;width:40px;height:40px;line-height:40px;text-align:center}
.post-body pre,.tg-left{text-align:left}
.post-body blockquote cite{font-size:14px;margin-top:5px}
.post-body blockquote cite:before{content:"\2014 \2009";color:#000}
.post-body code,.post-body pre,.post-body pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:14px;line-height:1.3em}
.post-body pre{border-left:3px solid #00626B;background:#f0f8ff;padding:8px 10px;overflow:auto;max-width:98%;max-width:calc(100% + 80px);margin:0 0 0 -80px;}
.post-body .table-responsive{min-height:.01%;overflow-x:auto}
.post-body .table{width:100%;border-collapse:collapse;border-spacing:0}
.post-body .table td,.post-body .table th{background-color:#F3F5EF;border:1px solid #bbb;font-size:90%;padding:5px;vertical-align:top}
.post-body .table tr:nth-child(even) td{background-color:#F0F0E5}
.post-body .table th{background-color:#EAE2CF;font-size:110%}
.post-body .table tr.even:hover td,.post-body .table tr:hover td{color:#222;background-color:#FFFBEF}
.tg-right{text-align:right}
.center,.tg-center{text-align:center}
#btn_toc,.back_toc{cursor:pointer}
.post-body .post-toc{width:180px;position:-webkit-sticky;position:sticky;top:100px}
.post-body .post-content{width:80%;width:calc(100% - 200px)}
#btn_toc{margin-left:15px}
#btn_toc svg{vertical-align:middle}
#toc{display:grid}
#toc a,#toc li{font-size:14px;}
.post-toc{border-left:4px solid #00626B}
#toc ol{margin-bottom:0;padding:0 0 0 30px}
.postmeta,h3.date-header{font-size:14px;}
.postmeta{color:#666;width:170px;margin:20px 0 0;position:-webkit-sticky;position:sticky;top:100px}
.author{color:#666;padding:2px 5px 2px 0;}
.author a,.postmeta a{color:#666;font-weight:400}
span.post-author{position:relative}
.authorphoto{width:80px;height:80px;margin-bottom:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:block}
.post-labels{padding:2px 5px 2px 0;display:block}
.postmeta svg{width:18px;height:18px;vertical-align:-1px;display:inline;float:left;margin-right:4px}
.postmeta svg path{fill:#999}
.post-labels svg+a{display:block;margin-left:0;margin-top:0}
.post-labels a{display:block;margin-left:22px;margin-top:5px}
.post-icons svg{width:24px;height:24px}
.post-icons{position:absolute;top:0;left:60px}
.shortener-box{margin-bottom:10px}
.shortener-box .shorten-text{vertical-align:10px;}
.sharethis a.url,h2.donate{font-size:16px;}
.sharethis a.url{text-decoration:none;margin-top:5px;color:#333;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:1;padding:3px 8px}
.sharethis a.url:hover{color:#555;background:#fafafa;border:1px solid #999}
.sharethis a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
h2.donate{margin:10px 0}
.reaction-buttons{margin-top:20px;}
.reactions-label{margin-right:.7em}
.reactions-iframe{overflow:hidden}
.reactions-iframe amp-iframe{vertical-align:-5px;margin-left:-.7em}
.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:20px 0;font-size:12px;color:#888;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.breadcrumbs a{text-decoration:none;color:#666}
.breadcrumbs svg{width:14px;height:14px;vertical-align:-3px}
.breadcrumbs svg path{fill:#666}
#sidebar-wrapper{background:#fff;width:300px;height:90.5%;height:calc(100vh - 70px);top:70px;left:10px;overflow-x:hidden;overflow-y:auto;}
.sidebar h2,.sidebar h2 span{padding:0 0 6px;line-height:1;font-size:22px}
.sidebar h2{text-transform:uppercase;margin:0 0 10px;border-bottom:3px solid #dedede}
.sidebar h2 span{position:relative;}
.sidebar h2 span:after{content:"";background:#00626B;height:3px;width:100%;position:absolute;bottom:-2px;left:0}
.sidebar{color:#666;line-height:1.3em;font-size:14px;}
.sidebar{padding-top:10px;padding-right:10px;border-right:1px solid #ededed}
.sidebar .widget{margin:0 auto 20px;padding:0}
.kotak_iklan,.sidebar .widget-content{margin:0 auto;}
.sidebar .widget:last-child{margin:0 auto;padding:0 0 20px}
.kotak_iklan,a.tombol-link{text-align:center}
.kotak{background:#aaa;height:125px;width:125px;display:inline;}
.kotak:nth-child(1),.kotak:nth-child(3){margin-right:22px}
.kotak:nth-child(1),.kotak:nth-child(2){margin-bottom:22px}
.grayscale{background:gray}
.banner300sidebar{background:#959595;background:-moz-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:-webkit-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1 );width:100%;height:226.66px;position:relative}
.banner300sidebar:before{content:"Your Banner Here";font-weight:500;font-size:24px;color:#fff;line-height:226.66px;position:absolute;top:0;left:0;right:0;text-align:center}
.link-btn{position:relative;padding-top:15px}
.label-link-btn{font-size:11px;color:#333;position:absolute;top:0;left:0}
.label-link-btn svg{width:15px;height:15px;vertical-align:-3px}
.label-link-btn svg path{fill:#00aecd}
a.tombol-link{width:100%;height:41px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:41px;box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 1px 1px rgba(0,0,0,.3);align-items:center;justify-content:center;background-color:#00626B;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;font-size:16px;margin:5px auto}
a.tombol-link:hover{background-color:#fff;}
#side-bar h6,amp-sidebar li a{color:#efefef}
.btn-sidebaramp{background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 25 25' width='34' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23333333' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:34px 34px;background-position:center center;background-color:transparent;width:48px;height:70px;line-height:70px;border:none;position:absolute;top:0;right:10px;z-index:1001;cursor:pointer;}
amp-sidebar{width:300px;height:100%;height:100vh;background:#00626B}
svg.amp-close-image{position:absolute;top:15px;left:16px;cursor:pointer}
amp-sidebar ul{margin-top:30px;}
amp-sidebar li:first-child{padding-top:0}
amp-sidebar li a{font-size:16px;padding:10px 20px}
amp-sidebar li a:hover,amp-sidebar li a:visited{color:#fff}
amp-sidebar button{margin-left:20px}
#side-bar h6{border:none;background-color:#00626B;font-size:14px;margin:0 0 10px 20px}
amp-sidebar ul li.drop ul{background:#de133b;margin-top:10px}
amp-sidebar ul li.drop ul li,amp-sidebar ul li.drop ul li:first-child{padding:10px 20px 0 40px}
amp-sidebar li.drop section{padding:10px 0 0}
amp-sidebar li.drop li{border:0}
amp-sidebar li.drop li:last-child{padding:10px 20px 10px 40px;margin-bottom:-2px}
#side-bar h6 svg{width:20px;height:20px;vertical-align:middle;float:right;margin-right:20px}
#side-bar h6 svg path{fill:#efefef}
.ampstart-social-follow,.follow_sidebar,.logo_sidebar{display:block;text-align:center}
.logo_sidebar{height:auto;margin:40px auto 0;font-family:"Roboto Slab",serif;font-size:20px;font-weight:300;color:#fff;letter-spacing:-1px;word-spacing:-5px;line-height:1}
.follow_sidebar{line-height:normal;letter-spacing:normal;font-family:Open Sans Condensed,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;font-size:.94rem;padding-top:1.5rem}
.ampstart-social-follow{margin:.5rem 0 1rem;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0}
.ampstart-social-follow li{display:inline-block;margin-right:0;padding:0}
.ampstart-social-follow li .gp svg{vertical-align:4px}
.p1{padding:.5rem}
svg:not(:root){overflow:hidden}
.ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#fff}
amp-sidebar.p0.mystyle {
-webkit-transform: translateX(0)!important;
transform: translateX(0)!important;
-webkit-transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1);
transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1);
transition: transform 233ms cubic-bezier(0,0,.21,1);
transition: transform 233ms cubic-bezier(0,0,.21,1),-webkit-transform 233ms cubic-bezier(0,0,.21,1);
}
amp-sidebar.p0 {
right: 0!important;
-webkit-transform: translateX(100%)!important;
transform: translateX(100%)!important;
}
amp-sidebar {
position: fixed!important;
top: 0;
max-height: 100vh!important;
height: 100vh;
max-width: 80vw!important;
min-width: 45px!important;
outline: none;
overflow-y: auto!important;
z-index: 2147483647;
-webkit-overflow-scrolling: touch;
will-change: transform;
}
.sidebar-mask {
position: fixed!important;
top: 0!important;
left: 0!important;
width: 100vw!important;
height: 100vh!important;
opacity: 0.2;
background-image: none!important;
background-color: #000;
z-index: 2147483646;
}
.sidebar-mask.open{display:block}
.flow {
overflow: hidden;
position: relative;
}
.archive_page #Blog1,.home_page #Blog1{padding-bottom:55px;position:relative}
.archive_page .home-box,.archive_page .lasthome-box,.archive_page a.blog-pager-newer-link,.archive_page a.blog-pager-older-link,.archive_page a.home-link,.home_page .home-box,.home_page .lasthome-box,.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link,.home_page a.home-link{line-height:45px;position:absolute;width:43px;height:43px;text-align:center}
#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#141924;transition:all .4s ease-in-out}
.archive_page .blog-pager svg,.home_page .blog-pager svg{width:24px;height:24px;vertical-align:-5px}
.archive_page #blog-pager,.archive_page .blog-pager,.home_page #blog-pager,.home_page .blog-pager{clear:both;text-align:center;position:absolute;width:200px;height:45px;line-height:45px;bottom:0;left:50%;margin:0 0 0 -110px;overflow:visible}
.archive_page #blog-pager-home-link a.home-link,.archive_page a.blog-pager-newer-link,.archive_page a.blog-pager-older-link,.home_page #blog-pager-home-link a.home-link,.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link{background:#fff;border:1px solid #dedede;color:#141924;transition:all .4s ease-in-out;bottom:0}
.archive_page a.blog-pager-older-link,.home_page a.blog-pager-older-link{right:0;z-index:2}
.archive_page a.blog-pager-newer-link,.home_page a.blog-pager-newer-link{left:0;z-index:2}
.archive_page #blog-pager-home-link a.home-link,.home_page #blog-pager-home-link a.home-link{left:50%;margin-left:-22.5px}
.archive_page #blog-pager-home-link a.home-link:hover,.archive_page #blog-pager-newer-link a:hover,.archive_page #blog-pager-older-link a:hover,.home_page #blog-pager-home-link a.home-link:hover,.home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link a:hover{border:1px solid #00626B}
.archive_page .home-box,.archive_page .lasthome-box,.home_page .home-box,.home_page .lasthome-box{background:#fff;color:#888;border:1px solid #dedede;border-radius:3px;bottom:0;z-index:1}
.archive_page .home-box,.home_page .home-box{left:0}
.archive_page .lasthome-box,.home_page .lasthome-box{right:0}
.archive_page .home-box svg path,.archive_page .lasthome-box svg path,.home_page .home-box svg path,.home_page .lasthome-box svg path{fill:#888}
.halaman{line-height:1.2em;margin:20px 200px 20px 80px;height:auto}
.halaman-kanan,.halaman-kiri{color:#666;background:0 0;width:50%;position:relative;}
.halaman-kiri{height:auto;padding:0 10px 0 20px;text-align:left}
.halaman-kanan{height:auto;padding:0 20px 0 10px;text-align:right}
.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:20px;background:0 0;text-decoration:none;line-height:1;}
.halaman-kanan a,.halaman-kiri a{color:#666;font-size:20px;line-height:1}
.isihalaman-kanan,.isihalaman-kiri{padding-top:2px}
svg.panahkanan,svg.panahkiri{position:absolute;top:50%;margin-top:-12.5px;width:25px;height:25px}
svg.panahkanan path,svg.panahkiri path{fill:#666}
.panahkiri{left:-10px}
.panahkanan{right:-10px}
.related-post h4{margin:20px 0 10px;font-size:24px;}
.related-post{width:100%;padding-right:200px}
.disqus-box,.fb-box{margin:0 200px 0 80px}
.disqus,.fb-comments{margin:0 -8px}
.disqus{padding:0 0 20px}
.tombol-pesan{display:block;font-weight:500;margin:10px 8px}
amp-accordion.parse_box h5{width:80px;margin-left:8px}
.parse-box{margin:0 8px}
.share-box{position:relative;margin-top:20px;padding-right:200px}
.sharethis{position:relative;margin:20px 0;padding:0;font-size:0}
.sharethis .em,.sharethis .fb,.sharethis .gp,.sharethis .li,.sharethis .pi,.sharethis .sms,.sharethis .ta,.sharethis .tw,.sharethis .wa{width:40px;height:40px;line-height:40px;margin:0 5px 0 0;text-align:center;}
.sharethis .fb,.sharethis .gp,.sharethis .tw{width:auto;padding-right:10px;position:relative;padding-left:40px;overflow:hidden}
.sharethis amp-social-share{vertical-align:middle}
.sharethis .tw{background-color:#1da1f2}
.sharethis .gp{background-color:#dc4e41}
.sharethis .fb{background-color:#3b5998}
.sharethis .pi{background-color:#bd081c;overflow:hidden}
.sharethis .li{background-color:#0077b5;overflow:hidden}
.sharethis .wa{background-color:#25d366;overflow:hidden}
.sharethis .ta{background-color:#3c5a77;overflow:hidden}
.sharethis .sms{background-color:#ca2b63;overflow:hidden}
.sharethis .em{background-color:#000;margin:0;overflow:hidden}
.amp-social-share-tumblr,.amp-social-share-twitter{background-size:20px 20px}
.amp-social-share-email,.amp-social-share-facebook,.amp-social-share-linkedin,.amp-social-share-pinterest{background-size:25px 25px}
.amp-social-share-gplus{background-size:30px 30px;margin-left:-3px}
.amp-social-share-sms,.amp-social-share-whatsapp{background-size:15px 15px}
.sharethis .fb:after,.sharethis .gp:after,.sharethis .tw:after{display:inline;float:left;font-size:14px;color:#fff}
.sharethis .tw:after{content:"Twitter"}
.sharethis .gp:after{content:"Google+"}
.sharethis .fb:after{content:"Facebook"}
.amp-social-share-facebook,.amp-social-share-gplus,.amp-social-share-twitter{background-color:transparent;position:absolute;top:0;left:0;background-position:10px}
.footer-wrapper{margin:0 -10px 0 300px;padding:20px;font-size:14px;}
.footer1,.footer2,.footer3,.footer4{display:inline;color:#ccc;font-size:14px;font-weight:300;line-height:1.6em;text-align:left;}
.footer1{width:40%;padding:0 30px 10px 0}
.footer2,.footer3,.footer4{width:20%;padding:0 0 10px 30px}
.footer1 h4,.footer2 h4,.footer3 h4,.footer4 h4{font-size:16px;color:#fefefe;}
.footer1 a,.footer2 a,.footer3 a,.footer4 a{font-weight:300;color:#ccc}
.footer1 a:hover,.footer2 a:hover,.footer3 a:hover,.footer4 a:hover{color:#fefefe}
.footer1 ul,.footer2 ul,.footer3 ul,.footer4 ul{margin:5px 0}
.footer1 .logo-footer{clear:both;text-align:left;margin-left:-5px}
.footer1 .logo-footer img:hover,.home_page .post:hover h2.post-title a{-webkit-animation:flash 1s linear 1s infinite normal;animation:flash 1s linear 1s infinite normal}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.home_page .post h2.post-title a:hover{-webkit-animation:none;animation:none}
.credit{line-height:1.5em}
.credit-wrapper{background:#000;margin:0 -10px 0 300px;padding:10px;font-size:12px;color:#efefef}
.credit-wrapper a,.credit-wrapper a:visited{color:#efefef;}
.credit-wrapper a:hover{color:#fff;}
.follow-by-email-inner table{width:100%}
.follow-by-email-inner td{margin:0 -3px}
.follow-by-email-inner .follow-by-email-address{width:100%;height:auto;margin:0 auto 5px;padding:10px;color:#777;position:relative;z-index:1;background:#fff;border:1px solid #ccc;}
.follow-by-email-inner .follow-by-email-address:focus,.follow-by-email-inner .follow-by-email-submit:focus{outline:0}
.follow-by-email-inner .follow-by-email-submit{width:100%;height:30px;font-size:16px;text-transform:uppercase;color:#FFF;padding:0 20px;cursor:pointer;background-color:#00626B;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.follow-by-email-inner p{font-size:12px;line-height:1.1;color:#666;margin:0 0 5px}
hr{height:0;border:0;border-top:1px solid #ddd}
kbd{-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;background-color:#f7f7f7;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff;vertical-align:3px}
.post-body a.btn[href^="http://"],.post-body a.btn[href^="https://"],a.btn-danger,a.btn-info,a.btn-primary,a.btn-success,a.btn-warning{color:#fff}
.btn,.btn:active{background-image:none}
.btn,.btn-link{font-weight:400}
.btn{padding:6px 12px;margin-bottom:5px;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;border:1px solid transparent;display:inline-block}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:active,.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-primary,.parse_box>section>:first-child{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary:focus,.parse_box>section>:first-child:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:active,.btn-primary:hover,.parse_box>section>:first-child:active,.parse_box>section>:first-child:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
.btn-success:active,.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}
.btn-info:active,.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}
.btn-warning:active,.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.btn-danger:active,.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-link{color:#337ab7;border-radius:0}
.btn-link,.btn-link:active{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}
.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px}
.btn-sm{padding:5px 10px}
.btn-xs{padding:1px 5px}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
.spoiler-amp amp-accordion div blockquote,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre{-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}
.spoiler-amp amp-accordion h4{width:62px;background:#26272a;padding:5px 0 5px 22px;color:#efefef;font-size:12px;font-family:arial,san-serif;line-height:1;}
.spoiler-amp section:not([expanded]) h4:before,.spoiler-amp section[expanded] h4:before{height:0;width:0;border-style:solid;position:absolute;left:8px;content:""}
.spoiler-amp .spoiler_title{display:inline;margin:0 10px 0 0;padding:4px 0;font-size:16px;line-height:1}
.spoiler-amp section:not([expanded]) h4:before{border-width:4px 4px 4px 7px;border-color:transparent transparent transparent #fff;top:7px}
.spoiler-amp section[expanded] h4:before{border-width:7px 4px 4px;border-color:#fff transparent transparent;top:8px}
.spoiler-amp amp-accordion div{width:100%;border:1px solid #ddd;background:#efefef;height:auto;padding:6px 10px;margin:8px 0 0;overflow:hidden}
.spoiler-amp amp-accordion div pre{background:0 0;color:#111;padding:4px 0;overflow:auto;max-width:100%;text-align:left;margin:0 auto;border-left:0}
.spoiler-amp amp-accordion div pre code{color:#111}
.spoiler-amp amp-accordion div p amp-img{margin:4px 0}
.spoiler-amp amp-accordion section:not([expanded]):after{content:"";display:block;background:#efefef;padding:6px;border:1px solid #ddd;margin:8px 0 0}
@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes slide-down{0%{opacity:0;-moz-transform:translateY(-100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
.post-sender{background:#E5E5E5;padding:10px;width:auto;display:block;position:relative;font-size:16px;margin:30px auto;color:#141924}
.photo-sender,.post-sender amp-img{width:90px;height:90px}
.title-sender{border-bottom:1px solid #dbdbdb;padding-bottom:8px;line-height:1.3em}
.photo-sender{overflow:hidden;margin:10px 10px 0 0;position:relative;}
.name-sender{line-height:1;margin-bottom:10px;text-align:left}
.profil-description{padding-top:10px;border-top:1px solid #eeeded;line-height:1.2}
.profil-description p{margin-top:5px;margin-bottom:0;line-height:1.3em;font-size:100%}
.post-sender::before{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E5E5E5;position:absolute;top:-10px;left:50%;margin-left:-10px}
.post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%2300626B' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;margin-left:3px;vertical-align:-2px;}
.post-body a[href^="http://"]:hover:after,.post-body a[href^="https://"]:hover:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23000' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;margin-left:3px;vertical-align:-2px}
.status-msg-wrap{font-size:14px;width:99.999999%;width:calc(100% - 20px);height:auto;color:#666;margin:0 20px 20px 0;position:relative;}
.status-msg-border{border:1px solid #000;opacity:0;width:100%;position:relative;height:10px}
.status-msg-bg{background-color:#ccc;opacity:.8;width:100%;position:relative;z-index:1}
.status-msg-body{background:#fff;text-align:center;padding:6px 10px 10px;width:100%;word-wrap:break-word;z-index:4;border-radius:3px;border:1px solid #ddd;line-height:1.3}
.status-msg-hidden{visibility:hidden;padding:.3em 0}
.status-msg-wrap a{color:#fff;background:#00626B;margin:0 6px 0 -6px;padding:3px 5px;width:130px;max-width:130px;line-height:1.3}
.status-msg-body b{display:block;margin-bottom:6px}
.status-msg-body:after{content:"";display:block;clear:both}
.status-msg-body a:last-child{margin-right:0}
.archive_page .outer-wrapper,.home_page .outer-wrapper{padding:0 20px}
.archive_page #main-wrapper,.home_page #main-wrapper{width:102%;width:calc(100% + 20px);margin:0 -20px 0 0;padding:20px 0;float:none}
.archive_page .credit-wrapper,.archive_page .footer-wrapper,.home_page .credit-wrapper,.home_page .footer-wrapper{width:104%;width:calc(100% + 40px);margin:0 -20px;float:none}
.archive_page .post,.home_page .post{margin:0 20px 20px 0;padding:12px 10px 10px;position:relative;width:23.5%;width:calc(25% - 20px);height:280px;display:flex;flex-direction:column;justify-content:center;float:left;transition:all .4s ease-in-out;overflow:hidden;box-shadow:0px 3px 20px 0 rgba(0,0,0,0.075);}
.archive_page .post h2.post-title,.home_page .post h2.post-title{font-family:"Roboto Slab",serif;font-size:26px;font-weight:300;margin:0;display:block;line-height:1.2}
.archive_page .post h2.post-title a,.home_page .post h2.post-title a{color:#333;display:block}
.archive_page .post:hover h2.post-title a,.home_page .post:hover h2.post-title a{color:#00626B}
.archive_page .post .post-body,.home_page .post .post-body{width:unset;float:none;display:inline}
.archive_page .post:hover,.home_page .post:hover{transform:translateY(-5px)}
.archive_page .post .post-body .snippets,.home_page .post .post-body .snippets{margin-top:20px;line-height:1.2}
.archive_page .post:after,.home_page .post:after{content:"";background:#00626b;background:-moz-linear-gradient(left,#00626b 0,#61c419 50%,#00f7ca 100%);background:-webkit-linear-gradient(left,#00626b 0,#61c419 50%,#00f7ca 100%);background:linear-gradient(to right,#00626b 0,#61c419 50%,#00f7ca 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00626b', endColorstr='#00f7ca', GradientType=1 );position:absolute;top:0;left:0;width:100%;height:2px}
.static_page .postmeta{position:fixed;top:-1000px;left:-1000px;}
.static_page .post h2.post-title{text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #ddd}
.static_page .post h2.post-title a{font-size:24px;font-weight:500;color:#333}
.static_page #main-wrapper{width:100%;}
.static_page .post-body{width:100%;margin:20px 0;}
.static_page a.home-link{visibility:hidden}
.static_page .post{padding:20px}
.contact-box{margin-top:10px}
.contact-box svg{width:24px;height:24px;vertical-align:-6px;margin-right:5px}
.contact-box svg path{fill:#444}
.contact-box .bbm svg{width:20px;height:20px;vertical-align:-5px;margin-right:5px}
.contact-box .bbm{margin-top:6px}
.post-body .contact-me a{color:#444;font-weight:300}
.post-body .contact-me a[href^="http://"]:after,.post-body .contact-me a[href^="https://"]:after{content:"";background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23444' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;display:inline-block;margin-left:3px;vertical-align:-2px}
.contact-me span{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
.contact-me amp-accordion h5 span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.contact-box .bbm,.contact-box .map{position:relative;padding-left:29px}
.contact-box .bbm .barcode-bbm{margin:10px 0;width:300px}
.contact-box .bbm span span{font-weight:300}
.contact-box .map svg{position:absolute;top:0;left:0}
.contact-box .bbm svg{position:absolute;top:4px;left:0}
.contact-box amp-accordion h5{background:0 0;border:none;color:#444;font-weight:500;font-size:14px;margin:0;padding:0;text-align:left}
.img-center{text-align:center;margin:0 auto}
.img-left,.img-right{margin-bottom:1em;text-align:center}
.img-left{clear:left;margin-right:1em}
.img-right{clear:right;margin-left:1em}
.img-width-100,.img-width-200,.img-width-300,.img-width-400,.img-width-500,.img-width-600,.img-width-700,.img-width-800{width:100%;text-align:center;clear:both}
.img-width-100{max-width:100px}
.img-width-200{max-width:200px}
.img-width-300{max-width:300px}
.img-width-400{max-width:400px}
.img-width-500{max-width:500px}
.img-width-600{max-width:600px}
.img-width-700{max-width:700px}
.img-width-700{max-width:800px}
.iklan-ataspost,.iklan-bawahpost{width:100%;height:auto;text-align:center;margin:20px auto}
.scrollToTop{color:#fafafa;font-size:1.4em;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);width:50px;height:50px;border-radius:100px;border:none;outline:0;background:#00626B;z-index:1000;bottom:10px;right:10px;position:fixed;opacity:0;visibility:hidden;cursor:pointer}
#marker{position:absolute;top:100px;width:0;height:0}
.scrollToTop svg{width:34px;height:34px;vertical-align:middle}
#totop:before{content:"";display:block;height:20px;margin-top:-20px;visibility:hidden}
.disclaimer_box{width:100%;padding:2px;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:6px;}
.disclaimer_box .content{background:#fff;padding:8px 12px;font-size:14px;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.buka-komen,.follow-button,.tutup-komen{background-color:#00626B;color:#fff;font-size:16px;line-height:1.3em;padding:5px 7px;min-width:54px;text-align:center;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none}
.buka-komen,.tutup-komen{cursor:pointer;padding:8px 0}
.follow-button{margin:10px 0 0}
.buka-komen{margin:20px 0}
.tutup-komen{margin:20px 0 0}
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype')}
.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:inherit;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';vertical-align:middle}
.material-icons.md-16{font-size:16px}
.material-icons.md-18{font-size:18px}
.material-icons.md-24{font-size:24px}
.material-icons.md-36{font-size:36px}
.material-icons.md-48{font-size:48px}
.material-icons.md-red{color:red}
.material-icons.md-yellow{color:#ff0}
.material-icons.md-green{color:green}
.material-icons.md-blue{color:#00f}
.material-icons.md-grey{color:grey}
.post-body .search-box input.box1,.post-body .search-box input.box2{border:5px solid #ddd;padding:8px 12px;width:100%}
.post-body .search-box input.box1:focus,.post-body .search-box input.box2:focus{border:5px solid #00626B;outline:0}
.post-body .search-box{display:block;border:1px solid #ddd;padding:20px;margin:10px auto}
.skip-navigation{background-color:#fff;color:#000;display:block;height:0;left:0;line-height:50px;overflow:hidden;padding-top:0;position:fixed;text-align:center;top:0;width:100%;z-index:900}
#ss-form input:focus~label,#ss-form input:valid~label,#ss-form textarea:focus~label,#ss-form textarea:valid~label{font-size:.75em;color:#00626B;top:-2.25rem;-webkit-transition:all 125ms ease;transition:all 125ms ease}
#ss-form .styled-input{width:33.3333%;margin:2rem 0 1rem;padding:0;position:relative}
#ss-form .styled-input label,#ss-form input,#ss-form textarea{padding:1rem;font-family:Helvetica,Arial,sans-serif}
#ss-form .styled-input-in{position:relative}
#ss-form .styled-input label{color:#999;position:absolute;top:0;left:0;-webkit-transition:all .25s ease;transition:all .25s ease;pointer-events:none;line-height:1}
#ss-form .styled-input.wide{width:100%}
#ss-form input,#ss-form textarea{border:1px solid #ddd;width:100%;font-size:1rem;background:#fafafa;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#ss-form textarea{margin-bottom:-5px;}
#ss-form input~.span1,#ss-form textarea~.span1{display:block;width:0;height:3px;background:#00626B;position:absolute;left:50%;bottom:0;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}
#ss-form input~.span2,#ss-form textarea~.span2{display:block;width:0;height:3px;background:#00626B;position:absolute;right:50%;bottom:0;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}
#ss-form input~span{bottom:0}
#ss-form input:focus,#ss-form textarea:focus{outline:0}
#ss-form input:focus~.span1,#ss-form input:focus~.span2,#ss-form textarea:focus~.span1,#ss-form textarea:focus~.span2{width:50%}
#ss-form textarea{width:100%;min-height:15em}
#ss-form .btn{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;border-radius:0;padding:0 25px;height:51px;line-height:51px;color:#333;background-color:#fafafa;border:1px solid #ddd;cursor:pointer;margin:10px 0 0;background-image:none}
#ss-form .btn-default:focus,#ss-form .btn-default:hover{background-color:#00626B;border:1px solid #00383d;color:#fff;outline:0}
#fade{opacity:0;display:none}
.thanks_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.8);z-index:99999}
.thanks_message,.thanks_message .close a{position:absolute;text-align:center;background:#fff;color:#333;font-family:Helvetica,Arial,sans-serif}
.thanks_message{width:50%;border-radius:5px;padding:20px;border:1px solid #DEDEDE;top:10%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.thanks_message .close a{top:-15px;right:-15px;width:20px;height:20px;line-height:20px;border:1px solid #ccc;border-radius:100%;font-size:18px;text-decoration:none}
@media screen and (max-width:768px){.thanks_message{width:90%!important;margin-left:-45%!important}
}
@media screen and (max-width:414px){#ss-form .styled-input{width:100%}
}
@media screen and (max-width:1366px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:26px}
}
@media screen and (max-width:1280px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:24px}
}
@media screen and (max-width:1024px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:30px}
.post{margin:0;padding:20px 0 0 10px}
.related-post,.share-box{padding-right:0}
.disqus-box,.fb-box,.halaman{margin:20px 0 20px 10px}
.archive_page .post,.home_page .post{width:49%;width:calc(50% - 20px)}
.post .thumb-post{margin:0 -10px 10px}
.post_page .footer-wrapper{padding:10px}
.post_page .footer1,.post_page .footer2,.post_page .footer3,.post_page .footer4{width:100%;padding:0;float:none;display:block}
.post_page .footer1{margin-bottom:10px}
.post-body{float:none;width:100%}
.authorphoto,.foto{display:inline-block;float:left}
.post_page .postmeta{position:relative;float:none;width:100%;top:unset;margin-top:20px}
.authorphoto{margin-right:10px;margin-bottom:0}
.post-labels a,.post-labels svg+a{display:inline-block;float:left;padding:5px 8px 3px;background:#00626B;color:#fff;border-radius:3px;margin:0 5px 5px 0}
.postmeta svg{display:none}
.post-body amp-carousel,.post-body amp-facebook,.post-body amp-iframe[src*='youtube.com'],.post-body amp-iframe[src*='video.flexmmp.com'],.post-body amp-iframe[src*='fave.api.cnn.io'],.post-body amp-iframe[src*='yahoo.com'],.post-body amp-youtube,.post-body blockquote,.post-body blockquote.kata-kata,.post-body pre{margin:0 -10px}
.post-icons{top:-20px}
.post-body pre{max-width:102%;max-width:calc(100% + 20px)}
.PageList ul li a{padding:0 10px}
.post_page .search_box,.search_box{width:25%}
.page,.post_page .page{width:54%;width:calc(55% - 48px)}
#header h1,#header h1 a,#header p,#header p a{font-size:24px}
}
@media screen and (max-width:960px){#header{width:50%}
.search_box{width:49%;width:calc(50% - 48px)}
amp-sidebar li.menu-mobile{display:block}
.page{display:none}
}
@media screen and (max-width:800px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:28px}
.archive_page #main-wrapper,.home_page #main-wrapper{width:100%;margin:0}
.footer1{padding:0 0 10px}
.footer1 .logo-footer amp-img{max-width:100%}
#sidebar-wrapper{display:none}
.post_page #main-wrapper{width:100%}
.post_page .post{margin:0;padding:20px 0 0}
.disqus-box,.fb-box,.halaman{margin:20px 0}
.post_page .credit-wrapper,.post_page .footer-wrapper{margin:0 -10px}
.post_page #header-wrapper{padding:0 10px}
.post_page .btn-sidebaramp{right:0}
.post_page .search_box{width:49%;width:calc(50% - 38px)}
}
@media screen and (max-width:667px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:22px}
}
@media screen and (max-width:640px){.content-wrapper{padding:50px 0 0}
#header-wrapper,.btn-sidebaramp{height:50px}
#header,.btn-sidebaramp,.search_box{line-height:50px}
.BlogSearch td.gsc-search-button{display:none}
.BlogSearch input.gsc-input{width:100%}
.img-width-500.img-left,.img-width-500.img-right,.img-width-600.img-left,.img-width-600.img-right,.img-width-700.img-left,.img-width-700.img-right{clear:both;float:none;margin:1em auto;text-align:center}
.post-body pre{max-width:102%;max-width:calc(100% + 20px);margin:0 -10px}
.post-body .table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
.post-body .table-responsive>.table{margin-bottom:0}
.post-body .table-responsive>.table>tbody>tr>td,.post-body .table-responsive>.table>tbody>tr>th,.post-body .table-responsive>.table>tfoot>tr>td,.post-body .table-responsive>.table>tfoot>tr>th,.post-body .table-responsive>.table>thead>tr>td,.post-body .table-responsive>.table>thead>tr>th{white-space:nowrap}
.footer1,.footer2,.footer3,.footer4{width:100%;padding:0;float:none;display:block}
.footer1{margin-bottom:10px;}
.post-body .post-content,.post-body .post-toc{float:none;width:100%}
.post-body .post-toc{margin-bottom:20px;position:static}
}
@media screen and (max-width:600px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:19px}
}
@media screen and (max-width:568px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:32px}
.archive_page .post,.home_page .post{margin:0 0 20px;width:100%;float:none;height:auto}
.sharethis .fb,.sharethis .gp,.sharethis .tw{width:40px;padding:0}
.sharethis .fb:after,.sharethis .gp:after,.sharethis .tw:after{display:none}
.amp-social-share-facebook{margin-left:-3px}
}
@media screen and (max-width:414px){#header{width:40%}
.post_page .search_box,.search_box{width:59%;width:calc(60% - 38px)}
#header h1,#header h1 a,#header p,#header p a{font-size:20px}
#header-wrapper,.archive_page .outer-wrapper,.home_page .outer-wrapper{padding:0 10px}
.credit-left{float:none;text-align:center;width:100%}
.img-width-100.img-left,.img-width-100.img-right,.img-width-200.img-left,.img-width-200.img-right,.img-width-300.img-left,.img-width-300.img-right,.img-width-400.img-left,.img-width-400.img-right{clear:both;float:none;margin:1em auto;text-align:center}
.btn-sidebaramp{right:0}
.post h1.post-title{font-size:30px}
.post_page .post{padding:5px 0 0}
amp-sidebar{width:300px}
.sharethis .em{display:none}
.archive_page .credit-wrapper,.archive_page .footer-wrapper,.home_page .credit-wrapper,.home_page .footer-wrapper{width:102%;width:calc(100% + 20px);margin:0 -10px;padding:10px;float:none}
.reactions-label,.shortener-box .shorten-text{display:block;margin-bottom:5px}
.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:28px}
}
@media screen and (max-width:375px){#header{width:50%}
.post_page .search_box,.search_box{width:49%;width:calc(50% - 38px)}
.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:17px}
.sharethis .ta{display:none}
}
@media screen and (max-width:320px){.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:16px}
.sharethis .li{display:none}
}
/*]]>*/
</style>
<!--<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async='async' src='https://cdn.ampproject.org/v0.js'></script>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'></script>-->
</head>
<body class='m0 fontroboto' itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<a aria-label='Skip' class='skip-navigation' href='#main' role='button' tabindex='0'>
Skip to main content
</a>
<div id='totop'></div>
<amp-sidebar class='p0' id='side-bar' layout='nodisplay'>
<svg aria-label='Close Sidebar' class='amp-close-image' height='20' onclick="myFunction1()" role='button' tabindex='0' viewBox='0 0 24 24' width='20'>
<path d='M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z' fill='#fff'></path>
</svg>
<div class='logo_sidebar'>
KOMPI AJAIB
</div>
<nav>
<ul class='p0 liststyle0'>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' title='About'>About</a></li>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' title='Contact'>Contact</a></li>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/i-f-you-require-any-more-information-or.html' title='Privacy'>Privacy</a></li>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Sitemap'>Sitemap</a></li>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/iklan.html' title='Iklan'>Iklan</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/jasa-review.html' title='Jasa Review'>Jasa Review</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompitemplate.web.id/' rel='noopener' target='_blank' title='Template'>Template</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/2017/09/penulis-tamu-bagi-pengguna-template.html' title='Penulis Tamu'>Penulis Tamu</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://groups.google.com/d/forum/forum-kompi-ajaib' rel='nofollow noopener' target='_blank' title='Forum'>Forum</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.freewaresofts.com/' rel='noopener' target='_blank' title='Freeware'>Freeware</a></li>
<li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.mywallpapers.co/' rel='noopener' target='_blank' title='Wallpapers'>Wallpapers</a></li>
<li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://translate.google.com/translate?hl=en&sl=id&tl=en&u=https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='nofollow noopener' target='_blank' title='Translate'>Translate</a></li>
</ul>
</nav>
<h3 class='follow_sidebar'>follow us</h3>
<ul class='ampstart-social-follow list-reset flex justify-around items-center img-center flex-wrap m0 mb4'>
<li>
<a aria-label='Link to Facebook' class='inline-block p1' href='https://www.facebook.com/kompiajaib' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 56 55' width='30' xmlns='http://www.w3.org/2000/svg'><title>Facebook</title><path class='ampstart-icon ampstart-icon-fb' d='M47.5 43c0 1.2-.9 2.1-2.1 2.1h-10V30h5.1l.8-5.9h-5.9v-3.7c0-1.7.5-2.9 3-2.9h3.1v-5.3c-.6 0-2.4-.2-4.6-.2-4.5 0-7.5 2.7-7.5 7.8v4.3h-5.1V30h5.1v15.1H10.7c-1.2 0-2.2-.9-2.2-2.1V8.3c0-1.2 1-2.2 2.2-2.2h34.7c1.2 0 2.1 1 2.1 2.2V43'></path></svg></a>
</li>
<li>
<a aria-label='Link to Instagram' class='inline-block p1' href='https://www.instagram.com/adhysuryadiii/' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 54 54' width='30' xmlns='http://www.w3.org/2000/svg'><title>instagram</title><path class='ampstart-icon ampstart-icon-instagram' d='M27.2 6.1c-5.1 0-5.8 0-7.8.1s-3.4.4-4.6.9c-1.2.5-2.3 1.1-3.3 2.2-1.1 1-1.7 2.1-2.2 3.3-.5 1.2-.8 2.6-.9 4.6-.1 2-.1 2.7-.1 7.8s0 5.8.1 7.8.4 3.4.9 4.6c.5 1.2 1.1 2.3 2.2 3.3 1 1.1 2.1 1.7 3.3 2.2 1.2.5 2.6.8 4.6.9 2 .1 2.7.1 7.8.1s5.8 0 7.8-.1 3.4-.4 4.6-.9c1.2-.5 2.3-1.1 3.3-2.2 1.1-1 1.7-2.1 2.2-3.3.5-1.2.8-2.6.9-4.6.1-2 .1-2.7.1-7.8s0-5.8-.1-7.8-.4-3.4-.9-4.6c-.5-1.2-1.1-2.3-2.2-3.3-1-1.1-2.1-1.7-3.3-2.2-1.2-.5-2.6-.8-4.6-.9-2-.1-2.7-.1-7.8-.1zm0 3.4c5 0 5.6 0 7.6.1 1.9.1 2.9.4 3.5.7.9.3 1.6.7 2.2 1.4.7.6 1.1 1.3 1.4 2.2.3.6.6 1.6.7 3.5.1 2 .1 2.6.1 7.6s0 5.6-.1 7.6c-.1 1.9-.4 2.9-.7 3.5-.3.9-.7 1.6-1.4 2.2-.7.7-1.3 1.1-2.2 1.4-.6.3-1.7.6-3.5.7-2 .1-2.6.1-7.6.1-5.1 0-5.7 0-7.7-.1-1.8-.1-2.9-.4-3.5-.7-.9-.3-1.5-.7-2.2-1.4-.7-.7-1.1-1.3-1.4-2.2-.3-.6-.6-1.7-.7-3.5 0-2-.1-2.6-.1-7.6 0-5.1.1-5.7.1-7.7.1-1.8.4-2.8.7-3.5.3-.9.7-1.5 1.4-2.2.7-.6 1.3-1.1 2.2-1.4.6-.3 1.6-.6 3.5-.7h7.7zm0 5.8c-5.4 0-9.7 4.3-9.7 9.7 0 5.4 4.3 9.7 9.7 9.7 5.4 0 9.7-4.3 9.7-9.7 0-5.4-4.3-9.7-9.7-9.7zm0 16c-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3 6.3 2.8 6.3 6.3-2.8 6.3-6.3 6.3zm12.4-16.4c0 1.3-1.1 2.3-2.3 2.3-1.3 0-2.3-1-2.3-2.3 0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1.1 2.3 2.3z'></path></svg></a>
</li>
<li>
<a aria-label='Link to Twitter' class='inline-block p1' href='https://twitter.com/adhysuryadiii' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 53 49' width='30' xmlns='http://www.w3.org/2000/svg'><title>Twitter</title><path class='ampstart-icon ampstart-icon-twitter' d='M45 6.9c-1.6 1-3.3 1.6-5.2 2-1.5-1.6-3.6-2.6-5.9-2.6-4.5 0-8.2 3.7-8.2 8.3 0 .6.1 1.3.2 1.9-6.8-.4-12.8-3.7-16.8-8.7C8.4 9 8 10.5 8 12c0 2.8 1.4 5.4 3.6 6.9-1.3-.1-2.6-.5-3.7-1.1v.1c0 4 2.8 7.4 6.6 8.1-.7.2-1.5.3-2.2.3-.5 0-1 0-1.5-.1 1 3.3 4 5.7 7.6 5.7-2.8 2.2-6.3 3.6-10.2 3.6-.6 0-1.3-.1-1.9-.1 3.6 2.3 7.9 3.7 12.5 3.7 15.1 0 23.3-12.6 23.3-23.6 0-.3 0-.7-.1-1 1.6-1.2 3-2.7 4.1-4.3-1.4.6-3 1.1-4.7 1.3 1.7-1 3-2.7 3.6-4.6'></path></svg></a>
</li>
<li>
<a aria-label='Link to Google+' class='inline-block p1 gp' href='https://www.google.com/+AdhySuryadi' rel='nofollow noopener' target='_blank'><svg height='24' viewbox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><title>Google+</title><path class='ampstart-icon ampstart-icon-google' d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89 2.9,2 4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71 11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86 9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21 4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57 13.71,11.29H9Z'></path></svg></a>
</li>
</ul>
</amp-sidebar>
<div itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/WebPageElement'>
<div class='outer-wrapper m0'>
<div class='positionfixed' id='header-wrapper'>
<div aria-label='Open' class='btn-sidebaramp p0' onclick="myFunction1()" role='button' tabindex='0'></div>
<header itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPHeader'>
<div class='header p0 m0 floatleft section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title p0 m0 fontroboto fontweight500' itemprop='headline'>
<a class='p0 m0 fontroboto fontweight500 color00626B transition4s' href='https://www.kompiajaib.com/' itemprop='url' title='KOMPI AJAIB'><span class='notranslate' itemprop='name'>KOMPI AJAIB</span></a>
</h1>
</div>
<div class='descriptionwrapper displaynone'>
<p class='description' itemprop='description'><span>
</span></p>
</div>
</div>
</div></div>
</header>
<div class='search_box p0 m0 floatleft section' id='search_box'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title displaynone'>Search This Blog</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='https://www.kompiajaib.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input color555 borderradius3' name='q' placeholder='Search....' required='' size='10' title='search' type='text' value=''/>
<input name='max-results' type='hidden' value='16'/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button colorfff borderradius3' title='Search' type='submit' value='Search'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div></div>
<div class='page floatleft m0 section' id='page'><div class='widget PageList' data-version='1' id='PageList1'>
<div class='widget-content'>
<ul class='p0 m0 liststyle0'>
<li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' title='About'>About</a></li>
<li class='selected p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' title='Contact'>Contact</a></li>
<li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/i-f-you-require-any-more-information-or.html' title='Privacy'>Privacy</a></li>
<li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Sitemap'>Sitemap</a></li>
<li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/iklan.html' title='Iklan'>Iklan</a></li>
<li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://translate.google.com/translate?hl=en&sl=id&tl=en&u=https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='nofollow noopener' target='_blank' title='Translate'>Translate</a></li>
</ul>
</div>
</div></div>
<div class='clear'></div>
</div>
<div class='clear'></div>
<div class='content-wrapper m0'>
<div class='floatright p0' id='main-wrapper'>
<div itemscope='itemscope' itemtype='https://schema.org/Blog'>
<div class='main section' id='main'><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>
<!--Can't find substitution for tag [defaultAdStart]-->
<div class='post-outer'>
<article class='post hentry m0' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://3.bp.blogspot.com/-x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s1600/no-thumbnail.jpg' itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
<div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta content='https://3.bp.blogspot.com/-ccUYbxIIDvM/VqSSu92MnZI/AAAAAAAAksc/HExcuDOoKIQ/s600/logo.png' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='600' itemprop='height'/>
</div>
<meta content='KOMPI AJAIB' itemprop='name'/>
</div>
<h2 class='post-title entry-title center' itemprop='headline'>
<a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' itemprop='url mainEntityOfPage' title='Contact'>Contact</a>
</h2>
<div class='postmeta fontroboto fontweight400 m0 floatright p0'>
<h3 class='date-header fontroboto fontweight400 m0'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<meta content='Adhy Suryadi' itemprop='name'/>
<meta content='https://plus.google.com/117950600521728942551' itemprop='url'/>
<meta content='//lh3.googleusercontent.com/-Q55pKJrgnXs/AAAAAAAAAAI/AAAAAAAAh9M/ae9EthU2__8/s512-c/photo.jpg' itemprop='image'/>
</span>
<span class='vcard'>
<abbr class='fn' title='Adhy Suryadi'></abbr>
</span>
<abbr class='updated' title='2018-02-18T18:54:00+07:00'></abbr>
<meta content='2018-02-18T18:54:00+07:00' itemprop='datePublished'/>
<meta content='2018-02-18T11:54:14Z' itemprop='dateModified'/>
</h3>
</div>
<div class='postbody'>
<div class='post-body entry-content fontweight400 color555 floatleft' itemprop='articleBody'>
Untuk menghubungi admin Kompi Ajaib, silahkan pilih beberapa cara yang Anda sukai di bawah ini:<br/>
<div class="contact-box">
<div class="contact-me"><svg viewBox="0 0 24 24">
<path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path>
</svg><span><a href="mailto:kompiajaib@gmail.com" target="_blank" title="Klik untuk kirim email">Klik untuk kirim email</a></span></div>
<div class="contact-me"><svg viewBox="0 0 24 24">
<path d="M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04 17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14 3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56 17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65 9.78,18.65Z"></path>
</svg><span><a href="https://t.me/adhy_suryadi" target="_blank" title="Klik untuk chat di Telegram">Klik untuk chat di Telegram</a></span></div>
<div class="contact-me"><svg viewBox="0 0 24 24">
<path fill="#000000" d="M12,2C6.5,2 2,6.14 2,11.25C2,14.13 3.42,16.7 5.65,18.4L5.71,22L9.16,20.12L9.13,20.11C10.04,20.36 11,20.5 12,20.5C17.5,20.5 22,16.36 22,11.25C22,6.14 17.5,2 12,2M13.03,14.41L10.54,11.78L5.5,14.41L10.88,8.78L13.46,11.25L18.31,8.78L13.03,14.41Z" />
</svg><a href="http://m.me/adhysuryadiii" target="_blank" title="Klik untuk chat di Messenger">Klik untuk chat di Messenger</a></div>
<div class="contact-me map"><svg viewBox="0 0 24 24">
<path fill="#000000" d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" />
</svg><a href="https://goo.gl/maps/rpLNJDmfchs" target="_blank" title="Map of KompiAjaib.com">Perum Pesona Estetika A-27, Cikembulan, Sidamulih, Pangandaran, Jawa Barat 46365</a></div>
</div>
<br/>
Atau silahkan hubungi via contact form di bawah ini:<br />
<script type="text/javascript">
var submitted=false;
var fadeEffect=function(){
return{
init:function(id, flag, target){
this.elem = document.getElementById(id);
clearInterval(this.elem.si);
this.target = target ? target : flag ? 100 : 0;
this.flag = flag || -1;
this.alpha = this.elem.style.opacity ? parseFloat(this.elem.style.opacity) * 100 : 0;
this.elem.si = setInterval(function(){fadeEffect.tween()}, 20);
},
tween:function(){
if(this.alpha == this.target){
clearInterval(this.elem.si);
}else{
var value = Math.round(this.alpha + ((this.target - this.alpha) * .05)) + (1 * this.flag);
this.elem.style.opacity = value / 100;
this.elem.style.filter = 'alpha(opacity=' + value + ')';
this.alpha = value
}
}
}
}();
function myFunction() {
location.reload();
}
</script>
<iframe id="hidden_iframe" name="hidden_iframe" onload="if(submitted){);}" style="display: none;"></iframe>
<form action="https://docs.google.com/forms/d/1aHcEFAqx-IpAPnWhCknh_9MHdEj1CkbTaofEF9F3ATc/formResponse" id="ss-form" method="POST" onsubmit="fadeEffect.init('fade', 1);document.getElementById('fade').style.display = 'block'" target="hidden_iframe">
<div class="styled-input">
<div class="styled-input-in">
<input type="text" aria-label="Name" name="entry.2005620554" value="" id="entry.2005620554" dir="auto" title="" required>
<label>Name</label>
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input">
<div class="styled-input-in">
<input type="email" aria-label="Email" name="entry.1045781291" value="" id="entry.1045781291" dir="auto" title="Must be a valid email address" required>
<label>Email</label>
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input wide">
<div class="styled-input-in">
<textarea aria-label="Comments" name="entry.839337160" rows="8" cols="0" id="entry.839337160" dir="auto" aria-required="true" required></textarea>
<label>Message</label>
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<input name="draftResponse" type="hidden" value="[,,"666676987482120412"]">
<input name="pageHistory" type="hidden" value="0">
<input name="fbzx" type="hidden" value="666676987482120412">
<button type="submit" name="submit" class="btn btn-default">Send</button>
</div>
</form>
<div id="fade">
<div class="thanks_layout">
<div class="thanks_message">
<img alt="Thumb" height="48" width="48" src="https://4.bp.blogspot.com/-rY5km74yj_I/V1ItqrbspBI/AAAAAAAAmxA/SK-aLPTjyuo8uiSYylRJ4tLslk2LJ581QCLcB/s1600/ic_thumb_up_black_24dp_2x.png" />
<h2>Form submitted successfully</h2>
<div>Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.</div>
<div class="close"><a href="javascript:void(0)" onclick="document.getElementById('fade').style.display = 'none' ;myFunction()" title="Close">×</a></div>
</div>
</div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</div>
<div class='clear'></div>
</article>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='clear'></div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='positionfixed' id='sidebar-wrapper'>
<aside itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
<div class='sidebar fontroboto fontweight400 section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'>
</div>
<div class='widget FollowByEmail' data-version='1' id='FollowByEmail1'>
</div></div>
</aside>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'></div>
</div>
<footer itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
<div class='footer-wrapper color333 backgroundhitambelang'>
<div class='footer1 floatleft'>
<div class='logo-footer displayblock'>
<a href='https://www.kompiajaib.com/' title='KOMPI AJAIB'><img alt='Logo Footer Kompi Ajaib' height='50' src='https://4.bp.blogspot.com/-xA9-mTEH_Fs/WpSwaMDblTI/AAAAAAAAwVk/Hipm0Go1elA5JfqI9580_CQDK3Aivr7AACLcBGAs/s347/footer.png' title='Kompi Ajaib' width='347'/></a>
</div>
<p class='m0'>Blog yang membahas tentang tutorial, trik, dan widget Blogger juga SEO dan Internet.</p>
<div class='clear'></div>
</div>
<div class='footer2 floatleft'>
<h4 class='fontweight500 m0'>Terhubung:</h4>
<ul class='liststyle0 p0'>
<li><a href='https://www.myinfo.web.id/' rel='noopener' target='_blank' title='My Info'>My Info</a></li>
<li><a href='https://www.bloggue.xyz/' rel='noopener' target='_blank' title='Bloggue'>Bloggue</a></li>
<li><a href='http://adhysuryadi.xyz/' rel='noopener' target='_blank' title='Adhy Suryadi'>Adhy Suryadi</a></li>
<li><a href='https://www.kompitemplate.web.id/' rel='noopener' target='_blank' title='Kompi Template'><span class='notranslate'>Kompi Template</span></a></li>
<li><a href='https://www.kiosiana.com/' rel='noopener' target='_blank' title='Kompi Template'>Kiosiana</a></li>
</ul>
</div>
<div class='footer3 floatleft'>
<h4 class='fontweight500 m0'>Dukungan:</h4>
<ul class='liststyle0 p0'>
<li><a href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' target='_blank' title='Tentang Kompi Ajaib'><span class='notranslate'>About Kompi Ajaib</span></a></li>
<li><a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' target='_blank' title='Hubungi Saya'>Hubungi Saya</a></li>
<li><a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Daftar Isi'>Daftar Isi</a></li>
<li><a href='https://www.kompiajaib.com/p/iklan.html' target='_blank' title='Iklan'>Iklan</a></li>
<li><a href='https://www.kompiajaib.com/p/jasa-review.html' target='_blank' title='Job Review'>Job Review</a></li>
</ul>
</div>
<div class='footer4 floatleft'>
<h4 class='fontweight500 m0'>Tools:</h4>
<ul class='liststyle0 p0'>
<li><a href='https://cdn.rawgit.com/KompiAjaib/list-emoji/master/list_emojis.html' rel='nofollow noopener' target='_blank' title='Twemoji List'>Twemoji List</a></li>
<li><a href='http://refresh-sf.com/' rel='nofollow noopener' target='_blank' title='Minify JS & CSS'>Minify JS & CSS</a></li>
<li><a href='https://cdn.rawgit.com/KompiAjaib/HTML-Live-Editor/master/htmleditor.html' rel='nofollow noopener' target='_blank' title='HTML Live Editor'>HTML Live Editor</a></li>
<li><a href='https://cdn.rawgit.com/KompiAjaib/ytg/master/youtube-thumbnail-generator.html' rel='nofollow noopener' target='_blank' title='Youtube Thumbnail Generator'>Youtube Thumb Generator</a></li>
<li><a href='https://cdn.rawgit.com/KompiAjaib/download-link-generator/master/index.html' rel='nofollow noopener' target='_blank' title='Google Drive Download Link Generator'>Google Drive Generator</a></li>
</ul>
</div><div class='clear'></div>
</div>
<div class='clear'></div>
<div class='credit-wrapper'>
<div class='credit-left floatleft'>
Copyright © <span itemprop='copyrightYear'>2018</span>
<span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a href='https://www.kompiajaib.com/' itemprop='url' title='KOMPI AJAIB'><span itemprop='name'>KOMPI AJAIB</span></a> Proudly powered <a href='//www.blogger.com' title='Blogger'>by Blogger</a></span>
</div>
<div class='clear'></div>
</div>
</footer>
<div class='clear'></div>
</div>
</div>
<div class="sidebar-mask" hidden='' id='sidebar-mask'></div>
<script type="text/javascript">
function myFunction1() {
var element = document.getElementById("side-bar");
element.classList.toggle("mystyle");
var element = document.getElementById("sidebar-mask");
element.classList.toggle("open");
var body = document.body;
body.classList.toggle("flow");
}
</script>
</body>
</HTML>