Untitled Rifatgtf 1
Untitled Rifatgtf 1
>
<!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'/>
<style type="text/css">
<!-- /*<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;}
.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%}
.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}
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; }
.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);}
#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)}
<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;}
</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: 'Google Sans', 'sans-serif'; 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:'Google Sans', sans-serif}
pre::after {content:"Double click to selection";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:'Google Sans', sans-serif}
pre:hover::after {opacity:0;top:-8px;visibility:visible;}
code {font-family:'Google Sans', 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;}
#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:
'Google Sans', 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="search"] {-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%}}
#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: '\f06e'; 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:'\f019';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:'\f07a';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:'\f019';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:'\f121';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;}
@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;}
.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,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','
;Fira Sans','Droid Sans','Helvetica Neue',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,'Segoe
UI','Oxygen','Roboto','Ubuntu','Cantarell','
;Fira Sans','Droid Sans','Helvetica Neue',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; }
.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:'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:"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 == "error_page"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "item"'>
<script type="text/javascript" src="//platform-
api.sharethis.com/js/sharethis.js#property=5c80289bcbb218001761d95c&product=inl
ine-share-buttons-wp"></script>
</b:if>
</head>
<body>
<b:if cond='data:blog.pageType == "error_page"'>
<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 == "BEHIND"'>
<!--
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='"background-image: url(\"" +
data:sourceUrl + "\"); " + "background-
position: " + data:backgroundPositionStyleStr + ";
" + data:widthStyleStr +
"min-height: " + data:height + "_height:
" + data:height + "background-repeat: no-repeat;
"' 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 + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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("")'
oninvalid='this.setCustomValidity("Ketik kata kunci pencarian")'
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>
</li>
<!-- Sidebar Menu END -->
</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ạo
má»™t Liên kế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 == "false"'>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
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='"item-control " + 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'> </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 + "_backlinks-create-link"'
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 + "_comment-editor-toggle-
link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"
+ 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 + "&skin=contempo"
+ 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('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + 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>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<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>
<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>
 
<data:post.commentRangeText/>
 
<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 != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<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'>&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 class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<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: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 + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo</a>
</div>
</b:if>
<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'>
<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-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
{"item","static_page"} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in
{"static_page","item"}' 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='"post-body-" + data:post.id'
expr:itemprop='(data:blog.metaDescription ? "" : "") +
""'>
<script type='application/ld+json'>{
"@context": "http://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:post.url/>"
},
"headline": "<data:post.title/>",
"description": "<data:blog.metaDescription/> ",
"datePublished": "<data:post.timestamp/>",
"dateModified": "<data:post.timestampISO8601/>",
"image": {
"@type": "ImageObject",
"url": "<data:post.firstImageUrl/>",
"height": 390,
"width": 700},
"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"logo": {
"@type": "ImageObject",
"url":
"https://4.bp.blogspot.com/-RsfLLOhthlU/XaTkPZIoyqI/AAAAAAAADLM/
Za8EQx9h3L4wB9p4IY59R_3_mRAAIhuYQCK4BGAYYCw/s1600/pure%2Bapk.png",
"width": 266,
"height": 90
}
},"author": {
"@type": "Person",
"name": "<data:post.author/>"
}
}</script>
<div class='post-outer'>
<div class='post-inner'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "item"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 + "?&max-results=8"'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'/>
</b:loop>
</span>
</b:if>
</b:if>
</b:if>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<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'>
&nbsp;›&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 + "?&max-results=8"'
expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&nbsp;›&nbsp; There are no categories
</b:if>
</div>
</b:loop>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "item"'>
<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 + "?&max-results=8"'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'/>
</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 > 1'><data:post.numComments/>
comments</b:if>
</a>
</span>
</b:if>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 + "#more"' 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 == "item"'>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<data:post.body/>
</div>
<div style='clear: both;'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id'>
<data:post.body/>
</div>
<div style='clear: both;'/>
</b:if>
<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;
}
<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 != ""'><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 ? "item-content" :
"item-thumbnail-only"'>
<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 != ""'>
<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(!''.replace(/^/,String)){while(c--)
{d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function()
{return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\
b'+e(c)+'\\b','g'),k[c])}}return p}('a.b(\'<5\
'+\'0 9="8/6"
7="c://4.d.h/4/g/3/2.1.1/3.f.e"></5\'+\'0>\
');',18,18,'ipt|||jquery|ajax|scr|javascript|src|text|type|document|
write|https|googleapis|js|min|libs|com'.split('|'),0,{}));
var postperpage=6;var numshowpage=5;var upPageWord ='« Previous';var
downPageWord ='Next »';
var
kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoede
faeerdsre=location.href;var
kjsdhfoi43laleiurksdfkihajsdfhiwe_oweijfowefj_LEJOPMLEJFlkdjfopef_poefjoefjoiujoe=&
quot;/";
$(document).ready(function(){var olderLink = $("a.blog-pager-older-
link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-
title:first", function() {var olderLinkTitle = $("a.blog-pager-older-
link").text();$("a.blog-pager-older-link").text(olderLinkTitle);//
rgt
});var newerLink = $("a.blog-pager-newer-link").attr("href");$
("a.blog-pager-newer-link").load(newerLink+" .post-
title:first", function() {var newerLinkTitle = $("a.blog-pager-newer-
link:first").text();$("a.blog-pager-newer-
link").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>
<div class='clear'/>
<p class='footer-text'>We guarantee you won'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(){$(".close-sf").click(function(){$
(".popnotification,.matilampu").removeClass("aktif")})}),$
(document).ready(function(){$(".shownotif").click(function(){$
(".popnotification,.matilampu").toggleClass("aktif")})});
$(document).ready(function(){$(".close-sf").click(function(){$
(".popnotification2,.matilampu").removeClass("aktif")})}),$
(document).ready(function(){$(".showsubs").click(function(){$
(".popnotification2,.matilampu").toggleClass("aktif")})});
</script>
</body>
</html>