arc-apps.html

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:layoutsVersion='3' b:responsive='true' b:version='2' 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>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</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'/>

<b:skin version='1.0.0'><![CDATA[/*
-----------------------------------------------
Template Name  : Pure APK
Author         : MS Design
Author URL     : https://www.msdesignbd.com
Publisher      : Template Market
Publisher URL  : http://templates.beatsnoop.com
-----------------------------------------------
License        : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
-----------------------------------------------
*/ /* 

Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#5b95f5" value="#5b95f5"/>
<Group description="links color" selector="body">
<Variable name="main.color" description="Main Theme Color" type="color" default="#5b95f5" value="#41B375"/>
</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:before,.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{content:"\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:before{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;clip:auto}

@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}
@keyframes heart2{from{transform:scale(1)}10%{transform:scale(0.9)}}
@keyframes sdb{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 30px rgba(255,255,255,0.1);opacity:0}100%{opacity:0}}
@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}
@keyframes moveUp{0%{opacity:1;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.animated{visibility:visible;animation-fill-mode:both;animation-duration:.5s;animation-play-state:running}.animated.moveUp{animation-name:moveUp}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
::-webkit-scrollbar{width:8px;height:8px;border-radius:10px}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
::-webkit-scrollbar-thumb{border-radius:2px;background-color:$(main.color);transition:all 400ms ease-in-out;border-radius:10px}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;display:block}
*{margin:0;padding:0}
html{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{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:700}
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;text-decoration: none;}
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', sans-serif;font-weight:700;line-height:normal;margin:0 0 .6em}
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}
blockquote{font-style:italic;position:relative;font-size:14px;padding:0;padding-left:60px;margin:40px 0;border:0;font-weight:400}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
blockquote{background-color:#f9f9f9;border-left:8px solid #bfcada;padding:10px;margin:10px}

: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:700}
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-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5)}
ol ol{margin:0 0 0 2em}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center}

.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}

body{background:#fff;color:#656e7f;font-family: 'Google Sans', sans-serif;font-size:16px;font-weight:300;line-height:27px;margin:0}

hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0}
blockquote{color:#9ba2af;font-family: 'Google Sans', sans-serif;border-left:5px solid rgba(155,162,175,0.25);margin-left:0;margin-right:0;margin-bottom:27px;padding-left:27px}
blockquote blockquote{font-size:inherit}
img{height:auto;max-width:100%}
a{color:$(main.color);text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:visited{color:$(main.color)}
a:hover,a:focus,a:active{color:$(main.color);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100}
.site-header img{display:block;margin:0 auto;max-height:200px}
.content-area{float:left;margin:0 auto;width:67.62%}

#main-nav .current-menu-item a {background-color:$(main.color);color:#fff;}
#main-nav a:hover {color: #fff;background-color:$(main.color);}
#searchsubmit {background-color:$(main.color);} 

#preloader{position:fixed;z-index:999;background:#fff;top:0;left:0;right:0;bottom:0} #preloader svg{position:relative;top:45%;left:48%}.qp-circular-loader{width:16px;height:16px}.qp-circular-loader-path{stroke-dasharray:32.4;stroke-dashoffset:32.4}.qp-circular-loader,.qp-circular-loader *{transform-origin:50% 50%}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qp-circular-loader{animation-duration:1568.63ms;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear}@keyframes fillunfill{from{stroke-dashoffset:32.3}50%{stroke-dashoffset:0}to{stroke-dashoffset:-31.9}}@keyframes rot{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes colors{from{stroke:$(main.color)}to{stroke:$(main.color)}}.qp-circular-loader-path{animation-duration:1333ms,5332ms,5332ms;animation-fill-mode:forwards;animation-iteration-count:infinite,infinite,infinite;animation-name:fillunfill,rot,colors;animation-play-state:running,running,running;animation-timing-function:cubic-bezier(0.4,0.0,0.2,1),steps(4),linear}

.widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0}
.sidebar-area{float:right;width:30.69%;}
#sidebar .widget h2{color: #444; font-size: 12px; font-weight: 500; padding: 10px 15px; background: #ffffff; text-align: center; border-radius: 7px; border: 1px solid #ddd; margin-right: 10px; transition: all .4s ease-in-out; position: relative; text-transform: uppercase; letter-spacing: 1px; display: table; bottom: 10px; margin: 0 auto; border-top: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
#sidebar .widget{margin-bottom:20px; background: #fff; padding: 10px; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}

.site-footer{background:#FFF;clear:both;color:#535354;font-size:12px;font-weight:400;line-height:1.8em;padding:20px;text-align:center;overflow:hidden;border-top:1px solid rgb(230, 230, 230)}
.site-info{margin-top: 20px; font-size: 13px; font-weight: 500;}
.footerlinks{}
.footerlinks a{background: #fff; display: inline-block; padding: 8px 10px; color: $(main.color); border: 1px solid #ddd; border-radius: 5px; font-size: 12px; font-weight: 500;}
.site-footer a {}
.post-body a.img, .post-body .separator a { margin-left: 0!important; margin-right: 0!important; }
.time-info a {background:$(main.color);color:#fff;border:1px solid;}

.imageContainer{width:120px;height:80px;overflow:hidden;float:left;margin-right:8px}
.recent .title{line-height:32px;color:#19232D;margin-bottom:10px;text-align:center;font-size:16px;background:url(https://lh3.googleusercontent.com/-Dm8yPXEZEb8/U2qdIaxbm4I/AAAAAAAAEEs/nNS9zkdI8UQ/h120/dot.png) rgba(0,0,0,0.06)}
.recent .title a{color:#fff;background-color:$(main.color);display:inline-block;padding:3px 15px;font-family:Solaimanlipi,Kalpurush,Siyam Rupali}
.recent a{color:#111}
.recent .title a:hover{text-decoration:underline}
.recent ul{padding-top:15px;padding-bottom:15px}
.label_thumb{position:relative;max-width:none!important;margin-left:0;transform:scale(1.0);transition:.9s}
.label_title a{margin-left: 15px; margin: 0 auto; margin-bottom: 5px;font-size: 14px; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Google Sans', sans-serif;color:#333;}
.post-date{font-size:11px;font-weight:400;color:#888!important;margin-right:8px}
.post-date:before{content:"\f073";font-family:FontAwesome;display:inline-block;margin-right:3px}
.toe{overflow:hidden;display:block;margin-bottom:5px}
.post-summary{line-height:18px}
.ro{margin-bottom:15px;overflow:hidden}
.recent{background-color:#FFF;overflow:hidden}
.avatar-image-container img{height:70px;width:70px;overflow:hidden;float:left;margin-right:20px;max-width:100%!important}
#main-nav ul li ul a:hover {color:#fff;}

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

.comments .comments-content .comment{padding:20px}
#comments{padding:0!important;margin-top:20px}
.comments .avatar-image-container{max-height:100%!important;width:70px!important;margin-right:10px;border-radius:100%;border:4px solid $(main.color);}
.comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative}
.comment-header a{font-size:14px;font-style:normal;display:inline-block;margin-bottom:5px;color:#34495E;font-family:'Google Sans', sans-serif}
.comments .comments-content .datetime a{font-size:11px;}
.comments .comments-content .datetime,.comments .comment .comment-actions a{float:right}
.comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none}
.comment-actions a{color:$(main.color);background:#fff;border: 1px solid $(main.color); font-size: 13px; padding: 5px 20px!important; margin-left: 10px; font-weight: 500; font-family: 'Google Sans', sans-serif; border-radius: 3px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.comments .comments-content .comment-header{background:#fff;padding:5px;margin-bottom:0;border:1px solid #ddd}
.comments .comment .comment-actions a{padding:0}
.comments .comment .comment-actions a:hover{text-decoration:none}
.comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px}
.comments .continue a{display:block;color:#333;font-size:11px;font-weight:400;padding:0}
.comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0 0 -4px 12px;font-weight:700;color:#FFF;font-size:11px;background:$(main.color);padding:3px;border-radius:3px}
.comments .comments-content .icon.blog-author:after{content:"Admin"}
.comments .comments-content .comment-content{text-align: left; padding: 20px; background: #fefefe; color: #232323; border: 1px solid #ddd; border-top: 0; font-size: 14px; font-weight: 500; box-shadow: 0 2px 8px rgba(0,0,0,0.05)}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{height:40px!important;border:none;padding:5px;width:96%;margin-bottom:5px;background:#EAE9E9;font-family:Open Sans;border-radius:3px;text-align:center;font-size:15px}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{font-family:'Google Sans',sans-serif;height:50px!important;width:100%;margin-left:0;background:$(main.color);font-size:16px;font-weight:700;text-transform:uppercase;border:1px solid #fff;padding:10px;border-radius:3px}
#footer2{max-width:600px;margin:auto;padding:10px 15px}
#FollowByEmail1 h2{color:#fff;font-size:20px;font-family:'Google Sans',sans-serif;text-align:center;border-bottom:4px solid #fff;border-bottom-style:double;padding-bottom:10px;text-transform:uppercase}
.followbytext{font-size:15px;color:#fff;text-align:center;font-family:'Merriweather',serif;font-weight:700}
h2.date-header{margin:10px 0;display:none}

#main-header,#title,.content-wrapper,.page-menu ul li,a:link{transition:all .4s ease-in-out}
.page-menu ul li,li a{list-style:none}
#header,#header-wrapper{overflow:hidden}
#header h1,#header p a,.descriptionwrapper,.post h1,.post h2,.post-body,.sidebar,body,p.description span{font-family: Google Sans, sans-serif}
li a{display:list-item}
#judul-post{border-bottom:1px solid #ddd}
#main-wrapper,#sidebar-area,i.klik-url{word-wrap:break-word}
#header,#main-header,#search-box,.search-field,table.gsc-search-box{position:relative}
#navbar-iframe,.post-comment-link{visibility:hidden}
#navbar-iframe{height:0;display:none}
#header h1, #header p.title {color: $(main.color)!important;}

#header-wrapper{float:left;display:inline;padding:0}
#header-wrapper img {width: 174px; height: 87px;}
#header{display:block;width:auto;margin:0;padding:0;z-index:1}
#header-inner{background-position:center;margin:0;padding:0;display:block}
#header h1,#header p.title{font-size:22px;font-weight:900;height:86px;line-height:86px;color:#fff;padding:0;margin:0}
#header h1 a:link {color:#333;}
.descriptionwrapper,p.description span{font-style:italic;font-weight:400;color:#141924;position:fixed;top:-1000px;left:-1000px}
#header amp-img{border:0;background:0 0;width:auto;height:auto;margin:0 auto;vertical-align:middle}
#main-header{padding: 0; margin: 0; width: 100%; background: #fff; color: #333; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-bottom: 1px solid #ddd; position: fixed; z-index: 1000; top: 0;height: 87px;}
.header-wrapper {max-width: 1050px; margin: 0 auto;}

.page-menu{width:auto;height:auto;padding:0;margin:0}
.page-menu ul{margin:0 auto;padding:0;line-height:3em}
.page-menu ul li{display:inline-block;margin:0 auto;}
.page-menu ul li a{color: #333; font-size: 16px; border-left: 1px solid #ddd;font-weight: 500; padding: 0 5px; height: 86px; line-height: 86px; transition: all .3s linear;}
.page-menu ul li a,.page-menu ul li a span{font-family:Google Sans,sans-serif}

.page-menu ul li a span {background: #ffffff; color: $(main.color); padding: 10px 15px;;}
.page-menu ul li a span i {}
.first-image {float:left;}
.first-image img{width:100px;height: auto; margin-bottom: 1.5px; transition: all 0.6s ease-out; margin: 0 15px 0; padding: 10px; margin-left: 0; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.addthis_sharing_toolbox {clear:initial!important}
.btn-sidebaramp{display:none}
amp-sidebar{width:300px;background:#fff;}
.amp-sidebar-image{line-height:100px;vertical-align:middle}
.amp-close-image{top:15px;left:225px;cursor:pointer}
amp-sidebar ul{padding:0;margin:0;list-style:none}
amp-sidebar li{list-style: none; padding: 10px 25px; border-bottom: 1px solid #ddd; margin: 0;}
amp-sidebar button{color: $(main.color); cursor: pointer; float: right; padding: 7px 10px; background: #fff; border-radius: 100px; border: 1px solid $(main.color); margin: 10px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}

.search-wrapper{height:30px;float:right;display:inline;padding:25px 0;margin-top:-80px}
#search-box{float: left; width:49%;}
#search-box form{line-height:86px}
.search-form{box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 15px 45px; margin: 12px; border-radius: 100px; border: 1px solid #eee; font-size: 14px; font-family: 'Google Sans',Aria; width:77%; outline: none;}
.search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{outline:0;color:#000}
.search-form-icon{position: absolute; left: 6%;color: #818181;}
input#feed-q-input::-webkit-input-placeholder {color:#777;}

#search-box2 .search-form {padding: 15px 30px;text-align: center;border: 1px solid $(main.color);width:70%}
#search-box2 .search-form-icon {margin: 25px;}

.buttons {color: #333; border: 0; font-size: 30px; cursor: pointer; border-left: 1px solid #ddd;border-right: 1px solid #ddd; background: #ffffff; width: 100px; height: 86px; line-height: 82px;}
.mobile-hide {float:left;}

.status-msg-wrap{font-size:100%;width:auto;margin:0 30px 30px 0;position:relative;padding:0}
.status-msg-border{border:1px solid #ccc;opacity:.4;width:100%;text-align:center;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.status-msg-bg{background-color:#fff;opacity:.8;width:100%;position:relative;z-index:1}
.status-msg-body{text-align:center;padding:.3em 0;width:auto;top:0;left:0;right:0;position:absolute;z-index:4}
.status-msg-hidden{visibility:hidden;padding:.3em 0}
.status-msg-wrap a{padding-left:.4em;font-weight:500}

.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@media screen and (max-width:880px){
header {text-align: center; overflow: hidden; position: absolute;}
.content-wrapper{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#outer-wrapper{padding:0 7px;}
.post-body a.img, .post-body .separator a { margin-left: 0; margin-right: 0; }
#main-wrapper{width:100%;margin:0;padding:0}
.page-menu{width:100%;margin:0;text-align:center;display:none;}
.page-menu ul li a{padding:0 20px 0 0;}
#search-box,.search-wrapper{float:none;display:none;}
.search-wrapper{margin-top:0;text-align:center;padding:0 0 10px}
#search-box{width:auto;margin:0}
#header-wrapper{text-align: center; float: none; display: block; margin-left: 0;}
#header{max-width:100%;text-align:center;float:none;display:block}
#header h1,#header p.title{font-size:22px;font-weight:900;height:40px;line-height:40px}
#sidebar-area{display:none}
#main{margin:0;padding: 10px;}
#blog-pager,.blog-pager{margin-right:0}
.post{overflow:visible;padding:0 0 10px 0 ;}
.status-msg-wrap{margin:10px 0 30px 0;}
#footer-wrapper{display:none}
.credit-right{float:none;margin-top:10px}
.headerad{margin-bottom:0}
.headerad amp-img,.headerad img{width:auto;max-width:100%;height:auto;margin:0;}
.mobile-hide {display:none;}
}
@media screen and (max-width:414px){
.post-image-area,#first .post-thumbnail-frame{width:100%;margin:0 0 10px 0;display:block;float:none;height:auto;}
.page-menu ul li a{padding:0 10px}
.post{padding: 0 0 10px 0;}
.share-post ul {display:none;}
li.readmore2 {width:100%}
.home-post{margin:0;padding:0}
.post h2,.postmeta,.post-body,#first h2.post-title,.first-body{margin-bottom:5px!important;}
}
@media screen and (max-width:320px){
.post h2{font-size:18px}
}
@media screen and (max-width:240px){
.post h1,.post h2{font-size:16px}
}

#comments{margin-bottom: 15px; background: #fff; border: 1px solid rgb(230, 230, 230); box-shadow: 0 2px 8px rgba(0,0,0,0.05);border-radius:7px}
#comments h4{font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 1px; padding:8px; background: $(main.color); border-radius: 7px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
#comments h4:before{content:"\f0e6";font-family:FontAwesome;display:inline-block;margin-right:6px;color: $(main.color); padding: 8px; border-radius: 100px; background: #fff;}
.deleted-comment{font-style:italic;color:gray}
#outer-wrapper {max-width:1050px;margin:auto;overflow: hidden;margin-top:110px;}
#banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-align:center;padding:10px;margin:15px}
.cloud-label-widget-content{display:inline-block;text-align:left;margin-top:10px}
.cloud-label-widget-content .label-size{display: inline-block; line-height: normal; margin: 0 5px 5px 0; color: $(main.color); border-radius: 5px; font-size: 12px; font-weight: 500;}
.cloud-label-widget-content .label-size a{background: #fff; display: inline-block; padding: 8px 10px; color: $(main.color); border: 1px solid #ddd; border-radius: 5px;font-size: 12px; font-weight: 500;}
.cloud-label-widget-content .label-size a:hover {background:#fff;color:$(main.color);border:1px solid $(main.color);border-radius:0;}
.cloud-label-widget-content .label-size .label-count{background:$(main.color);color:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;margin-left:-3px;line-height:normal;border-radius:0 2px 2px 0;font-size:11px;font-weight:600}
.Label li{position:relative;padding:5px 20px 10px 30px !important;list-style:disc;display:block;font-size:14px;font-weight:700}
.Label li:before{content:"\f061";font-family:fontAwesome;color:#ccc;font-size:8px;margin-left:15px;position:absolute;top:9px;left:0;padding:0;text-decoration:none;margin-top:1px}
.Label li a{color:#666}
.Label li:hover:before{color:$(main.color);transition:all .6s}
.Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;right:15px;top:10px;font-size:11px;background:$(main.color);color:#fff}
.Label li:hover span{background:#FC3931;transition:all .6s}
.sidebar ul li a{color: #444; font-size: 16px; font-weight: 500; transition: all .3s; display: inline-flex; line-height: 38px;    padding: 0 20px 0 0;}
.sidebar ul li a:hover {color:#fff!important;}
.sidebar ul li a i {margin: 0 0; font-size: 16px; width: 16px; height: 16px; color: #fff!important; padding: 10px; border-radius: 5px; background: #1f4c84; overflow: hidden; line-height: 16px;margin-right: 10px;}
.pagenav{clear:both;margin:-5px 0 10px;width:89%;margin-bottom:20px;padding:15px;text-align:center;font-size:13px;font-weight:600;font-family:'Merriweather',serif}

.sidebar ul li:nth-child(1) a i,.sidebar ul li:nth-child(1) a:hover{background:#1f4c84;color:#1f4c84;border-color:#1f4c84}.sidebar ul li:nth-child(2) a i,.sidebar ul li:nth-child(2) a:hover{background:$(main.color);color:$(main.color);border-color:$(main.color)}.sidebar ul li:nth-child(3) a i,.sidebar ul li:nth-child(3) a:hover{background:#34a853;color:#34a853;border-color:#34a853}.sidebar ul li:nth-child(4) a i,.sidebar ul li:nth-child(4) a:hover{background:#d3177f;color:#d3177f;border-color:#d3177f}.sidebar ul li:nth-child(5) a i,.sidebar ul li:nth-child(5) a:hover{background:#ea4335;color:#ea4335;border-color:#ea4335}.sidebar ul li:nth-child(6) a i,.sidebar ul li:nth-child(6) a:hover{background:#f9ab00;color:#f9ab00;border-color:#f9ab00}.sidebar ul li:nth-child(7) a i,.sidebar ul li:nth-child(7) a:hover{background:#8462d8;color:#8462d8;border-color:#8462d8}.sidebar ul li:nth-child(8) a i,.sidebar ul li:nth-child(8) a:hover{background:#2aafbd;color:#2aafbd;border-color:#2aafbd}

.viewall {position: relative; overflow: hidden;float: right; }
.viewall a {color: $(main.color); font-size: 12px; font-weight: 600; letter-spacing: 0.5px; padding: 8px 10px; background: #ffffff; text-align: center; border-radius: 5px; border: 1px solid #ddd; margin-right: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: all .4s ease-in-out; text-transform: uppercase;}
.viewall a:hover {color:#fff!important;background:$(main.color);border:1px solid $(main.color); transition: all .4s ease-in-out;}

#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:#fff!important}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);margin:0 4px 0 0;background: white; padding:10px 20px!important; border: 1px solid rgb(230, 230, 230);transition:all .3s}
.showpageNum a:before{content:&#39;&#39;;position:absolute;top:0;bottom:0;left:0;right:0;transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:$(main.color)!important;color:#fff;font-weight: 700; border: 1px solid!important; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{}
#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager a{color:$(main.color); font-size: 14px; font-weight: 500; padding:10px; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
#blog-pager{text-align:center;margin-top:10px;padding: 10px;overflow: initial;}
.related-postbwrap{margin-top: 20px;}
.related-postbwrap h4{font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 1px; padding:8px; background: $(main.color); border-radius: 7px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.related-postbwrap h4:before{content:"\f0c9";font-family:FontAwesome;display:inline-block;margin-right:6px;color: $(main.color); padding: 8px 10px; border-radius: 100px;background:#fff;}
.related-post-style-2,.related-post-style-2 li{list-style:none;margin:0}
.related-post-style-2 li{overflow: hidden; padding: 5px; width: 30.222%; float: left; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin: 5px; border-radius: 7px;}
.related-post-style-2 .related-post-item-thumbnail{width:72px;height:72px;max-width:none;max-height:none;background-color:transparent;border:none;float:left;margin:2px 10px 0 0;padding:0;border-radius:7px;}

.related-post-style-2 .related-post-item-title{text-decoration: none; transition: all 0.3s ease-out; line-height: 1.4; margin-left: 15px; margin: 0 auto; margin-bottom: 5px; font-size: 15px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Google Sans', sans-serif; color: #333; margin-top: 10px;}
.related-post-style-2 .related-post-item-summary{display:block;font-size:12px;margin-top:5px;line-height:1.3;}
.related-post-item-summary-text {display:none;}
.top-header{padding:20px 0;max-width:1090px;margin:auto}
.fixed_widget{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)}
.label_thumb{margin-left:0;transform:scale(1.0);transition:.9s}
.label_title a:hover{color:$(main.color)!important}
.post-date{font-size:11px;font-weight:400;color:#888!important;margin-right:8px}
.post-date:before{content:"\f017";font-family:FontAwesome;display:inline-block;margin-right:3px}
.post-summary{padding-top:0!important;text-align:justify}
ul.recent_posts_with_thumbs{padding:0!important;}
.recent_posts_with_thumbs{width:100%;min-height:100%;margin:5px 0;padding:0;font-size:12px}
ul.recent_posts_with_thumbs li{padding:10px; list-style: none;}
ul.recent_posts_with_thumbs li p{margin:.3em 0;font-size:11px}
.recent_posts_with_thumbs strong{font-size:10px}
.recent-com a:hover {color:#fff;background:$(main.color);border:1px solid $(main.color); transition: all .4s ease-in-out;}
#header-area{background:#fff}
input#sq{border:1px solid $(main.color)}
#searchsubmit{background:$(main.color);border:1px solid $(main.color);}
#header-ad{text-align:center;}
#adpost2 {margin-bottom:10px;}
.post-ad {margin-bottom:20px;}
.bannerad a{float: right; margin: 25px; padding: 10px 28px; background: $(main.color); border:1px solid; border-radius: 100px; font-weight: 500; color: #fff;}
.bannerad a:hover {background: #fff;color:$(main.color);border:1px solid 5b95f5}
.bannerad .title970{font-weight:500;font-size:24px;color:#555;float:left;padding:28px}
.bannerad{background: #ffffff; padding: 0; width: 100%; height: 90px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border:1px solid $(main.color); border-radius: 7px;}
.banner300 a{padding: 10px 28px; background: #ffffff; border: 1px solid; border-radius: 100px; font-weight: 500; color: $(main.color);}
.banner300 a:hover {background: #fff;color:$(main.color);border:1px solid 5b95f5}
.banner300 .title970{font-weight: 500; font-size: 24px; color: #fff; padding: 28px; text-align: center;margin-top: 40px;}
.banner300{background: $(main.color); padding: 0; width: 100%; height: 250px; overflow: hidden; text-align: center;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:$(main.color);}
#recent6 .recent-com a {background: $(main.color); color: #fff; border: 0; padding: 8px 15px;}
.post-info a {color:$(main.color)f;border: 1px solid $(main.color); background: #fff; padding: 7px 15px; font-weight: 500; border-radius: 5px; line-height: 1.8; font-size: 14px;}
.time-info a {color:#fff;border: 1px solid $(main.color); background: $(main.color); padding: 7px 15px; font-weight: 500; border-radius: 5px; line-height: 1.8; font-size: 14px;}
]]></b:skin>

<b:template-skin>
body#layout { background-color: #f8f8f8; border: 1px solid #e5e5e5; font-size: small; margin: 0; min-height: 0; padding: 87px 15px 0; text-align: center; }
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 {}
body#layout .add_widget {background-color:#5b95f5;}
body#layout .add_widget a {color: white}
body#layout .editlink {color: #fff !important; background-color: #5b95f5; padding: 2px 20px 2px 20px; border-radius: 100px; line-height: 2;}
body#layout #header {background-color: #ffffff; padding: 20px !important; border: 2px solid #eee; margin-bottom: 10px; border-radius: 5px;}
body#layout #header:before {content: &quot;Header&quot;;font-size: 16px; color: #5b95f5; display: inline-block; font-weight: 600; font-family: sans-serif;}
body#layout .widget-content { color: #666; box-shadow: 0 2px 8px rgba(0,0,0,0.05)!important; border: 1px solid #ddd; border-radius: 7px; line-height: 24px; overflow: hidden; padding: 16px; position: relative; text-align: left; margin-bottom: 5px;}
body#layout #mainbwrap{width:100%;float:left}
body#layout #sidebar-wrapper{width: 31%; float: right; background: #fff; padding: 10px!important; border: 2px solid #eee; border-radius: 5px;}
body#layout .sidebar-area{width:100%;margin:0;padding:0}
body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0}
body#layout .content-area {width:65%;float:left;}
body#layout .mag-wrapper {background-color: #ffffff; padding: 20px 0 !important; margin-bottom: 10px; border: 2px solid #eee; border-radius: 5px;}
body#layout .mag-wrapper .widget {width:95%;left: 20px; top: 10px;}
body#layout .mag-wrapper:before {content: &quot;Recent Posts Wrapper&quot;;font-size: 16px; color: #5b95f5; display: inline-block; font-weight: 600; font-family: sans-serif;}
body#layout #recent6 {background-color: #ffffff; padding: 20px 0 !important; margin-bottom: 10px; border: 2px solid #eee; border-radius: 5px;}
body#layout #recent6 .widget {width:95%;left: 20px; top: 10px;}
body#layout #recent6:before {content: &quot;Weekly Trending&quot;;font-size: 16px; color: #5b95f5; display: inline-block; font-weight: 600; font-family: sans-serif;}
body#layout #sidebar-wrapper:before {content: &quot;Siderbar&quot;;font-size: 16px; color: #5b95f5; display: inline-block; font-weight: 600; font-family: sans-serif;
body#layout #footer {width:90%;left: 20px; top: 10px;}
  body#layout #footer:before {content: &quot;Download full version free @ templates.beatsnoop.com/pureapk&quot;; font-size: 13px; color: #ffffff; display: inline-block; background: #5b95f5; font-family: sans-serif; padding: 10px; margin: 10px; border-radius: 5px;font-weight: 600;}
</b:template-skin>

<style type='text/css'>
#recent1 .title, #recent2 .title, #recent3 .title, #recent4 .title, #recent5 .title, #recent6 .title {font-size: 16px; font-weight: 500; background: #ffffff; line-height: 50px;}
.title22 {border-bottom:1px solid #e8e8e8;}
.post-header-title {position: relative; overflow: hidden; font-size: 17px; font-weight:700; padding: 12px 12px; transition: all 0.5s ease-out; color: #fff; background: rgba(52, 152, 219,1.0); margin-left:7px; margin-top:10px; border-radius: 3px; text-align: center;margin-bottom:10px;}
#recent1 .title a, #recent2 .title a, #recent3 .title a, #recent4 .title a, #recent5 .title a, #recent6 .title a{margin-left: 10px;}
#recent1, #recent2, #recent3, #recent4, #recent5, #recent6 {margin-bottom:20px; box-shadow:0 2px 8px rgba(0,0,0,0.05);border: 1px solid #ddd; border-radius: 7px; overflow: hidden;}
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent4 .recent-box, #recent5 .recent-box, #recent6 .recent-box {font-family:&#39;Google Sans&#39;, sans-serif;width:216px; height:73px;display: inline-block;}
#recent1 .recent-box .imageContainer, #recent2 .recent-box .imageContainer, #recent3 .recent-box .imageContainer, #recent4 .recent-box .imageContainer, #recent5 .recent-box .imageContaine, #recent6 .recent-box .imageContainer { width:72px; float:left; height:72px; margin-bottom: 8px;overflow: hidden; }
#recent1 .recent-box .imageContainer, #recent2 .recent-box .imageContainer, #recent3 .recent-box .imageContainer, #recent4 .recent-box .imageContainer { margin-left: 0; }
.toe {overflow: hidden;display: block;    margin-top: 5px;}
ul.recent_posts_with_thumbs li li {background:#fff;padding:10px;}
.label_thumb {margin-left:0;transform: scale(1.0); transition: 0.9s;}

#recent1 .title a {color: #0bb1e6;}
#recent1 .title {border-bottom: 2px solid #0bb1e6;}
#recent2 .title a {color:#7d529e;}
#recent2 .title {border-bottom: 2px solid #7d529e;}
#recent5 .title a {color:#8bc34a;}
#recent5 .title {border-bottom: 2px solid #8bc34a;}
#recent6 .title a {color:#ea4335;}
#recent6 .title {border-bottom: 2px solid #ea4335;}


ul.recent_posts_with_thumbs li li:nth-child(10n) {border-bottom:0!important;}
ul.recent_posts_with_thumbs li li:nth-child(11n) {border-bottom:0!important;}
ul.recent_posts_with_thumbs li li:nth-child(12n) {border-bottom:0!important;}

.post-date {font-size: 12px;font-weight: normal;color: #666!important;margin-right: 8px;}
.post-date:before {content: &quot;\f017&quot;;font-family: FontAwesome;display: inline-block;margin-right: 3px;}
.recent-com { margin-top: 5px;}
.recent-com a {color: #666; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 100px; background: #fafafa; display: inline-block; box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: all .4s ease-in-out;}
.post-summary {padding-top:0!important;text-align:justify}
img.label_thumb  {width:72px;height:72px}
img.recent_thumb {width:65px;height:65px;float:left;margin-bottom:5px;transition: 0.9s;margin-right: 10px;border-radius:7px;}
.recent_posts_with_thumbs {width: 100%;min-height: 100%;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}

#recent6 {height: 230px;}
#recent6 img.recent_thumb {float:none;margin-right: 0;margin-bottom: 10px;}
#recent6 .recent-box {width:118.8px; height:150px; border-right: 1px solid #ddd;text-align: center; padding: 15px;float:left;}
#recent6 .recent-box:last-child {border-right:0;}
#recent6 .title {border-bottom:1px solid #ddd;}

ul.recent-by-tag{overflow:hidden;padding:0 15px}
.recent-by-tag img{width:80px;height:80px;margin-left:10px;margin-bottom:5px}
.recent-by-tag li{width:100px;margin-bottom:10px;margin-right:12px;text-align:center;list-style:none;padding:11px 18px;float:left;line-height:1.3em!important}
.recent-by-tag li a{list-style:none;color:#111;font-weight:700;font-size:12px!important;overflow:hidden;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.recent-by-tag .btndown{color:#88c425;font-weight:400;text-transform:uppercase;padding:2px 4px;font-size:11px!important;border:1px solid #88c425}
.recent-by-tag .btndown:hover{color:#fff;background:#88c425}
@media screen and (max-width:640px) {ul.recent-by-tag{padding:0;margin-left:10px}}
@media screen and (max-width:480px) {ul.recent-by-tag{margin-left:0}}

.widget_social_apps{text-align: center; margin: 0 auto; position: relative; overflow: hidden; width: 55%; margin-top: 15px;}.widget_social_apps:before,.widget_social_apps:after{content:&quot; &quot;;display:table}.widget_social_apps:after{clear:both}.widget_social_apps .app_social{margin: 2px; float: left; text-align: center; border-radius: 5px;}.widget_social_apps .app_social.facebook{background-color:#3e64ad}.widget_social_apps .app_social.twitter{background-color:#58ccff}.widget_social_apps .app_social.pinterest{background-color:#de010d}.widget_social_apps .app_social.instagram{background-color:#125688}.widget_social_apps .app_social.google{background-color:#dd4b39}.widget_social_apps .app_social.linkedin{background-color:#007bb6}.widget_social_apps .app_social.flickr{background-color:#ff0084}.widget_social_apps .app_social.vine{background-color:#00bf8f}.widget_social_apps .app_social:hover{background-color:#111}.widget_social_apps .app_social a{display:block;color:#fff;padding:5px 8px 0}.widget_social_apps .app_social span{display:block}.widget_social_apps .app_social span.app_icon i{font-size:24px;margin-bottom:5px}.widget_social_apps .app_social span.app_count{font-weight:700;line-height:16px}.widget_social_apps .app_social span.app_type{font-size:14px;line-height:16px}

.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:50px;height:50px;float:left;transition:all 0.3s ease-out;}
.PopularPosts ul li img:hover {background:#fff;opacity:0.9;}
.PopularPosts ul li {background-color: #fff; padding: 10px!important; margin-bottom: 10px; position: relative; transition: all 0.3s ease-out; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-radius: 7px;}
.PopularPosts ul li:first-child {}
.PopularPosts ul li:last-child { margin: 0;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color:rgba(51, 51, 51, 0.84); text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease-out;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:11px;color:#333;font-weight:400;display:none;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {position: static; vertical-align: middle; display: table-cell; height:50px;}
.breadcrumbs{overflow: hidden; padding: 14px; background: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; border-radius: 7px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.breadcrumbs &gt; span {padding:0;}
.breadcrumbs a {font-size:13px;font-weight:500;}
.breadcrumbs span a {color:#444;padding:0 7px;}
.fa-angle-right{font-size:12px}
.adslot {width:98%;background: rgba(31, 163, 118, 0.17); border: 1px solid #1FA376; padding: 10px;    margin-bottom: 15px;text-align: left;transition:all 0.4s ease-out;}
.adtitle {font-size: 23px; font-weight: 700; font-family: Arial; color: #1FA376;}
.adtitle p {font-size:13px;color: #F8694D; font-weight: 400; margin: 0;}
.addesc {font-size: 16px; font-family: Arial;     color: #333;}
.adicon {background-color: #1FA376; color: white; float: right; text-align: center; font-size: 30px; font-weight: 700; border-radius: 4px;right: 30px; top: 30px; height: 65px; line-height: 65px; width: 150px;transition:all 0.4s ease-out;}
.adslot:hover .adicon {background-color:#FE7549;transition:all 0.4s ease-out;}
.subscribe2 {background:#F3794B;padding:30px;color:#fff; margin-bottom: 15px;text-align:center;transition:all 0.4s ease-out;}
.subtitle {font-size:20px; font-weight:800; font-family:Open Sans;}
.subtitle p {font-size: 16px; background: #fff; color: #F3794B!important; font-weight: 700; margin: 0; display: inline-block; padding: 8px; border-radius: 50px; font-family: Open Sans; padding-left: 20px; padding-right: 20px;}

#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;font-size:13px;font-weight:700;}
span.post-count {font-size:11px;font-weight:700;}
.BlogArchive #ArchiveList ul.posts li {font-size:12px;}
#ArchiveList select {width: 100%;padding: 15px;margin-bottom: 5px;margin-top:10px;border: 1px solid rgba(201, 201, 201, 0.52);font-size:13px;}
ul.ms_recent{list-style:none;margin:0;padding:0;}
ul.ms_recent b {font-size:13px;} 
.ms_recent li{background:transparent;margin:0 0 6px!important;padding:3px  
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;} 
.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.ms_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
.avatarRound{border-radius:100px;width:35px;height:35px} 
.ms_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.author-info, .comment-info,#mainbwrap {display:none;}
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
.author-info, .comment-info {display:none;}
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post {overflow: hidden; padding: 8px; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin: 5px; border-radius: 7px;}
.post-outer {float: left; width:33.33%;}
.post-body {color:rgba(51, 51, 51, 0.81);font-size:14px;font-weight:500;text-overflow:ellipsis;width: auto;margin-bottom: 15px;}
h2.post-title, h1.post-title {font-size:13px;font-weight:500;text-transform:capitalize;padding-bottom:0;text-align:-webkit-left;border-bottom:none;border-top:none;clear:initial;letter-spacing: 0.4px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#444;z-index:0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto;line-height: 1.3;}
.post-thumbnail{width:72px;height:72px;float:left;margin-right:10px;border-radius:7px;}
.label-info {display:inline;margin-top:25px}
.label-info a:nth-child(n+2){display:none;}
.label-info {display:none;}
.post-info a {color: #555; font-weight: 400; font-size: 12px; text-align: center;padding:0;line-height:1}
.time-info a {background: none; border: none;}
.recent-com { margin-top: 5px;}
.recent-com a {color: #666; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; border: 1px solid #ddd; padding: 5px 10px; border-radius: 100px; background: #fafafa; display: inline-block; box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: all .4s ease-in-out;}
.breadcrumbs { overflow: hidden; padding: 0; background: #ffffff; font-size: 15px; font-weight: 500;border: 0; border-radius: 0; }
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
.post {width:initial!important;padding:20px;margin-bottom:0;height:auto;background: #fff; color: #333;border: 1px solid rgb(230, 230, 230);}
h1.post-title {color: #333; font-size:28px; margin: 0; padding-bottom: 5px;line-height: 1.3;}
.post-body {color: #444; margin-right: 0; font-size: 16px;margin-top:5px;text-align:initial;font-weight:400;line-height:1.5}
.post img{background: #f9f9f9; height: auto; margin-bottom: 1.5px; transition: all 0.6s ease-out; margin: 0 15px 0; padding: 10px; border: 3px solid #e6e6e6; margin-left: 0;}
.post img:hover {opacity:0.95;}
.post-info {font-size: 14px;background: transparent; border: 0;}
.author-info, .comment-info, .time-info, .label-info {display: inline;}
.label-info a:nth-child(n+3){display:none;}
.post-info a {color: #0bb1e6;}
.old_new {display:none;}
#comments { width: 100%!important; }
.breadcrumbs {display:none;}
</b:if>

@media screen and (max-width:1066px) {
.mobres {overflow: hidden; overflow-x: scroll; overflow-y: hidden; width: 100%;}
#recent6 ul.recent_posts_with_thumbs { padding: 0!important; position: relative; width: 1050px; }
.buttons {float:right;}
.wrapper {width:100%}
#search-box {width: 47%;}
#search-bar {width:30%}
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent4 .recent-box {width:205.5px;}
.related-post-style-2 li {height:95px;}
}

@media screen and (max-width:960px) {
.post {margin-bottom:0;padding: 10px!important;}
.bwrapsite-content{width:100%}
.content-area {float:none;width:initial!important;}
.sidebar-area {width:initial!important;margin:5px!important;float:none;}
#header-ad {height:auto;}
ul#relpost_img_sum li {width:100%!important;}
.top-social {display:none;}
#logo {margin-left:20px;}
input#sq {width:70%;}
#search-bar {width:70%}

}

@media only screen and (max-width:768px){
.post-body {width:auto!important;}
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-outer {width:33.3%;}
.post {height:70px;}
</b:if></b:if>
 .post-info {font-size:9px;}
<b:if cond='data:blog.pageType == &quot;item&quot;'>
.author-info, .comment-info, .time-info, .label-info {border:0!important;padding:0!important;}
.pager-left, .pager-right {width:43%!important;height:auto!important;}
.related-postbwrap {width:100%;}
.related-post-style-2 li {padding: 5px!important;width: 30%; height: auto; }
#blog-pager a {font-size:11px;}
</b:if>
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent5 .recent-box {width:30%}
.widget_social_apps {float:none; margin-top:0;}
}


@media only screen and (max-width:667px){
.post-body {width:auto!important;line-height: 1.4; font-size: 11px;margin-bottom:0}
.related-post-style-2 li {width:29.9%; height: auto; }
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-outer {width:50%;}
.post {height:70px;}
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent5 .recent-box {width:46.1%}
</b:if></b:if>
}


@media only screen and (max-width:480px){
#header {text-align:center;}
#search-bar {width:280px;}
input#sq {width:initial;}
.header-social {float:initial;}
.post-image {float:none;margin-right:0;margin-bottom:8px}
.post-image img {width:100%!important;height:190px;}
.post-info {margin:0;font-size: 10px;margin-bottom: 8px;}
.post-body {font-size: 13px;}
.post-outer {width:100%;height:auto;}
.author-info, .home-link, .comments .comments-content .datetime a {display:none;}
.readmore2 {width:95%;text-align:center;}
.pager-left, .pager-right {width:89%!important;}
#blog-pager {overflow:hidden!important;}
.pager-left {margin-bottom:5px!important;}
.bannerad {height: 200px;text-align: center;}
.bannerad a {float:initial;}
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent5 .recent-box {width: 89%; overflow: hidden; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.05); margin: 5px 10px; border-radius: 7px; height: auto;}
.post-outer {margin-bottom:0px;}
.footerlinks a {font-size: 10px; padding: 5px 8px;font-weight:400;}
}

@media screen and (max-width:320px){
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:5px 8px}
#recent1 .recent-box, #recent2 .recent-box, #recent3 .recent-box, #recent5 .recent-box {width: 92.9%;}
.btn li {display:flex;}
.related-post-style-2 li {width:97%}
}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post {padding: 0; margin-bottom: 0; height: auto; background: #fff; color: #333; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-radius: 7px; border-top-right-radius: 0; border-top-left-radius: 0; }
h1.post-title {color: #333; font-size: 28px; margin: 0; margin-bottom: 5px; line-height: 1.3; font-weight: 500;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.post-body {color: #444; margin-right: 0; font-size: 16px; margin-top: 5px; text-align: initial; font-weight: 400; line-height: 1.5; display: table-cell; border-top: 1px solid #ddd; padding: 15px;}
.data-info {padding:15px;}
.post img:hover {opacity:0.95;}
.post-info {font-size: 14px;background: transparent; border: 0;}
.author-info, .comment-info, .time-info, .label-info {display: inline;}
.label-info a:nth-child(n+3){display:none;}
.breadcrumbs &gt; span:nth-child(n+6){display:none;}
.old_new {display:none;}
.post-body ol {padding: 0; margin: 0; overflow: hidden; overflow-x: scroll; overflow-y: hidden; margin-bottom: 10px; display: -webkit-box; list-style: none;}
.post-body ol li {margin: 0; padding: 0; margin-right: 10px;}
.post ol li:before { content:none;}

.btn{list-style: none; text-align: center; padding: 0!important; font-size: 14px; display: inline-block; color: #FFF!important; margin: 0 auto!important;}
.btn ul {margin:0;padding:0}
.btn li{display: inline; margin: 5px; padding: 0; list-style: none; float: left;box-shadow: 4px 4px 15px rgba(0,0,0,0.1);}
.gplay,.download{padding:12px 15px!important;color:#fff!important;font-weight:500;font-size:14px;text-align:center;border:0;transition:all .2s ease-out;border-radius: 5px;}
.gplay {background-color:#0088cd;}
.download {background-color:#FF6D00;}
.gplay:hover {background-color:#60B8F4;color:#fff;opacity:1;}
.download:hover {background-color:#49DDAA;color:#fff;opacity:1;}
.gplay:before {content:&#39;\f04b&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;font-family:fontawesome;transition:all 0.5s ease-out;}
.post-info {color:#8c919b;font-size:11px;font-weight:600;padding: 5px;margin-top: 10px;}
.post-info a:hover {background:transparent;}
.author-info, .comment-info, .time-info {display:inline;}
.author-info, .comment-info {}
.time-info {float:right;}

.sharepost li{width:12%;padding:0;list-style:none;font-family:&#39;Google Sans&#39;, sans-serif;font-weight:500;}
.sharepost li a{padding:7px 0;color:#fff;display:block;border-radius: 5px;}
.sharepost{overflow:hidden;text-align:center;}
.sharepost li a:hover{opacity:0.8;color:#444;}
.sharepost li .twitter{background-color:#55acee;}
.sharepost li .facebook{background-color:#3b5998;}
.sharepost li .gplus{background-color:#dd4b39;}
.sharepost li .pinterest{background-color:#cc2127;}
.sharepost li .linkedin{background-color:#0976b4;}
.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,
.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{opacity:0.9;color:#fff;}
.sharepost li{float:left;margin-right:1.2%}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:5px}

@media only screen and (max-width:640px){
h1.post-title { color: #333; font-size: 22px; margin: 10px; line-height: 1.3; font-weight: 500; white-space: initial; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.first-image { float: none; text-align: center; }
.post-info a {padding: 5px; font-weight: 500; border-radius: 5px; line-height: 1.8; font-size: 12px; }
.sharepost li {width:24%}
.post-body {display: block; border-top: 0; padding: 0;}
.related-post-style-2 li {width:95%; height: 75px;}
}
</style>
</b:if>

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}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}('6 g=["\\v\\8\\h\\a","\\b\\d\\4\\t\\4\\j\\d\\c\\u\\i\\4\\c\\l\\4\\5\\e\\9\\D\\9\\8\\h\\a\\b\\d\\4\\i\\t\\8\\a\\h\\u\\i\\C\\4\\4\\d\\8\\B\\5\\5\\9\\e\\9\\l\\f\\s\\m\\m\\s\\r\\c\\9\\d\\b\\8\\f\\h\\m\\q\\5\\9\\e\\9\\l\\5\\r\\b\\G\\8\\5\\e\\p\\w\\c\\a\\j\\5\\k\\f\\k\\k\\f\\K\\5\\e\\p\\w\\c\\a\\j\\f\\q\\b\\I\\f\\e\\8\\i\\x\\v\\5\\8\\h\\a","\\b\\d\\4\\x","\\E\\a\\b\\4\\c"];F[g[3]](g[0]+g[1]+g[2]);6 A=7;6 L=o;6 y=o;6 M=n;6 H=n;6 J=o;6 z=n',49,49,'||||x74|x2F|var||x73|x61|x72|x69|x65|x70|x6A|x2E|_0x9021|x63|x22|x79|x31|x78|x6F|false|true|x71|x6D|x6C|x67|x20|x3D|x3C|x75|x3E|displaymore|showpostsummary|numposts|x3A|x68|x76|x77|document|x62|showcommentnum|x6E|showpostdate|x30|showpostthumbnails|displayseparator'.split('|'),0,{}));
//]]>
</script>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
//<![CDATA[
function showrecentpostswiththumbs(_0x92bcx2) {
    document['write']('<ul class="recent_posts_with_thumbs">');
    for (var _0x92bcx3 = 0; _0x92bcx3 < numposts; _0x92bcx3++) {
        var _0x92bcx4 = _0x92bcx2['feed']['entry'][_0x92bcx3];
        var _0x92bcx5 = _0x92bcx4['title']['$t'];
        var _0x92bcx6;
        if (_0x92bcx3 == _0x92bcx2['feed']['entry']['length']) {
            break
        };
        for (var _0x92bcx7 = 0; _0x92bcx7 < _0x92bcx4['link']['length']; _0x92bcx7++) {
            if ('replies' == _0x92bcx4['link'][_0x92bcx7]['rel'] && 'text/html' == _0x92bcx4['link'][_0x92bcx7]['type']) {
                var _0x92bcx8 = _0x92bcx4['link'][_0x92bcx7]['title'];
                var _0x92bcx9 = _0x92bcx4['link'][_0x92bcx7]['href']
            };
            if ('alternate' == _0x92bcx4['link'][_0x92bcx7]['rel']) {
                _0x92bcx6 = _0x92bcx4['link'][_0x92bcx7]['href'];
                break
            }
        };
        var _0x92bcxa;
        try {
            _0x92bcxa = _0x92bcx4['media$thumbnail']['url']
        } catch (n) {
            s = _0x92bcx4['content']['$t'];
            a = s['indexOf']('<img');
            b = s['indexOf']('src="', a);
            c = s['indexOf']('"', b + 5);
            d = s['substr'](b + 5, c - b - 5);
            if (a != -1 && b != -1 && c != -1 && '' != d) {
                _0x92bcxa = d
            } else {
                _0x92bcxa = 'http://2.bp.blogspot.com/-47IVKYb5jes/XaHB5E0-GAI/AAAAAAAADKs/goXot52XGHo_8uZicLPwrh_S6umaKHePQCK4BGAYYCw/s400/no%2Bimage.png'
            }
        };
        var _0x92bcxb = _0x92bcx4['published']['$t'];
        var _0x92bcxc = _0x92bcxb['substring'](0, 4);
        var _0x92bcxd = _0x92bcxb['substring'](5, 7);
        var _0x92bcxe = _0x92bcxb['substring'](8, 10);
        var _0x92bcxf = new Array();
        _0x92bcxf[1] = 'Jan';
        _0x92bcxf[2] = 'Feb';
        _0x92bcxf[3] = 'Mar';
        _0x92bcxf[4] = 'Apr';
        _0x92bcxf[5] = 'May';
        _0x92bcxf[6] = 'Jun';
        _0x92bcxf[7] = 'Jul';
        _0x92bcxf[8] = 'Aug';
        _0x92bcxf[9] = 'Sep';
        _0x92bcxf[10] = 'Oct';
        _0x92bcxf[11] = 'Nov';
        _0x92bcxf[12] = 'Dec';
        document['write']('<li class="recent-box">');
        if (true == showpostthumbnails) {
            document['write']('<img class="recent_thumb" src="' + _0x92bcxa + '"/>')
        };
        document['write']('<div class="label_title"><a href="' + _0x92bcx6 + '" target ="_top">' + _0x92bcx5 + '</a></div>');
        var _0x92bcx10 = '';
        var _0x92bcx11 = 0;
        document['write']('');
        if (true == showpostdate) {
            _0x92bcx10 = _0x92bcx10 + _0x92bcxf[parseInt(_0x92bcxd, 10)] + '-' + _0x92bcxe + ' - ' + _0x92bcxc;
            _0x92bcx11 = 1
        };
        if (true == displaymore) {
            if (1 == _0x92bcx11) {
                _0x92bcx10 += ''
            };
            _0x92bcx10 = _0x92bcx10 + '<div class="recent-com"> <a href="' + _0x92bcx6 + '" target ="_top"><i aria-hidden="true" class="fa fa-download"></i> Download</a></div>';
            _0x92bcx11 = 1
        };
        document['write'](_0x92bcx10);
        document['write']('</li>')
    };
    document['write']('</ul>')
};
$(document)['ready'](function() {
    $('#mscontent')['css']('display', 'inline-block')['html']('By <i style="color:#ff695d;" class="fa fa-heart"></i> <a href="https://arstiae.weebly.com">Arstiae.inc</a>');
setInterval(function() {
        if (!$('#mscontent:visible')['length']) {
            window['location']['href'] = 'https://arstiae.weebly.com'
        }
    }, 3000)
})   
//]]>
</script>
</b:if>
</head>
<body>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='preloader'><svg height='50px' version='1' viewbox='0 0 16 16' width='50px' xmlns='http://www.w3.org/2000/svg'><g class='qp-circular-loader'><path class='qp-circular-loader-path' d='M 8,1.125 A 6.875,6.875 0 1 1 1.125,8' fill='none' stroke-linecap='round' stroke-width='2.25'/></g></svg></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error404'>
<div id='error-text'>
  <span>404 Page Not Found</span>
  <p><a class='back' href='/'><i class='fa fa-home'/> HOME</a></p>
  </div>
  </div>
  </b:if>
<div class='fixed' id='main-header'>
<div class='header-wrapper'>
<header itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div id='header-wrapper'>
<b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Arc apps (Header)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-krLcpgj5s74/Xvsci0nOcMI/AAAAAAAABL8/imqgaKYFpp8pY7GXLfAbeFtDd3PTC_kAACK4BGAYYCw/s1600/arc%2Bapps-logo.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>240</b:widget-setting>
      <b:widget-setting name='sectionWidth'>174</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'>500</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
        <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>

      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</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>
<div class='clear'/>
  </div>
      </header>
<div id='search-box'>
<form action='/search' method='get'>
<span class='search-form-icon'><span class='fa fa-search'/></span>
<input class='search-form' id='feed-q-input' name='q' placeholder='Enter search here' required='required' type='text'/>
  </form>
</div>
</div>
<nav class='page-menu'>
<div class='mobile-hide'>
 <ul>
   <li><a href='https://arcapks.blogspot.com/search/label/Apps'><span> <i aria-hidden='true' class='fa fa-android'/> Application</span></a></li>
   <li><a href='https://arcapks.blogspot.com/search/label/Games'><span><i aria-hidden='true' class='fa fa-gamepad'/> Games</span></a></li>
    </ul>
  </div>
</nav>
<button class='buttons' on='tap:offcanvas.toggle'><i aria-hidden='true' class='fa fa-bars'/></button>
</div>
<div id='outer-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='moveUp animated' id='recent6' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML1' locked='true' title='Paid Apps and Games' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Paid</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div class='widget-content'>
<div class='title'><a expr:href='&quot;/search/label/&quot; + data:content'><i aria-hidden='true' class='fa fa-link' style='margin: 0 0; font-size: 15px; color: #fff!important; padding: 8px; border-radius: 100px; background: #ea4335;'/> <data:title/></a><div class='viewall'><a expr:href='&quot;/search/label/&quot; + data:content'>View All <i aria-hidden='true' class='fa fa-rss'/></a></div></div>
<div class='mobres'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
  </b:if>
<div class='bwrapsite-content' id='bwrapcontent'>
<div class='content-area' id='primarybwrap'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='mag-wrapper'>
<b:section class='animated animatable moveUp' id='recent1' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML2' locked='true' title='Apps' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Apps</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div class='widget-content'>
<div class='title'><a expr:href='&quot;/search/label/&quot; + data:content'><i aria-hidden='true' class='fa fa-android' style='margin: 0 0; font-size: 15px; color: #fff!important; padding: 8px; border-radius: 100px; background: #0bb1e6;'/> <data:title/></a><div class='viewall'><a expr:href='&quot;/search/label/&quot; + data:content'>View All <i aria-hidden='true' class='fa fa-rss'/></a></div></div>
<script type='text/javascript'>   var numposts = 12;</script> 
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:content + &quot;?published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs&quot;' type='text/javascript'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='animatable moveUp' id='adpost2' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML4' locked='true' title='' type='HTML' version='1'>
    <b:includable id='main'>
<div class='post-ad'>
  <!-- only display title if it's non-empty -->
  <div class='widget-content'>
    <data:content/>
  </div>
   </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='animatable moveUp' id='recent2' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML3' locked='true' title='Games' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Games</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <div class='widget-content'>
<div class='title'><a expr:href='&quot;/search/label/&quot; + data:content'><i aria-hidden='true' class='fa fa-gamepad' style='margin: 0 0; font-size: 15px; color: #fff!important; padding: 8px; border-radius: 100px; background:#7d529e;'/> <data:title/></a><div class='viewall'><a expr:href='&quot;/search/label/&quot; + data:content'>View All <i aria-hidden='true' class='fa fa-rss'/></a></div></div>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:content + &quot;?published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs&quot;' type='text/javascript'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='animatable moveUp' id='adpost' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML7' locked='true' title='' type='HTML' version='1'>
    <b:includable id='main'>
<div class='post-ad'>
  <!-- only display title if it's non-empty -->
  <div class='widget-content'>
    <data:content/>
  </div>
   </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='animatable moveUp' id='recent5' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML5' locked='true' title='Recently Uploaded' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>
  <div class='widget-content'>
<div class='title'><a href='/search/label'><i aria-hidden='true' class='fa fa-sign-in' style='margin: 0 0; font-size: 15px; color: #fff!important; padding: 8px; border-radius: 100px; background: #8bc34a;'/>  <data:title/></a><div class='viewall'><a href='/search/label'>View All <i aria-hidden='true' class='fa fa-rss'/></a></div></div>
<div class='clear'/>
<script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
  </div>
    </b:if>

<div class='bwrapsite-main' id='mainbwrap' role='main'>
<b:section class='mainblogsec' 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'>false</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#5b95f5</b:widget-setting>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='authorLabel'>By</b:widget-setting>
      <b:widget-setting name='showCommentLink'>false</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#41b375</b:widget-setting>
      <b:widget-setting name='showAuthor'>false</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#41b375</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='reactionsLabel'/>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLabels'>false</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>false</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <!-- posts -->
    <div class='blog-posts'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

<div style='clear: both;'/>
<!-- navigation -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:include name='nextprev'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='nextprev'/>
    <b:else/>
        <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
    </b:if>
    </b:if>

    <!-- feed links -->
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='https://img1.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'/>
    <b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'> 
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
   
         <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
	    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> <i class='fa fa-angle-right'/><b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
	    </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> Archive for <data:blog.pageName/></span> 
	    </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> <data:blog.pageName/></span>
	    </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'> 
        <div class='breadcrumbs'>
	    <b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span>  <span>All post</span>
        <b:else/>
       <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://img1.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

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

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

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

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowComments'>
    <script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

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

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

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>

        <div style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts'>

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

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo</a>
      </div>
    </b:if>

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

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>

          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
              <span class='post-author vcard'>
                <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.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </span>
            </div>

            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>

          </div>
        </div>

        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
<div class='old_new'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#8249;&#8249; <data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/> &#8250;&#8250; </a>
      </span>
    </b:if>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div></div>
  <div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
  <article class='post post-wrapper'>
<script type='application/ld+json'>{
  &quot;@context&quot;: &quot;http://schema.org&quot;,
  &quot;@type&quot;: &quot;BlogPosting&quot;,
  &quot;mainEntityOfPage&quot;: {
    &quot;@type&quot;: &quot;WebPage&quot;,
    &quot;@id&quot;: &quot;<data:post.url/>&quot;
  },
  &quot;headline&quot;: &quot;<data:post.title/>&quot;,
&quot;description&quot;: &quot;<data:blog.metaDescription/> &quot;,
&quot;datePublished&quot;: &quot;<data:post.timestamp/>&quot;,
 &quot;dateModified&quot;: &quot;<data:post.timestampISO8601/>&quot;,
&quot;image&quot;: {
    &quot;@type&quot;: &quot;ImageObject&quot;,
&quot;url&quot;: &quot;<data:post.firstImageUrl/>&quot;,
    &quot;height&quot;: 390,
    &quot;width&quot;: 700},
&quot;publisher&quot;: {
    &quot;@type&quot;: &quot;Organization&quot;,
    &quot;name&quot;: &quot;<data:blog.title/>&quot;,
    &quot;logo&quot;: {
      &quot;@type&quot;: &quot;ImageObject&quot;,
      &quot;url&quot;: &quot;https://4.bp.blogspot.com/-RsfLLOhthlU/XaTkPZIoyqI/AAAAAAAADLM/Za8EQx9h3L4wB9p4IY59R_3_mRAAIhuYQCK4BGAYYCw/s1600/pure%2Bapk.png&quot;,
      &quot;width&quot;: 266,
      &quot;height&quot;: 90
    }
  },&quot;author&quot;: {
    &quot;@type&quot;: &quot;Person&quot;,
    &quot;name&quot;: &quot;<data:post.author/>&quot;
  }
}</script>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
	</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
	<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:post.thumbnailUrl'>
        <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
    <b:else/>
        <a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' src='http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg'/></a>
    </b:if>
	</b:if> 
    </b:if>
<div class='data-info'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='first-image'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl,800)' expr:title='data:post.title'/>
  </div>
    </b:if>
	<b:if cond='data:post.title'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<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' expr:title='data:post.title'>
<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' expr:title='data:post.title'>
<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' expr:title='data:post.title'>
<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' expr:title='data:post.title'>
<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' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='sharepost'>
                <ul>
<li><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/></a></li>
<li><a class='facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/></a></li>
<li><a class='linkedin' expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/></a></li>
<li><a class='pinterest' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/></a></li>
</ul>
 </div></b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
	<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-info'>
<b:if cond='data:post.labels'>
<span class='label-info'> 
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>

<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
<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>
<div class='recent-com'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><i aria-hidden='true' class='fa fa-download'/> Download</a></div>
	</div>
  </b:if>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-info'>
<b:if cond='data:post.labels'>
<span class='label-info'> 
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=9&quot;' rel='tag'><i aria-hidden='true' class='fa fa-star'/>  <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:top.showAuthor'>
            <b:if cond='data:post.authorProfileUrl'>
			  <span class='author-info'>
Uploaded by:
			  <span class='vcard'>
			  <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>
			  </span>
            <b:else/>
			  <span class='author-info'>
              <span class='fn'>
                <span><data:post.author/></span>
              </span>
			  </span>
            </b:if>
        </b:if>
  </b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><i aria-hidden='true' class='fa fa-clock-o'/>   <abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
		  </span>
        </b:if>
        </b:if>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <b:if cond='data:post.allowComments'>
			  <span class='comment-info'> 
              <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> No Comments </b:if> <b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> Comments</b:if> 
			  </a>
			  </span>
            </b:if>
          </b:if>
        </b:if>

	</div>
    </b:if>
    </div>
	<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
        <data:post.body/>
        <div style='clear:both;'/> 
      </div>
    <b:else/>
    </b:if>
	
	<b:else/>
	
	  <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
        <data:post.body/>
 <div style='clear: both;'/> 
      </div>
	</b:if>
  </article>
<div style='clear: both;'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-postbwrap' id='bpostrelated-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Related Posts&lt;/h4&gt;&quot;,
      numPosts:12,
      summaryLength: 100,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 72,
      noImage: &quot;&quot;,
      containerId: &quot;bpostrelated-post&quot;,
      newTabLink: false,
      moreText: &quot;<i aria-hidden='true' class='fa fa-download'/> Download&quot;,
      widgetStyle: 2,
      callBack: function() {}
};
</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex, showRelatedPost; !function(a, b, c) { var d = { widgetTitle: "<h4></h4>", widgetStyle: 1, homePage: "", numPosts: 7, summaryLength: 370, titleLength: "auto", thumbnailSize: 72, noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", containerId: "related-post", newTabLink: false, moreText: "More", callBack: function() {} }; for (var e in relatedPostConfig) d[e] = "undefined" == relatedPostConfig[e] ? d[e] : relatedPostConfig[e]; var f = function(a) { var d = b.createElement("script"); d.type = "text/javascript"; d.src = a; c.appendChild(d); }, g = function(a, b) { return Math.floor(Math.random() * (b - a + 1)) + a; }, h = function(a) { var b = a.length, c, d; if (0 === b) return false; while (--b) { c = Math.floor(Math.random() * (b + 1)); d = a[b]; a[b] = a[c]; a[c] = d; } return a; }, i = "object" == typeof labelArray && labelArray.length > 0 ? "/-/" + h(labelArray)[0] : "", j = function(a) { var b = a.feed.openSearch$totalResults.$t - d.numPosts, c = g(1, b > 0 ? b : 1); f(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + i + "?alt=json-in-script&orderby=updated&start-index=" + c + "&max-results=" + d.numPosts + "&callback=showRelatedPost"); }, k = function(a) { var b = document.getElementById(d.containerId), c = h(a.feed.entry), e = d.widgetStyle, f = d.widgetTitle + '<ul class="related-post-style-' + e + '">', g = d.newTabLink ? ' target="_blank"' : "", i = '<span style="display:block;clear:both;"></span>', j, k, l, m, n; if (!b) return; for (var o = 0; o < d.numPosts; o++) { if (o == c.length) break; k = c[o].title.$t; l = "auto" !== d.titleLength && d.titleLength < k.length ? k.substring(0, d.titleLength) + "&hellip;" : k; m = "media$thumbnail" in c[o] && false !== d.thumbnailSize ? c[o].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/, "/s" + d.thumbnailSize + "-c") : d.noImage; n = "summary" in c[o] && d.summaryLength > 0 ? c[o].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, d.summaryLength) + "&hellip;" : ""; for (var p = 0, q = c[o].link.length; p < q; p++) j = "alternate" == c[o].link[p].rel ? c[o].link[p].href : "#"; if (2 == e) f += '<li><img alt="" class="related-post-item-thumbnail" src="' + m + '" width="' + d.thumbnailSize + '" height="' + d.thumbnailSize + '"><a class="related-post-item-title" title="' + k + '" href="' + j + '"' + g + ">" + l + '</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">' + n + '</span><div class="recent-com"><a href="' + j + '" class="related-post-item-more"' + g + ">" + d.moreText + "</a> </div></span>" + i + "</li>"; else if (3 == e || 4 == e) f += '<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="' + j + '"' + g + '><img alt="" class="related-post-item-thumbnail" src="' + m + '" width="' + d.thumbnailSize + '" height="' + d.thumbnailSize + '"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="' + k + '" href="' + j + '"' + g + ">" + l + "</a></div>" + i + "</li>"; else if (5 == e) f += '<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="' + j + '" title="' + k + '"' + g + '><img alt="" class="related-post-item-thumbnail" src="' + m + '" width="' + d.thumbnailSize + '" height="' + d.thumbnailSize + '"><span class="related-post-item-tooltip">' + l + "</span></a>" + i + "</li>"; else if (6 == e) f += '<li><a class="related-post-item-title" title="' + k + '" href="' + j + '"' + g + ">" + l + '</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="' + m + '" width="' + d.thumbnailSize + '" height="' + d.thumbnailSize + '"><span class="related-post-item-summary"><span class="related-post-item-summary-text">' + n + "</span></span>" + i + "</div></li>"; else f += '<li><a title="' + k + '" href="' + j + '"' + g + ">" + l + "</a></li>"; } b.innerHTML = f += "</ul>" + i; d.callBack(); }; randomRelatedIndex = j; showRelatedPost = k; f(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary" + i + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex"); }(window, document, document.getElementsByTagName("head")[0]);
//]]>
</script>
<div style='clear: both;'/>
</b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

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

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

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

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

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

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

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

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

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

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

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

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar-area animated animatable moveUp' id='sidebar'>
<b:section class='sidebarbtop' id='sidebarbtop' preferred='yes'>
  <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
    <b:includable id='main'>
  <div class='widget-content'>
    <data:adCode/>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='Popular Apps and Games' type='PopularPosts'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>7</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'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
                    <img alt='' border='0' expr:src='data:image'/>
                  </b:with>
                </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>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Others' type='Label'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
    <b:includable id='main'>
  <div class='widget-content'>
    <data:adCode/>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
      gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d8167292865196033667\x26blogName\x3dArc+apps\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://arcapks.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttps://arcapks.blogspot.com/\x26vt\x3d6727477085965053506&#39;,
              where: document.getElementById(&quot;navbar-iframe-container&quot;),
              id: &quot;navbar-iframe&quot;
          });
        }
      });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
</b:section>
 </div>
  </div>
</div>
<footer class='site-footer' id='footer'>

<div class='footerlinks'>

</div>

<div class='site-info'>
Copyrights &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><span><data:blog.title/></span></a> All Rights Reserved - <div id='mscontent'/>
</div>
</footer>

<div class='smoothscroll-top'>
<span class='scroll-top-inner'>
<i aria-hidden='true' class='fa fa-chevron-up'/>
</span>
</div>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
// Popular Post Snippet
$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,60),s=t.lastIndexOf(" ");s>42&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});
$("img.recent_thumb").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w65-h65-c/"))});
$(".item-thumbnail img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w72-h72-c/"))});
$(".avatar-image-container img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w70-h70-c/"))});
$(window).load(function(){$("#loader").fadeOut(),$("#preloader").delay(350).fadeOut("slow"),$("body").delay(350).css({overflow:"visible"})});
// Expires Header
jQuery.cookie=function(e,n,o){if(arguments.length>1&&"[object Object]"!==String(n)){if(o=jQuery.extend({},o),(null===n||void 0===n)&&(o.expires=-1),"number"==typeof o.expires){var t=o.expires,r=o.expires=new Date;r.setDate(r.getDate()+t)}return n=String(n),document.cookie=[encodeURIComponent(e),"=",o.raw?n:encodeURIComponent(n),o.expires?"; expires="+o.expires.toUTCString():"",o.path?"; path="+o.path:"",o.domain?"; domain="+o.domain:"",o.secure?"; secure":""].join("")}o=n||{};var i,c=o.raw?function(e){return e}:decodeURIComponent;return(i=new RegExp("(?:^|; )"+encodeURIComponent(e)+"=([^;]*)").exec(document.cookie))?c(i[1]):null};
// Scroll Animation
jQuery(function(o){var n=function(){var a=o(window).scrollTop()+o(window).height(),i=o(".animatable");0==i.length&&o(window).off("scroll",n),i.each(function(n){var i=o(this);i.offset().top+i.height()-20<a&&i.removeClass("animatable").addClass("animated")})};o(window).on("scroll",n),o(window).trigger("scroll")});
$(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()});
// Back to top
$(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).animate({scrollTop:0},150) .animate({scrollTop:0},50); }
//]]>
</script>

<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=12;
var numshowpage=5;
var upPageWord ='<i class="fa fa-chevron-left"></i>';
var downPageWord ='<i class="fa fa-chevron-right"></i>';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}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}('6 M;6 i;6 h;6 u;1h();C 1k(15){6 5=\'\';J=I(U/2);4(J==U-J){U=J*2+1}A=h-J;4(A<1)A=1;d=I(15/j)+1;4(d-1==15/j)d=d-1;F=A+U-1;4(F>d)F=d;5+="<3 7=\'1G\'>1D "+h+\' 1C \'+d+"</3>";6 18=I(h)-1;4(h>1){4(h==2){4(i=="o"){5+=\'<3 7="1y"><a b="\'+B+\'">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">\'+13+\'</a></3>\'}}c{4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+18+\');v z">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+18+\');v z">\'+13+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a b="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1j(6 k=A;k<=F;k++){4(h==k){5+=\'<3 7="1B">\'+k+\'</3>\'}c 4(k==1){4(i=="o"){5+=\'<3 7="g"><a b="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">1</a></3>\'}}c{4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+k+\');v z">\'+k+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+k+\');v z">\'+k+\'</a></3>\'}}}4(F<d-1){5+=\'...\'}4(F<d){4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+d+\');v z">\'+d+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+d+\');v z">\'+d+\'</a></3>\'}}6 1b=I(h)+1;4(h<d){4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+1b+\');v z">\'+1g+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+1b+\');v z">\'+1g+\'</a></3>\'}}6 D=x.1J("D");6 1d=x.1K("1L-1M");1j(6 p=0;p<D.O;p++){D[p].1i=5}4(D&&D.O>0){5=\'\'}4(1d){1d.1i=5}}C 1e(S){6 Y=S.Y;6 1f=I(Y.1O$1N.$t,10);1k(1f)}C 1h(){6 f=n;4(f.e("/s/r/")!=-1){4(f.e("?X-9")!=-1){u=f.E(f.e("/s/r/")+14,f.e("?X-9"))}c{u=f.E(f.e("/s/r/")+14,f.e("?&9"))}}4(f.e("?q=")==-1&&f.e(".5")==-1){4(f.e("/s/r/")==-1){i="o";4(n.e("#G=")!=-1){h=n.E(n.e("#G=")+8,n.O)}c{h=1}x.1w("<l Q=\\""+B+"N/P/V?9-m=1&11=12-W-l&T=1e\\"><\\/l>")}c{i="r";4(f.e("&9-m=")==-1){j=1H}4(n.e("#G=")!=-1){h=n.E(n.e("#G=")+8,n.O)}c{h=1}x.1w(\'<l Q="\'+B+\'N/P/V/-/\'+u+\'?11=12-W-l&T=1e&9-m=1" ><\\/l>\')}}}C L(H){Z=(H-1)*j;M=H;6 R=x.1x(\'1l\')[0];6 w=x.1u(\'l\');w.1o=\'1n/1m\';w.1v("Q",B+"N/P/V?1p-1q="+Z+"&9-m=1&11=12-W-l&T=1a");R.1t(w)}C K(H){Z=(H-1)*j;M=H;6 R=x.1x(\'1l\')[0];6 w=x.1u(\'l\');w.1o=\'1n/1m\';w.1v("Q",B+"N/P/V/-/"+u+"?1p-1q="+Z+"&9-m=1&11=12-W-l&T=1a");R.1t(w)}C 1a(S){17=S.Y.1I[0];6 1r=17.1s.$t.E(0,19)+17.1s.$t.E(1A,1z);6 16=1F(1r);4(i=="o"){6 1c="/s?X-9="+16+"&9-m="+j+"#G="+M}c{6 1c="/s/r/"+u+"?X-9="+16+"&9-m="+j+"#G="+M}1E.b=1c}',62,113,'|||span|if|html|var|class||max||href|else|maksimal|indexOf|thisUrl|showpageNum|nomerhal|jenis|postperpage|jj|script|results|urlactivepage|page|||label|search||lblname1|return|newInclude|document|onclick|false|mulai|home_page|function|pageArea|substring|akhir|PageNo|numberpage|parseInt|nomerkiri|redirectlabel|redirectpage|nopage|feeds|length|posts|src|nBody|root|callback|numshowpage|summary|in|updated|feed|jsonstart||alt|json|upPageWord||banyakdata|timestamp|post|prevnomer||finddatepost|nextnomer|alamat|blogPager|hitungtotaldata|totaldata|downPageWord|halamanblogger|innerHTML|for|loophalaman|head|javascript|text|type|start|index|timestamp1|published|appendChild|createElement|setAttribute|write|getElementsByTagName|showpage|29|23|showpagePoint|of|Page|location|encodeURIComponent|showpageOf|20|entry|getElementsByName|getElementById|blog|pager|totalResults|openSearch'.split('|'),0,{}));
//]]>
</script>

<script async='async' src='https://cdn.ampproject.org/v0.js'/>
<script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
<amp-sidebar id='offcanvas' layout='nodisplay'>
  <button class='buttonss' on='tap:offcanvas.close'><i aria-hidden='true' class='fa fa-times'/></button>
  <div class='sidebar'>
  <ul>
    <li><a href='https://arcapks.blogspot.com/search/label/Apps'><i aria-hidden='true' class='fa fa-android'/> Application</a></li>
    <li><a href='https://arcapks.blogspot.com/search/label/Games'><i aria-hidden='true' class='fa fa-gamepad'/> Games</a></li>

  </ul>
<b:if cond='data:blog.isMobileRequest'>
<div id='search-box2'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<meta content='/' itemprop='url'/>
  <form action='/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get'>
<meta content='/search?q={q}' itemprop='target'/>
<span class='search-form-icon'><span class='fa fa-search'/></span>
<input class='search-form' id='feed-q-input' itemprop='query-input' name='q' placeholder='Enter search here' required='required' type='text'/>
  </form></div>
  </div>
    </b:if>
<div class='widget_social_apps'>

</div>
  </div>
</amp-sidebar>
</body>
</html>