0% found this document useful (0 votes)
14 views76 pages

Untitled Rifatgtf 1

The document is an HTML template for a blog, including metadata and links for resources such as CSS, JavaScript, and fonts. It defines various style variables for the blog's appearance, including colors and fonts for different sections. The template also includes DNS prefetching for performance optimization by preloading resources from specified domains.

Uploaded by

bitikiccha21
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views76 pages

Untitled Rifatgtf 1

The document is an HTML template for a blog, including metadata and links for resources such as CSS, JavaScript, and fonts. It defines various style variables for the blog's appearance, including colors and fonts for different sections. The template also includes DNS prefetching for performance optimization by preloading resources from specified domains.

Uploaded by

bitikiccha21
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 76

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1'
name='viewport'/>
<title><data:view.title.escaped/></title>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='https://3.bp.blogspot.com/-wr0HPYoMFmU/XIOVUTNhTYI/AAAAAAAAILw/
NdhRfMoD7KMNpC2H72hwIbjnDp9QZQr2QCLcBGAs/s1600/ms%2Bdesign%2Bcover.png'
property='og:image'/>
</b:if>
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<link expr:href='data:blog.url' rel='dns-prefetch'/>
<link href='https://www.google-analytics.com/' rel='dns-prefetch'/>
<link href='https://pagead2.googlesyndication.com/' rel='dns-prefetch'/>
<link href='https://www.facebook.com/' rel='dns-prefetch'/>
<link href='https://static.xx.fbcdn.net/' rel='dns-prefetch'/>
<link href='https://www.googletagservices.com/' rel='dns-prefetch'/>
<link href='https://apis.google.com/' rel='dns-prefetch'/>
<link href='https://ajax.googleapis.com/' rel='dns-prefetch'/>
<link href='https://fonts.gstatic.com/' rel='dns-prefetch'/>
<link href='https://maxcdn.bootstrapcdn.com/' rel='dns-prefetch'/>
<link href='https://www.blogger.com' rel='dns-prefetch'/>
<link href='https://fonts.googleapis.com/' rel='dns-prefetch'/>
<link href='https://1.bp.blogspot.com/' rel='dns-prefetch'/>
<link href='https://2.bp.blogspot.com/' rel='dns-prefetch'/>
<link href='https://3.bp.blogspot.com/' rel='dns-prefetch'/>
<link href='https://4.bp.blogspot.com/' rel='dns-prefetch'/>
<link href='https://googleads.g.doubleclick.net/' rel='dns-prefetch'/>
<link href='https://secure.rating-widget.com' rel='dns-prefetch'/>
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*
-----------------------------------------------
Template Name : MSD
Publisher URL : https://template.vuinsider .com
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#4090f1"
value="#4090f1"/>
<Group description="links color" selector="body">
<Variable name="main.color" description="Main Theme Color" type="color"
default="#4090f1" value="#4090f1"/>
</Group>

*/
<Group description="Comment Section">
<Variable name="body.background" description="Body Background" type="background"
color="#dddfe2" default="#dddfe2 none repeat scroll top left" value="#dddfe2 none
repeat scroll top left"/>
<Variable name="body.font" description="Font" type="font" default="normal 400 14px
Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color"
default="#1d2129" value="#1d2129"/>
<Variable name="body.text.font" description="1" type="font" default="$(body.font)"
value="normal 400 14px Roboto,Arial,sans-serif"/>
<Variable name="posts.background.color" description="2" type="color"
default="#fff" value="#ffffff"/>
<Variable name="body.link.color" description="3" type="color" default="#008c5f"
value="#4090f1"/>
<Variable name="body.link.visited.color" description="4" type="color"
default="#008c5f" value="#4090f1"/>
<Variable name="body.link.hover.color" description="5" type="color"
default="#1d2129" value="#1d2129"/>
<Variable name="blog.title.font" description="6" type="font" default="$
(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
<Variable name="blog.title.color" description="7" type="color" default="#fff"
value="#ffffff"/>
<Variable name="header.icons.color" description="8" type="color" default="#fff"
value="#ffffff"/>
<Variable name="tabs.font" description="9" type="font" default="$(body.text.font)"
value="normal 400 14px Arial,sans-serif"/>
<Variable name="tabs.color" description="10" type="color" default="#ccc"
value="#cccccc"/>
<Variable name="tabs.selected.color" description="11" type="color" default="#fff"
value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="12" type="color"
default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="13" type="color" default="$
(body.text.color)" value="#1d2129"/>
<Variable name="tabs.overflow.selected.color" description="14" type="color"
default="$(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.color" description="15" type="color" default="$
(body.text.color)" value="#1d2129"/>
<Variable name="posts.title.font" description="16" type="font" default="$
(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
<Variable name="posts.text.font" description="17" type="font" default="$
(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
<Variable name="posts.text.color" description="18" type="color" default="$
(body.text.color)" value="#1d2129"/>
<Variable name="posts.icons.color" description="19" type="color" default="$
(body.text.color)" value="#6c6f74"/>
<Variable name="labels.background.color" description="20" type="color"
default="#008c5f" value="#4090f1"/>
</Group>

@font-face{font-family:'Google Sans';font-style:normal;font-
weight:400;src:local('Google Sans
Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/
v5/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-
045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-
style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-
Regular),url(//fonts.gstatic.com/s/googlesans/
v5/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-
03FF}@font-face{font-family:'Google Sans';font-style:normal;font-
weight:400;src:local('Google Sans
Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/
v5/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-
024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-
A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-
weight:400;src:local('Google Sans
Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/
v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-
00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-
206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-
face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google
Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/
v5/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-
045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-
style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-
Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-
Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google
Sans';font-style:normal;font-weight:500;src:local('Google Sans
Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/
v5/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-
024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-
A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-
weight:500;src:local('Google Sans
Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/
v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-
00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-
206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Fontawesome */
@font-face{font-family:'FontAwesome';src:url('https://maxcdn.bootstrapcdn.com/font-
awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://
maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?
#iefix&v=4.7.0')
format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/
4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0')
format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/
fontawesome-webfont.woff?v=4.7.0')
format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/
fontawesome-webfont.ttf?v=4.7.0')
format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/
fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-
weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal
14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-
smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-
size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-
3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-
fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-
left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-
li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-
align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-
border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-
pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-
right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-
left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-
left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin
2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite
steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-
webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-
transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-
transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-
transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-
filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-
transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-
rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-
webkit-transform:rotate(180deg);-ms-
transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-
filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-
transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-
flip-horizontal{-ms-
filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-
webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1,
1)}.fa-flip-vertical{-ms-
filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-
webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -
1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-
horizontal,:root .fa-flip-vertical{filter:none}.fa-
stack{position:relative;display:inline-block;width:2em;height:2em;line-
height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-
2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-
height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-
glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-
search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-
heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-
o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\
f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-
list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-
close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\
f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\
f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\
f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-
o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-
road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-
down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-
inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-
right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\
f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-
flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-
off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-
up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-
barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-
tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-
bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-
camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-
bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-
height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-
left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-
right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-
list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\
f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\
f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-
pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-
adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-
pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\
f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\
f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\
f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-
pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-
forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-
forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-
left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-
circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-
circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-
circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-
crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-
check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-
left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-
up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-
forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\
f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-
minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-
circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-
leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-
eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-
warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-
plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-
random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-
magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-
down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-
cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-
open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-
h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\
f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-
square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-
key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-
comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-
o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-
o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-
square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-
link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-
trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-
upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-
phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-
o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-
twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\
f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-
credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\
f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-
bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-
right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-
up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-
left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-
arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\
f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-
tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-
briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-
group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-
link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-
flask:before{content:"\f0c3"}.fa-cut:befo
re,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-
o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-
floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-
navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-
ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-
strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-
table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-
truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-
square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-
google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-
down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-
left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-
columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\
f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-
up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\
f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-
undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-
dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-
o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-
flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\
f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-
clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-
exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-
cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-
stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-
o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-
cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-
o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-
ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-
jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-
square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-
double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\
f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-
down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-
right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-
down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-
laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-
phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\
f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\
f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-
mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\
f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\
f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-
meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-
o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-
checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-
code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-
all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-
full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-
arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-
fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\
f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-
exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-
subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-
piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-
slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-
o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-
rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-
left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-
chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\
f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-
anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-
bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-
v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-
circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-
square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-
up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-
square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-
external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\
f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-
down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-
up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-
right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-
gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-
rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-
yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-
rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-
bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-
file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-
sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\
f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-
asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-
up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-
square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-
xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-
play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-
overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-
flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-
bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-
tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-
arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-
long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\
f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-
android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-
dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-
foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-
female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-
gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\
f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-
bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-
weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-
pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-
arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-
left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-
left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-
wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-
turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-
o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-
slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-
wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-
institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-
mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-
yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-
reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-
stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\
f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-
pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-
drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-
language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-
building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-
paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-
cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-
behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-
steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-
recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\
f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\
f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-
soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-
o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-
o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-
photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\
f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-
sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-
file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-
vine:before{co
ntent:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\
f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-
support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-
notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-
rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-
git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-
square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-
tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-
wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-
plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\
f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\
f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-
sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-
square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-
o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-
binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-
slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-
yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-
wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-
paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-
visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-
discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-
paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-
slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-
trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-
at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-
brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-
chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-
chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-
square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-
on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-
bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-
angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-
shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-
meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-
connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-
forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-
sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-
simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-
plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-
diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-
secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-
view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-
venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-
mercury:before{content:"\f223"}.fa-intersex:before,.fa-
transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-
venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-
venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-
stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-
neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-
official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-
whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-
plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-
hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-
train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-
medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\
f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\
f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-
battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-
battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-
half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-
quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-
empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-
cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-
ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-
note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-
club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-
scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-
1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-
hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-
end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-
o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-
paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-
lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-
pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-
trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-
creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-
circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-
odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\
f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\
f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-
firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-
explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\
f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-
amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-
calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\
f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\
f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-
map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-
commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-
houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-
tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-
alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-
alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-
modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-
usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-
mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-
circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-
circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-
shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-
hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-
b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-
gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-
wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-
access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-
question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-
audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\
f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-
systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-
language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-
hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\
f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-
language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-
viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-
snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-
snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-
first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-
themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-
official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\
f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\
f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\
f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\
f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-
o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-
circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-
o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-
license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-
id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-
camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-
4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-
thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-
thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-
1:before,.fa-thermometer-quarter:b
efore{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-
empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-
bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-
podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-
window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\
f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-
rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-
bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-
etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-
ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-
microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-
superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-
meetup:before{content:"\f2e0"}.sr-
only{position:absolute;width:1px;height:1px;padding:0;margin:-
1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-
only-
focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;cl
ip:auto}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,a
cronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su
b,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,captio
n,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,f
ooter,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{marg
in:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{displ
ay: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{background:transparent}
table{border-collapse:collapse;border-spacing:0}
.navbar,.post-feeds,.feed-links{display:none}
.section,.widget{margin:0;padding:0}
strong,b{font-weight:500}
strong,b:hover{left:-.1em;content:'[';-webkit-transform:translateX(-
100%);transform:translateX(-100%)}
cite,em,i{font-style:italic}
a:link{text-decoration:none;outline:none;transition:all .25s;color:$(main.color)}
a:visited{color:#666;text-decoration:none}
a:link:hover{text-decoration:none;color:$(main.color)}
a:visited:hover{color:#2D3E52;text-decoration:none}
a img{border:none;border-width:0;outline:none}
img{max-width:100%;vertical-align:middle;border:0}
abbr,acronym{cursor:help}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
sub{top:.4em}
small{font-size:86%}
mark{background-color:#ffce00;color:#182025}
p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0}
hr{height:1px;border:none;background-color:#444}
#layout ul{display:none}
.top-wrapper{overflow:hidden;position:relative}
h1, h2, h3, h4, h5, h6 { font-family:Google Sans; font-weight: 500; font-style:
normal;line-height: 1.2; color: #242d36; margin: 20px 0;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
input,button,select,textarea{font-size:100%;line-height:normal;vertical-
align:baseline}
textarea{display:block;box-sizing:border-box}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
:focus{outline:0!important}
ul,dl{margin:.5em 0 .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
div.clear{clear:both}
.clear{clear:both}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
.post ul li span{position:relative;margin:0;padding:5px 8px;margin-
bottom:10px;text-decoration:none;transition:all .3s ease-out}
ol {counter-reset:li;list-style:none;padding:0;margin:0;}
ol ol {margin: 0 0 0 2em;}
.post-body ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em
2em;text-decoration:none;}
.post-body ol li:before {content: counter(li); counter-increment: li; position:
absolute; left: -2.5em; width: 1.5em; text-align: center; border: 1px solid;
border-radius: 100px;font-size: 13px; font-weight: 500;}
.post-body ul {position: relative; display: block; padding: 0; margin: .5em
0 .5em .9em!important; text-decoration: none; list-style: circle;}
.post-body ul li {padding: 0; text-decoration: none; transition: all .3s ease-out;
margin:0;}
.sharepost ul li:before {content:initial;font-
family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-
1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-
color:initial;font-size:13px;}
.sharepost ul li {list-style:none;position: initial; display: initial; padding:
initial; background: initial; color: #666; text-decoration: none; transition:
all .3s ease-out; margin: 0; margin-right: 5px;}
.widget .post-body ul {padding:0}
.post-body table th,.post-body table td,.post-body table caption{border:1px solid
#eee;padding:10px;text-align:left;vertical-align:top}
.post-body table.tr-caption-container{border:1px solid #eee}
.post-body th{font-weight:700}
.post-body table caption{border:none;font-style:italic}
.post-body td,.post-body th{vertical-align:top;text-align:left;font-
size:13px;padding:3px 5px;border:1px solid #eee}
.post-body th{background:#fafafa}
.post-body table.tr-caption-container td{border:none;padding:8px}
.post-body table.tr-caption-container,.post-body table.tr-caption-container
img,.post-body img{max-width:100%;height:auto}
.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important}
img{max-width:100%;height:auto;border:none}
table{max-width:100%;width:100%;margin:1.5em auto}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul{padding:0}
.quickedit{display:none;visibility:hidden}
.Header .description {display:none;}
.st-last {display:none!important;}

.post-info2 a {background:$(main.color); border-radius: 3px; font-weight:


700;color:#fff;padding:5px;}
.label-info {margin-bottom: 10px; text-align: center;}
.label-info a:hover{text-decoration: none;}
.label-info a:nth-child(n+3){display:none;}
a.label-info:nth-child(n+4) {display:none;}

.Label svg,.BlogArchive svg{min-width:15px;width:15px;height:15px;display:inline-


block;vertical-align:middle;margin-right:3px}
.Label svg path,.BlogArchive svg path{fill:#008c5f}
.Label ul,.BlogArchive ul.flat{display:-webkit-box;display:-webkit-flex;display:-
moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.Label ul li,.BlogArchive ul.flat li{display:-webkit-box;display:-webkit-
flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-
content:space-between;width:41%;}
.Label ul li:nth-child(odd),.BlogArchive ul.flat li:nth-child(odd){}
.Label ul li a,.BlogArchive ul.flat li a{display:-webkit-box;display:-webkit-
flex;display:-moz-box;display:-ms-flexbox;display:flex;align-
items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.cloud-label-widget-content{display:inline-block;}
.cloud-label-widget-content .label-size{display:inline-block;float:left;font-
size:13px;font-weight: 500;line-height:normal;margin:0 5px 5px 0;opacity:1}
.cloud-label-widget-content .label-size a{background: #fff; color: #333; float:
left; line-height: 100%; margin: 0; padding: 15px 20px; transition: all .6s;
border: 1px solid #ddd;border-radius: 5px;}
.cloud-label-widget-content .label-size a:hover
{background:#3a66d8;color:#fff;border-radius:0;border:1px solid #3a66d8}
.cloud-label-widget-content .label-size .label-count{background: #eee; color: #444!
important; white-space: nowrap; display: inline-block; padding: 0 10px; margin-
left: -3px; height: 36px; line-height: 37px; font-size: 13px; font-weight: 500;
border: 1px solid #ddd; border-radius: 5px; border-top-left-radius: 0; border-
bottom-left-radius: 0;}
.Label li{position:relative;padding:10px 20px 10px 20px !important;list-
style:disc;display:block;font-size:14px;}
.Label li:nth-child(even) {}
.Label li a{color: #2D2D2D;}
.Label li:hover:before{color:;transition:all .6s}
.Label li span{padding:0 10px;display:block;line-
height:20px;position:absolute;right:15px;top:10px;font-size:11px;font-weight:
500;background:$(main.color);color:#fff}
.Label li:hover span{background:;transition:all .6s}
#Label1 {text-align:center;}

body{background:#f2f2f2;color:#656e7f;font-family:'Google Sans', sans-serif;font-


size:18px;font-weight:300;line-height:27px;margin:0}
body#layout #mainbwrap{width:100%;float:left}
body#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
body#layout .sidebar-area{width:100%;margin:0;padding:0}
body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0}
body#layout #menu-wrapper {height:initial;}
body#layout .top-header {padding:0}
body#layout .top-navigation-wrapper {display:none;}
body#layout #footer-widgetfix .footer-widget {margin-left:0}
hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0}

blockquote{color:#444;border-left:5px solid $(main.color);margin-left:0;margin-


right:0;padding: 10px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); border-radius:
5px;}
blockquote blockquote{font-size:inherit}
img{height:auto;max-width:100%}
a{color:#f45145;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-
transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s
ease-in-out}
a:visited{color:#f45145}
a:hover,a:focus,a:active{color:$(main.color);-webkit-transition:all .2s ease-in-
out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-
out;transition:all .2s ease-in-out}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:$
(main.color);}

#FeaturedPost1 .image {width: 275px;height: 156.5px; float: left; border-radius:


5px; border-top-right-radius: 0; border-bottom-right-radius: 0;margin:0;z-
index:1;padding:0;float:left;overflow:hidden;transition:all 1s ease-
out;background:#f6f7f8 linear-gradient(to right,#eee 8%,#ddd 18%,#eee
33%);animation: templatemarkPlaceholder 1.5s linear infinite; -moz-animation:
templatemarkPlaceholder 1.5s linear infinite; -webkit-animation:
templatemarkPlaceholder 1.5s linear infinite; -o-animation: templatemarkPlaceholder
1.5s linear infinite;}
.post-summary p {font-family: -apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif;font-weight: 400; color: #555; display: -webkit-box; -
webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height:
1.5em;margin:0;font-size:14px;}
.post-summary h3 {background:$(main.color); padding: 8px; font-size:0}
.post-summary h3 a {color:#fff;}
.favtitle {color: #657786; display: -webkit-box; -webkit-line-clamp: 2; -webkit-
box-orient: vertical; overflow: hidden;font-size: 17px; font-weight: 500; position:
relative; padding: 0; margin-bottom:9px; left: 0; line-height: 1.35em;}
.favtitle a {color:#333}
.post-summary {padding:0;margin-bottom: 30px; border-radius: 5px; overflow:
hidden;background: #fff;border: 1px solid #ddd; border-left: 0;}
#FeaturedPost1 h2 {margin: 0 auto; color: #444; font-size: 16px; margin-bottom:
10px; font-family: -apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif; font-weight:600;}
#FeaturedPost1 h2:before { content: "\f08d"; font-family: FontAwesome; display:
inline-block; margin-right: 6px;color:$(main.color); }

.top-header {background:$(main.color); box-shadow: 0 1px 4px rgba(0,0,0,.26); z-


index: 999; padding: 20px 0;height: 120px;}

.templatemarkHeader{min-width:200px;max-width:200px;position:sticky;position:-
webkit-sticky;top:15px;margin-bottom:15px;overflow:hidden;text-
overflow:ellipsis;white-space:nowrap;z-index:2;transition:all .3s ease}
.templatemarkHeader .check{display:none}
#header{text-transform:uppercase;margin-bottom:15px}
#header .header img{max-height:27px;max-width:300px;vertical-align:middle}
#header .description{display:none}
#header svg{width:24px;height:24px;margin-right:15px}
#header svg path{fill:#008c5f}
#header h1,#header h1 a,header h2,#header h2
a{color:#008c5f;margin:0;padding:0;font-size:24px;letter-spacing:2px;vertical-
align:text-bottom}
#header .widget.Header img{max-width:200px}
#header .widget.Header,#header .behind{background-repeat:no-repeat;background-
size:contain;background-position:left center;transition:all .3s ease}
#header .behind a,#header .behind,.templatemarkHeader.active
#header .behind,.templatemarkHeader.search-active
#header .behind{display:block;width:100%;height:45px;min-height:100%}

body.templatemarkDark,.templatemarkDark .Blog .title


span,.templatemarkDark .FeaturedPost .title span,.templatemarkDark
#sidebarSticky .title span,.templatemarkDark .templatemarkShare,.templatemarkDark
#toc,.templatemarkDark .toc,.templatemarkDark .referensi,.templatemarkDark .footnot
e,.templatemarkDark .templatemarkRelated,.templatemarkDark .related,.templatemarkDa
rk blockquote,.templatemarkDark .post-body table tr:nth-
child(even),.templatemarkDark .templatemarkPopup input{background-
color:#15202b;transition: all .3s ease;}
.templatemarkDark samp,.templatemarkDark figcaption,.templatemarkDark
blockquote:before,.templatemarkDark .templatemarkRelated{color:#15202b}
.templatemarkDark .templatemarkTampilan,.templatemarkDark .templatemarkShare,.templ
atemarkDark .templatemarkAuthor,.templatemarkDark
#comments .comment, .templatemarkDark
article,.templatemarkDark .FeaturedPost .left,.templatemarkDark .templatemarkPopup
.inner,templatemarkDark .templatemarkPopup input:focus{background-color:#213040}
.templatemarkDark .post-label,.templatemarkDark .post-label a,.templatemarkDark
#labelHeader .widget-content a,.templatemarkDark #labelHeader .label-
count,.templatemarkDark{color:#bdc3c7}
.templatemarkDark #labelHeader svg path{fill:#bdc3c7}

body.templatemarkDark,.templatemarkDark a:hover,.templatemarkDark .Blog .title


span,.templatemarkDark .FeaturedPost .title span,.templatemarkDark
#sidebarSticky .title span,.templatemarkDark .entry-title
a,.templatemarkDark .templatemarkMenu li
a,.templatemarkDark .templatemarkMenu .icon,.templatemarkDark .gsc-
cursor,.templatemarkDark .templatemarkPopup .close:hover,.templatemarkDark .templat
emarkPopup .close:focus,.templatemarkDark
blockquote, .templatemarkDark .PopularPosts ul li a, .templatemarkDark .favtitle a,
.templatemarkDark h2.post-title a, .templatemarkDark h1.post-title
a, .templatemarkDark h2.post-title, .templatemarkDark h1.post-
title, .templatemarkDark .post-info, .templatemarkDark .post-
body, .templatemarkDark #wp-subscribe p, .templatemarkDark h1,.templatemarkDark
h2,.templatemarkDark h3,.templatemarkDark h4,.templatemarkDark h5,.templatemarkDark
h6,.templatemarkDark #st-3 .st-total,.templatemarkDark .post-
info .fa,.templatemarkDark .post-info2 .fa {color:#ddd!important;transition:
all .3s ease;}

.templatemarkDark #wp-
subscribe, .templatemarkDark .popnotification, .templatemarkDark .popnotification2
{background: #213040;transition: all .3s ease;}
.templatemarkDark .templatemarkMenu svg path,.templatemarkDark .templatemarkSearch
svg path,.templatemarkDark .templatemarkTampilan svg path{fill:#ccc}
.templatemarkDark .templatemarkSearch .input{border-color:#ddd}
.templatemarkDark .templatemarkSearch .input,.templatemarkDark.isSingle .entry-
content,.templatemarkDark #comments p.comment-
content,.templatemarkDark.isPost .blog-pager .newer span:first-
child,.templatemarkDark.isPost .blog-pager .older span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.home span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.old span:first-
child,.templatemarkDark #templatemarkCSE .gs-webResult .gs-
snippet,.templatemarkDark .gs-imageResult .gs-snippet,.gs-
fileFormatType,.templatemarkDark #templatemarkCSE .gs-result .gs-
title:hover,.templatemarkDark #templatemarkCSE .gs-result .gs-title:hover
*{color:#8899a6}
.templatemarkDark .templatemarkShare, .comment-
replies .comment ,.templatemarkDark .templatemarkTampilan .grid,.templatemarkDark
#templatemarkTampilanGrid:checked ~ .list{border-color:#657786}
.templatemarkDark .templatemarkDarkMode .icon:after{box-
shadow:rgba(255,255,255,0.5) 0 1px 3px}
.templatemarkDark .templatemarkDarkMode .icon:hover::after{box-
shadow:rgba(150,150,150,.5) 0 1px 3px,rgba(150,150,150,.1) 0 0 0 10px}
.templatemarkDark .footer .codepen:hover svg path,.templatemarkDark .gsc-cursor svg
path{fill:#ddd}
.templatemarkDark .warning,.templatemarkDark.isPost .blog-pager a:hover{color:#fff}
.templatemarkDark .info,.templatemarkDark .tips{color:#213040}
.templatemarkDark.isPost .blog-pager .older span:first-
child::after{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'
fill='%238899a6'/%3E%3C/svg%3E") no-repeat}
.templatemarkDark.isPost .blog-pager .newer span:first-
child:before{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'
fill='%238899a6'/%3E%3C/svg%3E") no-repeat}
.templatemarkDark .snippet-thumbnail{background:#213040 linear-gradient(to
right,#15202b 8%,#213040 18%,#15202b 33%);background-size:800px 104px}
.templatemarkDark .loadmore .proses,.templatemarkDark .loadmore .proses:hover{backg
round-color:#213040}
.templatemarkDark .templatemarkPopup{background-color:rgba(0,0,0,.85)}
.templatemarkDark .templatemarkRelated{box-shadow:none}
.templatemarkDark .templatemarkRelated .title{background-image:none}
.templatemarkDark .templatemarkRelated li:not(:last-child),.templatemarkDark
#toc,.templatemarkDark .toc,.templatemarkDark #templatemarkCSE .gsc-webResult.gsc-
result{border-color:rgba(255,255,255,.1)}
.templatemarkDark .related{border-color:#8899a6}
.templatemarkDark .templatemarkToTop{background-image:url("data:image/svg+xml,
%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'
fill='%23213040'/%3E%3C/svg%3E")}
.templatemarkDark .templatemarkToTop:after{border-color:#213040}
.templatemarkDark .templatemarkToTop.show:hover{background-color:#657786;border-
color:#657786}
.templatemarkDark .post-body table tbody,.templatemarkDark .templatemarkPopup
input{border-color:#394b63}
.templatemarkDark .post-body table tr:nth-child(odd) td:not(:last-child){border-
color:#15202b}
.templatemarkDark .post-body table thead th:not(:last-
child),.templatemarkDark .post-body table tr:nth-child(even) td:not(:last-child)
{border-color:#213040}
.templatemarkDark .templatemarkPopup
input:hover,.templatemarkDark .templatemarkPopup input:focus{border-color:#008c5f}

.templatemarkDark .PopularPosts ul li, .templatemarkDark .cloud-label-widget-


content .label-size a, .templatemarkDark .cloud-label-widget-content .label-size
span {border: 1px solid #15202b;background: #243648;color:#ddd!
important;transition: all .3s ease;}
.templatemarkDark {transition: all .3s ease!important;}
.templatemarkDark .Label ul li a, .BlogArchive ul.flat li a {color:#ddd;}
.templatemarkDark .templatemarkMenu svg path,.templatemarkDark .templatemarkSearch
svg path,.templatemarkDark .templatemarkTampilan svg path{fill:#ccc}
.templatemarkDark .templatemarkSearch .input{border-color:#ddd}
.templatemarkDark .templatemarkSearch .input,.templatemarkDark.isSingle .entry-
content,.templatemarkDark #comments p.comment-
content,.templatemarkDark.isPost .blog-pager .newer span:first-
child,.templatemarkDark.isPost .blog-pager .older span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.home span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.old span:first-
child,.templatemarkDark #templatemarkCSE .gs-webResult .gs-
snippet,.templatemarkDark .gs-imageResult .gs-snippet,.gs-
fileFormatType,.templatemarkDark #templatemarkCSE .gs-result .gs-
title:hover,.templatemarkDark #templatemarkCSE .gs-result .gs-title:hover
*{color:#8899a6}
.templatemarkSearch{position:relative;margin-bottom:15px;transition:all .3s ease}
.templatemarkSearch .icon .open,.templatemarkSearch .icon .close{display:none;curso
r:pointer}
.templatemarkSearch svg{width:24px;height:24px;transition:all .3s ease}
.templatemarkSearch svg path{fill:#333333;transition:all .3s ease}
.templatemarkSearch .input{background-color: transparent; color: #3f3f3f;
border:0;border-bottom: 1px solid #333333; outline: 0; padding: 10px 0 10px 35px;
width: calc(100% - 35px); transition: all .3s ease;font-size: 15px; font-family: -
apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif; font-weight: 600;}
.templatemarkSearch .icon,.templatemarkSearch button{background-
color:transparent;position:absolute;left:0;top:12px;padding:0;border:0;border-
radius:0;cursor:pointer;transition:all .3s ease}
.templatemarkSearch .input:hover,.templatemarkSearch .input:focus,.templatemarkSear
ch .input:hover:focus{border-color:$(main.color)}
.templatemarkSearch .icon:hover ~ button svg path,.templatemarkSearch .input:hover
~ button svg path,.templatemarkSearch .input:hover ~ .icon svg
path,.templatemarkSearch svg:hover path,.templatemarkSearch .input:focus ~ button
svg path,.templatemarkSearch .input:focus ~ .icon svg path{fill:$(main.color)}
.templatemarkMenu{font:400 14px -apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif;font-size:16px;font-weight:500;margin:15px 0 10px}
.templatemarkMenu label >*{display:none;cursor:pointer}
.templatemarkMenu label svg path{fill:#fff}
.templatemarkMenu span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.templatemarkMenu ul,.templatemarkMenu li{list-style:none;margin:0;padding:0}
.templatemarkMenu svg{width:24px;height:24px;vertical-align:middle;margin-
right:15px;transition:all .3s ease}
.templatemarkMenu svg path{fill:#333333;transition:all .3s ease}
.templatemarkMenu .icon{cursor:pointer}
.templatemarkMenu li a,.templatemarkMenu
ul .icon{color:#333333;display:block;padding:13px 0;position:relative;z-index:1}
.templatemarkMenu li a:hover,.templatemarkMenu .icon:hover,#labelHeader .widget-
content a:hover,.templatemarkLabel.active .icon{color:$(main.color)}
.templatemarkMenu li a:hover svg path,.templatemarkMenu ul .icon:hover svg
path,.templatemarkDarkMode .icon:hover ~ div svg path,.templatemarkLabel.active svg
path{fill:$(main.color)}
.templatemarkMenu .profile img{width:24px;height:24px;vertical-align:middle;margin-
right:15px;border-radius:100px}
.templatemarkMenu .subs{display:-webkit-box;display:-webkit-flex;display:-moz-
box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;justify-
content:space-between;font-size:11px;margin:13px 0}
.templatemarkMenu .subs a,.templatemarkMenu .subs button{display:-webkit-
box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-
items:center;justify-content:center;background-
color:#657786;color:#fff;width:auto;height:auto;border-radius:100px;padding:7px
15px}
.templatemarkMenu .subs a:hover,.templatemarkMenu .subs button:hover{background-
color:$(main.color);color:#fff}
.templatemarkMenu .subs a{margin-right:10px}
.templatemarkMenu .subs button{border: 0;font-family: -apple-
system,BlinkMacSystemFont,'Segoe UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira
Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;font-size: 11px; font-weight:
500;}
.templatemarkMenu .subs svg{width:15px;height:15px;margin-right:5px}
.templatemarkMenu .subs svg path,.templatemarkMenu .subs a:hover svg
path,.templatemarkMenu .subs button:hover svg path{fill:#fff}
.templatemarkMenu .subs .showsubs svg{-webkit-animation:templatemarkRing 6s 0s
ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-
animation:templatemarkRing 6s 0s ease-in-out infinite;-moz-transform-origin:50%
4px;animation:templatemarkRing 6s 0s ease-in-out infinite;transform-origin:50% 4px}
.templatemarkDarkMode{display:-webkit-box;display:-webkit-flex;display:-moz-
box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;flex-direction:row-
reverse;align-items:center;justify-content:flex-end;margin:13px 0!
important;transition: all .3s ease;}
.templatemarkDarkMode .gelap{display:none}
.templatemarkDarkMode .icon:hover::before{padding:0!
important;width:40px;height:40px}
.templatemarkDarkMode .check:checked ~ .gelap{display:inline-block}
.templatemarkDarkMode .check:checked ~ .nmode{display:none}
.nmode span {color:#333}
.templatemarkDarkMode .icon{background-color:#86d993;position:absolute!
important;right:3px;outline:0;width:40px;height:10px;padding:0!
important;cursor:pointer;border-radius:100px;transition:all .3s ease;-webkit-user-
select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.templatemarkDarkMode .icon:after,.templatemarkDarkMode .icon:before{content:'';bac
kground-color:transparent;position:relative;display:block;width:50%;height:100%}
.templatemarkDarkMode .check:checked + .icon{background-color:#657786}
.templatemarkDarkMode .icon:after{position:absolute;width:24px;height:24px;top:-
7.5px;left:0;transition:left .3s cubic-bezier(0.175,0.885,0.32,1.275),padding .3s
ease,margin .3s ease;box-shadow:rgba(0,0,0,0.5) 0 1px 3px;border-
radius:100px;transition:all .15s ease;background:#fff url("data:image/svg+xml,
%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M3.55,18.54L4.96,19.95L6.76,18.16L5.34,16.74M11,22.45C11.32,22.45 13,22.45
13,22.45V19.5H11M12,5.5A6,6 0 0,0 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0
18,11.5C18,8.18 15.31,5.5
12,5.5M20,12.5H23V10.5H20M17.24,18.16L19.04,19.95L20.45,18.54L18.66,16.74M20.45,4.4
6L19.04,3.05L17.24,4.84L18.66,6.26M13,0.55H11V3.5H13M4,10.5H1V12.5H4M6.76,4.84L4.96
,3.05L3.55,4.46L5.34,6.26L6.76,4.84Z' fill='%2386d993'/%3E%3C/svg%3E") center /
17px no-repeat}
.templatemarkDarkMode .icon:hover::after{box-shadow:rgba(0,0,0,0.5) 0 1px
3px,rgba(0,0,0,0.1) 0 0 0 10px}
.templatemarkDarkMode .check:checked + .icon:after{left:40%;background:#1d2129
url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.4
4,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23
L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.8
7 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23
4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32
8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22
18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5
6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z'
fill='%23fff'/%3E%3C/svg%3E") center / 17px no-repeat}
#labelHeader{display:none}
#labelHeader .Label ul{display:block}
#labelHeader svg{margin-right:10px}
#labelHeader svg path{fill:#657786}
.templatemarkMenu .open {position:absolute;right:0;top:13px;margin-
right:0;width:18px;}
.templatemarkMenu .close{opacity:0;visibility:hidden}
.templatemarkMenu .icon:hover .open{transform:rotate(90deg)}
.templatemarkLabel.active .icon .open{opacity:0;visibility:hidden}
.templatemarkLabel.active .icon .close{opacity:1;visibility:visible}
#labelHeader ul li{width:100%;border-bottom:0;margin-bottom:15px!important;padding-
bottom:0!important;position:relative;z-index:1;transition:all .3s ease}
#labelHeader ul li:not(:last-child),#labelHeader ul li:last-child{margin-right:0!
important;margin-bottom:0!important}
#labelHeader .widget-content{margin:0 0 0 30px;font-size:14px;font-weight:400}
#labelHeader .widget-content a{color:#657786;padding:10px 0;border:0;display:block}
#labelHeader .widget-content a:hover,#labelHeader .widget-content li:hover .label-
count{color:$(main.color)}
#labelHeader .widget-content a:hover svg path{fill:$(main.color)}
#labelHeader .widget-content a:before{display:none}
#labelHeader .label-count{min-width:25px;font-size:inherit;color:#657786;margin-
right:3px;text-align:right;text-overflow:unset}
#labelHeader .label-count:before,#labelHeader .label-count:after{display:none}
.templatemarkMenu .footer{margin-top:20px;line-height:1.5em;overflow:hidden;white-
space:nowrap;text-overflow:ellipsis;transition:all .3s ease}
.templatemarkMenu .footer,.templatemarkMenu li.footer a{font-size:11px;font-
weight:400;color:#657786}
.templatemarkMenu li.footer a{display:inline-block;padding:0}
.templatemarkMenu li.footer a:hover{color:#657786;text-decoration:underline}
.templatemarkMenu .footer .credit,.templatemarkMenu .footer .developer{display:bloc
k}
.templatemarkMenu .footer cite{font-weight:700}
.templatemarkMenu .footer .social{display:-webkit-box;display:-webkit-
flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:7px 0}
.templatemarkMenu .footer .social button{margin:0;font-size:unset}
.templatemarkMenu .footer .social a{margin:0;padding:0 7px}
.templatemarkMenu .footer .social a:first-child{padding-left:0}
.templatemarkMenu .footer .social svg{margin:0;width:24px;height:24px}
.templatemarkMenu .footer .social svg path{fill:#657786;transition:all .3s ease}

.templatemarkDark samp,.templatemarkDark figcaption,.templatemarkDark


blockquote:before,.templatemarkDark .templatemarkRelated{color:#15202b}
.templatemarkDark .Blog .title,.templatemarkDark .FeaturedPost .title,.templatemark
Dark #sidebar .title,.templatemarkDark #sidebarSticky .title{}
.templatemarkDark .templatemarkTampilan,.templatemarkDark .templatemarkShare,.templ
atemarkDark .templatemarkAuthor,.templatemarkDark .comment, .templatemarkDark .cont
ent
article,.templatemarkDark .FeaturedPost .left,.templatemarkDark .templatemarkPopup
.inner, .templatemarkDark #sidebar .widget, .templatemarkDark .post-
summary, .templatemarkDark .related-postbwrap, .templatemarkDark .related-post-
style-2 li, .templatemarkDark .showpage a, .templatemarkDark .showpageNum
a,.templatemarkDark .showpagePoint, .templatemarkDark .showpageOf {background-
color:#213040;border: 1px solid #15202b;transition: all .3s ease; color: #ddd;}
.templatemarkDark .showpagePoint {background: #657786!important;}
.templatemarkDark #sidebar .widget h2, .templatemarkDark .related-postbwrap h4
{border-bottom:1px solid #15202b; transition: all .3s ease;color:#ddd;}
.templatemarkDark .comment-replies .comment {border-top:1px solid #15202b;
transition: all .3s ease;color:#ddd;}
.templatemarkDark .post-info a {color: #c8c8c8;transition: all .3s ease;}
.templatemarkDark .time-info {border:1px solid #15202b;}
.templatemarkDark .post-summary p, .templatemarkDark .related-post-item-summary
{color: #a3a3a3;transition: all .3s ease;}
.templatemarkDark #FeaturedPost1 h2, .templatemarkDark .related-post-style-
2 .related-post-item-title, .templatemarkDark #comments
h4, .templatemarkDark .comment-header a {color:#ddd;transition: all .3s ease;}
.templatemarkDark .comments .comments-content .comment-content{background-
color:#213040;color: #ddd;transition: all .3s ease;}
.templatemarkDark .post-label,.templatemarkDark .post-label a,.templatemarkDark
#labelHeader .widget-content a,.templatemarkDark #labelHeader .label-
count,.templatemarkDark{color:#bdc3c7}
.templatemarkDark #labelHeader svg path{fill:#bdc3c7}
body.templatemarkDark,.templatemarkDark a:hover,.templatemarkDark .Blog .title
span,.templatemarkDark .FeaturedPost .title span,.templatemarkDark
#sidebarSticky .title span,.templatemarkDark .entry-title
a,.templatemarkDark .templatemarkMenu li
a,.templatemarkDark .templatemarkMenu .icon,.templatemarkDark .gsc-
cursor,.templatemarkDark .templatemarkPopup .close:hover,.templatemarkDark .templat
emarkPopup .close:focus,.templatemarkDark blockquote{color:#ddd;transition: all .3s
ease;}
.templatemarkDark .templatemarkMenu svg path,.templatemarkDark .templatemarkSearch
svg path,.templatemarkDark .templatemarkTampilan svg path{fill:#ccc}
.templatemarkDark .templatemarkSearch .input{border-color:#ddd}
.templatemarkDark .templatemarkSearch .input,.templatemarkDark.isSingle .entry-
content,.templatemarkDark #comments p.comment-
content,.templatemarkDark.isPost .blog-pager .newer span:first-
child,.templatemarkDark.isPost .blog-pager .older span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.home span:first-
child,.templatemarkDark.isPost .blog-pager .nolink.old span:first-
child,.templatemarkDark #templatemarkCSE .gs-webResult .gs-
snippet,.templatemarkDark .gs-imageResult .gs-snippet,.gs-
fileFormatType,.templatemarkDark #templatemarkCSE .gs-result .gs-
title:hover,.templatemarkDark #templatemarkCSE .gs-result .gs-title:hover
*{color:#8899a6}
.templatemarkDark .templatemarkShare, .comment-
replies .comment, .templatemarkDark .templatemarkTampilan .grid,.templatemarkDark
#templatemarkTampilanGrid:checked ~ .list{border-color:#657786}
.templatemarkDark .templatemarkDarkMode .icon:after{box-
shadow:rgba(255,255,255,0.5) 0 1px 3px}
.templatemarkDark .templatemarkDarkMode .icon:hover::after{box-
shadow:rgba(150,150,150,.5) 0 1px 3px,rgba(150,150,150,.1) 0 0 0 10px}
.templatemarkDark .footer .codepen:hover svg path,.templatemarkDark .gsc-cursor svg
path{fill:#ddd}
.templatemarkDark .post-body table tbody,.templatemarkDark .templatemarkPopup
input{border-color:#394b63}
.templatemarkDark .post-body table tr:nth-child(odd) td:not(:last-child){border-
color:#15202b}
.templatemarkDark .post-body table thead th:not(:last-
child),.templatemarkDark .post-body table tr:nth-child(even) td:not(:last-child)
{border-color:#213040}
.templatemarkDark #header .widget.Header img {-webkit-filter: hue-rotate(90deg)
brightness(1000%) grayscale(10%); filter: hue-rotate(90deg) brightness(1000%)
grayscale(10%);transition: all .3s ease}

input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{color:#fff!
important;background:#07ACEC;padding:15px 25px;border-
radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px
10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-
transform:uppercase;float:left;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0
rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-
message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-
weight:700;border-radius:3px}#ContactForm1_contact-form-success-
message{float:right;background:#4CAF50;color:#fff;font-size:13px;font-
weight:700;border-radius:3px}

/*
Plugin Name: WP Subscribe
Author: MyThemeShop
*/
#wp-subscribe { padding:15px; background: #ffffff; }
#wp-subscribe h4.title { font-size:18px; color:$(main.color); line-height: 1;text-
align: center; margin-bottom: 0; margin: 10px; font-weight: 500}
#wp-subscribe h4.title span {display: inline-block; font-size: 35px; margin-top:
10px;font-weight: 700}
#wp-subscribe p { color: #000000; margin: 0; text-align: center; }
#wp-subscribe p.text { margin: 15px 0;font-size: 15px; }
#wp-subscribe input { border: none; width: 100%; text-align: center; box-sizing:
border-box; padding: 10px 0; margin: 0; box-shadow: none; border-radius: 0;
height:60px; }
#wp-subscribe .email-field {}
#wp-subscribe input.email-field {color: #000000; background: #ffffff; border: 1px
solid #ddd; border-radius: 100px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1); font-
size: 15px;}
#wp-subscribe input::-webkit-input-placeholder { color: inherit; opacity: 0.8; }
#wp-subscribe input:-moz-input-placeholder { color: inherit; opacity: 0.8; }
#wp-subscribe input::-moz-input-placeholder { color: inherit; opacity: 0.8; }
#wp-subscribe input::-ms-input-placeholder { color: inherit; opacity: 0.8; }
#wp-subscribe input:focus::-webkit-input-placeholder { color: transparent !
important }
#wp-subscribe input:focus::-moz-input-placeholder { color: transparent !important }
#wp-subscribe input:focus:-moz-input-placeholder { color: transparent !important }
#wp-subscribe input:focus::input-placeholder { color: transparent !important }
#wp-subscribe input.submit {background:$(main.color);color: #fff; margin-top:20px;
font-size: 20px; font-weight: 700; cursor: pointer; text-transform: uppercase;
letter-spacing:1px; border-radius: 100px;font-family: 'Google Sans', sans-serif;}
#wp-subscribe p.footer-text { margin-top: 10px; font-size: 12px; }

.social-links i:hover {background:$(main.color); color: #fff; transition: all


ease .3s; }
.site-header{background:#242d36;border-bottom:5px solid
#1e252d;margin:0;position:relative;width:100%;z-index:100}
.site-header img{display:block;margin:0 auto;max-height:200px}
.bwrapsite-content{display: inline-block; width: 100%;overflow: hidden}
.content-area{float: left; margin: 0 20px 0 20px; width: 65%; overflow: hidden;}
.widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-
size:16px;font-weight:400;text-transform:uppercase;margin:0 0
5px;position:relative;transition:all .5s ease-out 0}
.copyleft a,#copyright a {color:$(main.color)}

.sidebar-area{float:right;overflow:hidden;width:31%}
#sidebar .widget h2{transition: all 0.5s ease-out; color: #333; font-size: 15px;
font-weight: 500; line-height: 28px; padding: 10px; text-align: center; margin: 0;
border-bottom: 1px solid #ddd;font-family: -apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif;}
#sidebar .widget{background: #fff; margin-bottom: 20px; border: 1px solid
#ddd;border-radius: 5px;}
#sidebar .widget-content {padding:13px;}
.site-footer{background:#242d36;clear:both;color:#f0f1f3;font-size:14px;font-
weight:600;line-height:1.8em;padding:10px;text-align:center}
.site-footer a{color:#f0f1f3;text-decoration:none}
.author_description_container h4 span {color:$(main.color);font-family: 'Google
Sans', sans-serif;letter-spacing: 0.5px; text-transform: capitalize;}
.avatar-container {border: 2px solid $(main.color);}

.comments .comments-content .comment:first-child { padding-top: 0;overflow: hidden;


}
.comment-replies .comment {border: 0; margin-bottom: 0!important; padding-bottom:
0!important; border-top: 1px solid #ddd; margin-top: 15px;padding-left: 0!
important; padding-right: 0!important;}
.comment-replies .comment-content {}
.comment-thread ol {margin:0}
.comment {background-color: #fff; border-radius: 5px; border: 1px solid
#ddd;padding:20px!important;}
#comment-holder {font-family: -apple-system,BlinkMacSystemFont,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica
Neue',Arial,sans-serif;}
#comments a {}
.comment-replybox-thread > #comment-editor { width: calc(100% - 40px); background-
color: #fff; padding: 15px 20px; border-radius:5px; }
.avatar-image-container img{height: 40px; width: 40px; overflow: hidden; float:
left; max-width: 100%!important; border:2px solid $(main.color); padding: 5px;
border-radius: 100px;}
.comments .comments-content .comment-thread { margin: 0; padding: 0; border: 0; }
.comments .comment-replybox-single { margin-left: 0; margin-top: 0; }
.comments .comments-content .comment-replies { margin-left: 0; margin-top: 0; }
.comments .comments-content .datetime { font-size: 10px; }
.comments .avatar-image-container{max-height: 100%!important; margin-right: 25px;
overflow: initial; width: 40px;}
.comment-block{overflow: hidden; border-radius: 5px;padding-bottom:0;padding-
left:0;padding-top:0; margin-left: 0!important;}
.comment-header a{font-size:14px;color: #333; font-weight: 500;display:inline-
block;}
.comments .comments-content .datetime a{font-size:11px;font-weight:600;}
.comments .comments-content .datetime,.comments .comment .comment-actions
a, .comments .continue a{float:right}
.comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none}
.comment-actions a{color:$(main.color);background:#fff;border:1px solid
#ddd;float:right;font-size:13px;margin-left:10px;font-weight:600;border-
radius:3px;}
.comments .comments-content .comment-header{margin-bottom: 0;}
.comments .comment .comment-actions a{padding:0;}
.comments .comment .comment-actions a:hover{text-decoration:none}
.comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px}
.comments .comments-content .icon.blog-author{width: 15px; height: 15px; margin-
right: 5px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1
12,22A10,10 0 0,1 2,12A10,10 0 0,1
12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z'
fill='%23118ff9'/%3E%3C/svg%3E") center no-repeat;}
.comments .comments-content .comment-content{text-align: left; padding:10px 0;
background: #fff; color: #232323; border-top: 0;font-size:15px;font-
weight:400;padding-top:10px;margin:0;}
#comments .comment .comment-actions>*, .comments .continue a { background-color: $
(main.color); color: #fff; font-size: 12px; padding: 3px 10px 3px 7px; border: 1px
solid $(main.color); border-radius: 25px; transition: all .3s ease; }
#comments .comment .comment-actions>:before, .comments .continue a:before
{ content: ''; margin-right: 5px; min-width: 13px; min-height: 13px; display:
inline-block; vertical-align: -3px; background: url("data:image/svg+xml,%3Csvg
viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z'
fill='%23fff'/%3E%3C/svg%3E") center / 17px no-repeat; transform: rotate(180deg);
transition: all .3s ease; }
span.blog-admin, .comments .thread-toggle, .comments .continue a {display:none!
important;}
.comments .comments-content {padding:0; padding-top: 0;}
#comments{margin-bottom: 20px;}
#comments h4{color: #2D2D2D; font-size: 15px; font-weight: bold; margin-bottom:
10px; text-transform: capitalize; margin: 0; padding: 18px; padding-left: 0;}
.deleted-comment{font-style:italic;color:gray}
h2.date-header{margin:10px 0;display:none}
.comments .comments-content .user {font-size:14px;}
#outer-wrapper{display: -webkit-box; display: -webkit-flex; display: -moz-box;
display: -ms-flexbox; display: flex; flex-wrap: nowrap; align-items: flex-start;
max-width: 1215px; margin: auto; padding:20px;padding-bottom:0;}
#banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-
align:center;padding:10px;margin:15px}

.smoothscroll-top {position:fixed; opacity:0; visibility:hidden; overflow:hidden;


text-align:center; z-index:99; background-color:$(main.color);border:1px solid $
(main.color); color:#fff; width:47px; height:44px; line-height:42px; right:25px;
bottom:-25px; padding-top:2px;transition:all 0.5s ease-in-out; transition-
delay:0.2s;box-shadow: 4px 4px 15px rgba(0,0,0,0.1);border-radius:100px; }
.smoothscroll-top:hover {background-color:#fff; color:$(main.color);border:1px
solid $(main.color); transition:all 0.2s ease-in-out; transition-delay:0s; }
.smoothscroll-top.show {visibility:visible; cursor:pointer; opacity:1; bottom:25px;
}
.smoothscroll-top i.fa {line-height:inherit;}

.cloud-label-widget-content { display: inline-block; text-align: left; }


.cloud-label-widget-content .label-size { display: inline-block; float: left;
margin: 5px 5px 0 0; opacity: 1; }
.cloud-label-widget-content .label-size a, .cloud-label-widget-content .label-size
span {background: #fff; color: #1E1E1E; display: block; font-size: 12px; padding:
12px 15px; font-weight:500;border-radius:5px;}
.cloud-label-widget-content .label-size:hover a, .cloud-label-widget-
content .label-size span { background: $(main.color); color: #FFF !important; }
.Label li{position:relative;padding:5px 20px 10px 20px !important;list-
style:disc;display:block;font-size:14px}
.Label li:before{content: "\f02c"; font-family: fontAwesome; color: #555; font-
size: 12px; position: absolute; top: 6px; left: 0; padding: 0; text-decoration:
none;}
.Label li a{color: #2D2D2D; font-weight: 500;}
.Label li:hover:before{color:$(main.color);transition:all .6s}
.Label li span{padding:0 10px;display:block;line-
height:20px;position:absolute;right:15px;top:1px;font-size:11px;background:$
(main.color);color:#fff;border-radius: 3px;}
.Label li:hover span{background:#FC3931;transition:all .6s}
.sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-
size:15px;transition:all .3s;font-family:&#39}
.post-body a.img, .post-body .separator a { margin-left: 0!important; margin-right:
0!important; }

.showpagePoint{background:$(main.color)!important; color: #fff; font-weight:500;}


.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position: relative; display:
inline-block; font-size: 12px; font-weight: 500; color: #444; background: white;
padding:8px 18px; border: 1px solid rgb(230, 230, 230); transition: all .3s;}
.showpageNum
a:before{content:&#39;&#39;;position:absolute;top:0;bottom:0;left:0;right:0;transit
ion:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:$
(main.color);color:#fff!important;position:relative;}
.showpagePoint{color:#fff;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 5px 2px 0;}

#error404,.followby,.modalDialog{background:$(main.color)}
#error-text a{color:$(main.color)}
.home-link{background:$(main.color);padding:12px 20px 12px
17px;position:absolute;color:white!important}
#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager a{color:#333;background:#fff;font-size:12px;font-weight:500;}
#blog-pager a:hover {color:$(main.color)!important;}
#blog-pager{text-align:center;}
.search-form-icon {color:$(main.color)}

h1.post-title a:hover, h2.post-title a:hover { color:$(main.color); text-


decoration:none; }
#footer-wrapper .cloud-label-widget-content .label-size a { background: #4e4e4e;
color: #fff; display: block; font-size: 11px; padding: 10px 15px; font-weight: 600;
border-radius:5px;}
.readmore2:hover {background:#fff;color:#333!important;transition: 0.3s;}
.readmore2 {font-size: 13px; color: #657293!important; font-weight: 700; float:
right; text-transform: uppercase;padding:3px;}
#footer-wrapper .widget li:hover {background: $(main.color);}
.footer li a:hover {color:#fff;}
.top-navigation-wrapper{ background-color: #ffffff; }
.top-navigation-wrapper{ color: #545454; }
.top-navigation-wrapper a, .top-navigation-wrapper a:hover{ color: #545454; }
.top-navigation-wrapper{ border-color: #e4e4e4; border-bottom: 1px solid
#e4e4e4; }
.container{ max-width: 1060px;margin:auto; }
top-navigation-wrapper{ position: relative; z-index: 98; border-bottom-width: 1px;
border-bottom-style: solid; }
.top-navigation-left{ float: left; margin: 0px 15px; }
.top-navigation-left-text{ font-size: 10px; letter-spacing: 1px; font-weight:
bold;padding: 12px 0px; line-height: 18px; text-transform: uppercase; }
.top-navigation-right{}
.top-social-wrapper{}
.top-social-wrapper .social-icon{float: left; margin-left: 5px; background: #fff;
border-radius: 3px; width: 36px; height: 35px; line-height: 36px; display: block;
text-align: center;}
.top-social-wrapper .social-icon:first-child{ margin-left: 0px; }
.top-social-wrapper .social-icon a{color: #353535;}
.top-social-wrapper .social-icon a:hover{ opacity:0.5; filter:
alpha(opacity=100); }
.social-icon .fa {}
.share-item.share{float:right;}
.share-item.share a.button:hover {color:#555; box-shadow: 4px 4px 15px
rgba(0,0,0,0.1);}
.share-item.share a {color: $(main.color)}

@media screen and (max-width: 680px) {


.templatemarkHeader { padding: 15px 0 15px 25px; height: calc(100% - 30px) }
.templatemarkHeader.active.isSingle .entry-title {font-size: 26px}}

@media screen and (max-width:960px) {


: target: : before{content:'';display:block;margin-top:-
45px;height:45px;visibility:hidden}
.templatemarkDark .templatemarkHeader {background-color:#213040}
.FeaturedPost .post-snippet{-webkit-line-clamp:1}
#adpost2 {margin-top:55px;}
.isPost .FeaturedPost{margin-bottom:15px}
#templatemark{display:block}
.templatemarkSearch .icon .open,.templatemarkHeader.active .templatemarkSearch .ico
n .close,.templatemarkHeader.search-
active .templatemarkSearch .icon .close{display:block}
.templatemarkHeader.active .templatemarkSearch .icon .open,.templatemarkHeader.sear
ch-active .templatemarkSearch .icon .open{display:none}
.templatemarkSearch button{display:none}
.templatemarkHeader{position: fixed; top: 0; background-color:$(main.color);
display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-
flexbox; display: flex; flex-wrap: nowrap; align-items: center; justify-content:
space-between; width: 100%; height: 45px; overflow: unset; box-shadow: none;}
.templatemarkHeader,.templatemarkHeader.active{min-width:auto;max-
width:100%;padding:0;}
.templatemarkHeader .inner{display:-webkit-box;display:-webkit-flex;display:-moz-
box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;align-items:center;justify-
content:space-between;width:100%;margin:auto;padding: 0 15px;}
header{order:2}
#header,.templatemarkHeader.active #header,.templatemarkHeader.search-active
#header{display:block;margin:0}
#header h1,#header h1 a,header h2,#header h2 a{color:#fff}
#header svg path{fill:#fff}
#header .behind a,#header .behind,.templatemarkHeader.active
#header .behind,.templatemarkHeader.search-active
#header .behind{width:120px;height:30px}
#header .widget.Header img { max-width: 120px;-webkit-filter: hue-rotate(90deg)
brightness(1000%) grayscale(10%); filter: hue-rotate(90deg) brightness(1000%)
grayscale(10%);}
.templatemarkMenu{margin:0;order:1}
.templatemarkMenu svg,.templatemarkMenu .profile
img,.templatemarkDarkMode .icon:after{width:20px;height:20px;top:-6.5px}
.templatemarkMenu label > .open{display:block;position:static}
.templatemarkMenu label svg,.templatemarkSearch svg{margin-
right:0;width:24px;height:24px}
.templatemarkMenu > ul{background-color:#fff;font-
size:14px;position:fixed;top:45px;left:0;margin:0;padding:10px 15px 15px;min-
width:225px;height:calc(100% - (45px + 10px + 15px));transition:all .3s
ease;transform:translateX(-255px);-webkit-transform:translateX(-255px);-ms-
transform:translateX(-255px)}
.templatemarkMenu .check:checked ~ ul{transform:translateX(0px);-webkit-
transform:translateX(0px);-ms-transform:translateX(0px);overflow-y:auto;overflow-
x:hidden;z-index:2}
.templatemarkMenu .check:checked ~ label > .open{display:none}
.templatemarkMenu .check:checked ~ label
> .close{display:block;position:static;opacity:1;visibility:visible}
.templatemarkMenu span{display:inline-block;vertical-align:middle}
.templatemarkHeader.active .templatemarkMenu li
a,.templatemarkHeader.active .templatemarkMenu .icon,.templatemarkHeader.search-
active .templatemarkMenu li a,.templatemarkHeader.search-
active .templatemarkMenu .icon{display:block}
#labelHeader svg{width:15px;height:15px}
.templatemarkDarkMode .icon{width:35px;height:8px}
.templatemarkDarkMode .icon:after{display:block}
.templatemarkDarkMode .icon:hover::after{box-shadow:rgba(0,0,0,0.5) 0 1px
3px,rgba(0,0,0,0.1) 0 0 0 7px}
.templatemarkDarkMode .check:checked + .icon:after{left:45%}
.templatemarkDark .templatemarkDarkMode .icon:hover::after{box-
shadow:rgba(150,150,150,.5) 0 1px 3px,rgba(150,150,150,.1) 0 0 0 7px}
.templatemarkDarkMode .icon,.templatemarkHeader.active .templatemarkDarkMode .icon,
.templatemarkHeader.search-active .templatemarkDarkMode .icon{background-
color:#86d993;right:17px}
.templatemarkDarkMode .check:checked + .icon{background-color:#657786}
.templatemarkSearch{order:3}
.templatemarkSearch svg path,.templatemarkSearch .icon:hover ~ button svg
path,.templatemarkSearch .input:hover ~ button svg
path,.templatemarkSearch .input:hover ~ .icon svg path,.templatemarkSearch
svg:hover path,.templatemarkSearch .input:focus ~ button svg
path,.templatemarkSearch .input:focus ~ .icon svg path{fill:#fff}
.templatemarkSearch,.templatemarkHeader.active .templatemarkSearch{margin:0}
.templatemarkSearch .input,.templatemarkHeader.active .templatemarkSearch .input{po
sition:absolute;width:0;right:0;top:-3px;bottom:-3px;padding:6px 0;border:0;border-
radius:15px}
.templatemarkSearch .check:checked ~ .input{background-color:#fff;width:calc(100vw
- 125px);padding:6px 35px 6px 15px}
.templatemarkSearch .icon,.templatemarkHeader.active .templatemarkSearch .icon,.tem
platemarkSearch button,.templatemarkHeader.active .templatemarkSearch
button{position:relative;top:0}
.templatemarkSearch .icon .open,.templatemarkHeader.active .templatemarkSearch .ico
n .open,.templatemarkHeader.search-
active .templatemarkSearch .icon .open{display:block}
.templatemarkSearch .icon .close,.templatemarkHeader.active .templatemarkSearch .ic
on .close,.templatemarkHeader.search-
active .templatemarkSearch .icon .close{display:none}
.templatemarkSearch .check:checked ~ .icon .close{display:block}
.templatemarkSearch .check:checked ~ .icon .open{display:none}
.templatemarkSearch .check:checked ~ .icon{left:unset;right:3.5px}
.templatemarkSearch .check:checked ~ .icon svg{width:24px;height:24px}
.templatemarkSearch .check:checked ~ .icon svg path{fill:#657786}
.templatemarkMenu .subs{display:-webkit-box;display:-webkit-flex;display:-moz-
box;display:-ms-flexbox;display:flex}
.templatemarkMenu .subs a,.templatemarkMenu .subs
button{width:auto;height:auto;padding:7px 10px;margin-top:0}
.templatemarkMenu .subs a{margin-right:10px}
.templatemarkMenu .subs button{flex-grow:1;margin-top:0}
.templatemarkMenu .subs svg{width:14px;height:14px;margin-right:5px}
#labelHeader .widget-content{font-size:13px}
.templatemarkHeader.active .templatemarkMenu .footer a{display:inline-block}
.templatemarkPopup .judul{font-size:24px}
.templatemarkPopup .text{font-size:14px}
main{max-width:calc(100% - 40px);margin:20px}
.FeaturedPost .title
span,#sidebar .widget .title,#sidebarSticky .widget .title{font-size:16px}
.loadmore{margin-top:20px}
.loadmore a,.loadmore .proses,.loadmore .error{font-size:14px;padding:4px 12px}
.isPost .blog-pager{flex-wrap:wrap;margin:15px 0 5px}
.isPost .blog-pager .newer,.isPost .blog-pager .older,.isPost .blog-
pager .nolink.home,.isPost .blog-pager .nolink.old{width:100%;text-align:center}
.isPost .blog-pager .newer,.isPost .blog-pager .nolink.home{margin-bottom:30px}
.templatemarkMenu .footer{display:block}
.templatemarkDark .templatemarkMenu svg path,.templatemarkDark .templatemarkSearch
svg path{fill:#fff}
.templatemarkDark .templatemarkLabel.active svg path{fill:$(main.color)}
.templatemarkDark .templatemarkMenu > ul{background-color:#213040}
.templatemarkDark .templatemarkSearch .check:checked ~ .input{background-
color:#213040;color:#ccc}
.templatemarkDark .templatemarkSearch .input{color:#fff}
.templatemarkDark .templatemarkSearch .check:checked ~ .icon svg path{fill:#fff}
.comment .avatar-image-container{top:55px}
}
@media screen and (max-width: 480px) {
#partnerTop{padding:0 10px}
#partnerTop .widget-content{margin-top:10px}
.FeaturedPost{margin-bottom:15px}
.FeaturedPost article{flex-wrap:wrap;flex-direction:column-reverse;align-
items:normal}
.FeaturedPost .snippet-thumbnail{width:auto;padding-top:65%;border-radius:0 0 7px
7px}
.FeaturedPost .snippet-thumbnail img{border-radius:0 0 7px 7px}
.FeaturedPost .entry-title,.templatemarkList .FeaturedPost .entry-title{margin-
bottom:5px}
.FeaturedPost .entry-content{width:auto}
.FeaturedPost .post-snippet{-webkit-line-clamp:4;font-size:12px;margin-bottom:5px}
.isPost .FeaturedPost{font-size:13px;margin-bottom:10px}
.isPost .FeaturedPost:before{left:17px;width:calc(100% - 17px)}
.FeaturedPost .text{display:none}
.FeaturedPost .left,.FeaturedPost .right{padding:3px}
.FeaturedPost .right{padding-left:10px}
.FeaturedPost .icon{background-color:transparent;width:27px;height:27px}
main{max-width:calc(100% - 20px);margin:10px 10px 20px}
.templatemarkTampilan{margin-bottom:10px}
.templatemarkTampilan svg{width:17px;height:17px}
.templatemarkTampilan > span{font-size:14px}
.templatemarkTampilan .pilih{font-size:12px;margin-left:7px}
.templatemarkTampilan .grid,.templatemarkTampilan .list{padding:2px 5px}
.templatemarkTampilan .grid{margin-right:5px}
.templatemarkTampilan .pilih svg{width:14px;height:14px}
.templatemarkTampilan .pilih .list svg{width:17px;height:17px}
.FeaturedPost .title
span,#sidebar .widget .title,#sidebarSticky .widget .title{font-size:14px}
.blog-posts{grid-gap:10px!important; grid-template-columns: 1fr!important;}
.isSingle article,.matched .widget-content{padding:10px 15px}
.breadcrumb{font-size:12px}
.entry-title{font-size:12px;padding:7px 10px}
.isSingle .entry-title{font-size:24px}
.post-info{font-size:11px;padding:2px;width:calc(100% - 20px)padding-left: 0;}
.post-label:before{min-width:20px;min-height:20px;margin-right:5px;background-
size:11px}
.post-label.AdSense:before{background-size:10px}
.post-comment a{font-size:10px}
.post-comment a:before{top:-2.5px;right:-2.5px;min-width:27px;min-height:27px}
.isSingle .entry-content{font-size:15px}
.templatemarkList .Blog .snippet-thumbnail{width:140px;padding-top:calc(30% -
22px)}
.templatemarkList .entry-title{left:140px;font-size:12px}
.templatemarkList .post-info{width:calc(100% - 160px);left:140px}
.templatemarkShare a:not(:last-child){margin-right:3px}
.blog-pager a,.blog-pager .nolink{font-size:12px}
.isPost .blog-pager .newer span:first-child::before,.isPost .blog-pager .older
span:first-child::after{width:17px;height:17px;vertical-align:-4px}
.isPost .blog-pager .newer span:first-child,.isPost .blog-pager .older span:first-
child,.isPost .blog-pager .nolink.home span:first-child,.isPost .blog-
pager .nolink.old span:first-child{font-size:12px}
.templatemarkToTop{width:30px;height:30px;bottom:50px;right:25px;background-
size:20px}
.templatemarkToTop.show{bottom:25px}
.templatemarkToTop:after{width:30px;height:30px}
}
@media screen and (max-width: 360px) {
.templatemarkHeader,.templatemarkHeader.active{padding:0 10px;height:40px}
.templatemarkSearch .input,.templatemarkHeader.active .templatemarkSearch .input{pa
dding:3px 0}
.templatemarkSearch .check:checked ~ .input{font-size:12px;padding:3px 35px 3px
15px}
.templatemarkSearch .check:checked ~ .icon svg{width:21px;height:21px}
.templatemarkMenu > ul{font-size:13px;top:40px;height:calc(100% - (40px + 10px +
15px))}
.templatemarkMenu svg,.templatemarkMenu .profile img{width:17px;height:17px}
.templatemarkMenu svg{margin-right:10px}
.templatemarkMenu .subs a{font-size:11px}
.templatemarkMenu .subs svg{width:12px;height:12px;margin-right:3px}
.templatemarkPopup .judul{font-size:22px}
.templatemarkPopup .text{font-size:12px}
#labelHeader .widget-content{font-size:12px} }
]]></b:skin>

<b:template-skin>
body#layout div.section {background-color:transparent;border:0;font-family:sans-
serif;margin:0;overflow:visible;padding:0;position:relative}
body#layout .top-tab-widget-menu ul,body#layout ul,#layout ul,body#layout
div.section h4,#layout div.section h4 {display:none;}
body#layout .draggable-widget .widget-wrap2 {background: #27ae60
url(https://www.blogger.com/img/widgets/draggable.png) no-repeat 4px 50%;}
body#layout .add_widget {background-color:#27ae60;border: 1px dashed #3a3a3a!
important;}
body#layout .add_widget a {color: white}
body#layout .editlink {color: #fff !important; background-color: #27ae60; padding:
0px 20px; border-radius: 50px;}

body#layout #header {width:95%;margin:4px;float:left;background-color:#bfffda;


padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #header:before {content: &quot;Header [Recommended logo size:
220x64px]&quot;; font-size: 14px; color: #484848; display: inline-block; font-
family: sans-serif; font-weight: 600;margin-bottom: 10px;}

body#layout #FeaturedPost1 {width: 95%;margin:4px;float:left;background-color:


#faffce; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #FeaturedPost1:before {content: &quot;Featured Post Widget&quot;; font-
size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-
weight: 600;margin-bottom: 10px;}

body#layout #HTML3 {background-color:#bfffda; padding:10px!important; border: 1px


solid #27ae60; margin-top: 10px;}
body#layout #HTML3:before {content: &quot;Sticky widget&quot;; font-size: 14px;
color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;}

body#layout #Label1 {width: 95%;margin:4px;float:left;background-color: #faffce;


padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #Label1:before {content: &quot;Sidebar Categori list&quot;; font-size:
14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;}

body#layout #adpost2 {width: 95%;margin:4px;float:left;background-color: #fff;


padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #adpost2:before {content: &quot;Responsive Ad Slot&quot;; font-size:
14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;}
body#layout #adpost3 {width: 95%;margin:4px;float:left;background-color: #fff;
padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #adpost3:before {content: &quot;Responsive Ad Slot&quot;; font-size:
14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight:
600;margin-bottom: 10px;}

body#layout #sidebar {margin:4px;float:right;background-color: #fff; padding:10px!


important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #sidebar:before {content: &quot;Sidebar&quot;;font-size: 14px; color:
#484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-
bottom: 10px;}
body#layout #Blog1 {margin:4px;background-color: #fff; padding:10px!important;
border: 1px solid #27ae60; margin-bottom: 10px;width: 66%; float: left;}
body#layout #Blog1:before {content: &quot;Main Blog&quot;;font-size: 14px; color:
#484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-
bottom: 1}

body#layout #footer-wrapper {width:96.2%;margin:4px;background-color: #fff;


padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;}
body#layout #footer-wrapper:before {content: &quot;Footer Wrapper&quot;; font-
size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-
weight: 600;margin-bottom: 10px;}

</b:template-skin>
<style type='text/css'>
.commentForm { background: #fafafa; display: -ms-flexbox; display: -webkit-flex;
display: flex; border: 1px solid rgba(0,0,0,0.12); border-radius: 3px; padding: 0
12px;}
.PopularPosts ul,.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 {margin:0;list-style:none;color:#333;}
.PopularPosts ul li img {display:block;margin-
right:10px;width:100px;height:80px;float:left;transition:all 0.3s ease-out;border-
radius:5px;border-top-right-radius: 0; border-bottom-right-radius: 0;}
.PopularPosts ul li img:hover, #FeaturedPost1 .image:hover
{background:#333;opacity:0.8;}
.PopularPosts ul li {margin-bottom: 10px; padding: 0; position: relative;
transition: all 0.3s ease-out; border: 1px solid #ddd; border-radius: 5px;
background: #fdfdfd;}
.PopularPosts ul li:first-child {}
.PopularPosts .widget-content ul li {padding:0;}
.PopularPosts ul li:last-child {margin-bottom:0;}
.PopularPosts ul li a:hover {color:#f56954!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color: #333; text-
decoration: none; font-size: 13px; font-weight: 500; transition: all 0.3s ease-out;
font-family: &#39;Google Sans&#39;, &#39;sans-serif&#39;; display: -webkit-box; -
webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-
overflow: ellipsis; line-height: 1.5;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size: 13px; color: #555; font-weight: 400;line-
height:1.5;display:none;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {margin-bottom: 2px; line-height: 1.2;padding:10px;}

pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-
user-select:text;user-select:text;padding:0;margin:.5em auto;white-space:pre;word-
wrap:break-word;overflow:auto;background-color:#443e50;position:relative;padding-
top:33px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-
webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-
select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-
hyphens:none;hyphens:none;border-radius:3px;}
pre::before {font-size:13px;content:attr(title);position:absolute;top:0;background-
color:#fff;padding:6px 10px 7px
10px;left:0;right:0;color:#333;display:block;margin:0 0 15px 0;font-
weight:600;border: 1px solid #eee;font-family:&#39;Google Sans&#39;, sans-serif}
pre::after {content:&quot;Double click to selection&quot;;padding:2px
10px;width:auto;height:auto;position:absolute;right:8px;top:4px;font-
size:12px;color:#888;line-height:20px;transition:all 0.3s ease-in-out;font-
family:&#39;Google Sans&#39;, sans-serif}
pre:hover::after {opacity:0;top:-8px;visibility:visible;}
code {font-family:&#39;Google Sans&#39;, sans-serif;line-
height:19px;color:#aaa;background-color:transparent;
padding:1px 2px;font-size:12px;}
pre code {display:block;background:none;border:none;color:#aaa;direction:ltr;
text-align:left;word-spacing:normal;padding:10px;font-weight:600;}
code .token.punctuation {color:#bbb;}
pre code .token.punctuation {color:#777;}
code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata
{color:#aaa;}
code .namespace {opacity:.8;}
code .token.property,code .token.tag,code .token.boolean,code .token.number
{color:#d75046;}
code .token.selector,code .token.attr-name,code .token.string {color:#88a9ad;}
pre code .token.selector,pre code .token.attr-name {color:#00a1d6;}
pre code .token.string {color:#6fb401;}
code .token.entity,code .token.url,pre .language-
css .token.string,pre .style .token.string {color:#5ac954;}
code .token.operator {color:#1887dd;}
code .token.atrule,code .token.attr-value {color:#009999;}
pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}
code .token.keyword {color:#e13200;font-style:italic;}
code .token.comment {font-style:italic;}
code .token.regex {color:#ccc;}
code .token.important {font-weight:bold;}
code .token.entity {cursor:help;}
pre mark {background-color:#ea4f4e!important;color:#fff!
important;padding:2px;border-radius:2px;}
code mark {background-color:#ea4f4e!important;color:#fff!
important;padding:2px;border-radius:2px;}
pre code mark {background-color:#ea4f4e!important;color:#fff!
important;padding:2px;border-radius:2px;}

.breadcrumb {margin-bottom:10px; }
.breadcrumb, .breadcrumb a, .breadcrumb a:hover { font-size: 11px; color: #777;}

.share-post ul {padding:0;margin:0;font-size: 13px; font-weight: 600;}


.share-post li{list-style:none;display:inline-block;padding:0;font-weight:700;text-
transform:uppercase}
.share-post li a{display:block;text-align:center;}
.share-post span{display:none;}
.share-post li a i{display: block; color: #A7A7A7; width:20px; height:20px; line-
height: 20px; font-size: 14px; font-weight: normal; transition: all .3s;}
.share-post{margin-bottom:20px;float:left;}
.share-post li a i.fa.fa-facebook:hover{background:#fff;color:#3b5998;}
.share-post li a i.fa.fa-twitter:hover{background:#fff;color:#00aced;}
.share-post li a i.fa.fa-google-plus:hover{background:#fff;color:#dd4b39;}
.share-post li a i.fa.fa-linkedin:hover{background:#fff;color:#007bb5;}
.share-post li a i.fa.fa-pinterest:hover{background:#fff;color:#cb2027;}

#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList


a.post-count-link:visited {text-decoration:none;font-size:13px;font-weight:700;}
span.post-count {font-size:11px;font-weight:700;}
.BlogArchive #ArchiveList ul.posts li {font-size:12px;}
#ArchiveList select {width: 100%;padding: 15px;margin-bottom: 5px;margin-
top:10px;border: 1px solid rgba(201, 201, 201, 0.52);font-size:13px;font-family:
Open Sans;}

#search-bar{display:block;margin:25px 0;}
input#sq{width:90%;background: #fff; color: #717171; font-size:14px;; margin: 0;
padding: 0 20px; height: 55px; outline: 0; border:1px solid #eee; box-shadow:
initial; line-height: normal; transition: all .1s;float: right;font-family:
&#39;Google Sans&#39;, sans-serif;border-radius: 100px; box-shadow: 0 2px 8px
rgba(0,0,0,0.05);font-weight: 500;}
input#sq:focus{color:#333;border-radius:4px;}
#search-form{position:relative;margin:auto;text-align:center}
#searchsubmit{background-color:#fff;border: 0; color: #fff; display: inline-block;
position: absolute; right: 0; top: 0; transition: all .2s;display:none;}
#searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{background-
color:#fff;color:#fff;cursor:pointer;outline:0;}
.search-form-icon{top:16px;right:30px;position:absolute}
input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;}
input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;}
[type=&quot;search&quot;] {-moz-appearance:textfield;-webkit-
appearance:textfield;appearance:textfield;}
#o_5605214 a {pointer-events: none; color:inherit; display: inline; text-
decoration: none;}

a.waves-light.close-sf{font-size:14px;color:#fff}
.popnotification,.matilampu{visibility:hidden;opacity:0}
.popnotification{background:#fff;position:fixed;padding:25px;top:15%;transition:all
.3s ease-in-out;width:450px;left:35%;z-index:99;border-radius:4px;box-shadow:0 9px
46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px
rgba(0,0,0,.2)}
.popnotification button{border:none;position:absolute;margin-
top:17px;right:30px;cursor:pointer;background:#e8e8e8;padding-left:7px;outline:0}
a.waves-light.close-sf{background:#3949ab;margin-top:15px;display:inline-
block;padding:10px 13px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0
3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);float:right;text-
transform:uppercase}
.matilampu{position:fixed;top:0;background:rgba(0, 0, 0,
0.38);left:0;right:0;bottom:0;margin:0;z-index:97;transition:all .4s ease-in-out;}
.blantertitle{margin-bottom:15px}
.popnotification.aktif,.matilampu.aktif{visibility:visible;opacity:1}
.popnotification.aktif{top:20%}
.icx{position:absolute;top:10px;right:10px;background:url(https://
3.bp.blogspot.com/-ku_TRSeCPD8/WYsWU06DseI/AAAAAAAAG4E/
VykKXnkItQEO9GGCOBZjSCDXMVpgsg1mwCLcBGAs/s1600/mdclose.png)no-repeat;background-
size:15px;margin:10px 8px;width:15px;height:15px}
.notiftext{font-size:14px;line-height:1.5}
@media screen and (max-width:768px){.popnotification{left:10%;right:10%}}

.popnotification2,.matilampu{visibility:hidden;opacity:0}
.popnotification2{background:#fff;position:fixed;padding:25px;top:15%;transition:al
l .3s ease-in-out;width:450px;left:35%;z-index:99;border-radius:4px;box-shadow:0
9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px
rgba(0,0,0,.2)}
.popnotification2 button{border:none;position:absolute;margin-
top:17px;right:30px;cursor:pointer;background:#e8e8e8;padding-left:7px;outline:0}
a.waves-light.close-sf{background:#3949ab;margin-top:15px;display:inline-
block;padding:10px 13px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0
3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);float:right;text-
transform:uppercase}
.blantertitle{margin-bottom:15px}
.popnotification2.aktif,.matilampu.aktif{visibility:visible;opacity:1}
.popnotification2.aktif{top:20%}
.icx{position:absolute;top:10px;right:10px;background:url(https://
3.bp.blogspot.com/-ku_TRSeCPD8/WYsWU06DseI/AAAAAAAAG4E/
VykKXnkItQEO9GGCOBZjSCDXMVpgsg1mwCLcBGAs/s1600/mdclose.png)no-repeat;background-
size:15px;margin:10px 8px;width:15px;height:15px}
.notiftext{font-size:14px;line-height:1.5}
@media screen and (max-width:768px){.popnotification2{left:10%;right:10%}}

.postdata {padding:15px;overflow: hidden;}


.postdata2 {padding:10px;position: absolute; bottom: 0;text-align: center; width:
100%;background: #fff; border-top: 1px solid #eee;}
.post-body {line-height: 1.5; color: #666; font-size: 13px; font-weight: 400; text-
overflow: ellipsis; width: auto; padding-left: 20px; padding-right: 20px; margin-
bottom: 5px; font-family: &#39;Google Sans&#39;, sans-serif;}
h2.post-title, h1.post-title {border: 0 none; color: #000; font-size:16px; font-
weight:500; letter-spacing: normal; line-height: 1.3em; margin-bottom:5px; padding:
0;}
h2.post-title:hover, h1.post-title:hover {color:#f56954;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color: #2D2D2D; z-
index: 0; line-height: 1.4; margin: 0 0; display: block; max-height: 44px;
overflow: hidden; margin-bottom: 15px;display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.post-info {text-transform: capitalize; line-height: 250%; overflow: hidden; font-
size: 12px; font-weight: 500; float: left;}
.post-info2 {text-transform: capitalize; line-height: 250%; overflow: hidden;
color: #999999; font-size: 12px;font-weight: 600;font-family:&#39;Google Sans&#39;,
sans-serif;float:left;margin: 10px 0 10px;}
.post-info a {display:inline;background:transparent;color:#555;padding:5px;padding-
left:0;margin-bottom:10px;transition:all .3s ease-out;}
.post-info .fa, .post-info2 .fa {}
.author-info, .comment-info, .time-info {display:inline;margin-right:10px;}
.time-info {border: 1px solid #ddd; padding: 5px 8px; border-radius: 100px;}
.time-info abbr {text-decoration: none;}
.post-image {width:100%;margin:0;z-
index:1;padding:0;float:left;overflow:hidden;transition:all 1s ease-
out;background:#f6f7f8 linear-gradient(to right,#eee 8%,#ddd 18%,#eee
33%);animation: templatemarkPlaceholder 1.5s linear infinite; -moz-animation:
templatemarkPlaceholder 1.5s linear infinite; -webkit-animation:
templatemarkPlaceholder 1.5s linear infinite; -o-animation: templatemarkPlaceholder
1.5s linear infinite;}
.post-image img {height:190px;width: 318px;transition: 0.9s;}
.post-image img:hover {transform:scale(1.1);filter:brightness(85%);-webkit-
filter:brightness(85%);animation:none;-moz-animation:none;-webkit-animation:none;-
o-animation:none}

#HTML3 {width:313px!important;}
#adpost2, #adpost3 {margin-left: 20px; margin-bottom: 20px;}

.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!
important;font-size:14px;clear:both;display:inline-block;text-decoration:none!
important;color:#FFF!important}
.btn ul {margin:0;padding:0}
.btn li{display: inline!important; margin: 5px!important; list-style: none!
important; position: initial!important;}
.demo,.download,.buy, .install, .docs{padding: 15px 20px 15px 0!important; color:
#fff!important; font-weight: 700; font-size: 14px; text-align: center; text-
transform: uppercase; opacity: .95; border: 0; border-radius: 100px; box-shadow:
4px 4px 15px rgba(0,0,0,0.1);}
.buy2 {padding: 15px 15px!important; color: #fff!important; font-weight: 400; font-
size: 18px; text-align: center; text-transform: uppercase;border: 0;}
.docs {background-color:#2ecc71;}
.docs:hover {opacity:9;}
.demo {background-color:#1FA376}
.install {background-color:#CE102A}
.buy {background-color:#567883;}
.buy2 { background-color: #f1ae28; }
.download {background-color:#F99517;}
.demo:hover {background-color:rgba(31, 163, 118, 0.8);color:#fff;opacity:1;}
.install:hover {opacity:0.9;color:#fff}
.download:hover {background-color:rgba(249, 149, 23, 0.78);color:#fff;opacity:1;}
.buy:hover {background-color:#668E9B;color:#fff;opacity:1;}
.demo:before {content: &#39;\f06e&#39;; display: inline-block; font-weight: normal;
margin-right: 10px; font-family: fontawesome; transition: all 0.5s ease-out;
background: rgba(0, 0, 0, 0.18); line-height: 17px; padding: 15px 18px; border-
radius: 100px;}
.install:before {content:&#39;\f019&#39;;display: inline-block; font-weight:
normal; margin-right: 10px; font-family: fontawesome; transition: all 0.5s ease-
out; background: rgba(0, 0, 0, 0.18); line-height: 17px; padding: 15px 18px;
border-radius: 100px;}
.buy:before {content:&#39;\f07a&#39;;display: inline-block; font-weight: normal;
margin-right: 10px; font-family: fontawesome; transition: all 0.5s ease-out;
background: rgba(0, 0, 0, 0.18); line-height: 17px; padding: 15px 18px; border-
radius: 100px;}
.download:before {content:&#39;\f019&#39;;display: inline-block; font-weight:
normal; margin-right: 10px; font-family: fontawesome; transition: all 0.5s ease-
out; background: rgba(0, 0, 0, 0.18); line-height: 17px; padding: 15px 18px;
border-radius: 100px;}
.docs:before {content:&#39;\f121&#39;;display: inline-block; font-weight: normal;
margin-right: 10px; font-family: fontawesome; transition: all 0.5s ease-out;
background: rgba(0, 0, 0, 0.18); line-height: 17px; padding: 15px 18px; border-
radius: 100px;}
.share-item.share a.button{padding: 0; margin: 0; font-size: 21px; overflow:
hidden; height: 24px; display: block;}

#footer-wrapper {text-align:left;overflow:hidden;padding:15px 0 0 0;background-


color:#353535;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2 {color: #fff; font-size: 14px; font-weight:500; margin-bottom:
10px; padding: 5px 10px 5px 0; text-align: left; text-transform: capitalize;
margin-top: 15px;}
#footer-wrapper .widget-content {text-align: center; color: #fff; font-size: 14px;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#333}
#footer-wrapper .widget li {margin: 0; padding: 10px 20px; display: -webkit-inline-
box; background: #eeeeee1f; border-radius: 5px;}
.footer li a {padding-top:0;padding-right:0;font-size:13px;font-
weight:500;color:#fff;margin:0}
#footerfix {overflow:hidden;margin:15px 0 0 0;background-color:#2d2d2d}
.copyleft {text-align: center; font-weight: 500; color: #fff; font-size: 12px;
padding: 10px;}
#copyright {float:right;color:#999;font-size:13px;margin-right:30px}
.copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@keyframes templatemarkShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%
{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%
{transform:translate3d(4px,0,0)}}
@-webkit-keyframes templatemarkShake{10%,90%{transform:translate3d(-
1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-
4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}
@-moz-keyframes templatemarkShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%
{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%
{transform:translate3d(4px,0,0)}}
@keyframes
templatemarkSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes templatemarkSpin{from{-webkit-transform:rotate(0deg)}to{-webkit-
transform:rotate(360deg)}}
@-moz-keyframes templatemarkSpin{from{-webkit-transform:rotate(0deg)}to{-webkit-
transform:rotate(360deg)}}
@keyframes templatemarkPlaceholder{0%{background-position:-468px 0}100%{background-
position:468px 0}}
@-webkit-keyframes templatemarkPlaceholder{0%{background-position:-468px 0}100%
{background-position:468px 0}}
@-moz-keyframes templatemarkPlaceholder{0%{background-position:-468px 0}100%
{background-position:468px 0}}
@keyframes templatemarkZoom{0%{transform:scale(0)}100%{transform:scale(1)}}
@-webkit-keyframes templatemarkZoom{0%{transform:scale(0)}100%{transform:scale(1)}}
@-moz-keyframes templatemarkZoom{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes templatemarkFade{from{opacity:0}to{opacity:1}}
@-webkit-keyframes templatemarkFade{from{opacity:0}to{opacity:1}}
@-moz-keyframes templatemarkFade{from{opacity:0}to{opacity:1}}
@keyframes templatemarkGradient{0%{background-position:0 50%}50%{background-
position:100% 50%}100%{background-position:0 50%}}
@-webkit-keyframes templatemarkGradient{0%{background-position:0 50%}50%
{background-position:100% 50%}100%{background-position:0 50%}}
@-moz-keyframes templatemarkGradient{0%{background-position:0 50%}50%{background-
position:100% 50%}100%{background-position:0 50%}}
@keyframes templatemarkWobble{0%{transform:scale(0) rotate(-54deg)
translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%
{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1)
rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes templatemarkWobble{0%{transform:scale(0) rotate(-54deg)
translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%
{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1)
rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-moz-keyframes templatemarkWobble{0%{transform:scale(0) rotate(-54deg)
translatey(40px)}45%{transform:scale(1.1) rotate(20deg) translatey(0px)}60%
{transform:scale(1) rotate(-15deg) translatey(0px)}77%{transform:scale(1)
rotate(10deg) translatey(0px)}100%{transform:translatey(0)}}
@-webkit-keyframes templatemarkRing{0%{-webkit-transform:rotateZ(0)}1%{-webkit-
transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-
transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-
transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-
transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-
transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-
transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-
transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-
transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-
transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-
transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-
transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}100%{-webkit-
transform:rotateZ(0)}}
@-moz-keyframes templatemarkRing{0%{-moz-transform:rotate(0)}1%{-moz-
transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-
transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-
transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-
transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-
transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-
transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-
transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-
transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-
transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-
transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-
transform:rotate(1deg)}43%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}
@keyframes templatemarkRing{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%
{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%
{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%
{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%
{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%
{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%
{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%
{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%
{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%
{transform:rotate(1deg)}43%{transform:rotate(0)}100%{transform:rotate(0)}}
.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in
1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-
fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-
animation-duration:1s;animation-duration:1s}
.fade-in.one{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-
delay:.7s}
.fade-in.two{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-
delay:1.2s}
.fade-in.three{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-
delay:1.6s}
.search-box2 {display:none;}

@media screen and (max-width:1066px) {


.wrapper, #main-header, #outer-wrapper, .featured-area {width:100%;}
#recent1 .recent-box .imageContainer { width: 100%;}
#recent1 .recent-box {width:31.8%}
#HTML3 {width: initial!important;}
.post-info {font-size:9px; overflow: initial;}
#outer-wrapper { padding: 0; width: 97%; overflow: hidden; }
.content-area {margin: 0 10px 0 10px; width: 66%;}
}

@media screen and (max-width:960px) {


.popnotification.aktif {top:5%}
.popnotification2 {width: initial;}
.popnotification {width: initial; height:260px;overflow: auto;}
.wrapper, #main-header, #outer-wrapper {width:100%; padding: 0;display:block;}
#HTML3 {width: initial!important; position: initial!important;}
#header {float: initial; width: 100%; height: initial; max-width: initial; color:
#222; margin: 0;}
#header h1, #header h2, #header p {font-size: 28px; line-height: 1.2; text-align:
center; display: block; overflow: hidden;margin:0;}
#adpost2, #adpost3 {margin-left:0;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top:0;line-
height:1.5;}
.bwrapsite-content{width: 90%; overflow: hidden; align-items: flex-start; display:
flex; flex-wrap: wrap; margin: 0 auto;}
.content-area {float:none;width:initial;width:100%!important;margin:0;}
.sidebar-area {width:100%!important;}
#header-ad {height:auto;}
ul#relpost_img_sum li {width:100%!important;}
.top-social {display:none;}
#logo {margin-left:10px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:46%;float:left;margin-left:20px;}
.header-right {max-width: 100%;}
.woo{width:100%}
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.post {width:initial!important;}
</b:if>

@media only screen and (max-width:768px){


#search-bar { display: block; position: relative; width: 50%; overflow: hidden;
margin-top: 10px;}
.Header h1 {margin-top:10px; max-height: initial;}
.top-header {height: initial;margin-bottom:20px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {}
.related-post-style-2 li {}
.post-body {width:auto!important;}
.related-post-item-title {font-size:12px!important;}
#footer-col1, #footer-col2, #footer-col3 {width: 100%; float: left; margin-left:
10px;}
#recent1 .recent-box {width:31.333%}
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.postdata2 {position: initial!important;overflow:hidden;}
</b:if></b:if>
.readmore2 {display:none;}
.post-info {margin:0;font-size: 10px;}
.share-item.share {right: 15px;bottom: 7px;}
}

@media only screen and (max-width:640px){


.search-box1 {display:none;}
.btn li { display: -webkit-box!important;}
.search-box2 {display: -webkit-box; padding: 10px; overflow: hidden; width: 90%;}
input#sq {width:85%;float: initial;}
.Header h1 {margin-top:0; max-height: initial;}
#recent1 .recent-box {width:46.5%}
.label-info a {bottom:22px;}
#footer-wrapper .widget li {margin: 5px 0 0;}
#search-bar { display: block; position: relative; float: right; width: 100%;
overflow: hidden; margin:0}
.post-body {width:auto!important;line-height: 1.4; font-size: 13px;}
.related-postbwrap {width:100%;}
.home-link {display:none;}
.pager-left, .pager-right {width:43%!important;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:100%;float:left;margin-left:10px;}
.author-info, .comment-info, .time-info {margin-right:10px;float: initial!
important;}
<b:if cond='data:blog.pageType == &quot;item&quot;'>
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:25px!
important;}
.sharepost ul li {display:block!important;margin-bottom: 5px}
.avatar-container {display:none;}
</b:if>
#main-header {width:90%;height:50px;}
#search-bar {margin:0; }
}

@media only screen and (max-width:480px){


.Label ul li {width:100%;}
.popnotification {height: 500px;}
.post-image {float:none;margin-right:0;margin-bottom:8px}
.top-header {height: initial;}
.post-image img {width:100%!important;height: 200px!important;}
.pager-left, .pager-right {width:100%!important;}
#blog-pager {overflow:hidden!important;}
.pager-left {margin-bottom: 10px!important; border-bottom: 1px solid #eee; padding-
bottom: 10px;overflow: hidden;}
.templatemarkDark .pager-left {border-bottom: 1px solid #15202b;}
.related-post-style-2 li {width:100%!important}
.related-post-style-2 .related-post-item-thumbnail {width: 100%!important;;
height:210px!important;; float: left; }
.sharepost li {float:none!important;width:initial!important;}
.top-navigation-left {display:none;}
.top-navigation-right {margin:0;}
#header-wrapper {text-align:center;}
#header {max-width: initial;}
.comments .comments-content .datetime a {display:none;}
.post-info2 {margin-top:0;margin-bottom:10px;}
#recent1 .recent-box, #recent2 .recent-box {width:100%}
#recent1 .recent-box .imageContainer {width:100%}
.post-outer {width:initial!important;margin-right:0!important;}
.post ul li span {display:none;}
.post-summary {display:block;}
#FeaturedPost1 .image {width: 100%;border-bottom-left-radius: 0; border-bottom-
right-radius: 0;}
.showpage a, .showpageNum a, .showpagePoint, .showpageOf {padding: 8px 10px;}
}

@media screen and (max-width:320px){


}
</style>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.readmore2 {display:none;}
.post-body { color: #333; margin-right: 0; font-size: 16px; font-weight: 400; line-
height: 1.6; font-family: Google Sans; }
.content article{background-color: #fff; border-radius:5px; position: relative;
overflow: hidden; transition: all .3s ease;border: 1px solid #ddd; border-top: 0;}
.post {background: #fff; height: auto; border: 1px solid #e2e2e2; box-shadow: 4px
4px 15px rgba(0,0,0,0.1); margin-bottom: 20px; overflow: hidden; margin-top: 0;
border-top: 0;}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.content article{background-color: #fff; border-radius:5px; position: relative;
overflow: hidden; transition: all .3s ease;border: 1px solid #ddd; border-top: 0;}
.post {background: #fff; height: auto; border: 1px solid #e2e2e2; box-shadow: 4px
4px 15px rgba(0,0,0,0.1); margin-bottom: 20px; overflow: hidden; margin-top: 0;
border-top: 0;}
.post-body {color: #333; margin-right: 0; font-size: 16px; font-weight: 400; line-
height: 1.6; font-family: Google Sans;}
.first-image {margin: 0; z-index: 1; padding: 0; float: left; overflow: hidden;
transition: all 1s ease-out; position: relative;width:100%}
.first-image img{width:100%;height:auto;max-height:480px}
.postdata {padding: 20px; position: relative; bottom: 50px; overflow: hidden; font-
size: 20px; color: #555; width: 85%; background: #fff; z-index: 1; box-shadow: 4px
4px 15px rgba(0,0,0,0.1); margin: 0 auto; text-align: center; border-radius: 5px;
margin-bottom: -20px;}
.post-info {font-size: 13px; font-weight:500;text-align:center;float: inherit;}
.post-info a {color:#333;}
.comment-info { font-weight: 500; padding: 0 15px; color: #333; border-radius:
100px; float: right; border: 1px solid #ddd; margin: 0;}
.comment-info a {color:#444;padding:0;}
.comment-info a:hover {color:#333;padding:0;}
.time-info {margin-left: 10px;}
.authorAvatar {}
.authorAvatar img {width:50px;border-radius:100px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#333;margin-
top: 0; font-size:20px; margin-bottom: 10px; font-weight: 500; max-height: initial;
-webkit-line-clamp: initial;}
.time-info { border: 0; padding: 0; border-radius: 0; }
.sharepost li{width:19%;padding:0;list-style:none;}
.sharepost li a{color:#fff;display:block;font-size: 12px;font-family:Google
Sans;font-weight:500;height:40px;line-height:40px;text-transform: uppercase;
border-radius: 4px;}
.sharepost{overflow:hidden;text-align:center;padding: 20px; border-top: 1px solid
#eee;margin-top:10px;}
.sharepost li a:hover{opacity:0.8;color:#444;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost
li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost
li .linkedin:hover{opacity:0.9;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa {float: left; padding: 13.4px; overflow: hidden; background:
rgba(0, 0, 0, 0.14);}
.ad_banner728 img {max-width:100%;}
.ad_banner728 {margin-bottom:10px;}

.authorboxwrap{background: #fff; border-bottom: 1px solid #eee; padding:


20px;display:none;}
.avatar-container {float: left; margin-right: 20px; padding: 5px; border-
radius:100px; box-shadow: 4px 4px 15px rgba(0,0,0,0.1);}
.avatar-container img{width:120px;height:auto;max-width:100%!important;border-
radius:100px;}
.author_description_container h4{font-weight:600;font-
size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#333}
.author_description_container h4 a:hover{color:#404040}
.author_description_container p{margin:0;color:#333;font-size:14px;margin-
bottom:8px;line-height:25px;font-weight:400;}

.old_new {display:none;}
.pager{padding:20px;border-top: 1px solid #eee; border-bottom: 1px solid
#eee;background: #fdfdfd;}
.pager-left{width: 45%; float: left; margin: 0;color: #333; transition: all .3s
ease-out; height: 64.5px;}
.pager-right{width: 45%; float: right; margin: 0;color: #333; transition: all .3s
ease-out; height: 64.5px;}
.pager-right:hover .pager-title-left,.pager-left:hover .pager-title-left{}
.pager-left a,.pager-right a{color:#999;}
.pager-left a,.pager-right a,.current-pageleft,.current-pageright{font-
size:13px;color: rgb(81, 81, 81); font-weight:600;background:none;text-
decoration:none;}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.pager-title-left{font-size: 16px; font-weight: 600; transition: all .3s ease-out;
color: #333; display: block; font-family: -apple-
system,BlinkMacSystemFont,&#39;Segoe
UI&#39;,&#39;Oxygen&#39;,&#39;Roboto&#39;,&#39;Ubuntu&#39;,&#39;Cantarell&#39;,&#39
;Fira Sans&#39;,&#39;Droid Sans&#39;,&#39;Helvetica Neue&#39;,Arial,sans-serif;}
.ispager-left{margin:0}
.ispager-right{margin:0}
#blog-pager svg {width:14px; height: 20px; vertical-align: middle; transition:
all .3s ease;fill: #444;display:none;}
#blog-pager {margin:0;float:initial;}
#blog-pager a {font-size:14px;background: transparent;color: #4090f1;}
#blog-pager a:hover {color: #333;}
#blog-pager-newer-link, #blog-pager-older-link {line-height:1.3;}
.related-postbwrap{width: 100%; float: left; background: #fff;}
.related-postbwrap h4{color: #444; font-size: 16px; font-weight:600; margin-bottom:
10px; text-transform: capitalize; margin: 0; padding: 15px 0; text-align: center;
border-bottom: 1px solid #eee;background: #fff;font-family: -apple-
system,BlinkMacSystemFont,&#39;Segoe
UI&#39;,&#39;Oxygen&#39;,&#39;Roboto&#39;,&#39;Ubuntu&#39;,&#39;Cantarell&#39;,&#39
;Fira Sans&#39;,&#39;Droid Sans&#39;,&#39;Helvetica Neue&#39;,Arial,sans-serif;}
.related-post-style-2,.related-post-style-2 li{list-style:none;margin:0}
.related-post-style-2 li{overflow: hidden; float: left; padding: 0; margin-
bottom:10px; border-radius: 5px; border: 1px solid #ddd;background: #fdfdfd;}
.related-post-style-2 li:last-child {margin-bottom:0;}
.related-post-style-2 .related-post-item-thumbnail{width: 200px; height: 140px;
float: left;}
.related-post-style-2 .related-post-item-title{font-weight: 500; font-size: 17px;
color: #2D2D2D; z-index: 0; line-height: 1.4; margin: 0 0; max-height: 44px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; text-overflow: ellipsis;padding: 15px 15px 0;}
.related-post-style-2 .related-post-item-summary{padding:10px 15px 15px;font-size:
14px; font-weight: 400; line-height: 1.5; color: #666; margin-bottom: 0; font-
family: Google Sans;overflow: hidden; display: block;}
.related-post-item-more{display: none; color: #4090f1!important; margin: 0; font-
size: 21px; overflow: hidden; height: 24px; float: right;}
.related-postbwrap ul {padding:20px;overflow: hidden;}
.post ul li span { position: relative; margin: 0; padding: 0; margin-bottom: 0;
text-decoration: none; transition: all .3s ease-out; }

.templatemarkDark{transition: all .3s ease;}


.templatemarkDark .postdata { background: #15202b;transition: all .3s ease;}
.templatemarkDark .time-info {border:0;}
.templatemarkDark .pager {border:0;transition: all .3s ease;}

.templatemarkDark .pager, .templatemarkDark .sharepost {border-top: 1px solid


#15202b; background: #213040;transition: all .3s ease;color: #ddd;}
.templatemarkDark .related-postbwrap h4 {background: #213040;transition: all .3s
ease;}
.templatemarkDark .pager-title-left {color:#ddd;transition: all .3s ease;}
.social-links li { list-style:none !important; float: left;}
.social-links a {border-bottom: none;}
.social-links a:after, .social-links a:before{ content: none!important; }
.social-links i {background: #f6f6f6; color: #555; font-size: 17px; text-align:
center; display: inline-block; padding: 7px 15px; margin: 0px 3px; border-radius:
5px;}
.author-box .avatar{margin-left: 2.4rem; float: right !important; border: 2px solid
#F0F0F0; padding: 2px;}

.wrapper-card{display:flex;flex-wrap:nowrap;margin:0 auto;width:100%;border:1px
solid #eee;box-shadow:4px 4px 15px rgba(0,0,0,0.1)}
.wrapper-card ul li{overflow:hidden;text-align:center;margin:0;padding:10px;font-
size:13px;color:#555}
.card{background:#fff;border-radius:3px;box-shadow:0 1px 1px
rgba(0,0,0,0);flex:1;margin:8px;position:relative;text-
align:center;transition:all .5s ease-in-out}
.card.popular{box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.card.popular .card-title h3{color:#3498db;font-size:22px}
.card.popular .card-price h1{color:#3498db;font-size:60px}
.card.popular .card-action button{background-color:#3498db;border-
radius:80px;color:#fff;font-size:17px;padding:15px}
.card.popular .card-action button:hover{background-color:#2386c8;font-size:23px}
.card:hover{box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.card-ribbon{position:absolute;overflow:hidden;top:-10px;left:-
10px;width:114px;height:112px}
.card-ribbon span{position:absolute;display:block;width:160px;padding:10px
0;background-color:#3498db;box-shadow:0 5px 5px rgba(0,0,0,0.2);color:#fff;font-
size:13px;text-transform:uppercase;text-align:center;left:-
35px;top:25px;transform:rotate(-45deg)}
.card-ribbon::before,.card-ribbon::after{position:absolute;z-index:-
1;content:&#39;display:block;border:5px solid #2980b9;border-top-
color:transparent;border-left-color:transparent}
.card-ribbon::before{top:0;right:0}
.card-ribbon::after{bottom:0;left:0}
.card-title h3{color:rgba(0,0,0,0.3);font-size:15px;text-transform:uppercase}
.card-title h4{color:rgba(0,0,0,0.6)}
.card-price h1{font-size:46px}
.card-price h1 sup{font-size:15px;display:inline-block;margin-left:-
20px;width:10px}
.card-price h1 small{color:rgba(0,0,0,0.3);display:block;font-size:11px;text-
transform:uppercase}
.card-description ul{display:block;list-style:none;margin:60px 0;padding:0}
.card-description li{color:rgba(0,0,0,0.6);font-size:15px;margin:0 0 15px}
.card-description li::before{font-family:FontAwesome;content:&quot;padding:0 5px 0
0;color:rgba(0,0,0,0.15)}
.card-action button{background:transparent;border:2px solid #3498db;border-
radius:30px;color:#3498db;cursor:pointer;display:block;font-size:15px;font-
weight:700;padding:20px;width:100%;height:60px;text-
transform:uppercase;transition:all .3s ease-in-out}
.card-action button:hover{background-color:#3498db;box-shadow:0 2px 4px
#196090;color:#fff;font-size:17px}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
#outer-wrapper {display:none;}
#error404 {text-align:center;margin-bottom:50px;font-weight:400;font-
size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:20px;color:#eee;}
#error-text a{background:#fff; padding: 10px; border-radius: 5px;}
#error-text a:hover{color:#eee;}
#error-text p {color:#eee;margin:50px 0 0 0;}
#error-text span {position:relative;color:#fff;font-size:450%;padding:0
20px;border-radius:5px;font-weight:700;letter-spacing:3px;transition:all .5s}
#error-text span:hover {color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly
.5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s;}
@-webkit-keyframes jelly{
from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-
transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-
transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-
transform:scale(.95,1.05);transform:scale(.95,1.05)}}
@keyframes jelly{
from,to{-webkit-transform:scale(1, 1);transform:scale(1,1)}25%{-webkit-
transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-
transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,
1.05);transform:scale(.95, 1.05)}}
@media only screen and (max-width:640px){
#error-text span {font-size:200%;}
#error-text a:hover {color:#fff;}}
</style>
</b:if>
<b:include data='blog' name='google-analytics'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.content article{background-color: #fff; border-radius:5px; position: relative;
overflow: hidden; transition: all .3s ease;border: 1px solid #ddd; border-top: 0;}
.blog-posts {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
.post-outer{display: -webkit-box; display: -webkit-flex; display: -moz-box;
display: -ms-flexbox; display: flex; flex-wrap: wrap; height: 100%;}
.post-inner {width: 100%;}
.content article:hover, .post-summary:hover{box-shadow:0 0 10px 1px
rgba(0,0,0,.08)}
.post {}
.post-body {display:none;}
.breadcrumbs {margin-bottom:5px;}
.label-info a {padding-right: 5px; transition: all .3s ease-out; overflow: hidden;
font-size: 12px; color: #4090f1; font-weight: 500; display: inline-block; margin-
bottom: 5px; border-right: 1px solid #ddd;}
.author-info {display:none;}
.label-info a:nth-child(n+2) {border-right:0;}
.odd {margin-right:0;}
.templatemarkDark #blog-pager a {background-color:#213040;border: 1px solid
#15202b;transition: all .3s ease; color: #ddd;}
.templatemarkDark .showpagePoint {background: #657786!important;}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;script type=&quot;text/javascript&quot; src=&quot;//platform-
api.sharethis.com/js/sharethis.js#property=5c80289bcbb218001761d95c&amp;product=inl
ine-share-buttons-wp&quot;&gt;&lt;/script&gt;
</b:if>
</head>
<body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error404'>
<div id='error-text'>
<span>404 Page Not Found</span>
<p><a class='back' href='/'><i class='fa fa-home'/> HOME</a>
</p>
<br/>
<div id='mscontent'/>
</div>
</div>
</b:if>
<div class='clear'/>
<div id='outer-wrapper'>
<div class='templatemarkHeader'>
<div class='inner'>
<header>
<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='MSD Blogger Template (Header)'
type='Header' version='1'>
<b:widget-settings>
<b:widget-setting
name='displayUrl'>http://1.bp.blogspot.com/-_kJFdLA0oVg/XrHZFKbVtZI/AAAAAAAADd8/
r6eG-5m5zZggsh_dKa5DtLLIVy-phQCAQCK4BGAYYCw/s1600/banner%2Bcopy.png</b:widget-
setting>
<b:widget-setting name='displayHeight'>64</b:widget-setting>
<b:widget-setting name='sectionWidth'>780</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>220</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='behind'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; +
data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-
position: &quot; + data:backgroundPositionStyleStr + &quot;;
&quot; + data:widthStyleStr +
&quot;min-height: &quot; + data:height + &quot;_height:
&quot; + data:height + &quot;background-repeat: no-repeat;
&quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>

</div>
<b:include name='description'/>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</header>
<form action='/search' class='templatemarkSearch'>
<input class='check' id='templatemarkSearch' type='checkbox'/>
<input class='input' name='q' oninput='this.setCustomValidity(&quot;&quot;)'
oninvalid='this.setCustomValidity(&quot;Ketik kata kunci pencarian&quot;)'
placeholder='Search here...' required='required' title='' type='text'/>
<label class='icon' for='templatemarkSearch'>
<svg class='open' viewBox='0 0 24 24'><path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11
15.41,12.59
14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12
7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/></svg><svg class='close'
viewBox='0 0 24 24'><path d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22
12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2
12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,1
5.59L13.41,12L17,8.41L15.59,7Z'/></svg>
</label>
<button title='Pencarian'>
<svg viewBox='0 0 24 24'><path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59
14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41
11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12
7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/></svg>
</button>
</form>

<nav class='templatemarkMenu' itemscope='itemscope'


itemtype='https://schema.org/SiteNavigationElement'>
<input class='check' id='templatemarkMenu' type='checkbox'/>
<label for='templatemarkMenu' title='Menu'>
<svg class='open' viewBox='0 0 24 24'><path
d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/></svg>
<svg class='close' viewBox='0 0 24 24'><path
d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/></svg>
</label>
<ul>
<li>
<a class='shownotif' href='javascript:;'>
<svg viewBox='0 0 24 24'><path
d='M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H1
5.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,
21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z'/></
svg><span>Categories</span> <svg class='open' viewBox='0 0 32 32'><path d='M32
16c0-8.837-7.163-16-16-16s-16 7.163-16 16 7.163 16 16 16 16-7.163 16-16zM3 16c0-
7.18 5.82-13 13-13s13 5.82 13 13-5.82 13-13 13-13-5.82-13-13z'/>
<path d='M9.914 11.086l-2.829 2.829 8.914 8.914 8.914-8.914-2.828-2.828-6.086
6.086z'/></svg></a>
</li>
<!-- Sidebar Menu Start -->
<li>
<a href='/p/contact.html'>
<svg viewBox='0 0 24 24'><path d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2
19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20
8V18Z'/></svg><span itemprop='name'>Contact</span></a>
</li>
<li>
<a href='#'>
<svg viewBox='0 0 24 24'><path d='M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19C21,20.11
20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1
5,3H19M16.7,9.35L15.7,10.35L13.65,8.3L14.65,7.3C14.86,7.08 15.21,7.08
15.42,7.3L16.7,8.58C16.92,8.79 16.92,9.14
16.7,9.35M7,14.94L13.06,8.88L15.12,10.94L9.06,17H7V14.94Z'/></svg><span
itemprop='name'>Write for us</span></a>
</li>
<li>
<a href='#'>
<svg viewBox='0 0 24 24'><path d='M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1
21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2
3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V1
2Z'/></svg><span itemprop='name'>Templates</span></a>
</li>
<li class='templatemarkDarkMode'>
<input class='check' id='templatemarkDark' type='checkbox'/>
<label class='icon' for='templatemarkDark'/>
<div class='nmode'>
<svg viewBox='0 0 24 24'><path d='M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47
16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1
12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05
8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0
12,4Z'/></svg><span>Night Mode</span>
</div>
<div class='gelap'>
<svg viewBox='0 0 24 24'><path d='M12,2C9.76,2 7.78,3.05
6.5,4.68L16.31,14.5C17.94,13.21 19,11.24 19,9A7,7 0 0,0
12,2M3.28,4L2,5.27L5.04,8.3C5,8.53 5,8.76 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0
0,0 9,18H14.73L18.73,22L20,20.72L3.28,4M9,20V21A1,1 0 0,0 10,22H14A1,1 0 0,0
15,21V20H9Z'/></svg><span>Bright Mode</span>
</div>
</li>
<li class='profile'>
<a href='/'>
<img alt='Author Profile'
src='https://1.bp.blogspot.com/-uVSLa957jy4/XrBwK6Jr2dI/AAAAAAAADcM/qPB_-
WoQiUoCmKTpGWjA7-kYSWNoHjycwCLcBGAsYHQ/s320/blank-profile-picture.png'/><span
itemprop='name'>Profile</span></a>
</li>
<li class='subs'>
<a href='https://www.facebook.com/' rel='nofollow noopener' target='_blank'><svg
viewBox='0 0 32 32'><path d='M12 23c0-4.726 2.996-8.765 7.189-10.319 0.509-1.142
0.811-2.411 0.811-3.681 0-4.971 0-9-6-9s-6 4.029-6 9c0 3.096 1.797 6.191 4
7.432v1.649c-6.784 0.555-12 3.888-12 7.918h12.416c-0.271-0.954-0.416-1.96-0.416-
3z'/>
<path d='M23 14c-4.971 0-9 4.029-9 9s4.029 9 9 9c4.971 0 9-4.029 9-9s-4.029-9-9-
9zM28 24h-4v4h-2v-4h-4v-2h4v-4h2v4h4v2z'/></svg><span>Follow</span></a>

<a class='showsubs' href='javascript:;'><svg viewBox='0 0 24 24'><path


d='M16,17H7V10.5C7,8 9,6 11.5,6C14,6 16,8 16,10.5M18,16V10.5C18,7.43 15.86,4.86
13,4.18V3.5A1.5,1.5 0 0,0 11.5,2A1.5,1.5 0 0,0 10,3.5V4.18C7.13,4.86 5,7.43
5,10.5V16L3,18V19H20V18M11.5,22A2,2 0 0,0 13.5,20H9.5A2,2 0 0,0
11.5,22Z'/></svg><span>Subscribe</span></a>

</li>
<!-- Sidebar Menu END -->

<!-- Sidebar Footer Menu Start -->


<li class='footer'>
<a href='/p/site-map.html' itemprop='url' title='Sitemap'><span
itemprop='name'>Sitemap</span></a> -
<a href='/p/about-ms-design.html' itemprop='url' title='About us'><span
itemprop='name'>About us</span></a> -
<a href='/p/privacy-policy.html' itemprop='url' title='Privacy Policy'><span
itemprop='name'>Privacy</span></a>
<!-- Sidebar Footer Menu END -->

<!-- Sidebar Footer Social -->


<span class='social'>
<a class='facebook' href='https://www.facebook.com/' rel='nofollow noopener'
target='_blank' title='Facebook'>
<svg viewBox='0 0 24 24'><path d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0
0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0
12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z'/></svg></a>

<a class='twitter' href='https://twitter.com/' rel='nofollow noopener'


target='_blank' title='Twitter'>
<svg viewBox='0 0 24 24'><path d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0
0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13
18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38
16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38
6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69
8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76
7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95
17.71,9.33Z'/></svg></a>

<a class='instagram' href='https://www.instagram.com/' rel='nofollow noopener'


target='_blank' title='Instagram'>
<svg viewBox='0 0 24 24'><path d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0
0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0
4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4
16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0
0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0
0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0
0,0 12,9Z'/></svg></a>

<a class='ytube' href='https://www.youtube.com/' rel='nofollow noopener'


target='_blank' title='Youtube'><svg viewBox='0 0 24 24'>
<path d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27
21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8
21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78
17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84
4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73
2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2
2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09
9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27
21.56,7.17Z'/></svg></a>
</span>
<!-- Sidebar Footer Social END-->
<span class='credit'>Copyright &#169;<script type='text/javascript'>var creditsyear
= new Date();document.write(creditsyear.getFullYear());</script></span>
<span class='developer'><div id='mscontent'/></span>
</li>
</ul>
</nav>
</div>
</div>
<div style='clear: both;'/>
<div class='bwrapsite-content' id='bwrapcontent'>
<b:section class='animated fadeInUp' id='adpost2' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML66' locked='true' title='Put your ad code here' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div id='header-ad'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear: both;'/>
<div class='content-area' id='primarybwrap'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='favpost' maxwidgets='1' showaddelement='yes'>
<b:widget id='FeaturedPost1' locked='true' title='Featured Post'
type='FeaturedPost' version='1'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>276926880279020200</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Only display title if it's non-empty -->
<b:include name='content'/>
<b:include name='quickedit'/>
</b:includable>
<b:includable id='content'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='post-summary'>
<b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
<a expr:href='data:postUrl'><img class='image'
expr:src='data:postFirstImage'/></a>
</b:if>
<div class='postdata'>
<b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
<div class='favtitle'> <a
expr:href='data:postUrl'><data:postTitle/></a></div>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
<p>
<data:postSummary/>
</p>
<div class='share-item share' style=' margin-top: 5px; '>
<a class='button' expr:href='data:postUrl + &quot;#more&quot;'
expr:title='data:post.title'><i class='fa fa-bookmark-o'/></a>
</div>

</b:if>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<div class='bwrapsite-main' id='mainbwrap' role='main'>
<b:section class='content' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#27ae60</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'>#27ae60</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#27ae60</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='timestampLabel'>-</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</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'>false</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='backlinksLabel'>TÃ&#161;º&#161;o
mÃ&#161;&#187;&#8482;t Liên kÃ&#161;º&#191;t</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>

<!-- posts -->


<div class='blog-posts'>

<b:include data='posts' name='breadcrumb'/>

<b:loop values='data:posts' var='post'>

<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='threaded_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='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>

<!-- feed links -->

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

<b:else/>
<b:include name='mobile-main'/>
</b:if>

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</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:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form' style='padding: 15px; background: #fff; border-radius:
5px; border: 1px solid #ddd;'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-
link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;
+ data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;
+ data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-
bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</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'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<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'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-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 style='clear: both;'/>


</a>

<div class='mobile-index-comment'>
<b:if cond='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>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<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'>&amp;lsaquo;</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'>&amp;rsaquo</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>


<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link'
expr:href='data:desktopLinkUrl'><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'>


<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</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' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</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'>
<meta expr:content='data:post.url.canonical' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'
itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in
{&quot;item&quot;,&quot;static_page&quot;} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</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:include cond='data:blog.pageType in
{&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article expr:id='&quot;post-body-&quot; + data:post.id'
expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;&quot;) +
&quot;&quot;'>
<script type='application/ld+json'>{
&quot;@context&quot;: &quot;http://schema.org&quot;,
&quot;@type&quot;: &quot;BlogPosting&quot;,
&quot;mainEntityOfPage&quot;: {
&quot;@type&quot;: &quot;WebPage&quot;,
&quot;@id&quot;: &quot;<data:post.url/>&quot;
},
&quot;headline&quot;: &quot;<data:post.title/>&quot;,
&quot;description&quot;: &quot;<data:blog.metaDescription/> &quot;,
&quot;datePublished&quot;: &quot;<data:post.timestamp/>&quot;,
&quot;dateModified&quot;: &quot;<data:post.timestampISO8601/>&quot;,
&quot;image&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;: &quot;<data:post.firstImageUrl/>&quot;,
&quot;height&quot;: 390,
&quot;width&quot;: 700},
&quot;publisher&quot;: {
&quot;@type&quot;: &quot;Organization&quot;,
&quot;name&quot;: &quot;<data:blog.title/>&quot;,
&quot;logo&quot;: {
&quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;:
&quot;https://4.bp.blogspot.com/-RsfLLOhthlU/XaTkPZIoyqI/AAAAAAAADLM/
Za8EQx9h3L4wB9p4IY59R_3_mRAAIhuYQCK4BGAYYCw/s1600/pure%2Bapk.png&quot;,
&quot;width&quot;: 266,
&quot;height&quot;: 90
}
},&quot;author&quot;: {
&quot;@type&quot;: &quot;Person&quot;,
&quot;name&quot;: &quot;<data:post.author/>&quot;
}
}</script>
<div class='post-outer'>
<div class='post-inner'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<div class='format-image hentry post-image post-format-image'>
<a expr:href='data:post.url'>
<img expr:alt='data:post.title'
expr:src='resizeImage(data:post.firstImageUrl, 350)'/>
</a>
</div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='post-image'><img
expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='post-image'><img
expr:alt='data:post.title'/></div>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='first-image'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl,800)'
expr:title='data:post.title'/>
</div>
</b:if>
<div class='postdata'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a class='label-info' expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
&quot;true&quot;'/>
</b:loop>
</span>
</b:if>
</b:if>
</b:if>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='sharethis-inline-share-buttons' style='margin-bottom:10px;height:
35px;'/>
</b:if>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumb' itemscope='itemscope'
itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl.canonical' itemprop='item'
title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'>Home</span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='num' values='data:post.labels' var='label'>
&amp;nbsp;&#8250;&amp;nbsp;
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'
expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&amp;nbsp;&#8250;&amp;nbsp; There are no categories
</b:if>
</div>
</b:loop>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-info'>
<b:if cond='data:post.labels'>
<span class='label-info'>
in
<b:loop values='data:post.labels' var='label'>
<a class='label-info' expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
&quot;true&quot;'/>
</b:loop>
</span>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
published on <a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published updated'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<b:if cond='data:post.allowComments'>
<span class='comment-info'> <i class='fa fa-comment-o'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments ==
0'> leave a reply </b:if> <b:if cond='data:post.numComments == 1'>1
comment</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/>
comments</b:if>
</a>
</span>
</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='post-info'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
<i class='fa fa-clock-o'/> <a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published updated'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
<i class='fa fa-comments-o'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments ==
0'> No Comment </b:if> <b:if cond='data:post.numComments == 1'>1
Comment</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/>
Comments</b:if>
</a>
</span>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<i class='fa fa-user'/>
<span class='fn'>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
rel='author' title='author profile'>
<span><data:post.author/></span>
</a>
</span>
</span>
<b:else/>
<span class='author-info'>
<i class='fa fa-user'/> Posted By:
<span class='fn'>
<span><data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='share-item share'>
<a class='button' expr:href='data:post.url + &quot;#more&quot;' title='Read
More'><i class='fa fa-bookmark-o'/></a>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id'>
<data:post.body/>
</div>
<div style='clear: both;'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id'>
<data:post.body/>
</div>
<div style='clear: both;'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<center>
<div class='sharepost'>
<div class='sharethis-inline-reaction-buttons'/>
</div>
</center>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='pager'>
<div class='blog-pager' id='blog-pager'>
<div class='pager-left'>
<div class='ispager-left'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<span class='pager-title-left'><svg viewBox='0 0 32 32'>
<path d='M16 32c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16
16zM16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13-13-5.82-13-13 5.82-13 13-13z'/>
<path d='M20.914 9.914l-2.829-2.829-8.914 8.914 8.914 8.914 2.828-2.828-6.086-
6.086z'/>
</svg> Previous Post</span>
<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'/>
</span>
<b:else/>
<span class='current-pageleft'><span
class='pager-title-left'>Latest</span></span>
</b:if>
</div>
</div>
<div class='pager-right'>
<div class='ispager-right'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<span class='pager-title-left'>Next Post <svg viewBox='0 0 32 32'>
<path d='M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-
16zM16 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z'/>
<path d='M11.086 22.086l2.829 2.829 8.914-8.914-8.914-8.914-2.828 2.828 6.086
6.086z'/>
</svg></span>
<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'/>
</span>
<b:else/>
<span class='current-pageright'><span class='pager-title-left'>First</span></span>
</b:if>
</div>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author'
expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4><span>post written by: </span><a href='#'
rel='author'><data:post.author/></a> <i class='fa fa-check-circle'
style='color:rgb(17, 143, 249);font-size:16px;' title='Verified Author'/> </h4>
<p>
<data:post.authorAboutMe/>
</p>
</div>
</div>
<ul class='social-links'>
<li class='first'><a class='external external-link' href='#' rel='nofollow'
target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i
class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i
class='fa fa-google-plus'/></a></li>
<li><a class='email-link' href='mailto:[email protected]'><i class='fa fa-
envelope-o'/></a></li>
<li class='last'><a href='/'><i class='fa fa-laptop'/> </a></li>
</ul>
</div>
<div style='clear: both;'/>
<div class='related-postbwrap' id='bpostrelated-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels'
var='label'> &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if> </b:loop></b:if>];eval(function(p,a,c,k,e,d)
{e=function(c){return c.toString(36)};if(!&#39;&#39;.replace(/^/,String))
{while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return
d[e]}];e=function(){return&#39;\\w+&#39;};c=1};while(c--){if(k[c]){p=p.replace(new
RegExp(&#39;\\b&#39;+e(c)+&#39;\\b&#39;,&#39;g&#39;),k[c])}}return p}(&#39;a.b(\
&#39;&lt;5\&#39;+\&#39;0 9=&quot;8/6&quot;
7=&quot;c://4.d.h/4/g/3/2.1.1/3.f.e&quot;&gt;&lt;/5\&#39;+\&#39;0&gt;\
&#39;);&#39;,18,18,&#39;ipt|||jquery|ajax|scr|javascript|src|text|type|document|
write|https|googleapis|js|min|libs|com&#39;.split(&#39;|&#39;),0,{}));var
templatemarkrtpostConfig = { homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Related Posts&lt;/h4&gt;&quot;, numPosts: 4,
summaryLength:100, titleLength: &quot;auto&quot;, thumbnailSize: 318, noImage:
&quot;&quot;, containerId: &quot;bpostrelated-post&quot;, newTabLink: true,
moreText: &quot;<i class='fa fa-bookmark-o'/>&quot;, widgetStyle: 2, callBack:
function() {} };
</script><script type='text/javascript'>//<![CDATA[
var randomRelatedIndex,showtemplatemarkrtpost;(function(n,m,k){var
d={widgetTitle:"<h4>Artikel
Terkait:</h4>",widgetStyle:1,homePage:"/",numPosts:7,summaryLength:370,titleLength:
"auto",thumbnailSize:72,noImage:"data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/
gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-
post",newTabLink:false,moreText:"More",callBack:function(){}};for(var f in
templatemarkrtpostConfig){d[f]=(templatemarkrtpostConfig[f]=="undefined")?
d[f]:templatemarkrtpostConfig[f]}var j=function(a){var
b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=fu
nction(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var
p=a.length,c,b;if(p===0){return false}while(--p)
{c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof
labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b)
{var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?
c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-
script&orderby=updated&start-index="+a+"&max-
results="+d.numPosts+"&callback=showtemplatemarkrtpost")},g=function(z){var
s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widg
etTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?'
target="_blank"':"",y='<span
style="display:none;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var
q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!
=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)
+"&hellip;":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?
x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-
c"):d.noImage;u=("summary"in
x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g,"
").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)
+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++)
{v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img
alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'"
height="'+d.thumbnailSize+'"><a class="related-post-item-title"
href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span
class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-
post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4)
{c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title"
href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'"
width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-
post-item-tooltip"><a class="related-post-item-title" title="'+t+'"
href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-
post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'"
title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'"
width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-
item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-
post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-
item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'"
width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-
item-summary"><span
class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></
li>"}else{c+='<li><a title="'+t+'"
href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};random
RelatedIndex=h;showtemplatemarkrtpost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/
posts/summary"+e+"?alt=json-in-script&orderby=updated&max-
results=0&callback=randomRelatedIndex")})
(window,document,document.getElementsByTagName("head")[0]);$
(document).ready(function(){$('#mscontent').attr('style','display: inline-block !
important;visibility: visible!important; opacity: 1!important; position: relative!
important; z-index: 1!important; font-size: 13px!important; color: #333!
important').html('Created with <i style="color:#ff695d;-webkit-animation:
templatemarkRing 6s 0s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -
moz-animation: templatemarkRing 6s 0s ease-in-out infinite; -moz-transform-origin:
50% 4px; animation: templatemarkRing 6s 0s ease-in-out infinite; transform-origin:
50% 4px;" class="fa fa-heart"></i> by <a href="https://template.vuinsider .com"
style="visibility: visible!important; opacity: 1!important; position: relative!
important; z-index: 1!important; font-size: 13px!important; color: #333!
important;font-weight:
500!important;">template.vuinsider.com</a>');setInterval(function(){if(!$
('#mscontent:visible').length)window.location.href='https://
template.vuinsider.com'},3000)});
//]]></script></b:if>
</div>
</div>
</article>
</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='//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=640\&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.showPinterestButton'><a class='goog-inline-block share-button sb-
pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;'
expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-
button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if
cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-
container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;
+ data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;
+ data:variantParam' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {


if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t +
'</span>';
}
}
}
return entry.content.$t;
}

var parse = function(data) {


cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\
d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {


if (hasMore()) {
var url = config.feed + '?
alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;


var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {


if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);


var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:


var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {


if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:


if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><i class='fa fa-comments-o'/> <data:post.commentLabelFull/>:</h4>

<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<aside>
<div id='sidebar-wrapper' itemscope='itemscope'
itemtype='http://schema.org/WPSideBar'>
<div class='sidebar-area' id='sidebar' role='complementary'>
<b:section class='sidebarbtop' id='sidebarbtop' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>5</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_WEEK</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'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a
expr:href='data:post.href'><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.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:alt='data:post.title'
expr:height='data:thumbnailSize' expr:src='data:post.thumbnail'
expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='true' title='' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[]]></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>
</div></div>
</aside>
<div style='clear: both;'/>
<b:section class='animated fadeInUp' id='adpost3' maxwidgets='1'
showaddelement='yes'>
<b:widget id='HTML77' locked='true' title='Put your ad code here' type='HTML'
version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div id='header-ad'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
<b:if cond='data:blog.isMobileRequest'>
<center>
<br/>
<div id='mscontent2'/>
</center>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div style='clear: both;'/>
</div>
</div>
<div class='smoothscroll-top'>
<span class='scroll-top-inner'>
<i aria-hidden='true' class='fa fa-chevron-up'/>
</span>
</div>

<script type='text/javascript'>eval(function(p,a,c,k,e,d){e=function(c){return
c.toString(36)};if(!&#39;&#39;.replace(/^/,String)){while(c--)
{d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function()
{return&#39;\\w+&#39;};c=1};while(c--){if(k[c]){p=p.replace(new RegExp(&#39;\\
b&#39;+e(c)+&#39;\\b&#39;,&#39;g&#39;),k[c])}}return p}(&#39;a.b(\&#39;&lt;5\
&#39;+\&#39;0 9=&quot;8/6&quot;
7=&quot;c://4.d.h/4/g/3/2.1.1/3.f.e&quot;&gt;&lt;/5\&#39;+\&#39;0&gt;\
&#39;);&#39;,18,18,&#39;ipt|||jquery|ajax|scr|javascript|src|text|type|document|
write|https|googleapis|js|min|libs|com&#39;.split(&#39;|&#39;),0,{}));
var postperpage=6;var numshowpage=5;var upPageWord =&#39;&#171; Previous&#39;;var
downPageWord =&#39;Next &#187;&#39;;
var
kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoede
faeerdsre=location.href;var
kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoe=&
quot;/&quot;;
$(document).ready(function(){var olderLink = $(&quot;a.blog-pager-older-
link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-
title:first&quot;, function() {var olderLinkTitle = $(&quot;a.blog-pager-older-
link&quot;).text();$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//
rgt
});var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);$
(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-
title:first&quot;, function() {var newerLinkTitle = $(&quot;a.blog-pager-newer-
link:first&quot;).text();$(&quot;a.blog-pager-newer-
link&quot;).text(newerLinkTitle);});});</script><script type='text/javascript'>
//<![CDATA[
$(".popular-posts ul li .item-snippet").each(function(){var t=$
(this).text().substr(0,40),s=t.lastIndexOf(" ");s>32&&$
(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});$
("img.recent_thumb").each(function(){$(this).attr("src",$
(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w80-h80-c/"))});$(".avatar-image-
container img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/
s[0-9]+(\-c)?\//,"/w40-h40-c/"))});$(".item-thumbnail img").each(function(){$
(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w100-h80-
c/"))});$("#FeaturedPost1 img").each(function(){$(this).attr("src",$
(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w275-h154-c/"))});$
(window).load(function(){$("#loader").fadeOut(),$
("#preloader").delay(350).fadeOut("slow"),$
("body").delay(350).css({overflow:"visible"})});$(function(){if($('#HTML3').length)
{var el=$('#HTML3');var stickyTop=$('#HTML3').offset().top;var stickyHeight=$
('#HTML3').height();$(window).scroll(function(){var limit=$
('#adpost3').offset().top-stickyHeight-20;var windowTop=$
(window).scrollTop();if(stickyTop<windowTop)
{el.css({position:'fixed',top:20})}else{el.css('position','static')}if(limit<window
Top){var diff=limit-windowTop;el.css({top:diff})}})}});$(function(){$
(".separator:first").remove(),$(".post-body > img:first").remove()});var nopage;var
jenis;var nomerhal;var lblname1;templatemarkblogger();function
loophalaman(templatemark){var
html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri)
{numshowpage=nomerkiri*2+1}mulai=nomerhal-
nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(templatemark/postperpage)
+1;if(maksimal-1==templatemark/postperpage)maksimal=maksimal-
1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span
class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var
prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page")
{html+='<span class="showpage"><a
href="'+kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefj
oiujoe+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a
href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</
a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#"
onclick="redirectpage('+prevnomer+');return
false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#"
onclick="redirectlabel('+prevnomer+');return
false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span
class="showpageNum"><a
href="'+kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefj
oiujoe+'">1</a></span>'}else{html+='<span class="showpageNum"><a
href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></
span>'}}if(mulai>2){html+=' '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj)
{html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page")
{html+='<span class="showpageNum"><a
href="'+kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefj
oiujoe+'">1</a></span>'}else{html+='<span class="showpageNum"><a
href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></
span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#"
onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span
class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return
false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal)
{if(jenis=="page"){html+='<span class="showpageNum"><a href="#"
onclick="redirectpage('+maksimal+');return
false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#"
onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var
nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span
class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return
false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a
href="#" onclick="redirectlabel('+nextnomer+');return
false">'+downPageWord+'</a></span>'}}var
pageArea=document.getElementsByName("pageArea");var
blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager)
{blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var
totaldata=parseInt(feed.openSearch$totalResults.
$t,10);loophalaman(totaldata)}function templatemarkblogger(){var
thisUrl=kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefj
oiujoedefaeerdsre;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?
updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")
+14,thisUrl.indexOf("?updated-
max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")
+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-
1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1)
{jenis="page";if(kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_
poefjoefjoiujoedefaeerdsre.indexOf("#PageNo=")!=-1)
{nomerhal=kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoe
fjoiujoedefaeerdsre.substring(kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPML
EJFlkdjfopef_poefjoefjoiujoedefaeerdsre.indexOf("#PageNo=")
+8,kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujo
edefaeerdsre.length)}else{nomerhal=1}document.write("<script
src=\""+kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefj
oiujoe+"feeds/posts/summary?max-results=1&alt=json-in-
script&callback=hitungtotaldata\"><\/
script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1)
{postperpage=20}if(kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfope
f_poefjoefjoiujoedefaeerdsre.indexOf("#PageNo=")!=-1)
{nomerhal=kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoe
fjoiujoedefaeerdsre.substring(kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPML
EJFlkdjfopef_poefjoefjoiujoedefaeerdsre.indexOf("#PageNo=")
+8,kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujo
edefaeerdsre.length)}else{nomerhal=1}document.write('<script
src="'+kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjo
iujoe+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-
script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function
redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var
nBody=document.getElementsByTagName('head')[0];var
newInclude=document.createElement('script');newInclude.type='text/
javascript';newInclude.setAttribute("src",kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfo
wefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoe+"feeds/posts/summary?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nBody.appendChild(newInclude)}function
redirectlabel(numberpage){jsonstart=(numberpage-
1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')
[0];var newInclude=document.createElement('script');newInclude.type='text/
javascript';newInclude.setAttribute("src",kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfo
wefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoe+"feeds/posts/summary/-/"+lblname1+"?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nBody.appendChild(newInclude)}function
finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.
$t.substring(0,19)+post.published.$t.substring(23,29);var
timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?
updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var
alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-
results="+postperpage+"#PageNo="+nopage}location.href=alamat};$(()=>{const
theme='templatemarkDark';const darkMode=localStorage.getItem(theme);$
('body').toggleClass(theme,darkMode==='true');$
('#'+theme).prop('checked',darkMode==='true').click(function(){$
("body").toggleClass(theme,$
(this).is(':checked'));localStorage.setItem(theme,String($
(this).is(':checked')))})});$(function(){$(document).on('scroll',function(){if($
(window).scrollTop()>100){$('.smoothscroll-top').addClass('show')}else{$
('.smoothscroll-top').removeClass('show')}});$('.smoothscroll-
top').on('click',scrollToTop)});function scrollToTop()
{verticalOffset=typeof(verticalOffset)!='undefined'?verticalOffset:0;element=$
('body');offset=element.offset();offsetTop=offset.top;$('html,
body').animate({scrollTop:offsetTop},600,'linear').animate({scrollTop:25},200).anim
ate({scrollTop:0},150).animate({scrollTop:0},50)};$(document).ready(function(){$
('#mscontent').attr('style','display: inline-block !important;visibility: visible!
important; opacity: 1!important; position: relative!important; z-index: 1!
important; font-size: 13px!important; color: #333!important').html('Created with <i
style="color:#ff695d;-webkit-animation: templatemarkRing 6s 0s ease-in-out
infinite; -webkit-transform-origin: 50% 4px; -moz-animation: templatemarkRing 6s 0s
ease-in-out infinite; -moz-transform-origin: 50% 4px; animation: templatemarkRing
6s 0s ease-in-out infinite; transform-origin: 50% 4px;" class="fa fa-heart"></i> by
<a href="https://template.vuinsider.com" style="visibility: visible!important;
opacity: 1!important; position: relative!important; z-index: 1!important; font-
size: 13px!important; color: #333!important;font-weight: 500!
important;">template.vuinsider.com</a>');setInterval(function(){if(!$
('#mscontent:visible').length)window.location.href='https://
template.vuinsider.com'},3000)});
//]]></script>

<!-- Popup Categories list -->


<div class='popnotification'>
<div class='notiftext'>
<b:section class='animated fadeInUp' id='adpost' maxwidgets='1'
showaddelement='yes'>
<b:widget id='Label1' locked='true' title='Labels' 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'>Arcade,Automotive,Breakfast,Business,Financial,Games,Get
Inspired,Hotels,Lunch,Politics,Related,Simulation,Stock,Strategy,Tech
Tips,Travel,Trip Ideas,World</b:widget-setting>
<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<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;max-results=8&quot;'><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 +
&quot;?&amp;max-results=8&quot;'><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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<a class='waves-effect icx close-sf' href='javascript:;'/>
</div>
<div class='matilampu'/>
<!-- Popup Categories list END-->
<div class='clear'/>
<!-- Popup Subscribe box -->
<div class='popnotification2'>
<div class='notiftext'>
<div class='wp-subscribe no-name-field' id='wp-subscribe'>
<h4 class='title'>get more nice stuff <br/> <span>in your inbox</span></h4>
<p class='text'>instantly by Subscribing to us. So you will get email everytime we
post something new here</p>

<form _lpchecked='1' action='https://feedburner.google.com/fb/a/mailverify'


method='post'
onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?
uri=XXXXXXXX&apos;, &apos;popupwindow&apos;,
&apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='email-field' name='email' placeholder='enter email id here...'
type='text' value=''/> <input name='uri' type='hidden' value='vuinsider '/><input
name='loc' type='hidden' value='en_US'/> <input class='submit' name='submit'
type='submit' value='Subscribe Now'/></form>

<div class='clear'/>
<p class='footer-text'>We guarantee you won&#39;t get any other SPAM</p>
</div>
<div class='clear'/>
</div>
<a class='waves-effect icx close-sf' href='javascript:;'/>
</div>
<div class='matilampu'/>
<!-- Popup Subscribe box END-->
<script type='text/javascript'>
$(document).ready(function(){$(&quot;.close-sf&quot;).click(function(){$
(&quot;.popnotification,.matilampu&quot;).removeClass(&quot;aktif&quot;)})}),$
(document).ready(function(){$(&quot;.shownotif&quot;).click(function(){$
(&quot;.popnotification,.matilampu&quot;).toggleClass(&quot;aktif&quot;)})});

$(document).ready(function(){$(&quot;.close-sf&quot;).click(function(){$
(&quot;.popnotification2,.matilampu&quot;).removeClass(&quot;aktif&quot;)})}),$
(document).ready(function(){$(&quot;.showsubs&quot;).click(function(){$
(&quot;.popnotification2,.matilampu&quot;).toggleClass(&quot;aktif&quot;)})});
</script>
</body>
</html>

You might also like