<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML amp='amp' lang='en'>
&lt;head&gt;
<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'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot;- Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot;- RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot;- Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delgate'/>
<meta content='Template Valid AMP HTML, Free template, Premium template, template, AMP HTML, AMP, HTML, Tutorial, tips, trik, CSS, JavaScript, widget' name='keywords'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,amp-goom,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Page Not Found | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' property='og:image'/>
</b:if>
</b:if>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<link href='https://plus.google.com/xxxxx' rel='publisher'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='fb:profile_id'/>
<meta content='BASRI MATINDAS' name='Author'/>
<meta content='https://www.facebook.com/bmatindas' property='article:author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@bmatindas' name='twitter:creator'/>
<!-- Bar theme color -->
<meta content='#CC3278' name='theme-color'/>
<meta content='#3BB53D' name='msapplication-navbutton-color'/>
<meta content='#FFD026' name='apple-mobile-web-app-status-bar-style'/>
&lt;!-- <b:skin><![CDATA[
#layout #header{width:40%;float:left}
#layout .main_amp{width:540px;margin:0;float:left;word-wrap:break-word;overflow:hidden;}
#layout .sidebar-amp{width:250px;float:right;word-wrap:break-word;overflow:hidden}
.footer{float:left;width:210px!important;margin:10px}#credit{padding:20px 0}
#layout ul,ol,li{list-style:none}
]]></b:skin>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
<style amp-custom='amp-custom'>
/*=======================HOMEPAGE
TEMPLATE NAME: PIROAMP
AUTHOR: BASRI MATINDAS
DESIGN: http://www.goomsite.net
================================*/

/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Open Sans Regular&#39;), local(&#39;OpenSans-Regular&#39;), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 600;
  src: local(&#39;Open Sans SemiBold&#39;), local(&#39;OpenSans-SemiBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Open Sans Bold&#39;), local(&#39;OpenSans-Bold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 800;
  src: local(&#39;Open Sans ExtraBold&#39;), local(&#39;OpenSans-ExtraBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}

/* Material Icon */
@font-face {
  font-family: &#39;Material Icons&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Material Icons&#39;), local(&#39;MaterialIcons-Regular&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format(&#39;truetype&#39;);
}
.material-icons {font-family: &#39;Material Icons&#39;;font-weight:normal;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;vertical-align:middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: &#39;liga&#39;;
}

/* FontAwesome */
@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format(&#39;embedded-opentype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format(&#39;woff2&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format(&#39;woff&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format(&#39;truetype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format(&#39;svg&#39;);font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}

#header h1,#header p,#menu li,.s-amp p{text-transform:uppercase}
#header .description,#menu input,#menu label,h2.date-header{display:none}
#sc-amp,#search-amp{position:relative;border-radius:2px}
#amp-subs,.postmeta{word-break:break-word}
#menu label,#sb-amp,.post h2,.postmeta,.s-amp p,.summary{text-align:center}
#amp-subs .emailfield input:focus,.thumbamp,abbr{outline:0}
.Label ul,.bm_amp ul li,.footer ul,.sidebar ul{list-style:none}
.main_amp,.sidebar-amp,.sosmed{word-wrap:break-word}
#credit-amp a,#credit-amp a:hover,#header h1 a,#header h1.title a:hover,#menu a,.Label li a,.PopularPosts .widget-content ul li .item-title a,.footer a:link,.footer li a:visited,.label-size,.sidebar a:link,.sidebar a:visited,a,a:active,a:hover,a:link,a:visited,abbr,body{text-decoration:none}
#navbar-iframe,.quickedit{height:0;visibility:hidden;display:none}
body{background:#eceded;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;margin:0;font-weight:400;line-height:22px}
a,a:link,a:visited{color:#1d7b8d}
a:active,a:hover{color:#111}
.header-amp{color:#777;min-height:65px;width:1024px;position:relative;margin:0 auto}
#header{float:left;width:auto;margin:0;padding:0}
#header-inner{margin:8px 40px 0 0;padding:0}
#header-inner a{color:#444}
#header h1,#header p{font-size:35px;line-height:12px;color:#444;padding:10px 0;margin:0;font-weight:800}
#header h1 a{color:#111}
#header h1.title a:hover{color:#1d7b8d}
#menu{color:#ddd;height:50px;padding-top:15px;float:right}
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
#menu ul{height:50px}
#menu li{float:left;display:inline;position:relative;font-size:14px;font-weight:700;text-transform:uppercase}
#menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#222}
#menu li a:hover{color:#aaa}
#menu input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font-size:30px;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;font-weight:700;position:absolute;left:35px}
#search-amp{width:550px;margin:20px auto;overflow:hidden}
.s-amp p{color:#3c61ad;letter-spacing:2px;font-size:17px;margin:5px 10px 15px;font-weight:400;line-height:1.4em}
#sb-amp,#search-amp input[type=text]{height:50px;line-height:35px;font-family:&#39;Open Sans&#39;,sans-serif;text-transform:uppercase}
#sc-amp{line-height:1.5em;margin:0;padding:0;font-weight:400;color:#2d2d2d}
.art-amp,.headamp{margin:0 auto}
#st-amp{font-size:14px;color:#2d2d2d;border-width:0;background:0}
#search-amp input[type=text]{background:#fff;width:100%;padding:0 20px 0 10px;font-size:12px;outline:0}
#sb-amp{background:#f5b911;padding:0 25px;position:absolute;top:0;right:0;font-size:13px;font-weight:700;color:#fff;border-width:0;cursor:pointer}
.headamp,.post{background:#fff}
.headamp,.out-amp{width:100%;padding:0}
.art-amp,.out-amp{position:relative}
#sb-amp:hover{color:#e6d4ac}
.art-amp{max-width:1024px;overflow:hidden}
.main_amp{width:670px;margin:0;float:left;overflow:hidden}
.thumb-amp,.thumbamp{width:100%;padding:0}
.clear{clear:both}
h3.date-header{text-transform:none;line-height:1.2em;margin:.1em 0}
#credit-amp,.bm_amp ul li p,.bm_amp ul li span,.footer h2,.label-size,.post h2,.sidebar h2{text-transform:uppercase}
.post{margin:0 0 30px;padding:0;border:1px solid #eee}
.post h2{font-size:220%;line-height:1.5em;color:#444;margin:20px 0;padding:0 20px 0 30px;font-weight:800}
.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#444}
.post h2 a:hover,.post h2 strong{color:#ccc}
.postmeta{color:#eee}
.postmeta a{color:#a2a2a2;border:1px solid #f3f3f3;padding:4px 10px;margin:5px;border-radius:5px;font-size:12px;font-weight:600}
.summary{font-size:18px;line-height:1.7em;color:#666;font-weight:400;padding:0 20px 30px;margin:15px 0 .75em}
.thumb-amp{height:380px;overflow:hidden;margin:0 0 30px;display:inline;float:left;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-filter:brightness(.7);filter:brightness(.7)}
.PopularPosts .item-snippet,.amp-social-share,.tagpost{display:none}
.thumb-amp:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}
.thumbamp{height:100%;margin:0;border:0}
.post amp-img,.sidebar amp-img{max-width:100%;width:auto;border:0}
.PopularPosts .widget-content ul{width:100%;padding:0;list-style-type:none}
.PopularPosts .widget-content ul li{margin:0 0 10px;padding-bottom:10px;position:relative;overflow:hidden}
.PopularPosts .widget-content ul li .item-title{line-height:1.4em;padding:6px 10px 0 0}
.PopularPosts .widget-content ul li .item-title a{font-size:14px;font-weight:700;color:#666}
.PopularPosts .widget-content ul li a:hover,.PopularPosts .widget-content ul li:hover a{color:#aaa}
.PopularPosts .widget-content ul li img{width:130px;height:90px;padding-right:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-filter:brightness(.8);filter:brightness(.8)}
.Label li,.Label li a{position:relative;color:#444;transition:all .3s ease-out}
.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0;width:130px;height:90px;overflow:hidden}
.PopularPosts .widget-content ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.widget-content .cloud-label-widget-content{width:100%;display:inline-block}
.widget-content .list-label-widget-content{padding:0}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:0}
.Label ul{margin:0;padding:0;width:100%}
.Label li{background:#f1f1f1;padding:0;margin:0 0 10px;text-align:left;max-width:100%;font-size:90%;border-radius:99em;-webkit-border-radius:99em;-moz-border-radius:99em;overflow:hidden}
.Label li a{padding:10px;display:block;line-height:1;font-weight:400}
.Label li span,.label-count{position:absolute;text-align:center}
.Label li a:hover{color:#fff}
.Label li span{float:right;height:30px;line-height:30px;width:30px;display:inline-block;background:#efb40f;color:#fff;top:8px;right:6px;z-index:2;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px}
.label-size{display:block;float:left;margin:0 4px 4px 0;transition:all .3s}
.label-size a{background:repeat-y #fff;color:#444;font-weight:400;border:1px solid #e3e3e3;background-size:100% 90px;transition:all .3s}
.label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;top:-10px;right:-10px;background:#e0262c;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;z-index:1;transition:all .3s}
.label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
.cloud-label-widget-content{margin:0}
.label-size a{padding:5px 15px;margin:0 3px 3px 0;float:left;display:block}
.bm_amp ul li,.bm_amp ul:before,.mediamp,.sidebar h2,.sidebar h2:before{display:inline-block}
.label-size{position:relative;font-size:13px;color:#111}
#Blog1{padding-bottom:55px;position:relative}
.home-box,.lasthome-box,a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{padding:0;line-height:45px;position:absolute;width:43px;height:43px;text-align:center}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#141924;transition:all .4s ease-in-out}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover{color:#e8554e}
.blog-pager svg{width:24px;height:24px;vertical-align:-7px}
#blog-pager,.blog-pager{clear:both;text-align:center;position:absolute;width:200px;height:45px;line-height:45px;bottom:0;left:50%;margin:0 0 0 -100px;overflow:visible}
#blog-pager-home-link a.home-link,a.blog-pager-newer-link,a.blog-pager-older-link{background:#fff;color:#141924;transition:all .4s ease-in-out;bottom:0}
a.blog-pager-older-link{border-radius:3px;right:0;z-index:2}
a.blog-pager-newer-link{border-radius:3px;left:0;z-index:2}
#blog-pager-home-link a.home-link{border-radius:3px;left:50%;margin-left:-22.5px}
#blog-pager-home-link a.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{color:#e8554e}
.home-box,.lasthome-box{background:#fff;color:#888;border-radius:3px;bottom:0;z-index:1}
.home-box{left:0}
.lasthome-box{right:0}
.home-box svg path,.lasthome-box svg path{fill:#888}
.sidebar-amp{width:330px;float:right;margin-top:-15px;overflow:hidden}
.sidebar h2{font-size:18px;line-height:1.2em;margin:0 0 5px;padding:10px 0 10px 22px;position:relative;color:#444;font-weight:800}
.sidebar h2:before{content:&quot;\f111&quot;;width:15px;height:15px;position:absolute;left:0;top:10px;z-index:1;color:#efb40f;font-family:FontAwesome;font-size:13px}
.boxamp,.boxampp{width:100%;overflow:hidden}
#credit-amp,.bm_amp ul:before,.mediamp,.search-amp{position:relative}
.fbamp:before,.gplusamp:before,.linkamp:before,.pintamp:before,.twitamp:before{font-family:FontAwesome}
.sidebar{color:#111;line-height:1em;margin:5px 0}
.sidebar li{line-height:1.5em;margin:0 0 10px;padding:5px 0 4px}
.sidebar .widget{margin:15px 0 25px;padding:15px;background:#fff}
.sidebar .widget-content{margin:0 auto;padding:0}
.sidebar a:link,.sidebar a:visited{line-height:1.5em;font-weight:400}
.sidebar li a:hover{color:#1d7b8d}
.sidebar ul{margin:0;padding:5px 0}
.boxamp{background:#1d7b8d;margin-bottom:30px;padding:30px 0}
.boxampp{background:#1d7b8d;padding:0;margin-top:30px}
.sosmed{margin:0;float:left;overflow:hidden;padding:24px 20px;background:#19616f}
.mediamp{width:40px;height:40px;padding:0;text-align:center;font-size:20px;font-weight:400;line-height:2em;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px}
a.fbamp,a.gplusamp,a.linkamp,a.pintamp,a.twitamp{color:#fff}
.fbamp:before{content:&quot;\f09a&quot;}
.fbamp:hover,.gplusamp:hover,.linkamp:hover,.pintamp:hover,.rssBtn:hover,.twitamp:hover{opacity:1}
.twitamp:before{content:&quot;\f099&quot;}
.gplusamp:before{content:&quot;\f0d5&quot;}
.linkamp:before{content:&quot;\f0e1&quot;}
.pintamp:before{content:&quot;\f0d2&quot;}
#amp-subs{float:right;overflow:hidden;padding:0;margin-top:15px;height:60px}
#amp-subs .emailfield input{color:#777;padding:20px;font-size:13px;border:0;background:#fff}
#amp-subs .emailfield{padding:0;float:right}
#amp-subs .emailfield .submitbutton{background:#f5b911;border:0;color:#fff;font-weight:700;text-transform:uppercase;padding:13.5px 15px;font-family:&#39;Open Sans&#39;,sans-serif;cursor:pointer}
#amp-subs .emailfield .submitmail{width:250px;margin-right:-10px;padding:15px}
#amp-subs .emailfield .submitbutton:hover{color:#eee}
.b_amp{width:100%;margin:0 auto}
.bm_amp ul li{transition:all .4s ease-in-out}
.bm_amp{float:left;width:auto;height:auto;padding:15px 0 0;margin:0 0 0 10px}
.bm_amp ul{margin:0 auto;padding:0;line-height:1em}
.bm_amp ul:before{content:&quot;\f2b6&quot;;z-index:1;padding:20px 15px;border:1px solid;margin-right:10px;line-height:20px;border-radius:50%;color:#fff;font-family:FontAwesome;font-size:30px}
.bm_amp ul li span{font-size:20px;color:#fff;font-weight:900}
.bm_amp ul li p{padding:0;line-height:10px;display:block;font-size:11.5px;color:#fff}
.search-amp{float:right;padding:0;margin:8px 8px 1px 0}
#footer{background:#fff;width:100%;padding:0;overflow:hidden}
.footer-amp{color:#777;height:100%;line-height:2em;overflow:hidden;padding:0;font-size:13.3px}
.footer{float:left;width:31%;margin:10px 20px 10px 0}
.footer h2{border-bottom:2px solid #eceded;padding-bottom:8px;margin-top:15px;margin-bottom:8px;line-height:1.3em;color:#444}
.footer .widget-content{line-height:18px}
.footer ul{color:#777;margin:0;padding:0}
.footer li{color:#777;line-height:1.2em;margin:0;padding:12px 0}
.footer a:link,.footer li a:visited{color:#999;font-weight:600;position:relative}
.footer li a:hover{color:#ccc}
#credit-amp{background:#19616f;font-size:12px;color:#90b3b9;overflow:hidden;clear:both;font-weight:700;padding:20px 0;line-height:18px;text-align:center}
#credit-amp a{color:#90b3b9}
#credit-amp a:hover{color:#777}

/* Responsive */
@media screen and (max-width:1024px){
#menu ul,.header-amp{width:100%}
.main_amp{width:64%}
.art-amp{position:relative;max-width:98%;margin:0 auto}
}
@media screen and (max-width:960px){
.main_amp{width:62%}
#amp-subs .emailfield .submitmail{width:180px;margin-right:-10px;padding:15px}
}
@media screen and (max-width: 800px){
.art-amp{position:relative;width:100%;margin:0 auto}
#header-inner{margin:8px 0 0 50px;padding:0}
#search-amp{width:55%}
.main_amp{margin-left:0;width:100%}
#menu{color:#000;height:50px;padding-top:15px;float:none}
#menu a{display:block;line-height:35px;padding:10px 14px;text-decoration:none;color:#fff}
#menu ul{background:#2b2b2b;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none;width:100%}
#menu li{display:block;float:none;width:auto;border-top:1px solid #404040}
#menu input,#menu label{position:absolute;top:15px;left:0;color:#444;display:block;text-transform:uppercase}
#menu input{z-index:4}
#menu input:checked+label{color:#bbb}
#menu input:checked~ul{display:block}
.boxamp{padding:10px 0}
.sosmed{margin:0;float:none;overflow:hidden;padding:24px 20px;background:#19616f}
.sidebar-amp{float:none;margin:0 auto}
.footer{float:none;width:100%;margin:10px 20px 10px 0}
}
@media screen and (max-width: 760px){
.out-amp{padding:0}
.main_amp{margin-right:0;width:100%;min-height:0}
}
@media screen and (max-width: 600px){.thumb-amp {
height:100%}
}
@media screen and (max-width: 480px){
#header img{width:100%}
.header-amp{padding-left:0}
.thumb-amp{width:100%;height:auto;margin-bottom:20px}
.summary,.post h2{padding:10px;margin:0}
.postmeta a{line-height:40px}
.sidebar-amp{float:none;margin:0 auto;width:100%}
}
@media screen and (max-width: 414px){
.post h2{font-size:180%;line-height:1.2em}
.summary{font-size:14px;line-height:1.7em}
#search-amp{width:90%}
.bm_amp ul{margin:0 auto;padding:0;line-height:1em;text-align:center}
#amp-subs .emailfield .submitmail{margin-right:-10px;padding:15px;width:40%;float:left}
.sosmed{text-align:center}}
@media screen and (max-width: 360px){
.bm_amp ul{margin:0 auto;padding:0;line-height:1em;text-align:center}
.bm_amp ul:before{margin-bottom:20px}}
@media screen and (max-width: 320px){
#amp-subs .emailfield .submitmail{margin-right:-10px;padding:15px;width:58.3%;float:left}}
</style>
  </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style amp-custom='amp-custom'>
/*=======================POSTAGE
TEMPLATE NAME: PIROAMP
AUTHOR: BASRI MATINDAS
DESIGN: http://www.goomsite.net
================================*/

/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Open Sans Regular&#39;), local(&#39;OpenSans-Regular&#39;), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 600;
  src: local(&#39;Open Sans SemiBold&#39;), local(&#39;OpenSans-SemiBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Open Sans Bold&#39;), local(&#39;OpenSans-Bold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 800;
  src: local(&#39;Open Sans ExtraBold&#39;), local(&#39;OpenSans-ExtraBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}

/* Material Icon */
@font-face {
  font-family: &#39;Material Icons&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Material Icons&#39;), local(&#39;MaterialIcons-Regular&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format(&#39;truetype&#39;);
}
.material-icons {font-family: &#39;Material Icons&#39;;font-weight:normal;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;vertical-align:middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: &#39;liga&#39;;
}

/* FontAwesome */
@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format(&#39;embedded-opentype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format(&#39;woff2&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format(&#39;woff&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format(&#39;truetype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format(&#39;svg&#39;);font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}

#header h1,#header p,#menu li,.s-amp p{text-transform:uppercase}
#header .description,#menu input,#menu label,h2.date-header{display:none}
#sc-amp,#search-amp{position:relative;border-radius:2px}
#amp-subs .emailfield input:focus,abbr{outline:0}
#menu label,#sb-amp,.s-amp p{text-align:center}
.main_amp,.sidebar-amp,.sosmed{word-wrap:break-word}
#search-amp,.art-amp,.main_amp{overflow:hidden}
.Label ul,.bm_amp ul li,.footer ul,.sidebar ul{list-style:none}
#credit-amp a,#credit-amp a:hover,#header h1 a,#header h1.title a:hover,#menu a,.Label li a,.PopularPosts .widget-content ul li .item-title a,.footer a:link,.footer li a:visited,.label-size,.sidebar a:link,.sidebar a:visited,.tagpost a,a,a:active,a:hover,a:link,a:visited,abbr,body{text-decoration:none}
#navbar-iframe,.quickedit{height:0;visibility:hidden;display:none}
body{background:#eceded;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;margin:0;font-weight:400;line-height:22px}
a,a:link,a:visited{color:#1d7b8d}
a:active,a:hover{color:#111}
.header-amp{color:#777;min-height:65px;width:1024px;position:relative;margin:0 auto}
#header{float:left;width:auto;margin:0;padding:0}
#header-inner{margin:8px 40px 0 0;padding:0}
#header-inner a{color:#444}
#header h1,#header p{font-size:35px;line-height:12px;color:#444;padding:10px 0;margin:0;font-weight:800}
#header h1 a{color:#111}
#header h1.title a:hover{color:#1d7b8d}
#menu{color:#ddd;height:50px;padding-top:15px;float:right}
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
#menu ul{height:50px}
#menu li{float:left;display:inline;position:relative;font-size:14px;font-weight:700;text-transform:uppercase}
#menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#222}
#menu li a:hover{color:#aaa}
#menu input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font-size:30px;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;font-weight:700;position:absolute;left:35px}
#search-amp{width:550px;margin:20px auto}
.s-amp p{color:#3c61ad;letter-spacing:2px;font-size:17px;margin:5px 10px 15px;font-weight:400;line-height:1.4em}
#sb-amp,#search-amp input[type=text]{height:50px;line-height:35px;font-family:&#39;Open Sans&#39;,sans-serif;text-transform:uppercase}
#sc-amp{line-height:1.5em;margin:0;padding:0;font-weight:400;color:#2d2d2d}
.art-amp,.headamp{margin:0 auto}
#st-amp{font-size:14px;color:#2d2d2d;border-width:0;background:0}
#search-amp input[type=text]{background:#fff;width:100%;padding:0 20px 0 10px;font-size:12px;outline:0}
#sb-amp{background:#f5b911;padding:0 25px;position:absolute;top:0;right:0;font-size:13px;font-weight:700;color:#fff;border-width:0;cursor:pointer}
.headamp,.post{background:#fff}
.headamp,.out-amp{width:100%;padding:0}
.art-amp,.out-amp{position:relative}
.Label li,.post h1,pre{text-align:left}
#sb-amp:hover{color:#e6d4ac}
.art-amp{max-width:1024px}
.main_amp{width:670px;margin:0;float:left}
.clear{clear:both}
h3.date-header{text-transform:none;font-size:12px;color:#666;font-weight:400;line-height:1.2em;margin:.1em 0}
.post{margin:0;padding:10px 20px 20px}
.post h1{font-size:270%;line-height:1;color:#444;margin:0;padding-bottom:20px;font-weight:800}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#444}
.post h1 a:hover,.post h1 strong,.post h2 a:hover,.post h2 strong{color:#ccc}
.post-body{padding:0;font-size:16px;line-height:1.7em;color:#444;margin:15px 0 .75em}
pre{background:#272822;padding:8px 10px;overflow:auto;max-width:100%;margin:10px auto;border-left:5px solid #1d7b8d}
code,pre{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;white-space:initial;word-spacing:normal;word-break:normal;hyphens:none;font-size:14px;line-height:1.3em;color:#589bb7}
#amp-subs,.postmeta{word-break:break-word}
.blog-pager{display:none}
.breadcrumbs{padding:20px 20px 0;font-size:11px;color:#777;background:#fff}
.breadcrumbs a{color:#777}
.postmeta{color:#eee;margin:30px 0}
.postmeta .post_meta{margin-left:40px}
.postmeta .imageurlpost{position:absolute;margin-top:-7px}
.postmeta .imageurlpost amp-img{border-radius:50%}
.postmeta a{color:#656464;border:1px solid #eceded;padding:10px;margin:5px;border-radius:5px;font-size:12px;font-weight:600}
.post amp-img,.post-body amp-img{height:auto;padding:.1em;max-width:100%}
.post amp-img{margin:0 auto}
.sidebar amp-img{max-width:100%;width:auto;border:0;max-height:100%}
.tagpost a{display:inline-block;font-size:13px;border:1px solid #eee;padding:5px 10px;font-weight:600;line-height:18px;margin:10px 0;color:#666;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.tagpost{margin:15px 0}
.tagpost i{font-size:25px}
.comments{background:#fff;padding:20px;margin-top:30px}
amp-social-share[type=twitter]{background-color:#55acee;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-size:18px 18px;transition:all .4s ease-out}
amp-social-share[type=gplus]{background-color:#dc4e41;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-size:18px 18px;transition:all .4s ease-out}
amp-social-share[type=facebook],amp-social-share[type=linkedin]{border-radius:2px;background-size:18px 18px;transition:all .4s ease-out}
amp-social-share[type=facebook]{background-color:#3b5998;-moz-border-radius:2px;-webkit-border-radius:2px}
amp-social-share[type=linkedin]{background-color:#0077b5;-moz-border-radius:2px;-webkit-border-radius:2px}
amp-social-share[type=pinterest]{background-color:#bd081c;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-size:18px 18px;transition:all .4s ease-out}
.PopularPosts .widget-content ul{width:100%;padding:0;list-style-type:none}
.PopularPosts .widget-content ul li{margin:0 0 10px;padding-bottom:10px;position:relative;overflow:hidden}
.PopularPosts .widget-content ul li .item-title{line-height:1.4em;padding:6px 10px 0 0}
.PopularPosts .widget-content ul li .item-title a{font-size:14px;font-weight:700;color:#666}
.PopularPosts .widget-content ul li a:hover,.PopularPosts .widget-content ul li:hover a{color:#aaa}
.PopularPosts .widget-content ul li img{width:130px;height:90px;padding-right:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-filter:brightness(.8);filter:brightness(.8)}
.Label li,.Label li a{position:relative;color:#444;transition:all .3s ease-out}
.PopularPosts .item-thumbnail{float:left;margin:0 10px 0 0;width:130px;height:90px;overflow:hidden}
.PopularPosts .item-snippet{display:none}
.PopularPosts .widget-content ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.widget-content .cloud-label-widget-content{width:100%;display:inline-block}
.widget-content .list-label-widget-content{padding:0}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:0}
.Label ul{margin:0;padding:0;width:100%}
.Label li{background:#f1f1f1;padding:0;margin:0 0 10px;max-width:100%;font-size:90%;border-radius:99em;-webkit-border-radius:99em;-moz-border-radius:99em;overflow:hidden}
.Label li a{padding:10px;display:block;line-height:1;font-weight:400}
.Label li span,.label-count{position:absolute;text-align:center}
.label-size,.label-size a{transition:all .3s;float:left}
.Label li a:hover{color:#fff}
.Label li span{float:right;height:30px;line-height:30px;width:30px;display:inline-block;background:#efb40f;color:#fff;top:8px;right:6px;z-index:2;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px}
.label-size{display:block;margin:0 4px 4px 0}
.label-size a{background:repeat-y #fff;color:#444;font-weight:400;border:1px solid #e3e3e3;background-size:100% 90px;transition:all .3s}
.label-count{opacity:0;visibility:hidden;font-size:85%;display:inline-block;top:-10px;right:-10px;background:#e0262c;color:#fff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;z-index:1;transition:all .3s}
.label-size,.sidebar h2{position:relative;text-transform:uppercase}
.label-size:hover .label-count{opacity:1;visibility:visible;top:-5px}
.cloud-label-widget-content{margin:0}
.label-size a{padding:5px 15px;margin:0 3px 3px 0;display:block}
.bm_amp ul li,.bm_amp ul:before,.mediamp,.sidebar h2,.sidebar h2:before{display:inline-block}
.label-size{font-size:13px;color:#111}
.sidebar-amp{width:330px;float:right;margin-top:-15px;overflow:hidden}
.sidebar h2{font-size:18px;line-height:1.2em;margin:0 0 5px;padding:10px 0 10px 22px;color:#444;font-weight:800}
.sidebar h2:before{content:&quot;\f111&quot;;width:15px;height:15px;position:absolute;left:0;top:10px;z-index:1;color:#efb40f;font-family:FontAwesome;font-size:13px}
.boxamp,.boxampp{width:100%;overflow:hidden}
#credit-amp,.bm_amp ul:before,.mediamp,.search-amp{position:relative}
.fbamp:before,.gplusamp:before,.linkamp:before,.pintamp:before,.twitamp:before{font-family:FontAwesome}
.sidebar{color:#111;line-height:1em;margin:5px 0}
.sidebar li{line-height:1.5em;margin:0 0 10px;padding:5px 0 4px}
.sidebar .widget{margin:15px 0 25px;padding:15px;background:#fff}
.sidebar .widget-content{margin:0 auto;padding:0}
.sidebar a:link,.sidebar a:visited{line-height:1.5em;font-weight:400}
.sidebar li a:hover{color:#1d7b8d}
.sidebar ul{margin:0;padding:5px 0}
.boxamp{background:#1d7b8d;margin-bottom:30px;padding:30px 0}
.boxampp{background:#1d7b8d;padding:0;margin-top:30px}
.sosmed{margin:0;float:left;overflow:hidden;padding:24px 20px;background:#19616f}
.mediamp{width:40px;height:40px;padding:0;text-align:center;font-size:20px;font-weight:400;line-height:2em;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px}
a.fbamp,a.gplusamp,a.linkamp,a.pintamp,a.twitamp{color:#fff}
.fbamp:before{content:&quot;\f09a&quot;}
.fbamp:hover,.gplusamp:hover,.linkamp:hover,.pintamp:hover,.rssBtn:hover,.twitamp:hover{opacity:1}
.twitamp:before{content:&quot;\f099&quot;}
.gplusamp:before{content:&quot;\f0d5&quot;}
.linkamp:before{content:&quot;\f0e1&quot;}
.pintamp:before{content:&quot;\f0d2&quot;}
#amp-subs{float:right;overflow:hidden;padding:0;margin-top:15px;height:60px}
#amp-subs .emailfield input{color:#777;padding:20px;font-size:13px;border:0;background:#fff}
#amp-subs .emailfield{padding:0;float:right}
#amp-subs .emailfield .submitbutton{background:#f5b911;border:0;color:#fff;font-weight:700;text-transform:uppercase;padding:13.5px 15px;font-family:&#39;Open Sans&#39;,sans-serif;cursor:pointer}
#amp-subs .emailfield .submitmail{width:250px;margin-right:-10px;padding:15px}
#amp-subs .emailfield .submitbutton:hover{color:#eee}
.b_amp{width:100%;margin:0 auto}
.bm_amp ul li{transition:all .4s ease-in-out}
.bm_amp{float:left;width:auto;height:auto;padding:15px 0 0;margin:0 0 0 10px}
.bm_amp ul{margin:0 auto;padding:0;line-height:1em}
.bm_amp ul:before{content:&quot;\f2b6&quot;;z-index:1;padding:20px 15px;border:1px solid;margin-right:10px;line-height:20px;border-radius:50%;color:#fff;font-family:FontAwesome;font-size:30px}
.bm_amp ul li span{font-size:20px;color:#fff;font-weight:900;text-transform:uppercase}
.bm_amp ul li p{padding:0;line-height:10px;display:block;font-size:11.5px;text-transform:uppercase;color:#fff}
.search-amp{float:right;padding:0;margin:8px 8px 1px 0}
#footer{background:#fff;width:100%;padding:0;overflow:hidden}
.footer-amp{color:#777;height:100%;line-height:2em;overflow:hidden;padding:0;font-size:13.3px}
.footer{float:left;width:31%;margin:10px 20px 10px 0}
.footer h2{border-bottom:2px solid #eceded;padding-bottom:8px;margin-top:15px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#444}
.footer .widget-content{line-height:18px}
.footer ul{color:#777;margin:0;padding:0}
.footer li{color:#777;line-height:1.2em;margin:0;padding:12px 0}
.footer a:link,.footer li a:visited{color:#999;font-weight:600;position:relative}
.footer li a:hover{color:#ccc}
#credit-amp{background:#19616f;font-size:12px;color:#90b3b9;overflow:hidden;clear:both;font-weight:700;padding:20px 0;line-height:18px;text-align:center;text-transform:uppercase}
#credit-amp a{color:#90b3b9}
#credit-amp a:hover{color:#777}

/* Responsive */
@media screen and (max-width:1024px){
#menu ul,.header-amp{width:100%}
.main_amp{width:64%}
.art-amp{position:relative;max-width:98%;margin:0 auto}
}
@media screen and (max-width:960px){
.main_amp{width:62%}
#amp-subs .emailfield .submitmail{width:180px;margin-right:-10px;padding:15px}
}
@media screen and (max-width: 800px){
.art-amp{position:relative;width:100%;margin:0 auto}
#header-inner{margin:8px 0 0 50px;padding:0}
#search-amp{width:55%}
.main_amp{margin-left:0;width:100%}
#menu{color:#000;height:50px;padding-top:15px;float:none}
#menu a{display:block;line-height:35px;padding:10px 14px;text-decoration:none;color:#fff}
#menu ul{background:#2b2b2b;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none;width:100%}
#menu li{display:block;float:none;width:auto;border-top:1px solid #404040}
#menu input,#menu label{position:absolute;top:15px;left:0;color:#444;display:block;text-transform:uppercase}
#menu input{z-index:4}
#menu input:checked+label{color:#bbb}
#menu input:checked~ul{display:block}
.boxamp{padding:10px 0}
.sosmed{margin:0;float:none;overflow:hidden;padding:24px 20px;background:#19616f}
.sidebar-amp{float:none;margin:0 auto}
.footer{float:none;width:100%;margin:10px 20px 10px 0}
}
@media screen and (max-width: 600px){
#amp-subs,.search-amp,#amp-subs .emailfield{float:left}
}
@media screen and (max-width: 480px){
.sidebar-amp{float:none;margin:0 auto;width:100%}
}
@media screen and (max-width: 414px){
.post h1{font-size:200%}
#search-amp{width:90%}
.postmeta a{line-height:50px}
.postmeta .imageurlpost{position:absolute;margin-top:7px}
}
@media screen and (max-width: 360px){
.bm_amp ul{margin:0 auto;padding:0;line-height:1em;text-align:center}
.bm_amp ul:before{margin-bottom:20px}
}
@media screen and (max-width: 320px){
#amp-subs .emailfield .submitmail{margin-right:-10px;padding:15px;width:58.3%;float:left}
}
</style>
  </b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style amp-custom='amp-custom'>
/*=======================STATIS
TEMPLATE NAME: PIROAMP
AUTHOR: BASRI MATINDAS
DESIGN: http://www.goomsite.net
================================*/

/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Open Sans Regular&#39;), local(&#39;OpenSans-Regular&#39;), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 600;
  src: local(&#39;Open Sans SemiBold&#39;), local(&#39;OpenSans-SemiBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Open Sans Bold&#39;), local(&#39;OpenSans-Bold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}
/* latin */
@font-face {
  font-family: &#39;Open Sans&#39;;
  font-style: normal;
  font-weight: 800;
  src: local(&#39;Open Sans ExtraBold&#39;), local(&#39;OpenSans-ExtraBold&#39;), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format(&#39;woff2&#39;);
}

/* Material Icon */
@font-face {
  font-family: &#39;Material Icons&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Material Icons&#39;), local(&#39;MaterialIcons-Regular&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format(&#39;truetype&#39;);
}
.material-icons {font-family: &#39;Material Icons&#39;;font-weight:normal;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;vertical-align:middle;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: &#39;liga&#39;;
}

/* FontAwesome */
@font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format(&#39;embedded-opentype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format(&#39;woff2&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format(&#39;woff&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format(&#39;truetype&#39;),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format(&#39;svg&#39;);font-weight:400;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}

#header h1,#header p,#menu li,.s-amp p{text-transform:uppercase}
#header .description,#menu input,#menu label,h2.date-header{display:none}
#sc-amp,#search-amp{border-radius:2px;position:relative}
#search-amp,.art-amp,.main_amp{overflow:hidden}
.main_amp,.sosmed{word-wrap:break-word}
#amp-subs .emailfield input:focus,abbr{outline:0}
#credit-amp,#menu label,#sb-amp,.mediamp,.post h1,.post h2,.s-amp p{text-align:center}
#credit-amp,#menu li,#sc-amp,#search-amp,.art-amp,.bm_amp ul:before,.footer a:link,.footer li a:visited,.header-amp,.mediamp,.search-amp{position:relative}
#navbar-iframe,.quickedit{height:0;visibility:hidden;display:none}
body{background:#eceded;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;margin:0;font-weight:400;line-height:22px;text-decoration:none}
abbr{text-decoration:none}
a,a:link,a:visited{color:#1d7b8d;text-decoration:none}
a:active,a:hover{color:#111;text-decoration:none}
.header-amp{color:#777;min-height:65px;width:1024px;position:relative;margin:0 auto}
#header{float:left;width:auto;margin:0;padding:0}
#header-inner{margin:8px 40px 0 0;padding:0}
#header-inner a{color:#444}
#header h1,#header p{font-size:35px;line-height:12px;color:#444;padding:10px 0;margin:0;font-weight:800}
#header h1 a{color:#111}
#header h1.title a:hover{color:#1d7b8d}
#menu{color:#ddd;height:50px;padding-top:15px;float:right}
#menu ul,#menu li{margin:0 auto;padding:0;list-style:none}
#menu ul{height:50px}
#menu li{float:left;display:inline;position:relative;font-size:14px;font-weight:700;text-transform:uppercase}
#menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#222}
#menu li a:hover{color:#aaa}
#menu input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}
#menu label{font-size:30px;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:12px;font-weight:700;position:absolute;left:35px}
#search-amp{width:550px;margin:20px auto}
.s-amp p{color:#3c61ad;letter-spacing:2px;font-size:17px;margin:5px 10px 15px;font-weight:400;line-height:1.4em}
#sb-amp,#search-amp input[type=text]{height:50px;line-height:35px;font-family:&#39;Open Sans&#39;,sans-serif;text-transform:uppercase}
#sc-amp{line-height:1.5em;margin:0;padding:0;font-weight:400;color:#2d2d2d}
.art-amp,.headamp{margin:0 auto}
#st-amp{font-size:14px;color:#2d2d2d;border-width:0;background:0}
#search-amp input[type=text]{background:#fff;width:100%;padding:0 20px 0 10px;font-size:12px;outline:0}
#sb-amp{background:#f5b911;padding:0 25px;position:absolute;top:0;right:0;font-size:13px;font-weight:700;color:#fff;border-width:0;cursor:pointer}
.headamp,.post{background:#fff}
.headamp,.out-amp{padding:0;width:100%}
#sb-amp:hover{color:#e6d4ac}
.art-amp{max-width:1024px}
.out-amp{position:relative}
.main_amp{width:100%;margin:0;float:left}
.clear{clear:both}
h3.date-header{text-transform:none;font:400 12px Arial;color:#666;line-height:1.2em;margin:.1em 0}
#credit-amp,.bm_amp ul li p,.bm_amp ul li span,.footer h2,.post h1,.post h2{text-transform:uppercase}
.fbamp:before,.gplusamp:before,.linkamp:before,.pintamp:before,.twitamp:before{font-family:FontAwesome}
.post{margin:10px 0;padding:20px}
.post h1,.post h2{font-size:270%;line-height:1;color:#444;margin:0;padding-top:15px;padding-bottom:10px;font-weight:800}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#444}
.post h1 a:hover,.post h1 strong,.post h2 a:hover,.post h2 strong{color:#ccc}
.post-body{padding:0;font-size:16px;line-height:1.7em;color:#444;margin:1 0 .75em}
.post amp-img,.sidebar img{max-width:100%;width:auto;border:0}
.boxamp,.boxampp{width:100%;overflow:hidden}
.amp-social-share,.blog-pager,.comments,.sidebar-amp{display:none;background:#fff}
.bm_amp ul li,.bm_amp ul:before,.mediamp{display:inline-block}
.boxamp{background:#1d7b8d;margin-bottom:30px;padding:30px 0}
.boxampp{background:#1d7b8d;padding:0;margin-top:30px}
.sosmed{margin:0;float:left;overflow:hidden;padding:24px 20px;background:#19616f}
.mediamp{width:40px;height:40px;padding:0;font-size:20px;font-weight:400;line-height:2em;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px}
a.fbamp,a.gplusamp,a.linkamp,a.pintamp,a.twitamp{color:#fff}
.fbamp:before{content:&quot;\f09a&quot;}
.fbamp:hover,.gplusamp:hover,.linkamp:hover,.pintamp:hover,.rssBtn:hover,.twitamp:hover{opacity:1}
.twitamp:before{content:&quot;\f099&quot;}
.gplusamp:before{content:&quot;\f0d5&quot;}
.linkamp:before{content:&quot;\f0e1&quot;}
.pintamp:before{content:&quot;\f0d2&quot;}
#amp-subs{float:right;overflow:hidden;word-break:break-word;padding:0;margin-top:15px;height:60px}
#amp-subs .emailfield input{color:#777;padding:20px;font-size:13px;border:0;background:#fff}
#amp-subs .emailfield{padding:0;float:right}
#amp-subs .emailfield .submitbutton{background:#f5b911;border:0;color:#fff;font-weight:700;text-transform:uppercase;padding:13.5px 15px;font-family:&#39;Open Sans&#39;,sans-serif;cursor:pointer}
#amp-subs .emailfield .submitmail{width:250px;margin-right:-10px;padding:15px}
#amp-subs .emailfield .submitbutton:hover{color:#eee}
.b_amp{width:100%;margin:0 auto}
.bm_amp ul li{list-style:none;transition:all .4s ease-in-out}
.bm_amp{float:left;width:auto;height:auto;padding:15px 0 0;margin:0 0 0 10px}
.bm_amp ul{margin:0 auto;padding:0;line-height:1em}
.bm_amp ul:before{content:&quot;\f2b6&quot;;z-index:1;padding:20px 15px;border:1px solid;margin-right:10px;line-height:20px;border-radius:50%;color:#fff;font-family:FontAwesome;font-size:30px}
.bm_amp ul li span{font-size:20px;color:#fff;font-weight:900}
.bm_amp ul li p{padding:0;line-height:10px;display:block;font-size:11.5px;color:#fff}
.search-amp{float:right;padding:0;margin:8px 8px 1px 0}
#footer{background:#fff;width:100%;padding:0;overflow:hidden}
.footer-amp{color:#777;height:100%;line-height:2em;overflow:hidden;padding:0;font-size:13.3px}
.footer{float:left;width:31%;margin:10px 20px 10px 0}
.footer h2{border-bottom:2px solid #eceded;padding-bottom:8px;margin-top:15px;margin-bottom:8px;line-height:1.3em;color:#444}
.footer .widget-content{line-height:18px}
.footer ul{list-style:none;color:#777;margin:0;padding:0}
.footer li{color:#777;line-height:1.2em;margin:0;padding:12px 0}
.footer a:link,.footer li a:visited{color:#999;text-decoration:none;font-weight:600}
.footer li a:hover{color:#ccc}
#credit-amp{background:#19616f;font-size:12px;color:#90b3b9;overflow:hidden;clear:both;font-weight:700;padding:20px 0;line-height:18px}
#credit-amp a{color:#90b3b9;text-decoration:none}
#credit-amp a:hover{color:#777;text-decoration:none}

/* Responsive */
@media screen and (max-width:1024px){
#menu ul,.header-amp{width:100%}
.main_amp{width:100%%}
.art-amp{position:relative;max-width:98%;margin:0 auto}
}
@media screen and (max-width:960px){
#amp-subs .emailfield .submitmail{width:180px;margin-right:-10px;padding:15px}
}
@media screen and (max-width: 800px){
.art-amp{position:relative;width:100%;margin:0 auto}
#header-inner{margin:8px 0 0 50px;padding:0}
#search-amp{width:55%}
.main_amp{margin-left:0;width:100%}
#menu{color:#000;height:50px;padding-top:15px;float:none}
#menu a{display:block;line-height:35px;padding:10px 14px;text-decoration:none;color:#fff}
#menu ul{background:#2b2b2b;position:absolute;top:100%;left:0;z-index:3;height:auto;display:none;width:100%}
#menu li{display:block;float:none;width:auto;border-top:1px solid #404040}
#menu input,#menu label{position:absolute;top:15px;left:0;color:#444;display:block;text-transform:uppercase}
#menu input{z-index:4}
#menu input:checked+label{color:#bbb}
#menu input:checked~ul{display:block}
.boxamp{padding:10px 0}
.sosmed{margin:0;float:none;overflow:hidden;padding:24px 20px;background:#19616f}
.footer{float:none;width:100%;margin:10px 20px 10px 0}
}
@media screen and (max-width: 600px){
#amp-subs,.search-amp,#amp-subs .emailfield{float:left}
}
@media screen and (max-width: 480px){
.sidebar-amp{float:none;margin:0 auto;width:100%}
}
@media screen and (max-width: 414px){
.post h1{font-size:200%}
#search-amp{width:90%}
.postmeta a{line-height:50px}
.postmeta .imageurlpost{position:absolute;margin-top:7px}
}
@media screen and (max-width: 360px){
.bm_amp ul{margin:0 auto;padding:0;line-height:1em;text-align:center}
.bm_amp ul:before{margin-bottom:20px}
}
@media screen and (max-width: 320px){
#amp-subs .emailfield .submitmail{margin-right:-10px;padding:15px;width:58.3%;float:left}
}
</style>
  </b:if>
<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 async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
<script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
&lt;/head&gt;&lt;!--<head/>--&gt;
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
 <amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
  &quot;vars&quot;: {
    &quot;account&quot;: &quot;UA-XXXXX-1&quot;
  },
  &quot;triggers&quot;: {
    &quot;trackPageview&quot;: {
      &quot;on&quot;: &quot;visible&quot;,
      &quot;request&quot;: &quot;pageview&quot;
    }
  }
}
</script>
</amp-analytics> 
<div class='headamp'>
             <div class='header-amp'>
                 <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
                   <b:widget id='Header1' locked='true' title='PIROAMP (Header)' type='Header' version='1'>
                     <b:widget-settings>
                       <b:widget-setting name='displayUrl'/>
                       <b:widget-setting name='displayHeight'>0</b:widget-setting>
                       <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
                       <b:widget-setting name='useImage'>false</b:widget-setting>
                       <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                       <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                       <b:widget-setting name='displayWidth'>0</b:widget-setting>
                     </b:widget-settings>
                     <b:includable id='main'>
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title' itemprop='headline'>
<b:include name='title'/>
        </h1>
<b:else/>
        <p class='title' itemprop='headline'>
          <b:include name='title'/>
        </p>
</b:if>
      </div><b:include name='description'/>
    </div>
</b:includable>
                     <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description' itemprop='description'><span><data:description/></span></p>
  </div>
</b:includable>
                     <b:includable id='title'>
    <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='https://2.bp.blogspot.com/-V1bkwqWVGV0/WaEqBG6WQEI/AAAAAAAAAek/mRc0UH9cK6IHn1uqU082x903fmn6qSLlQCLcBGAs/s1600/logo.png' width='30'/> <data:title/></span></a>
</b:includable>
                   </b:widget>
                 </b:section>
<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;</label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Business</a></li>
<li><a href='#'>Eropa</a></li>
<li><a href='http://www.goomsite.net' target='_blank'>Goomsite</a></li>
<li><a href='#'>Sport</a></li>
</ul>
</nav>
</div>
</div><!-- /header-amp -->
<div class='clear'/>
<div class='boxamp'>
<div id='search-amp'>
<form action='/search' id='sc-amp' target='_blank'>
<input id='st-amp' name='q' placeholder='Search...' type='text'/>
<button id='sb-amp' type='submit'>Search</button>
<div class='clear'/>
</form>
</div>
</div>
<div class='clear'/>
<div class='art-amp'>
	        <div class='out-amp'>
                      <div class='main_amp'>
                <b:section class='main' id='main' showaddelement='no'>
                  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
                    <b:widget-settings>
                      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
                      <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
                      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
                      <b:widget-setting name='authorLabel'>By</b:widget-setting>
                      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
                      <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
                      <b:widget-setting name='showAuthor'>true</b:widget-setting>
                      <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
                      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
                      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
                      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
                      <b:widget-setting name='showLabels'>true</b:widget-setting>
                      <b:widget-setting name='showLocation'>true</b:widget-setting>
                      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
                      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
                      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
                      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
                      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
                      <b:widget-setting name='showReactions'>false</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobileindex'>
    <!-- mobile index -->
    <div class='blog-posts hfeed'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;
        </b:if>
        &lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
        <div expr:onclick='data:post.indexOnclick'>
          <b:include data='post' name='mobile-index-post'/>
        </div>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;
      </b:if>
    </div>
  <b:else/>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>

        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <b:if cond='data:mobile == &quot;false&quot;'>
            <div class='inline-ad'>
              <data:adCode/>
            </div>
          </b:if>
          <data:adStart/>
        </b:if>
        <b:if cond='data:post.trackLatency'>
          <data:post.latencyJs/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
  </b:if>

  <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  </b:if>
</b:includable>
                    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
                    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
                    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url and data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' id='breadcrumbs'>
<div id='bread-crumbs'>
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'><i class='material-icons breadcrumbs-icon'>&#59530;</i> Home&amp;nbsp;</span></a></span>&amp;nbsp;<i class='material-icons breadcrumbs-icon'>&#58133;</i>
<b:loop values='data:post.labels' var='label'>
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != &quot;true&quot;'> <i class='material-icons breadcrumbs-icon'>&#58133;</i> </b:if></span>
</b:loop>
 <i class='material-icons breadcrumbs-icon'>&#58133;</i> <span><data:post.title/></span>
</div></div>
</b:if>
</b:loop>
</b:if>
</b:includable>
                    <b:includable id='comment-form' var='post'/>
                    <b:includable id='commentDeleteIcon' var='comment'/>
                    <b:includable id='comment_count_picker' var='post'/>
                    <b:includable id='comment_picker' var='post'/>
                    <b:includable id='comments' var='post'>
<div class='comments'>
<amp-iframe expr:src='&quot;https://cdn.rawgit.com/basrimedia/online/793395fc/disqusonline.html?shortname=seoamp&amp;url=&quot; + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
  </amp-iframe>
</div></b:includable>
                    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
                    <b:includable id='feedLinksBody' var='links'>
</b:includable>
                    <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
                    <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>
  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a expr:title='data:post.title' href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>
      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div class='clear'/>
    </div>
    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
    </div>
  </div>
</b:includable>
                    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
   <b:include name='mobile-nextprev'/>
</b:includable>
                    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>
    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
    </div>
    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
    </div>
  </div>
  <div class='clear'/>
</b:includable>
                    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>
        <div class='post hentry uncustomized-post-template'>
          <a expr:name='data:post.id'/>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div class='clear'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>
              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:post.allowComments'>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='comment'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
                    </b:if>
                  </b:if>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>
          </div>
        </div>
        <b:if cond='data:blog.pageType == &quot;static_page&quot; or data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
                    <b:includable id='nextprev'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
  <div class='clear'/>
    </b:if>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
      <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><svg viewBox='0 0 24 24'>
    <path d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' fill='#444444'/>
</svg></a>
      </div>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <div id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><svg viewBox='0 0 24 24'>
<path d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' fill='#444444'/>
</svg></a>
      </div>
    </b:if>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><svg viewBox='0 0 24 24'>
    <path d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z' fill='#444444'/>
</svg></a>
    </div>
<div class='home-box' title='This is the newest page'><svg viewBox='0 0 24 24'>
    <path d='M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z' fill='#444444'/>
</svg>
</div>
<div class='lasthome-box' title='This is the latest page'><svg viewBox='0 0 24 24'>
    <path d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z' fill='#444444'/>
</svg>
</div>
</div>
    </b:if>
      <div class='clear'/>
</b:includable>
                    <b:includable id='post' var='post'>
  <div class='post hentry'>
<meta expr:content='data:post.snippet' property='twitter:description'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='700' itemprop='width'/>
  <meta content='700' itemprop='height'/>
  </div>
<b:else/>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta content='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' itemprop='url'/>
  <meta content='700' itemprop='width'/>
  <meta content='700' itemprop='height'/>
  </div>
    </b:if>
  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' itemprop='url'/>
      <meta content='600' itemprop='width'/>
      <meta content='600' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
        <div class='thumb-amp'>
<b:if cond='data:post.firstImageUrl'>
              <div class='thumbamp'>
                <a expr:href='data:post.url'>
                  <amp-img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' height='380' layout='responsive' width='688'/> 
                </a>
              </div>
              <b:else/>
              <div class='thumbamp'>
                <a expr:href='data:post.url'>
              <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='380' layout='responsive' src='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' width='688'/>
                           </a>
              </div>
            </b:if>
        </div>
      </b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='postmeta'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> 
                <b:if cond='data:top.showAuthor'> 
                  <b:if cond='data:post.authorProfileUrl'> 
                    <i class='fa fa-user'/> <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' target='_blank' title='author profile'> 
                        <span itemprop='name'><data:post.author/></span> 
                      </a> 
                    </span> 
                  <b:else/> 
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span> 
                  </b:if> 
                </b:if> 
             <span class='clock'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></span>
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=6&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
          </b:loop>
        </b:if>
  </span>
</span>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='image-wrapper'>
	<div class='post-firstimage'>
		<b:if cond='data:blog.postImageUrl'>
            <div class='firstimage'>
                <amp-img expr:alt='data:post.title' expr:src='data:blog.postImageUrl' height='450px' layout='responsive' width='840'/> 
                </div>
				<b:else/>
              <div class='firstimage'>
                <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='450px' layout='responsive' src='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' width='840'/>
                </div>
            </b:if>
        </div>
  </div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postmeta'>
  <span class='imageurlpost'>
<b:if cond='data:post.authorPhoto.url'>
<amp-img alt='author-photo' expr:src='data:post.authorPhoto.url' height='36' title='author photo' width='36'/>
</b:if></span>
<div class='post_meta'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> 
                <b:if cond='data:top.showAuthor'> 
                  <b:if cond='data:post.authorProfileUrl'> 
                    <i class='fa fa-user'/> <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' target='_blank' title='author profile'> 
                        <span itemprop='name'><data:post.author/></span> 
                      </a> 
                    </span> 
                  <b:else/> 
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span> 
                  </b:if> 
                </b:if> 
             <span class='clock'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></span>
<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?max-results=6&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
          </b:loop>
        </b:if>
  </span>
</span>
</div></div>
</b:if>
<meta expr:content='data:post.snippet' itemprop='description'/>
     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='summary'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
</div>
  </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>
      <div class='clear'/> <!-- clear for photos floats -->
<p class='tagpost'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if></b:loop></p>
<div class='clear'/>
<div class='amp-social-share'>
<amp-social-share data-param-app_id='254325784911610' height='35' type='facebook' width='45'/>
    <amp-social-share height='35' type='twitter' width='45'/>
    <amp-social-share height='35' type='gplus' width='45'/>
    <amp-social-share height='35' type='linkedin' width='45'/>
    <amp-social-share height='35' type='pinterest' width='45'/>
  </div>
</div></div>
</b:includable>
                    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
                    <b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=620\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
                    <b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div class='clear'/>
</b:if>
</b:includable>
                    <b:includable id='threaded-comment-form' var='post'/>
                    <b:includable id='threaded_comment_js' var='post'/>
                    <b:includable id='threaded_comments' var='post'/>
                  </b:widget>
                </b:section>
</div></div>  
<div class='sidebar-amp'>
 <b:section class='sidebar' id='sidebar' showaddelement='yes'>
   <b:widget id='HTML4' locked='false' title='' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'><![CDATA[<a href='http://www.goomsite.net/' target='_blank' title='Ads'><amp-img alt='Ads' height='250' src='https://1.bp.blogspot.com/-JRqc2av0zjQ/WZuN0uxZElI/AAAAAAAAAdM/z94w0TjG4h0erSiOtr729M5laRGQgB6cACLcBGAs/s1600/300.jpg' title='Ads' width='300'></amp-img></a>]]></b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
     <b:widget-settings>
       <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
       <b:widget-setting name='showSnippets'>true</b:widget-setting>
       <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href'>
                  <b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage, 300) : data:post.thumbnail' var='image'>
                    <amp-img expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title' height='90' width='130'/> 
                  </b:with>
                </a>
              </div>
              <b:else/>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' expr:title='data:post.title'>
              <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='90' src='https://2.bp.blogspot.com/-fesDfGAKfnQ/WZvFYqmtqTI/AAAAAAAAAeQ/yQVx7QJQSBIfkuSqCkJjcoDC04uE3VZlgCLcBGAs/s1600/non.png' width='130'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div class='clear'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='HTML1' locked='false' title='Connected' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'>&lt;amp-iframe width=&quot;300&quot;
      height=&quot;214&quot;
      sandbox=&quot;allow-scripts allow-same-origin allow-popups&quot;
      frameborder=&quot;0&quot;
      scrolling=&quot;no&quot;
    src=&quot;https://cdn.rawgit.com/basrimedia/media/d822862b/goomlike.html?page=goomsite&quot;&gt;
  &lt;/amp-iframe&gt;</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
   </b:widget>
   <b:widget id='Label1' locked='false' mobile='yes' title='Label' type='Label' version='1'>
     <b:widget-settings>
       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
       <b:widget-setting name='display'>LIST</b:widget-setting>
       <b:widget-setting name='selectedLabelsList'/>
       <b:widget-setting name='showType'>ALL</b:widget-setting>
       <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
        <b:if cond='data:title'>
       <h2><data:title/></h2>
        </b:if>
        <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
       <b:if cond='data:display == &quot;list&quot;'>
         <ul><b:loop values='data:labels' var='label'> <li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=8&quot;' expr:title='data:label.name'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul>
       <b:else/>
         <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
         <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
         <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
         <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
         </b:loop>
       </b:if>
        </div>
      </b:includable>
   </b:widget>
 </b:section>
</div>
<div class='clr'/>
</div>
<div class='clear'/>
<div class='boxampp'><div class='art-amp'>
<div class='sosmed'>
<a class='fbamp mediamp' href='#' rel='nofollow' target='_blank' title='Facebook'/>
<a class='twitamp mediamp' href='#' rel='nofollow' target='_blank' title='Twitter'/>
<a class='gplusamp mediamp' href='#' rel='nofollow' target='_blank' title='Google +'/>
<a class='linkamp mediamp' href='#' rel='nofollow' target='_blank' title='Linkedin'/>
<a class='pintamp mediamp' href='#' rel='nofollow' target='_blank' title='Pulsk'/>
</div>
<div class='b_amp'>
<nav class='bm_amp' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
 <ul>
   <li><span itemprop='name'>NEWSLETTER</span><p>Follow this blog by entering your email</p></li>
    </ul>  
    <div class='clear'/>
</nav>
<div class='search-amp'>
<div id='amp-subs'>
<div class='emailfield'>
<form action='//feedburner.google.com/fb/a/mailverify' target='_blank'>
<input class='submitmail' name='email' placeholder='Email *' title='Email' type='text'/>
<input name='uri' type='hidden' value='goomsite/cWaD'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/>
</form>
</div></div>
  </div>
</div>
</div>
</div>
<div class='clear'/>
<div id='footer'>
<div class='art-amp'>
            <div class='footer-amp'>
<b:section class='footer' id='footer1' preferred='yes'>
  <b:widget id='HTML2' locked='false' title='' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;amp-img alt=&#39;logo&#39; height=&#39;65&#39; src=&#39;https://2.bp.blogspot.com/-VLuW9MaHzpM/WaEr6Y2xkJI/AAAAAAAAAe4/TIbXNKrGbIMYKk0PhYrDr7pm2Sy47W-NQCLcBGAs/s1600/logo_footer.png&#39; title=&#39;logo&#39; width=&#39;280&#39;&gt;&lt;/amp-img&gt;
&lt;p&gt;Your Blog Description here by Goomsite.net&lt;/p&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='footer' id='footer2' preferred='yes'>
  <b:widget id='HTML3' locked='false' title='Footer Link' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;ul&gt;
&lt;li&gt;&lt;a href=&#39;http://www.goomsite.net&#39; target=&#39;_blank&#39;&gt;Goomsite.Net&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;http://www.goomsite.net&#39; target=&#39;_blank&#39;&gt;Template&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;http://www.goomsite.net&#39; target=&#39;_blank&#39;&gt;Suport&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='footer' id='footer3' preferred='yes'>
  <b:widget id='Label2' locked='false' title='Tag Cloud' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
        <b:if cond='data:title'>
       <h2><data:title/></h2>
        </b:if>
        <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
       <b:if cond='data:display == &quot;list&quot;'>
         <ul><b:loop values='data:labels' var='label'> <li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=8&quot;' expr:title='data:label.name'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul>
       <b:else/>
         <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
         <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
         <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
         <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
         </b:loop>
       </b:if>
        </div>
      </b:includable>
  </b:widget>
</b:section>
    <div class='clr'/>
</div></div>
<div id='credit-amp'>
<!-- MOHON UNTUK TIDAK MENGHAPUS KREDIT LINK BY GOOMSITE.NET !-->
<div class='art-amp'>
Copyright &#169; 2017 <a class='site_name' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved <br/>Created By <a href='http://www.goomsite.net/' rel='dofollow' target='_blank' title='Goomsite'>Goomsite.Net</a> | Powered By <a href='https://www.blogger.com' target='_blank' title='Blogger'>Blogger</a>
</div>
</div>
</div>
&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>