test

on 


weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxhUVAXEdVvYDDqrz3aeR0Yc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxlf4y_3s5bcYyyLIFUSWYUU.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxnywqdtBbUHn3VPgzuFrCy8.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxiU8QAtQT9M0M1_mbVWrUPc.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxkNaUOL0oYRolx8sebiIY9k.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxooGEx1DzoxsbCRd2IM2afI.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxnPzCMEhbIaaYiFY6KPniws.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxmqi69zMYkLa7XwlUIemKB4.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxowYyzpnB4tyYboSwKGmD2g.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://fonts.gstatic.com/s/opensans/v14/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}
]]></b:skin>
<style type='text/css'>
/* Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;} 
/* Blogger CSS Reset */
.section,.widget{margin:0;padding:0}
.navbar, .blog-feeds, .feed-links, #backlinks-container,h2.date-header {display:none;}
.post-body .separator &gt; a, .post-body .separator &gt; span {margin-left: 0 !important;}
/* Framework */
body{background: #fff;font-family:&#39;PT Sans&#39;, sans-serif;font-size: 16px;color: #444;font-weight:400;line-height:1.3em;margin: 0;text-decoration:none;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;word-spacing:0;letter-spacing:0;text-indent:0;text-transform:none;}
a,a:link,a:visited,a:active {color:#0A4F94;text-decoration:none;}
a:hover{color:#1f64d7}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}
#wrapper {margin:0 auto;padding:0}
#content-wrapper{margin:0 auto;padding:0;max-width:1050px;position:relative;overflow:hidden;word-wrap: break-word}
.limited_header{display:block;width:100%;overflow:hidden;height:60px;margin: 0 auto}
.limit_second_header{position:relative;width:100%;display:block;overflow:hidden;margin:0;padding:0}
#main-wrapper {padding:0;float:left;position:relative;display:block;overflow:hidden;margin:0 auto;word-wrap: break-word;width: calc(100% - 330px)}
.post h1,.post h2{font-family:&#39;Open Sans&#39;, sans-serif;color:#333;margin:0 auto;padding:0;font-size:100%;font-weight:700}
.post h1 a,.post h2 a{color:#111}
.post h1 a:hover,.post h2 a:hover {color:#999}
.post-body {margin:0;padding:0;line-height: 1.6em;}
.mobile h1,.mobile h2 {margin:0 auto;padding:0}
.all_advertisement span,.ads_middle span,#ads_header_leader h2, #ads_footer_leader h2{font-size:10px;text-transform:uppercase;font-weight:700;color:#ccc;letter-spacing:1px;margin:0 auto 3px;padding:0}
/* Header image and title CSS */
#header{padding:0;margin:4px auto 0;display:inline-block;position:relative;}
#header h1,#header h2,#header .description{font-family: &#39;Open Sans&#39;, sans-serif;line-height:1.1em;padding:0;margin:0 auto;font-weight:700}
#header h1,#header h2{color:#fff;text-transform:uppercase;font-size:210%;list-style:none;font-weight:700;letter-spacing:-2.5px;margin:5px auto 0}
#header .description{position:absolute;top:-99999px;left:-999999px;z-index:0;height:0;width:0}
#header h1 a,#header h2 a{font-weight:700;color:#fff;position:relative}
#header h1 a:after,#header h2 a:after{content:&quot;&quot;;position:absolute;display:block;background:#fff;height:3px;width:0;bottom:0;left:0;transition: all 0.4s ease-in-out;}
#header h1 a:hover,#header h2 a:hover{color:#fff!important}
#header h1 a:hover:after,#header h2 a:hover:after{width:100%;}
#header img,#header-inner img{width:100%;max-width:240px;height:auto;margin:5px auto 0}
/* bullet dan nummber */
.post-body ul {margin: 5px 0 5px 10px;padding: 0 0 0 20px;list-style-type: inherit;}
.post-body ol {margin: 5px 0 5px 10px;padding: 0 0 0 20px;list-style-type: decimal;}
.resource{padding:0;color: #66798a;font: normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;width:auto}
/* Header wrapper */
#header-wrapper{width:100%;height:60px;background:#00497d;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);margin:0 auto;position:fixed;top:0;left:0;right:0;z-index:99999999;display:block;padding:0;word-wrap: break-word;-moz-box-sizing:border-box;box-sizing:border-box;}
.header-limit{margin:0 auto;width:100%;padding:0;max-width:1280px;position:relative;display:block}
#left-header{float:left;width:270px;display:block;padding:0 20px;-moz-box-sizing:border-box;box-sizing:border-box;}
#right-header{margin:0;padding:0;display:block;position:relative;float:right;width: calc(100% - 270px);}
/* Menu */
#menu-wrapper{margin:0 auto;position:relative;display:block;padding:0;word-wrap: break-word;-moz-box-sizing:border-box;box-sizing:border-box;float:right;width:670px}
#nav {}
.navi-header {font-family: &#39;Open Sans&#39;, sans-serif;list-style: none;margin:0;float:right}
.navi-header:before,.navi-header:after {content: &quot; &quot;;display: table;}
.navi-header:after {clear: both;}
.navi-header ul {list-style: none;margin:0 auto;width:12em}
.navi-header a {display:block;padding:0}
.navi-header li {position: relative;margin:0}
.navi-header &gt; li {float: left;}
.navi-header &gt; li &gt; a,.navi-header li.iconcaps,.icon_src_btn .src_msg {font-family: &#39;Open Sans&#39;, sans-serif;display: block;height:60px;line-height:60px;color:#fff;font-weight:700;font-size:13.5px;padding:0 16px;position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.navi-header &gt; li &gt; a:hover{background-color:#083f67;color:#fff}
.navi-header li ul{background:#fff!important;display:block;position:absolute;left:0;z-index:99999;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;box-shadow:0 0 4px rgba(0,0,0,0.1);height:0;overflow:hidden;margin:30px 0 0}
.navi-header li li ul {left:100%;}
.navi-header &gt; li.hover &gt; ul {visibility:visible;opacity:10;height:auto;margin:0}
.navi-header li li.hover ul {visibility:visible;opacity:10;height:auto;margin:0}
.navi-header li li a,#sosmedup ul li a.social_item {display: block;color:#333;font-size:13px;position: relative;z-index:100;border-top:1px solid #eee;line-height:1.2em;padding:13px 20px;text-transform:capitalize;overflow:hidden}
.navi-header li li a:hover,#sosmedup ul li a:hover.social_item {background:#ddd!important;border-color:#ccc}
.navi-header li li li a {background:#fff;z-index:20;color:#333;}
.navi-header li .parent:after {content: &quot;\f107&quot;;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;padding-left:6px;}
.navi-header li.iconcaps{color:#fff;background:#e32d24;cursor:pointer;}
.iconcaps .smallbutton{display:block}
.navi-header li.iconcaps i{padding-left:10px;font-size:13px}
.toggleMenu {font-family: &#39;Open Sans&#39;, sans-serif;display:none;padding:0;width:125px;text-align:center;height:60px;line-height:60px;color: #fff !important;background:#e32d24;font-size:14px;font-weight:700;position:absolute;top:0;right:0;font-weight:700;z-index:1}
.toggleMenu i{font-weight:400;cursor:pointer;margin:0 0 0 7px}
/* Social Footer */
#sosmedup{display:none;width:150px;position:absolute;right:0;top:60px;z-index:99;background:#fff;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;box-shadow:0 0 4px rgba(0,0,0,0.1);}
#sosmedup ul{margin:0 auto;padding:0;display:block;width:100%;list-style:none}
#sosmedup ul a{color:#333}
#sosmedup ul li{margin:0;padding:0}
#sosmedup ul li.social_btn{display:block;margin:0 auto;padding:0}
#sosmedup ul li a i{width:25px;text-align:left}
#sosmedup ul li a.s_fb i{color:#3F5B9B;}
#sosmedup ul li a.s_tw i{color:#1C97DE;}
#sosmedup ul li a.s_gp i{color:#c24538;}
#sosmedup ul li a.s_ig i{color:#8e605b;}
#sosmedup ul li a.s_yt i{color:#d12b19;}
#sosmedup ul li a.s_le i{color:#306eeb;}
 /* CSS Search Wrapper */
#hide_src_btn{display:none;width:30px;overflow:hidden;float:left}
#show_src_btn{float:left;width: calc(100% - 670px);overflow:hidden;height:60px}
.icon_src_btn{color:#2c90e6;padding:0;height:60px;line-height:60px;}
.icon_src_btn i{cursor:pointer;font-size:20px}
.icon_src_btn .src_msg{display:inline;color:#b9d0e0}
#search-wrapper{background-color:#00497D;margin:0 auto;padding:0;display:none;position:absolute;top:0;bottom:0;left:35px;right:0;z-index:100;height:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#searchform{color:#fff;width:100%;margin:0 auto;overflow:hidden;position:relative;display:block}
.search-button{clear:both;background:#e32d24;border:none;font-family: &#39;Open Sans&#39;, sans-serif;display: block;height:60px;line-height:60px;width:125px;text-align:center;color:#fff;font-weight:700;font-size:15px;padding:0;position:relative;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;cursor:pointer;position:absolute;top:0;right:0;font-weight:700}
.search-button i{font-weight:400;margin:0 0 0 10px}
.search-button:active{border:none;outline:none;padding:0;margin:0}
#search-form{background-color:#00497D;font-family:&#39;Open Sans&#39;, sans-serif;width:100%;height:60px;line-height:60px;padding:0 125px 0 0;-moz-box-sizing:border-box;box-sizing:border-box;border:none;font-weight:700;font-size:15px;color:#eee;overflow:hidden;}
#search-form:focus{border:none;outline:0;color:#eee}
#searchform:focus{border:none;outline:0;}
#searchform input[type=text]::-webkit-input-placeholder{color:#b9d0e0}
#searchform input[type=text]::-moz-placeholder{color:#b9d0e0}
#searchform input[type=text]:-ms-input-placeholder{color:#b9d0e0}
#searchform input[type=text]:-moz-placeholder{color:#b9d0e0}
#box{position:relative;margin:0 auto}
/* Ads wrapper */
#ads_header_leader, #ads_footer_leader{display:block;margin:0 auto 20px;text-align:center;width:100%;padding:0}
#ads_header_leader .widget-content,#ads_footer_leader .widget-content{list-style:none;max-width:980px;text-align:center;overflow:hidden;display:block;margin:0 auto;padding:0}
#ads_footer_leader{margin:0 auto}
#ads_header_leader .widget-content img,#ads_footer_leader .widget-content img{max-width:100%;height:auto}
/* Featured Post by Blogger */
#FeaturedPost1{clear:both;margin:0 auto;padding:0;max-width:1050px;overflow:hidden}
#featured-wrapper{width:100%;max-width:1050px;margin:0 auto;padding:17px 0 0;display:block; overflow:hidden;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#featured-wrapper h2{background:#e32d24;text-transform:uppercase;font-size:11px;font-weight:700;color:#fff;padding: 5px 10px!important;position:absolute;left:55%;top:30px;margin:0 25px;display:inline;overflow:hidden}
.FeaturedPost {margin:0 auto 15px;position:relative;padding:0;list-style:none;display:block;overflow:hidden}
.FeaturedPost .image{width:55%!important;height:auto;min-height:220px;overflow:hidden;float:left}
.FeaturedPost  .featureding{width:45%;float:right;position:relative;overflow:hidden;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 0 25px}
.FeaturedPost h3{font-family:&#39;Open Sans&#39;, sans-serif;font-weight:800;font-size:32px;line-height:1.2em;padding:0;margin:70px auto 0}
.FeaturedPost h3 a{color:#2d2d2d}
.FeaturedPost h3 a:hover{color:#999}
.FeaturedPost p{line-height:1.6em;margin:15px 0 0;font-size:100%}
/* Meta post author */
.title_new{position:relative;display:block;overflow:hidden;margin:0 auto 6px; padding:0;height:30px}
.title_new:after{content: &quot;ARTIKEL TERBARU&quot;;}
.posting-wrapper{position:relative;z-index:100}
.meta-post{display:block;padding:0;margin:3px auto;font-weight:400;color:#888;line-height:1.2em;font-size:10.94px!important;outline:none;border:none;text-decoration:none}
.meta-post i {margin:0 5px 0 0}
.author a:hover, .clock a:hover{color:#999}
.author,.clock{display:inline;margin-bottom:10px}
.author a{color:#444;margin:0 10px 0 0;font-weight:700}
.clock a{color:#999;}
abbr {text-decoration:none;outline:none}
/* Sidebar wrapper */
#sidebar-wrapper {width:100%;max-width: 300px;padding:0;margin:0 auto;float: right;word-wrap: break-word;position:relative;overflow: hidden;list-style:none}
#sidebar-wrapper h2, #sidebar-wrapper h3,#comments h3,.title_new:after,.related-post h4{font-family:&#39;Open Sans&#39;, sans-serif;font-size: 16px;line-height:1.2em;display:inline-block;font-weight:700;padding: 0 ;margin:0 0 5px;padding:0 0 10px 22px;position: relative;color: #333;font-weight: 700;text-transform:uppercase}
#sidebar-wrapper h2:before, #sidebar-wrapper h3:before,#comments h3:before,.title_new:before,.related-post h4:before{content: &quot;&quot;;display: block;width:15px;height:15px;position: absolute;left:0;top:2px;z-index:1;display:inline-block;background:#e32d24;border-radius:99em}
.sidebar .widget-content{clear:both;margin:0 auto;padding:0 0 20px!important}
#ContactForm1,#ContactForm2,#ContactForm3{display:none}
#sidebar-sticky{position:relative;display:block;overflow:hidden;margin-bottom:-35px!important}
/* Recent Wrapper */
#recent-wrapper{display:block;position:relative;overflow:hidden;font-size:15px}
#recent-wrapper ul{margin:0;padding:0;list-style-type:none;}
#recent-wrapper ul li{position:relative;padding:10px 35px 10px 10px!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#recent-wrapper ul li:first-child {background:#E11E28;width:100%}
#recent-wrapper ul li:first-child:after{content:&quot;01&quot;;}
#recent-wrapper ul li:first-child + li{background:#FD3C03;width:97%}
#recent-wrapper ul li:first-child + li:after{content:&quot;02&quot;;}
#recent-wrapper ul li:first-child + li + li{background:#FECB09;width:94%}
#recent-wrapper ul li:first-child + li + li:after{content:&quot;03&quot;;}
#recent-wrapper ul li:first-child + li + li + li{background:#6EBE27;width:91%;}
#recent-wrapper ul li:first-child + li + li + li:after{content:&quot;04&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li{background:#149A48;width:88%;}
#recent-wrapper ul li:first-child + li + li + li + li:after{content:&quot;05&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li +li{background:#15d3c3;width:85%}
#recent-wrapper ul li:first-child + li + li + li + li +li:after{content:&quot;06&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li + li +li{background:#288abb;width:82%}
#recent-wrapper ul li:first-child + li + li + li + li +li +li:after{content:&quot;07&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li + li + li +li{background:#863e86;width:79%}
#recent-wrapper ul li:first-child + li + li + li + li +li + li +li:after{content:&quot;08&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li + li + li + li +li{background:#71264b;width:76%}
#recent-wrapper ul li:first-child + li + li + li + li + li + li + li +li:after{content:&quot;09&quot;;}
#recent-wrapper ul li:first-child + li + li + li + li + li + li + li + li +li{background:#502234;width:73%}
#recent-wrapper ul li:first-child + li + li + li + li + li + li + li +li +li:after{content:&quot;10&quot;;}
#recent-wrapper ul li:first-child:after,
#recent-wrapper ul li:first-child + li:after,
#recent-wrapper ul li:first-child + li + li:after,
#recent-wrapper ul li:first-child + li + li + li:after,
#recent-wrapper ul li:first-child + li + li + li + li:after,
#recent-wrapper ul li:first-child + li + li + li + li + li:after,
#recent-wrapper ul li:first-child + li + li + li + li + li + li:after,
#recent-wrapper ul li:first-child + li + li + li + li +li + li +li:after,
#recent-wrapper ul li:first-child + li + li + li + li +li + li + li +li:after,
#recent-wrapper ul li:first-child + li + li + li + li +li + li + li +li +li:after
{position:absolute;top:5px;right:5px;line-height:1em;text-align:center;color:rgba(0,0,0,0.2); font-size:23px !important; font-weight:700}
#recent-wrapper ul li a{color:white;text-decoration:none}
/* Popular Post */
.PopularPosts ul{list-style:none;margin:0 auto;padding:0;overflow:hidden;width:100%}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;background:none;outline:none;}
.PopularPosts ul li {margin:0 auto 10px;position:relative;overflow:hidden;line-height:1em!important;list-style:none;border-top:1px solid #ddd;padding:20px 0 0}
.PopularPosts ul li a:hover {color:#999!important;}
.PopularPosts li a{color:#2d2d2d !important;font-weight:700 !important;font-size:16px !important;list-style:none;line-height:1.3em;display:block;overflow:hidden}
.PopularPosts ul li img {width:72px;height:72px;float:left;display:inline-block}
.PopularPosts .item-thumbnail {display: flex;align-items: center;justify-content: center;width:72px;height:72px;border-radius:99em;overflow:hidden;float:left;margin:-10px 13px 0 0!important;position:relative}
.PopularPosts .item-snippet{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;color:#aaa;overflow:hidden;margin:4px 0 0;display:none}
.PopularPosts .item-title {padding:0;margin:0;text-align:left}
/* Sidebar sticky */
.makesticking{background:0 0!important;position:fixed!important;top:70px;z-index:9999}
/* css cloud and list label */
.widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.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:10px;}
.label-count {white-space:nowrap;display:inline-block;}
.Label ul {list-style:none !important;margin:0;padding:0;width:100%}
.Label li{clear:both;position:relative;color:#777;padding:14px 0;width:100%;margin:0;text-align:left;max-width:100%;transition:all .3s ease-out;overflow:hidden;font-size:13px;border-bottom:1px solid #eee;-moz-box-sizing:border-box;box-sizing:border-box;}
.Label li a{display:block;position:relative;line-height:1.2em;color:#777;text-decoration:none;transition:all .3s ease-out;font-weight:normal;border:none}
.Label li a:hover{color:#0A4F94!important}
.Label li:first-child{margin-top:-14px!important}
.Label li span{display:inline-block;border:none!important;float:left}
.Label li .counting{float:right;padding:0;text-align:right;display:inline-block;color:#d5d5d5;position:absolute;top:13px;right:0;z-index:2;text-align:right}
.label-size{position:relative;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
.label-size a,.label-size span{background:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgba(246,246,246,1)100%);display:inline-block;color:#444;padding:5px 8px;font-weight:normal !important;border:1px solid #e3e3e3;background-repeat:repeat-y;background-size:100% 90px;background-position:0 -30px;transition:all .3s}
.label-size span,.Label li span{color:#ddd}
.label-count{display:inline-block;opacity:0;visibility:visible;position:absolute;left:50%;top:0;background:#0A4F94;color:#fff;white-space:nowrap;padding:5px 8px;text-align:center;float:right;z-index:1;transition:all .3s}
.label-size:hover .label-count{opacity:1;visibility:visible;left:100%}
.label-size a:hover{color:#444;background-image:linear-gradient(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rgba(255,255,255,1)100%);background-position:0 0}
/* Css Breadcrumbs */
.breadcrumbs {background:#eee;font-size:100%;padding:13px 20px;position:relative;color:#ccc;margin:0 auto;}.breadcrumbs a {color:#ddd;font-size:13px;font-weight:normal;}.breadcrumbs span a {color:#768187;padding:0;}.breadcrumbs &gt; span:last-child {width:0;color:#ccc;font-size:13px;font-weight:300}.breadcrumbs span a:hover {color:#333;}.breadcrumbs a:hover {color:#333;}
/* footer-wrapper */
#footer-wrapper {margin:20px auto 0;display:block;padding:0 15px}
#footer-limit{position:relative;display:block;max-width:1050px;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* Footer 3 column */
.footer{display:block;margin:0 auto;padding:25px 0 0;list-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.footer .widget-content{display:block;text-align:center;margin:0 auto !important;padding:0 0 30px!important;list-style:none;max-width:728px}
.footer h2,.footer h3{margin:10px auto 15px;padding:0;text-transform:uppercase;font-weight:700;font-size:15px;color:#010101;display:block;text-align:center;position:relative}
/* Credit footer + Do not delete */
#footer-credit{font-size:12px;margin:0 auto;padding:0;display:block}
.footmenu,.footmenu ul{display:block;margin:0 auto 20px;padding:0;text-align:center}
.footmenu ul li{display:inline-block;margin:0 10px 10px;font-size:15px}
.footmenu a{color:#111;font-weight:700}.footmenu a:hover{color:#999}
.credit-wrapper{background:#00497d;margin:0 auto;padding:15px;color:#fff;display:block;width:100%;text-align:center;list-style:none !important;font-size:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.credit-wrapper a{color:#fff;}.credit-wrapper a:hover{color:#999}
/* Blog pager */
#blog-pager {margin: 10px 0 20px;clear:both !important;padding:0;font-size:11px;font-weight:bold;position:relative;z-index:100}
a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a {background-color:#ffffff;border: 1px solid #DDDDDD;padding:0px 12px;line-height:28px;color:#7D7D7D}
#blog-pager-newer-link a {float:left;display:block;}
#blog-pager-older-link a {float:right;display:block;}
a.home-link {display:inline-block;}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {border: 1px solid #0A4F94;color:#0A4F94!important}
.feed-links { clear: both;display:none;}
/* CSS Post Table */
.post-body table{border-collapse:collapse;border-spacing:0;}
.post-body table td {border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #5a97ff;padding:10px;text-align:left;vertical-align:top;background:#4588f3 !important;color:#fff}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}
.post-body table {max-width:100%;width:100%;margin:1.5em auto;}
.post-body table.section-columns td.first.columns-cell{border-left:none}
.post-body table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
.post-body table.columns-2 td.columns-cell{width:50%}
.post-body table.columns-3 td.columns-cell{width:50%}
.post-body table.columns-4 td.columns-cell{width:30%}
.post-body table.section-columns td.columns-cell{vertical-align:top}
.post-body table.tr-caption-container{padding:4px;margin-bottom:.5em}
.post-body td.tr-caption{font-size:80%}
.post-body td img, .post-body th img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}
.post-body table.tr-caption-container img, .post-body table.tr-caption-container img{list-style:none;max-width:100%; height:auto;width:auto;padding:0 !important;margin:0 !important}
.post-body table.tr-caption-container td {border:none;padding:0 !important;margin:0 !important}
.post-body table caption{max-width:100%;height:auto;border:none !important;padding:0 !important}
/* separator  */
.separator{height: auto; width: auto;margin:0 auto;padding:0;}
.separator img, .separator a img{max-width:100%; height: auto;width:auto;margin:15px auto;padding:inherit;display:inline-block;border:1px solid #fff;}
/* more setting, widget, etc */
.split2 {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.split3 {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.split4 {-webkit-column-count:4;-moz-column-count:3;column-count:4;}
.split2 img,.split3 img,.split4 img{-webkit-backface-visibility:hidden;max-width:100%;margin:5px 0 0 15px;}
/* Back to top */
.back-top-top{display:none}
.back-top-top{position:fixed;bottom:30px;right:25px;height:50px;width:50px;line-height:48px;text-align:center;cursor:pointer;padding:0;margin:0 auto;background:rgba(0,0,0,.2);border-radius:99em;font-size:2.1em;color:#fff;z-index:999999999}
.back-top-top:hover{opacity:1}
/* Responsive */
@media screen and (max-width: 1024px) {
.icon_src_btn .src_msg{display:none}
#featured-wrapper{padding:17px 10px 0}
#content-wrapper{padding:0 10px}
}
@media screen and (max-width:880px){
.post h1{font-size:198%}
}
@media screen and (max-width:768px){
#main-wrapper,#sidebar-wrapper,#left-header,#right-header,#show_src_btn,#menu-wrapper{width:100%;max-width:100%;float:none;display:block}
#sidebar-wrapper{margin:15px auto 0}
.limited_header{height:60px}
#left-header{padding:0 0 0 10px;position:absolute;top:0;left:0;}
#right-header{float:right;position:relative;}
#header{z-index:10}
#menu-wrapper{padding:60px 0 0}
#search-wrapper{left:0;z-index:100;padding:0 0 0 40px}
#hide_src_btn{position:absolute;top:3px;left:10px;z-index:999}
#show_src_btn{position:absolute;top:0;right:0;z-index:1;width:30px;margin:0 140px 0 0}
#show_src_btn .icon_src_btn{float:right}
#featured-wrapper .widget-content{padding:10px!important;margin:0 10px}
.FeaturedPost .image{width:50%!important;min-height:200px}
.FeaturedPost  .featureding{width:47%;padding:0}
#featured-wrapper h2{left:53%;top:10px;margin:0}
.FeaturedPost h3{font-size:29px;line-height:1em;margin:45px auto 0}
#centered{margin:0 auto; padding:0;max-width:300px}
/* Menu Responsive - mobile - tablet - smartphone */
.navi-header {float:none}
.navi-header ul {list-style: none;margin:0 auto;width:100%;}
.navi-header &gt; li {float: none;display:block}
.navi-header &gt; li a{background:#083f67;display:block;padding:13px 10px;border-top:1px solid #073a5f}
.navi-header &gt; li:first-child a,.navi-header li li:first-child a{border:none!important}
.navi-header &gt; li &gt; a {height:auto;line-height:1.2em;}
.navi-header &gt; li.hover &gt; ul,.navi-header li li.hover ul {position:relative;background:#ddd!important;}
.navi-header li li a {background:#ddd;line-height:1.2em;padding:12px 20px;border-color:#ccc}
.navi-header li.iconcaps{height:50px;line-height:50px;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#sosmedup{background:#ddd;width:100%;position:relative;right:auto;left:auto;top:auto}
#sosmedup ul li a{border-color:#ccc!important}
.credit-wrapper{margin:0 auto;float:none;display:block;width:100%;text-align:center}
.footmenu,.footmenu ul{float:none;display:block;text-align:center}
.footmenu ul li{display:inline-block;float:none;margin:0 10px 5px}
}
@media screen and (max-width:736px){
#featured-wrapper .widget-content{padding:0 10px}
#footer-wrapper {margin:12px auto 0;padding:0 10px}
#footer-limit{margin:0 auto;}
.footer{width:100%;float:none;margin:0 auto!important;}
}
@media screen and (max-width:600px){
#header .description{font-size:15px;font-weight:400}
.FeaturedPost .image{width:100%!important;min-height:auto;float:none}
.FeaturedPost  .featureding{width:100%;float:none}
#featured-wrapper h2{margin:0;position:relative;top:auto;left:auto;right:auto}
.FeaturedPost h3{font-size:30px;margin:15px auto 10px}
.FeaturedPost p{line-height:1.5em;margin:0 auto 15px}
#searching{padding:30px 0 0;}
#hide span.srcbutton{right:30px}
#search input[type=search]{font-size:55px;padding:20px 10px}
}
@media screen and (max-width:480px){
#header h1,#header h2{font-size:190%}
.toggleMenu,.search-button{width:60px;}
.toggleMenu span,.search-button span{display:none}
#show_src_btn,#search-form{margin:0 75px 0 0}
.search-button i,.toggleMenu i,.search-button{margin:0 auto;font-size:16px!important}
.FeaturedPost h3{font-size:27px}
.separator{clear:both;float:none!important;height: auto; width:100%; padding:0;display:block;margin:15px 0;padding:0;text-align:center}
.separator img, .separator a img{clear:both;max-width:100% !important; height: auto;width:auto !important;margin:0; padding:0;text-align:center !important;border:none;float:none!important}
#search{margin:25% auto 0}
#search input[type=search]{font-size:32px}
}
@media screen and (max-width:385px){
#header img,#header-inner img{margin:7px auto 0;max-width:200px;}
}
@media screen and (max-width:320px){
#header h1,#header h2{font-size:185%}
#header img,#header-inner img{margin:9px auto 0;padding:0;width:180px}
.FeaturedPost h3{font-size:25px}
}
@media screen and (max-width:320px){
#header h1,#header h2{font-size:170%}
.FeaturedPost h3{font-size:23px}
}
/* Status msg */
.status-msg-body{padding:10px 0 ; display:none}
.status-msg-wrap{display:none; font-size:14px; margin-left:1px;  width:100%; color:#666;  }
.status-msg-wrap a{color:orange !important;  }
.status-msg-bg{display:none; background:#ccc; position:relative; width:99%; padding:6px; z-index:1;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:2px #999 solid }
.status-msg-border{display:none; border:0; position:relative; width:99%}
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
#content-wrapper{margin:20px auto 0}
.navi-header &gt; li &gt; a.active:before{opacity:1;margin:0}
.post,.posting-wrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.post{margin:0 auto;padding:0;transition:all .4s ease-out;height:185px;overflow:hidden}
.post h2{font-family:&#39;Open Sans&#39;, sans-serif;margin:0;padding:4px 0 6px;line-height:1.2em;font-size:110% !important}
.post h2 a{color:#2d2d2d; text-decoration:none;font-weight:800 !important;overflow:hidden;display:block}
.post h2 a:hover{color: #999}
.post-body{padding:0;margin:0}
.breadcrumbs{border-radius:5px 5px 0 0}
.posting-wrapper{border-top:1px solid #ddd;padding:15px 0 0 25px;position:relative;float:right;width: calc(100% - 300px)}
.thumbnail-wrapper{position:relative;float:left;margin:0;width:300px;height:185px;padding:0;z-index:100;transition:all .3s ease-out;overflow:hidden}
.home-thumbnail{margin:0;width:100%;height:auto;min-height:185px;overflow:hidden;position:relative;transition:all 0.5s ease-out}
.post_summary{color:#444;font-size:14px;line-height:1.4em;margin:0 auto 10px;position:relative;display: -webkit-box;-webkit-line-clamp: 2;height:40px;-webkit-box-orient: vertical;overflow:hidden}
.readmore{position:absolute;right:0;top:0;z-index:10;height:30px;width:30px;line-height:30px;background:#ddd;color:#fff;text-align:center;font-size:15px}
.readmore a{color:#fff}
/* Post labels */
.post-label{color:#e32d24;padding:0;font-size:10.98px;margin:0 auto;letter-spacing:0.8px}
.post-label a{color:#e32d24;font-weight:700;text-transform:uppercase;padding:0;margin:0 10px 0 0;}
/* Blog pager */
#blog-pager,#blog-pager {display:block;text-transform:uppercase;text-align:center;margin:30px auto 10px;padding:0;height:46px;line-height:46px;max-width:370px;font-weight:700;font-size:13px}
#blog-pager-newer-link,#blog-pager-older-link{float:none;overflow:hidden;display:block}
.blog-pager a,#blog-pager a,a.home-link, #blog-pager-newer-link a, #blog-pager-older-link a,.blog-pager-older-link a {color:#fff!important;display:block}
a.home-link {display:inline-block;}
.blog-pager a.js-load{background:#e32d24;}
.blog-pager .js-loaded{background:#ddd;display:block;cursor:no-drop}
.blog-pager .js-loading{background:none;color:#e32d24!important}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {color:#010101}
.feed-links { clear: both;display:none;}

@media screen and (max-width:768px){
}
@media screen and (max-width:600px){
.post{height:175px}
.post h2{font-size:105% !important}
.posting-wrapper{padding:10px 0 0 15px;width: calc(100% - 264px)}
.thumbnail-wrapper{width:264px;height:175px}
.home-thumbnail{min-height:175px}}
@media screen and (max-width:480px){
.post{height:auto;margin:0 auto 20px}
.post h2{font-size:120% !important}
.posting-wrapper{padding:10px 0;width:100%;float:none}
.post_summary{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:auto}
.thumbnail-wrapper,.thumbnail-wrapper img{width:100%;height:auto;overflow:hidden;float:none}}
@media screen and (max-width:320px){
.post h2{font-size:105% !important}}
@media screen and (max-width:240px){
.post h2{font-size:100% !important}}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#content-wrapper{margin:15px auto 0}
.post-body,.nexprev-alright,.nexprev-alleft{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.post{padding:0;margin:0 auto}
.post h1{padding:4px 0 12px!important;font-size:225%;line-height:1.2em}
.post h1 a{font-weight:800}
.post-body{padding:0 0 0 70px}
/* lightbox image, etc */
.CSS_LIGHTBOX {z-index:99999999!important;}
.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}
.CSS_LIGHTBOX_SCALED_IMAGE_IMG {width:auto!important;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.CSS_LIGHTBOX_BTN_CLOSE {background: url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjuQgGwN-gTLa6TttzTUqi5SzIlS22W8-kYdJ2Ihh68nSpY4iXfRI3GxJa5_4Vb71gLN7VQnY6xlY6AKxyd-OGCnqOOHyLsevt3uHlr_zeOPV_gK06WJ1xVaoA0YKM18Tc5dsiLAsB/s1600/delete.png&#39;) no-repeat!important;width:32px!important;height:32px!important;top:30px!important;opacity:0.7;transition:all .3s;}
.CSS_LIGHTBOX_BTN_CLOSE:hover{opacity:1;}
.CSS_LIGHTBOX_BTN_CLOSE_POS {right:10px!important;}
.CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,0.8)!important}
.CSS_LIGHTBOX_FILMSTRIP{background-color:rgba(0,0,0,0.5)!important}
/* Breadcrumb css postpage */
.breadcrumbs {background:none;font-family:&#39;Open Sans&#39;, sans-serif;padding:0!important}
.breadcrumbs a,.breadcrumbs span a{background:#0A4F94;color:#fff;text-transform:uppercase;padding:3px 10px!important;font-size:11.4px;font-weight:700;display:inline-block;margin:0 2px 5px 0!important}
.breadcrumbs a.breadhome{background:#0A4F94;display:none}
.breadcrumbs a:hover {background:#333;color:#fff!important}
.breadcrumbs &gt; span:last-child {display:none}
/* CSS Share Button By Bung Frangki */
#share_btnper{margin:auto;padding:0}
.showother{display:none}
.share_btn{position:relative;margin:0;padding:0;display:block;overflow:hidden}
.share_btn ul,ul .showother{position:relative;margin:0;padding:0;font-size:12px}
.share_btn ul li{float:left;display:inline-block;overflow:hidden}
.share_btn li a,.shareplus{color:#fff;padding:0;width:40px;display:block;text-align:center;height:35px;line-height:35px;transition:all 0.25s;margin:0 5px 5px 0;text-transform:uppercase;letter-spacing:1px;border-radius:4px;overflow:hidden}
.share_btn i{font-size:16px;padding:0;margin:0;line-height:35px;text-align:center}
.shareplus{padding:0;background:#aaa;cursor:pointer}
.share_btn li a.fb i,.share_btn li a.tw i{width:20px;text-align:left}
.share_btn a:hover{background:#333}
.share_btn li a.fb{background:#4867aa;padding:0 35px;width:auto}
.share_btn li a.tw{background:#1da1f2;padding:0 35px;width:auto}
.share_btn li a.gp{background:#dc4a38}
.share_btn li a.pt{background:#ca2128}
.share_btn li a.le{background:#0673ab}
.share_btn li a.tr{background:#43556e}
.share_btn li a.em{background:#141b23}
.share_btn li a.ln{background:#00c300}
.share_btn li a.bm{background:#000}
.share_btn li a.wa{background:#4dc247}
.share_btn li a:hover,.shareplus:hover{-webkit-filter:grayscale(100%);opacity:0.8}
/* tag posts */
.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{clear:both;font-family:&#39;Open Sans&#39;, sans-serif;line-height:1.2em;margin:13px 0;font-weight:bold!important;color:#0A4F94 !important;display:block;padding:0 !important}
.post-body h2{font-size:27px !important;}
.post-body h3{font-size:25px !important;} 
.post-body h4{font-size:23px !important;} 
.post-body h5{font-size:20px !important;} 
.post-body h6{font-size:17px !important;} 
.post-body b{color:#010101 !important;font-weight:bold}
/* Meta post author */
.meta-post{padding:0 0 0 65px;margin:15px auto 0;position:relative;border:none;}
.foto{height:50px;width:50px;float:left;display:inline-block;overflow:hidden;border-radius:99em;position:absolute;left:0;top:-2px;margin:0 20px 0 0}
.foto img{height:50px;width:50px;}
.author{margin:0 10px 10px 0}
.author a{color:#0A4F94;margin:0 auto;text-transform:uppercase;}
/* Post label */
.post-label{display:block;border-top:1px solid #ddd;margin:6px 0 0;padding:6px 0 0!important}
.post-label a{color:#999;border:1px solid #eaeaea;border-radius:3px;margin:3px 5px 0 0;padding:3px 8px;font-weight:400;display:inline-block}
.post-label a:hover{color:#0A4F94;border-color:#0A4F94}
/* blockquote, code and pre CSS */
.post blockquote {line-height:1.5em !important;position:relative;width:auto;padding:0.5em 1.5em;margin:10px auto;border-left:4px solid #e32d24;overflow:auto;font-size:100%;font-style:italic!important}
.post-body pre code, .post-body code, .post-body pre{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,monospace;font-size:13px;color:#0A4F94;white-space:initial;word-spacing:normal;word-break:normal;}
pre code{padding:10px 10px 10px 20px!important;border-left:4px solid #e32d24}
acronym,abbr,span.caps{cursor:help}
/* Embed Youtube video */
.post-body iframe,.separator iframe{clear:both;margin:20px auto!important;width:100%;height:auto;min-height:370px;display:block;overflow:hidden;padding:0!important;border:none;outline:none}
/* Related post and ad Slot css */
#related-wrapper{margin:20px auto 0;padding:20px 0 0;display:block;border-top:2px solid #eee}
.related-post{margin:0 -10px;padding:0}
.related-post h4{margin:5px 0 15px 10px}
.related-post-style-3{margin:0 3px!important;}
.related-post,.related-post-style-3 .related-post-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.related-post-style-3,.related-post-style-3 li{margin:0!important;padding:0!important;list-style:none;word-wrap:break-word;overflow:hidden}
.related-post-style-3 .related-post-item{display:block;float:left;height:205px;padding:0;margin:0 10px!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:calc(33.33% - 20.2px);overflow:hidden}
.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0;width:100%;height:130px;max-width:none;max-height:none;padding:0}
.related-post-style-3 .related-post-item-tooltip{padding:10px 0 15px;overflow:hidden;display:block;position:relative;margin:0 }
.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-family:&#39;PT Sans&#39;, sans-serif;font-size:14.5px;font-weight:700;display:block;color:#333;padding:0;line-height:1.2em}
.related-post-style-3 .related-post-item-tooltip a:hover.related-post-item-title{color:#999!important}
/* Advertisement on post body */
.adspost1{padding:0;width:auto;text-align:center;height:auto;margin:15px 0 0;display:block;}
.adspost1 img,.adspost2 img,.ads_middle img{max-width:100%;height:auto;text-align:center;display:block;margin: auto}
.adspost2{margin:15px 0;display:block;text-align:center;width:auto}
.ads_middle{margin:15px auto;text-align:center;padding:0}
/* Navigation wrapper */
#blog-pager,.blog-pager{display:none;position:relative;margin:0 auto!important;padding:0!important}
#blog-pager-newer-link,#blog-pager-older-link{font-size:100%!important}
.blog-pager-older-link,.home-link, .blog-pager-newer-link,#blog-pager-newer-link,#blog-pager-older-link{padding:0!important;margin:0!important;border:none!important}
.nexprev-alright,.nexprev-alleft,.pager-title-left{transition:all .3s ease-in-out}
.blog-pager{display:none}
#navi-post .blog-pager{display:block;overflow:hidden}
#navi-post{margin:25px auto 0;padding:0;font-family:&#39;PT Sans&#39;, sans-serif;}
#navi-post .nexprev{margin:0 auto;padding:0;float:none}
.nexprev-alright,.nexprev-alleft{color:#333;width:50%;display:inline-block;position:relative;margin:0}
.nexprev-alleft{float:left;text-align:left;padding:0 20px 20px 0!important;}
.nexprev-alright{float:right;padding:0 0 20px 20px!important;text-align:right}
.nexprev-alright a,.nexprev-alleft a,.currentleft,.currentright{color:#010101!important;font-size:18px;font-weight:700;line-height:1.05em!important;display:block;margin:5px 0 0!important;padding:0}
#blog-pager,.isinexprev-alright,.isinexprev-alleft{margin:0!important;padding:0!important}
.current-pageleft,.current-pageright,.nexprev .top-pager{display:block;font-size:13px;font-weight:normal;color:#aaa;padding:0;margin:0;text-overflow: ellipsis;white-space: nowrap;overflow:hidden}
.nexprev-alright a:hover,.nexprev-alright:hover .pager-title-left,.nexprev-alleft a:hover,.nexprev-alleft:hover .pager-title-left{}
.currentleft,.currentright{color:#999!important}
/* Blogger Comments Hack css */
#comments{clear:both;margin:0;padding:0;list-style:none;position:relative}
.fb-comments,.fb_iframe_widget span,.fb_iframe_widget iframe{width:100%!important}
.fb-comments{padding:0!important;margin:0 auto!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.fb-page{width:300px!important;height:auto!important}
#comments,.comment-form,.comment_reply_form .comment-form{display:none}
.icon_btn_comment{display:block;text-transform:uppercase;color:#fff;background:#4080ff ;text-align:center;margin:0 auto 5px;padding:0;height:40px;line-height:40px;cursor:pointer;font-weight:700;font-size:15px;width:100%}
#container-commentfb{display:none}
.icon_btn_comment:hover{background:#00497d}
.cmtbutton{display:block}
.icon_btn_comment a{color:#fff;}
.icon_btn_comment i{margin:0 8px 0 0}
/* Short codes */
.button{list-style:none;text-align:center;border:none;display:block;padding:40px 0;margin:auto;clear:both;text-decoration:none;display:block;overflow:hidden;position:relative;}
.button ul {clear:both;margin:auto;padding:0}
.button li{display:inline;margin:0 3px !important;padding:0 !important;list-style:none;}
.button li a.demo,.button li a.download{list-style:none;position:relative;display:inline-block;vertical-align:top;height:45px;line-height:45px;padding:0;font-size:15px;color:#fff;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer;width:100%;max-width:200px;list-style:none!important}
.button li a.demo{background:transparent!important;border:4px solid #f80538;color:#f80538!important;margin-bottom:10px!important}
.button li a.download{background:#f80538;border:4px solid #f80538}
.button li a.demo:hover{border-color:#111!important;color:#111!important}
.button li a.download:hover {border-color:#111!important;background:#111}
.first-character{float:left;color:#111;font-size:75px;padding-top:20px;padding-right:8px;padding-left:3px;padding-bottom:15px;font-family:Georgia}
#flippy {text-align:center;margin:20px auto;}
#flippy button{position:relative;display:inline-block;vertical-align:top;height:36px;line-height:36px;padding:0 20px;font-size:13px;color:#fff;text-align:center;text-decoration:none;border-radius:2px;cursor:pointer;background:#f80538;border:0}
#flippy button:hover, #flippy button:focus {background:#d5452f;color:#fff;outline:none;}
@media screen and (max-width:768px){
.post h1{font-size:241%!important}
.post-body {padding:0}}
@media screen and (max-width:768px){
.related-post-style-3 .related-post-item{height:175px}
.related-post-style-3 .related-post-item-thumbnail{height:100px}}
@media screen and (max-width:668px){
.post h1{font-size:237% !important}}
@media screen and (max-width:600px){
.post h1{font-size:227% !important}
.share_btn li a.fb,.share_btn li a.tw{padding:0 37px}}
@media screen and (max-width:480px){
.post h1{font-size:216% !important}
.post-body h2{font-size:17px}
.post-body h3{font-size:16px}
.post blockquote{margin:5px 0;padding:14px}
.share_btn li a.fb,.share_btn li a.tw{padding:0 25px}
.nexprev-alleft{padding:0 10px 20px 0!important;}
.nexprev-alright{padding:0 0 20px 10px!important}
.nexprev-alright a,.nexprev-alleft a,.currentleft,.currentright{font-size:15px;line-height:1.2em!important}
.related-post-style-3{margin:0!important;}
.related-post-style-3 .related-post-item{height:177px;margin:0 10px!important;width:calc(47% - 10px);}
.related-post-style-3 .related-post-item-thumbnail{height:105px}
.related-post-style-3 .related-post-item-tooltip{padding:5px 0}}
@media screen and (max-width:414px){
.post h1{font-size:210% !important}
.comment_date {display:block}}
@media screen and (max-width:320px){
.post h1{font-size:180% !important}
.share_btn ul li a.fb,.share_btn ul li a.tw{padding:0 14px}
.related-post{margin:0;padding:0}
.related-post h4{margin:5px 0 15px 0}
.related-post-style-3{margin:0!important;}
.related-post-style-3 .related-post-item{height:auto;margin:0 0 15px!important;width:100%}
.related-post-style-3 .related-post-item-thumbnail{height:90px;width:160px;float:left;margin:0 7px 0 0}