<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:class='data:blog.languageDirection' 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, minimum-scale=1, maximum-scale=1' name='viewport'/>
<title><data:view.title.escaped/></title>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:view.isHomepage'>
<script type='application/ld+json'>
{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}
</script>
</b:if>
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i' media='all' rel='stylesheet' type='text/css'/>
<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<!-- Template Style CSS -->
<b:skin version='1.0.0'><![CDATA[/* /* <!-- Variable definitions --> <Variable name="keycolor"
description="Main Color" type="color" default="$(main.color)"
value="#51b53f"/> <Variable name="followByEmail" description="Follow By
Email Text" type="string" default="Get all latest content delivered
straight to your inbox." value="Get all latest content delivered straight
to your inbox."/> <Group description="Theme Colors" selector="body">
<Variable name="main.color" description="Theme Color" type="color"
default="#3f51b5" value="#51b53f"/> <Variable name="main.dark.color"
description="Dark Color" type="color" default="#202020" value="#202020"/>
<Variable name="menu.color" description="Menu Color" type="color"
default="#ffffff" value="#ffffff"/> <Variable name="title.color"
description="Title Color" type="color" default="#333333" value="#333333"/>
<Variable name="title.hover" description="Title Color on Hover"
type="color" default="$(main.color)" value="#51b53f"/> <Variable
name="footer.color" description="Footer Color" type="color"
default="#f1ffff" value="#fffff1"/> </Group> <Group description="Theme
Body" selector="body"> <Variable name="body.background.color"
description="Body Background Color" type="color" default="#f8f8f8"
value="#f8f8f8"/> <Variable name="body.background"
description="Background" type="background"
color="$(body.background.color)" default="$(color) url() repeat fixed top
left" value="#f8f8f8 url() repeat fixed top left"/> <Variable
name="body.text.color" description="Text Color" type="color"
default="#656565" value="#656565"/> <Variable name="body.link.color"
description="Link Color" type="color" default="$(main.color)"
value="#3f51b5"/> </Group> <!-- Extra Variables --> <Variable
name="body.text.font" description="Font" hideEditor="true" type="font"
default="13px Poppins, sans-serif" value="13px Poppins, sans-serif"/>
<Variable name="posts.background.color" description="Post background
color" hideEditor="true" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="tabs.font" description="Font 2" hideEditor="true"
type="font" default="13px Poppins, sans-serif" value="13px Poppins,
sans-serif"/> <Variable name="posts.title.color" description="Post title
color" hideEditor="true" type="color" default="#333333" value="#333333"/>
<Variable name="posts.text.color" description="Post text color"
hideEditor="true" type="color" default="#656565" value="#656565"/>
<Variable name="posts.icons.color" description="Post icons color"
hideEditor="true" type="color" default="$(main.color)" value="#3f51b5"/>
<Variable name="labels.background.color" description="Label background
color" hideEditor="true" type="color" default="$(main.color)"
value="#3f51b5"/> */ /*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
padding:0; border:0; outline:0; vertical-align:baseline; background:0 0;
text-decoration:none } form,textarea,input,button{
-webkit-appearance:none; -moz-appearance:none; appearance:none;
border-radius:0 } dl,ul{ list-style-position:inside; font-weight:400;
list-style:none } ul li{ list-style:none } caption,th{ text-align:center }
img{ border:none; position:relative } a,a:visited{ text-decoration:none }
.clearfix{ clear:both } .section,.widget,.widget ul{ margin:0; padding:0 }
a{ color:$(body.link.color) } a img{ border:0 } abbr{ text-decoration:none
} .CSS_LIGHTBOX{ z-index:999999!important } .separator a{
clear:none!important; float:none!important; margin-left:0!important;
margin-right:0!important }
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
display:none!important } .center{ display:table; margin:0 auto;
position:relative } .widget > h2,.widget > h3{ display:none } /*-- Body
Content CSS --*/ body{ background:$(body.background);
background-color:$(body.background.color);
font-family:'Poppins',sans-serif; font-size:14px; font-weight:400;
color:$(body.text.color); word-wrap:break-word; margin:0; padding:0 }
#outer-wrapper{ margin:0 auto; background-color:#f5f6f7; box-shadow:0 0
5px rgba(0,0,0,.1) } .row{ width:1080px } #content-wrapper{ margin:40px
auto 0; overflow:hidden } #content-wrapper > .container{ margin:0 -15px }
#main-wrapper{ float:left; overflow:hidden; width:66.66666667%;
box-sizing:border-box; word-wrap:break-word; padding:0 15px; margin:0 }
#sidebar-wrapper{ float:right; overflow:hidden; width:33.33333333%;
box-sizing:border-box; word-wrap:break-word; padding:0 15px }
.post-image-wrap{ position:relative; display:block }
.post-image-link,.about-author .avatar-container,.comments
.avatar-image-container{ background-color:rgba(155,155,155,0.07);
color:transparent!important } .post-thumb{ display:block;
position:relative; width:100%; height:100%; object-fit:cover; z-index:1;
opacity: 0; transition: opacity .35s ease; } .post-thumb.lazy-yard {
opacity: 1; } .post-image-link:hover .post-thumb,.post-image-wrap:hover
.post-image-link .post-thumb,.hot-item-inner:hover .post-image-link
.post-thumb{ opacity:.9 } .post-title a{ display:block } #top-bar{
width:100%; height:34px; background-color:#171c24; overflow:hidden;
margin:0; border-bottom:1px solid #12161d } #top-bar .container{ margin:0
auto } .top-bar-nav{ position:relative; float:left; display:block }
.top-bar-nav .widget > .widget-title{ display:none } .top-bar-nav ul li{
float:left } .top-bar-nav ul li > a{ height:34px; display:block;
color:#ffffff; font-size:12px; font-weight:500; line-height:34px;
text-transform:uppercase; margin:0 10px 0 0; padding:0 5px;
transition:color .17s } .top-bar-nav ul li:first-child > a{ padding:0 5px
0 0 } .top-bar-nav ul > li:hover > a{ color:$(main.color) }
.top-bar-social{ position:relative; float:right; display:block }
.top-bar-social .widget > .widget-title{ display:none } .top-bar-social ul
> li{ float:left; display:inline-block } .top-bar-social ul > li > a{
line-height:34px; display:block; color:#ffffff; text-decoration:none;
font-size:14px; text-align:center; padding:0 7px; margin:0 0 0 10px;
transition:color .17s } .top-bar-social ul > li:last-child > a{ padding:0
0 0 7px } .top-bar-social ul > li:hover > a{ color:$(main.color) } .social
a:before{ display:inline-block; font-family:FontAwesome;
font-style:normal; font-weight:400 } .social .blogger a:before{
content:"\f37d" } .social .facebook a:before{ content:"\f09a" } .social
.twitter a:before{ content:"\f099" } .social .gplus a:before{
content:"\f0d5" } .social .rss a:before{ content:"\f09e" } .social
.youtube a:before{ content:"\f167" } .social .skype a:before{
content:"\f17e" } .social .stumbleupon a:before{ content:"\f1a4" } .social
.tumblr a:before{ content:"\f173" } .social .vk a:before{ content:"\f189"
} .social .stack-overflow a:before{ content:"\f16c" } .social .github
a:before{ content:"\f09b" } .social .linkedin a:before{ content:"\f0e1" }
.social .dribbble a:before{ content:"\f17d" } .social .soundcloud
a:before{ content:"\f1be" } .social .behance a:before{ content:"\f1b4" }
.social .digg a:before{ content:"\f1a6" } .social .instagram a:before{
content:"\f16d" } .social .pinterest a:before{ content:"\f0d2" } .social
.twitch a:before{ content:"\f1e8" } .social .delicious a:before{
content:"\f1a5" } .social .codepen a:before{ content:"\f1cb" } .social
.reddit a:before{ content:"\f1a1" } .social .whatsapp a:before{
content:"\f232" } .social .snapchat a:before{ content:"\f2ac" } .social
.email a:before{ content:"\f0e0" } .social .external-link a:before{
content:"\f35d" } .social-color .blogger a{ background-color:#ff5722 }
.social-color .facebook a{ background-color:#3b5999 } .social-color
.twitter a{ background-color:#00acee } .social-color .gplus a{
background-color:#db4a39 } .social-color .youtube a{
background-color:#f50000 } .social-color .instagram a{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4) } .social-color
.pinterest a{ background-color:#ca2127 } .social-color .dribbble a{
background-color:#ea4c89 } .social-color .linkedin a{
background-color:#0077b5 } .social-color .tumblr a{
background-color:#365069 } .social-color .twitch a{
background-color:#6441a5 } .social-color .rss a{ background-color:#ffc200
} .social-color .skype a{ background-color:#00aff0 } .social-color
.stumbleupon a{ background-color:#eb4823 } .social-color .vk a{
background-color:#4a76a8 } .social-color .stack-overflow a{
background-color:#f48024 } .social-color .github a{
background-color:#24292e } .social-color .soundcloud a{
background:linear-gradient(#ff7400,#ff3400) } .social-color .behance a{
background-color:#191919 } .social-color .digg a{ background-color:#1b1a19
} .social-color .delicious a{ background-color:#0076e8 } .social-color
.codepen a{ background-color:#000 } .social-color .reddit a{
background-color:#ff4500 } .social-color .whatsapp a{
background-color:#3fbb50 } .social-color .snapchat a{
background-color:#ffe700 } .social-color .email a{ background-color:#888 }
.social-color .external-link a{ background-color:$(main.dark.color) }
#header-wrap{ background-color:#fff; position:relative; margin:0;
box-shadow:0 2px 4px 0 rgba(0,0,0,.05); } .header-header{ width:100%;
height:90px; position:relative; overflow:hidden; padding:25px 0 }
.header-header .container{ position:relative; margin:0 auto; padding:0 }
.header-logo{ position:relative; float:left; width:auto; max-width:250px;
max-height:60px; margin:0; padding:15px 0 } .header-logo
.header-image-wrapper{ display:block } .header-logo img{ max-width:100%;
max-height:60px; margin:0 } .header-logo h1{ color:$(title.color);
font-size:20px; line-height:1.4em; margin:0 } .header-logo p{
font-size:12px; margin:5px 0 0 } .header-ads{ position:relative;
float:right } .header-ads .widget > .widget-title{ display:none }
.header-ads .widget{ max-width:100% } .header-ads .widget .widget-content{
width:728px; max-width:100%; max-height:90px; line-height:1 }
.header-menu{ position:relative; width:100%; height:48px; z-index:10;
font-size:13px; margin:0; } .header-menu .container{ background-color:
#3f51b5; background-image: -webkit-linear-gradient(left,#3f51b5,#03a9f4);
background-image: linear-gradient(to right,#3f51b5,#03a9f4);
position:relative; margin:0 auto; padding:0 } #main-menu
.widget,#main-menu .widget > .widget-title{ display:none } #main-menu
.show-menu{ display:block } #main-menu{ position:relative; height:48px;
z-index:15 } #main-menu ul > li{ float:left; position:relative; margin:0;
padding:0; transition:background .17s } #main-menu ul > li.li-home-icon >
a{ width:48px; height:48px; text-align:center; font-size:18px;
line-height:48px; font-weight:400; padding:0 } #main-menu ul > li > a{
position:relative; color:$(menu.color); font-size:13px; font-weight:500;
text-transform:uppercase; line-height:48px; display:inline-block;
margin:0; padding:0 13px; border-right: 1px solid rgba(255,255,255,0.08);
transition:color .17s ease } #main-menu ul#main-menu-nav > li:first-child
> a{ } #main-menu ul > li:hover > a{ color:#fff } #main-menu ul > li > ul{
position:absolute; float:left; left:0; top:48px; width:180px;
background-color:$(main.dark.color); z-index:99999; margin:0; padding:0;
box-shadow:0 3px 5px rgba(0,0,0,0.2); visibility:hidden; opacity:0 }
#main-menu ul > li > ul > li > ul{ position:absolute; float:left; top:0;
left:100%; margin:0 } #main-menu ul > li > ul > li{ display:block;
float:none; position:relative; transition:all .17s ease } #main-menu ul >
li > ul > li a{ display:block; height:36px; font-size:12px; color:#fff;
line-height:36px; box-sizing:border-box; margin:0; padding:0 15px;
transition:all .17s ease } #main-menu ul > li > ul > li:hover{
background-color:rgba(0,0,0,0.2) } #main-menu ul > li > ul > li:hover > a{
color:$(main.color) } #main-menu ul > li.has-sub > a:after{
content:'\f107'; float:right; font-family:FontAwesome; font-size:14px;
font-weight:400; margin:0 0 0 3px } #main-menu ul > li > ul > li.has-sub >
a:after{ content:'\f105'; float:right; margin:0 } #main-menu .mega-menu{
position:static!important } #main-menu .mega-menu > ul{ width:100%;
box-sizing:border-box; padding:20px 10px } #main-menu .mega-menu >
ul.mega-menu-inner{ overflow:hidden } #main-menu ul > li:hover >
ul,#main-menu ul > li > ul > li:hover > ul{ visibility:visible; opacity:1
} #main-menu ul ul{ transition:all .17s ease } .mega-menu-inner
.mega-item{ float:left; width:25%; box-sizing:border-box; padding:0 10px }
.mega-menu-inner .mega-content{ position:relative; width:100%;
overflow:hidden; padding:0 } .mega-content .post-image-wrap{ width:100%;
height:140px; overflow:hidden } .mega-content .post-image-link{
width:100%; height:100%; z-index:1; display:block; position:relative;
overflow:hidden } .mega-content .post-title{ position:relative;
font-size:14px; font-weight:500; line-height:1.5em; margin:7px 0 5px }
.mega-content .post-title a{ display:block; color:#fff; transition:color
.17s } .mega-content:hover .post-title a{ color:$(title.hover) }
.mega-content .post-meta{ color:#aaa } .no-posts{ float:left; width:100%;
height:100px; line-height:100px; text-align:center } .mega-menu .no-posts{
line-height:60px; color:$(title.color) } .show-search,.hide-search{
position:absolute; right:0; top:0; display:block; width:48px; height:48px;
line-height:48px; z-index:20; color:$(menu.color); font-size:15px;
text-align:center; cursor:pointer; transition:color .17s ease }
.show-search:before{ content:"\f002"; font-family:FontAwesome;
font-weight:400 } .hide-search:before{ content:"\f00d";
font-family:FontAwesome; font-weight:400 }
.show-search:hover,.hide-search:hover{ color:#fff } #nav-search{
display:none; position:absolute; left:0; top:0; width:100%; height:48px;
z-index:99; background-color:$(main.color); box-sizing:border-box;
padding:0 } #nav-search .search-form{ width:100%; height:48px;
background-color:rgba(0,0,0,0); line-height:48px; overflow:hidden;
padding:0 } #nav-search .search-input{ width:100%; height:48px;
font-family:inherit; color:$(menu.color); margin:0; padding:0 46px 0 15px;
background-color:rgba(0,0,0,0); font-size:14px; font-weight:400;
box-sizing:border-box; border:0 } #nav-search .search-input:focus{
color:$(menu.color); outline:none } .slide-menu-toggle{ display:none;
position:absolute; line-height:48px; height:48px; width:48px; top:0;
left:0; font-family:FontAwesome; color:#fff; font-size:17px;
font-weight:400; text-align:left; cursor:pointer; z-index:4; padding:0 }
.slide-menu-toggle:before{ content:"\f0c9" } .nav-active
.slide-menu-toggle:before{ content:"\f00d" } .mobile-menu{ display:none;
position:absolute; top:48px; left:0; width:100%;
background-color:$(main.dark.color); box-sizing:border-box; padding:20px;
border-top:1px solid rgba(255,255,255,0.08); visibility:hidden; opacity:0;
transform-origin:0 0; transform:scaleY(0); transition:all .17s ease }
.nav-active .mobile-menu{ visibility:visible; opacity:1;
transform:scaleY(1) } .mobile-menu > ul{ margin:0 } .mobile-menu .m-sub{
display:none; padding:0 } .mobile-menu ul li{ position:relative;
display:block; overflow:hidden; float:left; width:100%; font-size:13px;
font-weight:500; text-transform:uppercase; line-height:38px; margin:0;
padding:0 } .mobile-menu > ul li ul{ overflow:hidden } .mobile-menu ul li
a{ color:#fff; padding:0; display:block; transition:all .17s ease }
.mobile-menu ul li.has-sub .submenu-toggle{ position:absolute; top:0;
right:0; color:#fff; cursor:pointer } .mobile-menu ul li.has-sub
.submenu-toggle:after{ content:'\f105'; font-family:FontAwesome;
font-weight:400; float:right; width:34px; font-size:16px;
text-align:center; transition:all .17s ease } .mobile-menu ul
li.has-sub.show > .submenu-toggle:after{ transform:rotate(90deg) }
.mobile-menu > ul > li > ul > li > a{ color:#fff; opacity:.7; padding:0 0
0 15px } .mobile-menu > ul > li > ul > li > ul > li > a{ color:#fff;
opacity:.7; padding:0 0 0 30px } .mobile-menu ul li a:hover,.mobile-menu
ul > li > .submenu-toggle:hover{ color:$(main.color) } .post-meta{
overflow:hidden; color:#aaaaaa; font-size:11px; font-weight:500;
text-transform:uppercase; padding:0 1px } .post-meta
.post-author,.post-meta .post-date{ float:left; display:inline-block;
margin:0 10px 0 0 } .post-meta .post-author:before,.post-meta
.post-date:before{ font-family:FontAwesome; font-weight:400; margin:0 3px
0 0 } .post-meta .post-author:before{ content:'\f007' } .post-meta
.post-date:before{ content:'\f017' } .post-meta a{ color:#aaaaaa;
transition:color .17s } .post-meta a:hover{ color:$(main.color) }
#hot-wrapper{ margin:0 auto } #hot-section .widget,#hot-section .widget >
.widget-title{ display:none } #hot-section .show-hot{
display:block!important } #hot-section .show-hot .widget-content{
position:relative; overflow:hidden; height:410px; margin:20px 0 0;
background-color: #ffffff; padding: 20px; border-radius: 4px; box-shadow:
0 2px 4px rgba(0,0,0,.05); } .hot-loader{ position:relative; height:100%;
overflow:hidden; display:block } .hot-loader:after{ content:'';
position:absolute; top:50%; left:50%; width:26px; height:26px;
margin:-15px 0 0 -15px; border:2px solid #ddd;
border-left-color:$(main.color); border-top-color:$(main.color);
border-radius:100%; animation:spinner .8s infinite linear;
transform-origin:center } @-webkit-keyframes spinner { 0%{
-webkit-transform:rotate(0deg); transform:rotate(0deg) } to{
-webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes
spinner { 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{
-webkit-transform:rotate(1turn); transform:rotate(1turn) } } ul.hot-posts{
position:relative; overflow:hidden; height:410px; margin:0 -5px }
.hot-posts .hot-item{ position:relative; float:left; width:25%;
height:200px; overflow:hidden; box-sizing:border-box; padding:0 5px }
.hot-posts .hot-item.item-0{ width:50%; height:410px } .hot-posts
.hot-item.item-1 { width: 50%; margin:0 0 10px } .hot-item-inner{
position:relative; float:left; width:100%; height:100%; overflow:hidden;
display:block; border-radius: 4px; } .hot-posts .post-image-link{
width:100%; height:100%; position:relative; overflow:hidden;
display:block; border-radius: 4px; } .hot-posts .post-info{
position:absolute; bottom:0; left:0; width:100%;
background-image:linear-gradient(rgba(0,0,0,0),#000); overflow:hidden;
z-index:5; box-sizing:border-box; padding:20px } .hot-posts .post-title{
font-size:14px; font-weight:500; display:block; line-height:1.5em;
margin:10px 0 5px } .hot-posts .item-0 .post-title{ font-size:21px;
margin:10px 0 } .hot-posts .item-1 .post-title{ font-size:18px; }
.hot-posts .post-title a{ color:#fff; display:block } .hot-posts
.post-meta,.hot-posts .post-meta a{ color:#fff } .show-hot .no-posts{
position:absolute; top:calc(50% - 50px); left:0; width:100% }
.queryMessage{ overflow:hidden; background-color:#f2f2f2;
color:$(title.color); font-size:13px; font-weight:400; padding:8px 10px;
margin:0 0 25px } .queryMessage .query-info{ margin:0 5px } .queryMessage
.search-query,.queryMessage .search-label{ font-weight:700;
text-transform:uppercase } .queryMessage
.search-query:before,.queryMessage .search-label:before{ content:"\201c" }
.queryMessage .search-query:after,.queryMessage .search-label:after{
content:"\201d" } .queryMessage a.show-more{ float:right;
color:$(title.hover); text-decoration:underline; transition:opacity .17s }
.queryMessage a.show-more:hover{ opacity:.8 } .queryEmpty{ font-size:13px;
font-weight:400; padding:10px 0; margin:0 0 25px; text-align:center }
.title-wrap{ position:relative; float:left; width:100%; height:32px;
background-color:$(main.color); display:block; margin:0 0 20px }
.title-wrap > h3{ position:relative; display:block; height:32px;
font-size:12px; color:#fff; font-weight:500; line-height:32px;
text-align:center; text-transform:uppercase; padding:0; margin:0 }
.custom-widget li{ overflow:hidden; margin:20px 0 0 } .custom-widget
li:first-child{ padding:0; margin:0; border:0 } .custom-widget
.post-image-link{ position:relative; width:80px; height:70px; float:left;
overflow:hidden; display:block; vertical-align:middle; margin:0 12px 0 0 }
.custom-widget .post-info{ overflow:hidden } .custom-widget .post-title{
overflow:hidden; font-size:13px; font-weight:500; line-height:1.5em;
margin:0 0 3px } .custom-widget .post-title a{ display:block;
color:$(title.color); transition:color .17s } .custom-widget li:hover
.post-title a{ color:$(title.hover) } .index-post-wrap{ position:relative;
float:left; width:100% } .item-post-wrap { background-color: #ffffff;
box-sizing: border-box; padding: 20px; border-radius: 4px; box-shadow: 0
2px 4px rgba(0,0,0,.05); } .blog-post{ display:block; overflow:hidden;
word-wrap:break-word } .home-title{ position:relative; font-size:15px;
background: linear-gradient(45deg,rgba(255,101,165,1)
0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1)
100%); color:#fff; font-weight:500; line-height:15px;
text-transform:uppercase; padding: 15px 20px; box-sizing: border-box;
border-radius: 4px; margin:0 0 20px; box-shadow: 0 2px 4px 0
rgba(0,0,0,.05); } .home-title:before{ content:''; position:absolute;
z-index:1 } .home-title span{ position:relative; z-index:5 } .grid-posts{
display:flex; flex-wrap:wrap; margin:0 -15px } .index-post{ display:block;
width:50%; box-sizing:border-box; padding:0 15px; margin:0 0 30px;
overflow: visible; } .index-post-inner { background-color: #ffffff;
box-sizing: border-box; padding: 20px; border-radius: 4px; box-shadow: 0
2px 4px rgba(0,0,0,.05); float: left; width: 100%; } .index-post
.post-image-wrap{ float:left; width:100%; height:180px; overflow:hidden;
margin:0 0 10px; border-radius: 4px; } .index-post .post-image-wrap
.post-image-link{ width:100%; height:100%; position:relative;
display:block; z-index:1; overflow:hidden; border-radius: 4px; }
.post-tag{ position:absolute; top:20px; left:20px; height:18px; z-index:5;
background-color:$(main.color); color:#fff; font-size:10px;
line-height:18px; font-weight:500; text-transform:uppercase; padding:0 7px
} .index-post .post-info{ float:left; width:100%; overflow:hidden }
.index-post .post-info > h2{ font-size:19px; font-weight:500;
line-height:1.5em; text-decoration:none; margin:0 } .index-post .post-info
> h2 > a{ display:block; color:$(title.color); transition:color .17s }
.index-post .post-info > h2:hover > a{ color:$(title.hover) } .widget
iframe,.widget img{ max-width:100% } .date-header{ display:block;
overflow:hidden; font-weight:400; margin:0!important; padding:0 }
.index-post .post-meta{ margin:10px 0 0 } .post-snippet{
position:relative; display:block; overflow:hidden; font-size:13px;
line-height:1.6em; font-weight:400; margin:7px 0 0 } a.read-more{ float:
right; display:inline-block; color:$(main.color); font-size:13px;
font-weight:500; text-transform:uppercase; margin:15px 0 0;
transition:color .17s ease } a.read-more:after{ content:'\f178';
font-family:FontAwesome; font-weight:400; margin:0 0 0 5px }
a.read-more:hover{ color:$(title.color) } #breadcrumb{ font-size:12px;
font-weight:400; color:#aaa; margin:0 0 15px } #breadcrumb a{ color:#aaa;
transition:color .17s } #breadcrumb a:hover{ color:$(title.hover) }
#breadcrumb a,#breadcrumb em{ display:inline-block } #breadcrumb
.delimiter:after{ content:'\f054'; font-family:FontAwesome; font-size:8px;
font-weight:400; font-style:normal; vertical-align:middle; margin:0 3px }
.item-post h1.post-title{ color:$(title.color); font-size:27px;
line-height:1.5em; font-weight:700; position:relative; display:block;
margin:0 0 15px; padding:0 } .static_page .item-post h1.post-title{
margin:0 } .item-post .post-body{ width:100%; font-size:15px;
line-height:1.5em; overflow:hidden; padding:20px 0 0; margin:20px 0 0;
border-top:1px solid #eee } .item-post .post-outer{ padding:0 } .item-post
.post-body img{ max-width:100%; opacity: 0; transition: opacity .35s ease;
} .item-post .post-body img.lazy-yard{ opacity: 1; } .main .widget{
margin:0 } .main .Blog{ border-bottom-width:0 } .post-footer{
position:relative; float:left; width:100%; margin:20px 0 0 } .inline-ad{
position:relative; display:block; max-height:60px; margin:0 0 30px }
.inline-ad > ins{ display:block!important; margin:0 auto!important } .item
.inline-ad{ float:left; width:100%; margin:20px 0 0 } .item-post-wrap >
.inline-ad{ margin:0 0 20px } .post-labels{ overflow:hidden; height:auto;
position:relative; margin:0 0 20px; padding:0 } .post-labels
span,.post-labels a{ float:left; height:22px; background-color:#f2f2f2;
color:$(title.color); font-size:12px; line-height:22px; font-weight:400;
margin:0; padding:0 10px } .post-labels span{
background-color:$(main.color); color:#fff } .post-labels a{ margin:0 0 0
5px; transition:all .17s ease } .post-labels a:hover{
background-color:$(main.color); color:#fff; border-color:$(main.color) }
.post-reactions{ height:28px; display:block; margin:0 0 15px }
.post-reactions span{ float:left; color:$(title.color); font-size:11px;
line-height:25px; text-transform:uppercase; font-weight:500 }
.reactions-inner{ float:left; margin:0; height:28px } .post-share{
position:relative; overflow:hidden; line-height:0; margin:0 0 30px }
ul.share-links{ position:relative } .share-links li{ width:70px;
float:left; box-sizing:border-box; margin:0 5px 0 0 } .share-links li a{
float:left; display:inline-block; cursor:pointer; width:100%; height:32px;
line-height:32px; color:#fff; font-weight:400; font-size:15px;
text-align:center; box-sizing:border-box; opacity:1; transition:all .17s
ease } .share-links li a:hover{ opacity:.8 } ul.post-nav{
position:relative; overflow:hidden; display:block; margin:0 0 30px }
.post-nav li{ display:inline-block; width:50% } .post-nav .post-prev{
float:left; text-align:left; box-sizing:border-box; padding:0 10px }
.post-nav .post-next{ float:right; text-align:right;
box-sizing:border-box; padding:0 10px } .post-nav li a{
color:$(title.color); line-height:1.4em; display:block; overflow:hidden;
transition:color .17s } .post-nav li:hover a{ color:$(title.hover) }
.post-nav li span{ display:block; font-size:11px; color:#aaa;
font-weight:700; text-transform:uppercase; padding:0 0 2px } .post-nav
.post-prev span:before{ content:"\f053"; float:left;
font-family:FontAwesome; font-size:10px; font-weight:400;
text-transform:none; margin:0 2px 0 0 } .post-nav .post-next span:after{
content:"\f054"; float:right; font-family:FontAwesome; font-size:10px;
font-weight:400; text-transform:none; margin:0 0 0 2px } .post-nav p{
font-size:12px; font-weight:400; line-height:1.4em; margin:0 } .post-nav
.post-nav-active p{ color:#aaa } .about-author{ position:relative;
display:block; overflow:hidden; background-color:#f9f9f9; padding:20px;
margin:0 0 30px } .about-author .avatar-container{ position:relative;
float:left; width:80px; height:80px;
background-color:rgba(255,255,255,0.05); overflow:hidden; margin:0 15px 0
0 } .about-author .author-avatar{ float:left; width:100%; height:100%;
opacity: 0; transition: opacity .35s ease; } .about-author
.author-avatar.lazy-yard{ opacity: 1; } .author-name{ overflow:hidden;
display:inline-block; font-size:12px; font-weight:500;
text-transform:uppercase; line-height:14px; margin:7px 0 3px }
.author-name span{ color:$(title.color) } .author-name a{
color:$(main.color); transition:opacity .17s } .author-name a:hover{
opacity:.8 } .author-description{ display:block; overflow:hidden;
font-size:12px; font-weight:400; line-height:1.6em } .author-description
a:hover{ text-decoration:underline } #related-wrap{ overflow:hidden;
margin:0 0 30px } #related-wrap .related-tag{ display:none }
.related-ready{ float:left; width:100% } .related-ready .loader{
height:178px } ul.related-posts{ position:relative; overflow:hidden;
margin:0 -10px; padding:0 } .related-posts .related-item{
width:33.33333333%; position:relative; overflow:hidden; float:left;
display:block; box-sizing:border-box; padding:0 10px; margin:0 }
.related-posts .post-image-link{ width:100%; height:130px;
position:relative; overflow:hidden; display:block } .related-posts
.post-title{ font-size:13px; font-weight:400; line-height:1.5em;
display:block; margin:7px 0 5px } .related-posts .post-title a{
color:$(title.color); transition:color .17s } .related-posts
.related-item:hover .post-title a{ color:$(title.hover) } #blog-pager{
float:left; width:100%; overflow:hidden; clear:both; margin:0 0 40px }
.blog-pager a,.blog-pager span{ float:left; display:block; min-width:36px;
height:36px; background-color:#f2f2f2; color:$(title.color);
font-size:12px; font-weight:500; line-height:36px; text-align:center;
box-sizing:border-box; padding:0 10px; margin:0 5px 0 0;
border-radius:36px; transition:all .17s ease } .blog-pager span.page-dots{
min-width:20px; background-color:#fff; font-size:16px;
color:$(body.text.color); font-weight:400; line-height:32px; padding:0 }
.blog-pager .page-of{ display:none; width:auto; float:right;
border-color:rgba(0,0,0,0); margin:0 } .blog-pager
.page-active,.blog-pager a:hover{ background-color:$(main.color);
color:#fff; border-color:$(main.color) } .blog-pager
.page-prev:before,.blog-pager .page-next:before{ font-family:FontAwesome;
font-size:11px; font-weight:400 } .blog-pager .page-prev:before{
content:'\f053' } .blog-pager .page-next:before{ content:'\f054' }
.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{
float:left; display:inline-block; width:auto; padding:0 10px; margin:0 }
.blog-pager .blog-pager-older-link{ float:right } .archive
#blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager
.blog-pager-older-link{ display:none } .blog-post-comments{ display:none;
margin:0 0 30px } .blog-post-comments .comments-title{ margin:0 0 20px }
.comments-system-disqus .comments-title,.comments-system-facebook
.comments-title{ margin:0 } #comments{ margin:0 } #gpluscomments{
float:left!important; width:100%!important; margin:0 0 25px!important }
#gpluscomments iframe{ float:left!important; width:100% } .comments{
display:block; clear:both; margin:0; color:$(title.color) } .comments
.comment-thread > ol{ padding:0 } .comments > h3{ font-size:13px;
font-weight:400; font-style:italic; padding-top:1px } .comments
.comments-content .comment{ list-style:none; margin:0; padding:0 0 8px }
.comments .comments-content .comment:first-child{ padding-top:0 }
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{
width:100%!important } .comments .item-control{ position:static }
.comments .avatar-image-container{ float:left; overflow:hidden;
position:absolute } .comments .avatar-image-container,.comments
.avatar-image-container img{ height:35px; max-height:35px; width:35px;
max-width:35px; border-radius:100% } .comments .comment-block{
overflow:hidden; padding:0 0 10px } .comments .comment-block,.comments
.comments-content .comment-replies{ margin:0 0 0 50px } .comments
.comments-content .inline-thread{ padding:0 } .comments .comment-actions{
float:left; width:100%; position:relative; margin:0 } .comments
.comments-content .comment-header{ font-size:15px; display:block;
overflow:hidden; clear:both; margin:0 0 3px; padding:0 0 5px;
border-bottom:1px dashed #d6d6d6 } .comments .comments-content
.comment-header a{ color:$(title.color); transition:color .17s } .comments
.comments-content .comment-header a:hover{ color:$(title.hover) }
.comments .comments-content .user{ font-style:normal; font-weight:500;
display:block } .comments .comments-content .icon.blog-author{
display:none } .comments .comments-content .comment-content{ float:left;
font-size:13px; color:#5E5E5E; font-weight:400; text-align:left;
line-height:1.4em; margin:5px 0 9px } .comments .comment .comment-actions
a{ margin-right:5px; padding:2px 5px; color:$(title.color);
font-weight:400; background-color:#f2f2f2; font-size:10px; transition:all
.17s ease } .comments .comment .comment-actions a:hover{ color:#fff;
background-color:$(main.color); border-color:$(main.color);
text-decoration:none } .comments .comments-content .datetime{ float:left;
font-size:11px; font-weight:400; color:#aaa; position:relative; padding:0
1px; margin:4px 0 0; display:block } .comments .comments-content .datetime
a,.comments .comments-content .datetime a:hover{ color:#aaa } .comments
.thread-toggle{ margin-bottom:4px } .comments .thread-toggle
.thread-arrow{ height:7px; margin:0 3px 2px 0 } .comments .thread-count
a,.comments .continue a{ transition:opacity .17s } .comments .thread-count
a:hover,.comments .continue a:hover{ opacity:.8 } .comments
.thread-expanded{ padding:5px 0 0 } .comments
.thread-chrome.thread-collapsed{ display:none } .thread-arrow:before{
content:''; font-family:FontAwesome; color:$(title.color);
font-weight:400; margin:0 2px 0 0 } .comments .thread-expanded
.thread-arrow:before{ content:'\f0d7' } .comments .thread-collapsed
.thread-arrow:before{ content:'\f0da' } .comments .comments-content
.comment-thread{ margin:0 } .comments .continue a{ padding:0 0 0 60px;
font-weight:400 } .comments .comments-content .loadmore.loaded{ margin:0;
padding:0 } .comments .comment-replybox-thread{ margin:0 } .comments
.comments-content .loadmore,.comments .comments-content .loadmore.loaded{
display:none } #comment-editor{ margin:0 0 20px } .post-body h1,.post-body
h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
color:$(title.color); font-weight:700; margin:0 0 15px } .post-body
h1,.post-body h2{ font-size:24px } .post-body h3{ font-size:21px }
.post-body h4{ font-size:18px } .post-body h5{ font-size:16px } .post-body
h6{ font-size:13px } blockquote{ font-style:italic; padding:10px;
margin:0; border-left:4px solid $(main.color) }
blockquote:before,blockquote:after{ display:inline-block;
font-family:FontAwesome; font-style:normal; font-weight:400; color:#aaa;
line-height:1 } blockquote:before{ content:'\f10d'; margin:0 10px 0 0 }
blockquote:after{ content:'\f10e'; margin:0 0 0 10px } .widget .post-body
ul,.widget .post-body ol{ line-height:1.5; font-weight:400 } .widget
.post-body li{ margin:5px 0; padding:0; line-height:1.5 } .post-body ul{
padding:0 0 0 20px } .post-body ul li:before{ content:"\f105";
font-family:FontAwesome; font-size:13px; font-weight:400; margin:0 5px 0 0
} .post-body u{ text-decoration:underline } .post-body a{ transition:color
.17s ease } .post-body strike{ text-decoration:line-through }
.contact-form{ overflow:hidden } .contact-form .widget-title{ display:none
} .contact-form .contact-form-name{ width:calc(50% - 5px) } .contact-form
.contact-form-email{ width:calc(50% - 5px); float:right } .sidebar
.widget{ position:relative; overflow:hidden; box-sizing:border-box;
padding:0; margin:0 0 35px; border-radius: 4px; box-shadow: 0 2px 4px
rgba(0,0,0,.05); } .sidebar .widget-title{ position:relative; float:left;
width:100%; height:45px; background: #a158e4; background:
linear-gradient(to right,#a158e4,#3243db); background-size: 200%;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.05); display:block; margin:0 }
.sidebar .widget-title > h3{ position:relative; display:block;
height:45px; font-size:15px; color:#fff; font-weight:500;
line-height:45px; text-align:center; text-transform:uppercase; padding:0
15px; margin:0; border-radius:2px 2px 0 0 } .sidebar .widget-content{
float:left; width:100%; margin:0; background-color: #ffffff; box-sizing:
border-box; border-radius: 4px; padding: 20px; } ul.social-counter{
margin:0 -5px } .social-counter li{ float:left; width:25%;
box-sizing:border-box; padding:0 5px; margin:10px 0 0 } .social-counter
li:nth-child(1),.social-counter li:nth-child(2),.social-counter
li:nth-child(3),.social-counter li:nth-child(4){ margin-top:0 }
.social-counter li a{ display:block; height:40px; font-size:22px;
color:$(main.color); text-align:center; line-height:40px; border:1px solid
#eee; transition:color .17s } .social-counter li a:hover{
color:$(title.color) } .list-label li{ position:relative; display:block;
padding:7px 0; border-top:1px dotted #ebebeb } .list-label li:first-child{
padding-top:0; border-top:0 } .list-label li:last-child{ padding-bottom:0;
border-bottom:0 } .list-label li a{ display:block; color:$(title.color);
font-size:12px; font-weight:400; text-transform:capitalize;
transition:color .17s } .list-label li a:before{ content:"\f054";
float:left; color:$(title.color); font-weight:400;
font-family:FontAwesome; font-size:6px; margin:6px 3px 0 0;
transition:color .17s } .list-label li a:hover{ color:$(title.hover) }
.list-label .label-count{ position:relative; float:right; width:16px;
height:16px; background-color:$(main.color); color:#fff; font-size:11px;
font-weight:400; text-align:center; line-height:16px } .cloud-label li{
position:relative; float:left; margin:0 5px 5px 0 } .cloud-label li a{
display:block; height:26px; color:$(main.color); font-size:12px;
line-height:26px; font-weight:400; padding:0 10px; border:1px solid #eee;
transition:all .17s ease } .cloud-label li a:hover{ color:#fff;
background-color:$(main.color); border-color:$(main.color) } .cloud-label
.label-count{ display:none } .sidebar .FollowByEmail > .widget-title > h3{
margin:0 } .FollowByEmail .widget-content{ position:relative;
overflow:hidden; background-color:#fff; text-align:center;
font-weight:400; box-sizing:border-box; padding:20px; border-radius:2px;
border:1px solid #eee } .FollowByEmail .widget-content > h3{
font-size:18px; color:$(title.color); font-weight:500;
text-transform:uppercase; margin:0 0 13px } .FollowByEmail .before-text{
font-size:13px; line-height:1.5em; margin:0 0 15px; display:block;
padding:0 10px; overflow:hidden } .FollowByEmail .widget-content:after{
content:'\f0e0'; position:absolute; right:-15px; top:-15px;
font-family:FontAwesome; font-size:50px; color:$(main.color); opacity: .5;
transform:rotate(21deg) } .FollowByEmail .follow-by-email-inner{
position:relative } .FollowByEmail .follow-by-email-inner
.follow-by-email-address{ width:100%; height:32px; color:$(title.color);
font-size:11px; font-family:inherit; padding:0 10px; margin:0 0 10px;
box-sizing:border-box; border:1px solid #eee; transition:ease .17s }
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{ width:100%;
height:32px; font-family:inherit; font-size:11px; color:#fff;
background-color:$(main.color); text-transform:uppercase;
text-align:center; font-weight:500; cursor:pointer; margin:0; border:0;
transition:opacity .17s ease } .FollowByEmail .follow-by-email-inner
.follow-by-email-submit:hover{ opacity:.85 } #ArchiveList ul.flat li{
color:$(title.color); font-size:13px; font-weight:400; padding:7px 0;
border-bottom:1px dotted #eaeaea } #ArchiveList ul.flat li:first-child{
padding-top:0 } #ArchiveList ul.flat li:last-child{ padding-bottom:0;
border-bottom:0 } #ArchiveList .flat li > a{ display:block;
color:$(title.color); transition:color .17s } #ArchiveList .flat li >
a:hover{ color:$(title.hover) } #ArchiveList .flat li > a:before{
content:"\f054"; float:left; color:#161619; font-weight:400;
font-family:FontAwesome; font-size:6px; margin:6px 3px 0 0;
display:inline-block; transition:color .17s } #ArchiveList .flat li > a >
span{ position:relative; float:right; width:16px; height:16px;
background-color:$(main.color); color:#fff; font-size:11px;
font-weight:400; text-align:center; line-height:16px } .PopularPosts
.post{ overflow:hidden; margin:20px 0 0 } .PopularPosts .post:first-child{
padding:0; margin:0; border:0 } .PopularPosts .post-image-link{
position:relative; width:80px; height:70px; float:left; overflow:hidden;
display:block; vertical-align:middle; margin:0 12px 0 0 } .PopularPosts
.post-info{ overflow:hidden } .PopularPosts .post-title{ font-size:13px;
font-weight:500; line-height:1.5em; margin:0 0 3px } .PopularPosts
.post-title a{ display:block; color:$(title.color); transition:color .17s
} .PopularPosts .post:hover .post-title a{ color:$(title.hover) }
.PopularPosts .post-date:before{ font-size:10px } .FeaturedPost
.post-image-link{ display:block; position:relative; width:100%;
height:180px; overflow:hidden; margin:0 0 10px } .FeaturedPost
.post-title{ font-size:16px; overflow:hidden; font-weight:400;
line-height:1.5em; margin:0 0 5px } .FeaturedPost .post-title a{
color:$(title.color); display:block; transition:color .17s ease }
.FeaturedPost .post-title a:hover{ color:$(title.hover) } .Text{
font-size:13px } .contact-form-widget form{ font-weight:400 }
.contact-form-name{ float:left; width:100%; height:30px;
font-family:inherit; font-size:13px; line-height:30px;
box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid
#ebebeb; border-radius:2px } .contact-form-email{ float:left; width:100%;
height:30px; font-family:inherit; font-size:13px; line-height:30px;
box-sizing:border-box; padding:5px 10px; margin:0 0 10px; border:1px solid
#ebebeb; border-radius:2px } .contact-form-email-message{ float:left;
width:100%; font-family:inherit; font-size:13px; box-sizing:border-box;
padding:5px 10px; margin:0 0 10px; border:1px solid #ebebeb;
border-radius:2px } .contact-form-button-submit{ float:left; width:100%;
height:30px; background-color:$(main.color); font-size:13px; color:#fff;
line-height:30px; cursor:pointer; box-sizing:border-box; padding:0 10px;
margin:0; border:0; border-radius:2px; transition:background .17s ease }
.contact-form-button-submit:hover{ background-color:$(main.dark.color) }
.contact-form-error-message-with-border{ float:left; width:100%;
background-color:#fbe5e5; font-size:11px; text-align:center;
line-height:11px; padding:3px 0; margin:10px 0; box-sizing:border-box;
border:1px solid #fc6262 } .contact-form-success-message-with-border{
float:left; width:100%; background-color:#eaf6ff; font-size:11px;
text-align:center; line-height:11px; padding:3px 0; margin:10px 0;
box-sizing:border-box; border:1px solid #5ab6f9 } .contact-form-cross{
margin:0 0 0 3px }
.contact-form-error-message,.contact-form-success-message{ margin:0 }
.BlogSearch .search-input{ float:left; width:75%; height:30px;
background-color:#fff; font-weight:400; font-size:13px; line-height:30px;
box-sizing:border-box; padding:5px 10px; border:1px solid #ebebeb;
border-right-width:0; border-radius:2px 0 0 2px } .BlogSearch
.search-action{ float:right; width:25%; height:30px; font-family:inherit;
font-size:13px; line-height:30px; cursor:pointer; box-sizing:border-box;
background-color:$(main.color); color:#fff; padding:0 5px; border:0;
border-radius:0 2px 2px 0; transition:background .17s ease } .BlogSearch
.search-action:hover{ background-color:$(main.dark.color) } .Profile
.profile-img{ float:left; width:80px; height:80px; margin:0 15px 0 0;
transition:all .17s ease } .Profile .profile-datablock{ margin:0 }
.Profile .profile-data .g-profile{ display:block; font-size:18px;
color:$(title.color); font-weight:700; margin:0 0 5px; transition:color
.17s ease } .Profile .profile-data .g-profile:hover{ color:$(title.hover)
} .Profile .profile-info > .profile-link{ color:$(title.color);
font-size:11px; margin:5px 0 0; transition:color .17s ease } .Profile
.profile-info > .profile-link:hover{ color:$(title.hover) } .Profile
.profile-datablock .profile-textblock{ display:none } .common-widget
.LinkList ul li,.common-widget .PageList ul li{ width:calc(50% - 5px);
padding:7px 0 0 } .common-widget .LinkList ul
li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
float:left } .common-widget .LinkList ul li:nth-child(even),.common-widget
.PageList ul li:nth-child(even){ float:right } .common-widget .LinkList ul
li a,.common-widget .PageList ul li a{ display:block;
color:$(title.color); font-size:13px; font-weight:400; transition:color
.17s ease } .common-widget .LinkList ul li a:hover,.common-widget
.PageList ul li a:hover{ color:$(title.hover) } .common-widget .LinkList
ul li:first-child,.common-widget .LinkList ul
li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget
.PageList ul li:nth-child(2){ padding:0 } #footer-wrapper{
background-color:#171c24; box-shadow: 0 -2px 4px 0 rgba(0,0,0,.05); }
#footer-wrapper .container{ position:relative; overflow:hidden; margin:0
auto; padding:25px 0 } .footer-widgets-wrap{ position:relative;
display:flex; margin:0 -15px } #footer-wrapper .footer{
display:inline-block; float:left; width:33.33333333%;
box-sizing:border-box; padding:0 15px } #footer-wrapper .footer .widget{
float:left; width:100%; padding:0; margin:25px 0 0 } #footer-wrapper
.footer .Text{ margin:10px 0 0 } #footer-wrapper .footer
.widget:first-child{ margin:0 } .footer .widget > .widget-title > h3{
position:relative; color:$(footer.color); font-size:14px;
line-height:14px; font-weight:500; text-transform:uppercase; margin:0 0
25px } .footer .custom-widget .post-title a,.footer .PopularPosts
.post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li
a,.footer .PageList ul li a,.footer .Profile .profile-data
.g-profile,.footer .Profile .profile-info > .profile-link{
color:$(footer.color) } .footer .custom-widget .post-title a:hover,.footer
.PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title
a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li
a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile
.profile-info > .profile-link:hover{ color:$(title.hover) } .footer
.no-posts{ color:$(footer.color) } .footer .post-meta{ color:#aaa }
.footer .FollowByEmail .widget-content > h3{ color:$(footer.color) }
.footer .FollowByEmail .widget-content{
background-color:rgba(255,255,255,0.05);
border-color:rgba(255,255,255,0.05) } .footer .FollowByEmail
.before-text,#footer-wrapper .footer .Text{ color:#aaa } .footer
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
background:$(main.dark.color) } .footer .FollowByEmail
.follow-by-email-inner .follow-by-email-address{
background-color:rgba(255,255,255,0.05); color:$(footer.color);
border-color:rgba(255,255,255,0.05) } .footer #ArchiveList .flat li > a{
color:$(footer.color) } .footer .list-label li,.footer .BlogArchive
#ArchiveList ul.flat li{ border-color:rgba(255,255,255,0.05) } .footer
.list-label li:first-child{ padding-top:0 } .footer .list-label li
a,.footer .list-label li a:before,.footer #ArchiveList .flat li >
a,.footer #ArchiveList .flat li > a:before{ color:$(footer.color) }
.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{
color:$(title.hover) } .footer .list-label .label-count,.footer
#ArchiveList .flat li > a > span{ background-color:rgba(255,255,255,0.05);
color:$(footer.color) } .footer .cloud-label li a{
border-color:rgba(255,255,255,0.05); color:$(footer.color) } .footer
.cloud-label li a:hover{ background-color:$(main.color); color:#fff }
.footer .BlogSearch .search-input{
background-color:rgba(255,255,255,0.05); color:$(footer.color);
border-color:rgba(255,255,255,0.05) } .footer .contact-form-name,.footer
.contact-form-email,.footer .contact-form-email-message{
background-color:rgba(255,255,255,0.05); color:$(footer.color);
border-color:rgba(255,255,255,0.05) } .footer .BlogSearch
.search-action:hover,.footer .FollowByEmail .follow-by-email-inner
.follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{
background-color:rgba(0,0,0,0.3) } #sub-footer-wrapper{
background-color:#12161d; color:$(footer.color); display:block; padding:0;
width:100%; overflow:hidden } #sub-footer-wrapper .container{
overflow:hidden; margin:0 auto; padding:10px 0 } #sub-footer-wrapper
.copyright-area{ font-size:12px; display:block; height:34px;
line-height:34px; text-align:center; text-transform:uppercase;
font-weight:400 } #sub-footer-wrapper .copyright-area a{
color:$(main.color); transition:color .17s } .hidden-widgets{
display:none; visibility:hidden } .back-top{ display:none; z-index:1010;
width:32px; height:32px; position:fixed; bottom:25px; right:25px;
cursor:pointer; overflow:hidden; font-size:13px; color:#fff;
text-align:center; line-height:32px } .back-top:before{ content:'';
position:absolute; top:0; left:0; right:0; bottom:0;
background-color:$(main.color); opacity:.5; transition:opacity .17s ease }
.back-top:after{ content:'\f077'; position:relative;
font-family:FontAwesome; font-weight:400; opacity:.8; transition:opacity
.17s ease } .back-top:hover:before,.back-top:hover:after,.nav-active
.back-top:after,.nav-active .back-top:before{ opacity:1 } .error404
#main-wrapper{ width:100%!important; margin:0!important } .error404
#sidebar-wrapper{ display:none } .errorWrap{ color:$(title.color);
text-align:center; padding:80px 0 100px } .errorWrap h3{ font-size:160px;
line-height:1; margin:0 0 30px } .errorWrap h4{ font-size:25px; margin:0 0
20px } .errorWrap p{ margin:0 0 10px } .errorWrap a{ display:block;
color:$(main.color); padding:10px 0 0 } .errorWrap a i{ font-size:20px }
.errorWrap a:hover{ text-decoration:underline } @media screen and
(max-width: 1100px) { #outer-wrapper{ max-width:100% } .row{ width:100% }
#top-bar .container{ box-sizing:border-box; padding:0 20px } #hot-wrapper{
box-sizing:border-box; padding:0 20px } #header-wrap{ height:auto }
.header-header{ height:auto; box-sizing:border-box; padding:25px 20px }
.header-logo{ max-width:30% } .header-ads{ max-width:70% } .header-menu{
box-sizing:border-box; padding:0 20px } #content-wrapper{
position:relative; box-sizing:border-box; padding:0 20px; margin:30px 0 0
} #footer-wrapper .container{ box-sizing:border-box; padding:30px 20px }
#sub-footer-wrapper .container{ box-sizing:border-box; padding:10px 20px }
} @media screen and (max-width: 980px) { #content-wrapper > .container{
margin:0 } .header-logo{ max-width:100%; width:100%; text-align:center;
padding:20px 0 } .header-logo .header-image-wrapper{ display:inline-block
} #main-menu{ display:none } .header-menu { background-color: #3f51b5;
background-image: -webkit-linear-gradient(left,#3f51b5,#03a9f4);
background-image: linear-gradient(to right,#3f51b5,#03a9f4); }
.slide-menu-toggle,.mobile-menu{ display:block } #header-wrap{ padding:0 }
.header-header{ background-color:#fff; padding:0 } .header-header
.container.row{ width:100% } .header-ads{ width:100%; max-width:100%;
box-sizing:border-box; padding:0 20px } .header-ads .widget
.widget-content{ position:relative; padding:0 0 20px; margin:0 auto }
#header-inner a{ display:inline-block!important }
#main-wrapper,#sidebar-wrapper{ width:100%; padding:0 } .item
#sidebar-wrapper{ margin-top:20px } } @media screen and (max-width: 880px)
{ .footer-widgets-wrap{ display:block } #footer-wrapper .footer{
width:100%; margin-right:0 } #footer-sec2,#footer-sec3{ margin-top:25px }
} @media screen and (max-width: 767px) { .hot-posts .hot-item.item-0 {
width: 100%; height: 280px; margin-bottom:10px; } #hot-section .show-hot
.widget-content, #hot-section .hot-posts { height: auto; } } @media screen
and (max-width: 680px) { #hot-section .show-hot
.widget-content,#hot-section .hot-posts{ height:auto } #hot-section
.hot-loader{ height:200px } .hot-posts .hot-item{ width:100%;
height:220px; margin:10px 0 0 } .hot-posts .hot-item.item-0, .hot-posts
.hot-item.item-1{ width:100%; height:250px; margin:0 } .hot-posts
.hot-item.item-1,.hot-posts .hot-item.item-2{ margin:10px 0 0 } .hot-posts
.post-title{ font-size:18px } .index-post{ width:100% } } @media screen
and (max-width: 560px) { .top-bar-nav{ display:none } .top-bar-social{
width:100%; text-align:center } .top-bar-social ul > li{ float:none }
.top-bar-social ul > li > a{ margin:0 5px } .top-bar-social ul >
li:last-child > a{ padding:0 5px } .hot-posts .hot-item{ height:180px }
.index-post .post-image-wrap{ margin:0 0 15px } ul.related-posts{ margin:0
} .related-posts .related-item{ width:100%; padding:0; margin:20px 0 0 }
.related-posts .item-0{ margin:0 } .related-posts .post-tag{ display:none
} .related-posts .post-image-link{ width:80px; height:70px; float:left;
margin:0 12px 0 0 } .related-posts .post-title{ font-size:13px;
overflow:hidden; margin:0 0 5px } .post-reactions{ display:none } } @media
screen and (max-width: 440px) { .hot-posts .hot-item.item-0{ height:200px
} .hot-posts .item-0 .post-title{ font-size:19px } .queryMessage{
text-align:center } .queryMessage a.show-more{ width:100%; margin:10px 0 0
} .item-post h1.post-title{ font-size:24px } .about-author{
text-align:center } .about-author .avatar-container{ float:none;
display:table; margin:0 auto 10px } #comments ol{ padding:0 } .errorWrap{
padding:70px 0 100px } .errorWrap h3{ font-size:120px } } @media screen
and (max-width: 360px) { .about-author .avatar-container{ width:60px;
height:60px } } /* ######## Navigation Menu Css by sorabloggingtips.com
######################### */ .mapasite { margin-bottom: 10px;
background-color: #F8F8F8 } .mapasite.active .mapa { display: block }
.mapasite .mapa { display: none } .mapasite h2 { background-color: #EEE;
color: #000; font-size: 15px; padding: 10px 20px; border-radius: 2px;
margin-bottom: 0; cursor: pointer; font-weight: 700 } .mapasite h2 .botao
{ font-size: 18px; line-height: 1.2em } .botao .fa-minus-circle { color:
#f30 } .mapapost { overflow: hidden; margin-bottom: 20px; height: 70px;
background-color: #FFF } .mapa { padding: 40px } .map-thumb {
background-color: #F0F0F0; padding: 10px; display: block; width: 65px;
height: 50px; float: left } .map-img { width: 65px; height: 50px;
overflow: hidden; border-radius: 2px } .map-thumb a { width: 100%; height:
100%; display: block; transition: all .3s ease-out!important;
-webkit-transition: all .3s ease-out!important; -moz-transition: all .3s
ease-out!important; -o-transition: all .3s ease-out!important } .map-thumb
a:hover { -webkit-transform: scale(1.1) rotate(-1.5deg)!important;
-moz-transform: scale(1.1) rotate(-1.5deg)!important; transform:
scale(1.1) rotate(-1.5deg)!important; transition: all .3s
ease-out!important; -webkit-transition: all .3s ease-out!important;
-moz-transition: all .3s ease-out!important; -o-transition: all .3s
ease-out!important } .mapapost .wrp-titulo { padding-top: 10px;
font-weight: 700; font-size: 14px; line-height: 1.3em; padding-left: 25px;
padding-right: 10px; display: block; overflow: hidden; margin-bottom: 5px
} .mapapost .wrp-titulo a { } .mapapost .wrp-titulo a:hover { color: #f30;
text-decoration: underline } .map-meta { display: block; float: left;
overflow: hidden; padding-left: 25px; } .mapasite h2 .botao { float: right
} ]]></b:skin>
<style>
/*-------Typography and ShortCodes-------*/
.firstcharacter{
float:left;
color:#27ae60;
font-size:75px;
line-height:60px;
padding-top:4px;
padding-right:8px;
padding-left:3px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
margin-bottom:15px;
color:#2c3e50
}
blockquote{
font-style:italic;
color:#888;
border-left:5px solid #27ae60;
margin-left:0;
padding:10px 15px
}
blockquote:before{
content:'
\f10d'
;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-right:10px;
color:#888
}
blockquote:after{
content:'
\f10e'
;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-left:10px;
color:#888
}
.button{
background-color:#2c3e50;
float:left;
padding:5px 12px;
margin:5px;
color:#fff;
text-align:center;
border:0;
cursor:pointer;
border-radius:3px;
display:block;
text-decoration:none;
font-weight:400;
transition:all .3s ease-out !important;
-webkit-transition:all .3s ease-out !important
}
a.button{
color:#fff
}
.button:hover{
background-color:#27ae60;
color:#fff
}
.button.small{
font-size:12px;
padding:5px 12px
}
.button.medium{
font-size:16px;
padding:6px 15px
}
.button.large{
font-size:18px;
padding:8px 18px
}
.small-button{
width:100%;
overflow:hidden;
clear:both
}
.medium-button{
width:100%;
overflow:hidden;
clear:both
}
.large-button{
width:100%;
overflow:hidden;
clear:both
}
.demo:before{
content:"
\f06e"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.download:before{
content:"
\f019"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.buy:before{
content:"
\f09d"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.visit:before{
content:"
\f14c"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.widget .post-body ul,.widget .post-body ol{
line-height:1.5;
font-weight:400
}
.widget .post-body li{
margin:5px 0;
padding:0;
line-height:1.5
}
.post-body ul li:before{
content:"
\f105"
;
margin-right:5px;
font-family:fontawesome
}
pre{
font-family:Monaco, "
Andale Mono"
, "
Courier New"
, Courier, monospace;
background-color:#2c3e50;
background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);
-webkit-background-size:100% 50px;
-moz-background-size:100% 50px;
background-size:100% 50px;
line-height:25px;
color:#f1f1f1;
position:relative;
padding:0 7px;
margin:15px 0 10px;
overflow:hidden;
word-wrap:normal;
white-space:pre;
position:relative
}
pre:before{
content:'
Code'
;
display:block;
background:#F7F7F7;
margin-left:-7px;
margin-right:-7px;
color:#2c3e50;
padding-left:7px;
font-weight:400;
font-size:14px
}
pre code,pre .line-number{
display:block
}
pre .line-number a{
color:#27ae60;
opacity:0.6
}
pre .line-number span{
display:block;
float:left;
clear:both;
width:20px;
text-align:center;
margin-left:-7px;
margin-right:7px
}
pre .line-number span:nth-child(odd){
background-color:rgba(0, 0, 0, 0.11)
}
pre .line-number span:nth-child(even){
background-color:rgba(255, 255, 255, 0.05)
}
pre .cl{
display:block;
clear:both
}
#contact{
background-color:#fff;
margin:30px 0 !important
}
#contact .contact-form-widget{
max-width:100% !important
}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{
background-color:#FFF;
border:1px solid #eee;
border-radius:3px;
padding:10px;
margin-bottom:10px !important;
max-width:100% !important
}
#contact .contact-form-name{
width:47.7%;
height:50px
}
#contact .contact-form-email{
width:49.7%;
height:50px
}
#contact .contact-form-email-message{
height:150px
}
#contact .contact-form-button-submit{
max-width:100%;
width:100%;
z-index:0;
margin:4px 0 0;
padding:10px !important;
text-align:center;
cursor:pointer;
background:#27ae60;
border:0;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
color:#FFF
}
#contact .contact-form-button-submit:hover{
background:#2c3e50
}
#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{
box-shadow:none !important
}
.alert-message{
position:relative;
display:block;
background-color:#FAFAFA;
padding:20px;
margin:20px 0;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#2f3239;
border:1px solid
}
.alert-message p{
margin:0 !important;
padding:0;
line-height:22px;
font-size:13px;
color:#2f3239
}
.alert-message span{
font-size:14px !important
}
.alert-message i{
font-size:16px;
line-height:20px
}
.alert-message.success{
background-color:#f1f9f7;
border-color:#e0f1e9;
color:#1d9d74
}
.alert-message.success a,.alert-message.success span{
color:#1d9d74
}
.alert-message.alert{
background-color:#DAEFFF;
border-color:#8ED2FF;
color:#378FFF
}
.alert-message.alert a,.alert-message.alert span{
color:#378FFF
}
.alert-message.warning{
background-color:#fcf8e3;
border-color:#faebcc;
color:#8a6d3b
}
.alert-message.warning a,.alert-message.warning span{
color:#8a6d3b
}
.alert-message.error{
background-color:#FFD7D2;
border-color:#FF9494;
color:#F55D5D
}
.alert-message.error a,.alert-message.error span{
color:#F55D5D
}
.fa-check-circle:before{
content:"
\f058"
}
.fa-info-circle:before{
content:"
\f05a"
}
.fa-exclamation-triangle:before{
content:"
\f071"
}
.fa-exclamation-circle:before{
content:"
\f06a"
}
.post-table table{
border-collapse:collapse;
width:100%
}
.post-table th{
background-color:#eee;
font-weight:bold
}
.post-table th,.post-table td{
border:0.125em solid #333;
line-height:1.5;
padding:0.75em;
text-align:left
}
@media (max-width: 30em){
.post-table thead tr{
position:absolute;
top:-9999em;
left:-9999em
}
.post-table tr{
border:0.125em solid #333;
border-bottom:0
}
.post-table tr + tr{
margin-top:1.5em
}
.post-table tr,.post-table td{
display:block
}
.post-table td{
border:none;
border-bottom:0.125em solid #333;
padding-left:50%
}
.post-table td:before{
content:attr(data-label);
display:inline-block;
font-weight:bold;
line-height:1.5;
margin-left:-100%;
width:100%
}
}
@media (max-width: 20em){
.post-table td{
padding-left:0.75em
}
.post-table td:before{
display:block;
margin-bottom:0.75em;
margin-left:0
}
}
.FollowByEmail {
clear: both;
}
.widget .post-body ol {
padding: 0 0 0 15px;
}
.post-body ul li {
list-style: none;
}
</style>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin>
<![CDATA[ /*------Layout (No Edit)----------*/ body#layout
#outer-wrapper,body#layout .row{ width:auto; padding:0 } body#layout{
width:800px; position:relative; padding:95px 5px 0; margin:0 }
body#layout div.section{ margin:0 5px 10px!important; padding:16px 16px
18px!important } body#layout .section h4{ font-size:14px; margin:0 }
body#layout .layout-widget-description{ display:none } body#layout
.theme-options,body#layout #main-menu .widget{ display:block!important }
body#layout div.sora-panel{ background-color:#d7d7d7!important;
overflow:hidden!important; border-color:#bcbcbc } body#layout
.sora-panel .widget{ float:left; width:49%; margin-right:2% }
body#layout .sora-panel #LinkList71{ margin-right:0 } body#layout
#top-bar{ height:auto } body#layout #top-bar .container{ display:flex }
body#layout .top-bar-nav,body#layout .top-bar-social{ width:50% }
body#layout #header-wrap{ height:auto } body#layout .header-header{
float:left; width:100%; height:auto; padding:0 } body#layout
.header-header .container{ display:flex } body#layout
div.header-logo,body#layout div.header-ads{ float:left; width:50%;
height:auto; max-width:none; max-height:none } body#layout .header-ads
.widget-content{ width:auto } body#layout .header-ads .add_widget{
padding:15px!important } body#layout .mobile-header{ display:block;
float:right; width:33.33%; height:auto } body#layout .mobile-menu{
display:none } body#layout .header-menu{ float:left; width:100%;
height:auto } body#layout #main-menu{ height:auto } body#layout
#hot-wrapper .widget{ display:block } body#layout #content-wrapper{
margin:0 } body#layout #content-wrapper > .container{ display:flex;
margin:0 } body#layout #main-wrapper{ width:66.66%; padding:0 }
body#layout #sidebar-wrapper{ width:33.33%; padding:0 } body#layout
.sidebar .widget,body#layout .sidebar .widget-content{ float:none;
overflow:visible } body#layout .footer-widgets-wrap{ display:flex }
body#layout .footer-widgets-wrap div.footer{ width:100% } /*------Layout
(end)----------*/ ]]></b:template-skin>
</b:if>
<!-- Global Variables -->
<script type='text/javascript'>
//<![CDATA[
// Global variables with content. "Available for Edit"
var monthFormat = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December",
],
noThumbnail =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9E2gGJHuVBnLZjRpRTZArtGKiIedXXWubTJ8WAeYHaG4Q3x__siGJXOhn5s1ExcF85xHfbQuLZ6vyqwjCEgkAj7lUa48L9HiSbp6_qW6_MCMpQHPJHPCT_fyS8-PrDyZaD2rC9ubtIk/w680/nth.png",
postPerPage = 7,
fixedSidebar = true,
commentsSystem = "blogger",
disqusShortname = "soratemplates";
//]]>
</script>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='widget-title'>
<b:if cond='data:defaultTitle or data:title'>
<div class='widget-title'>
<h3 class='title'>
<data:title/>
</h3>
</div>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='postContent'/>
</b:loop>
</div>
</b:includable>
<b:includable id='postContent' var='post'>
<div class='post'>
<div class='post-content'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9E2gGJHuVBnLZjRpRTZArtGKiIedXXWubTJ8WAeYHaG4Q3x__siGJXOhn5s1ExcF85xHfbQuLZ6vyqwjCEgkAj7lUa48L9HiSbp6_qW6_MCMpQHPJHPCT_fyS8-PrDyZaD2rC9ubtIk/w680/nth.png'/>
</b:if>
</a>
<div class='post-info'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-meta'>
<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</div>
</div>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Header'>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</div>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
</a>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='postContent'/>
</b:loop>
</div>
</b:includable>
<b:includable id='postContent' var='post'>
<div class='post'>
<div class='post-content'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9E2gGJHuVBnLZjRpRTZArtGKiIedXXWubTJ8WAeYHaG4Q3x__siGJXOhn5s1ExcF85xHfbQuLZ6vyqwjCEgkAj7lUa48L9HiSbp6_qW6_MCMpQHPJHPCT_fyS8-PrDyZaD2rC9ubtIk/w680/nth.png'/>
</b:if>
<span class='post-tag'><data:post.labels.last.name/></span>
</a>
<div class='post-info'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-meta'>
<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</div>
</div>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Label'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='list'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='main' var='this'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:if cond='data:defaultTitle or data:title'>
<h3 class='title'>
<data:title/>
</h3>
</b:if>
<span class='before-text'><data:skin.vars.followByEmail/></span>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
<input class='follow-by-email-submit' expr:value='data:messages.subscribe' type='submit'/>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content' role='search'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input autocomplete='off' class='search-input' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q'/>
<input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>
</form>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogArchive'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'>
<data:i.name/><span class='post-count'><data:i.post-count/></span>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-175558402-1'/>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-175558402-1');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=G-V1CLW31YPF'/>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V1CLW31YPF');
</script>
<b:include data='blog' name='google-analytics'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'/>
</head>
<body expr:class='data:blog.pageType'>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isPage' name='item'/>
<b:class cond='data:view.isArchive' name='index'/>
<b:class cond='data:view.isError' name='error404'/>
<!-- Theme Options -->
<div class='theme-options' style='display: none'>
<b:section class='sora-panel' id='sora-panel' maxwidgets='1' name='Theme Options' showaddelement='no'>
<b:widget id='LinkList70' locked='true' title='Boxed Version' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>recentPostsHeadline</b:widget-setting>
<b:widget-setting name='link-1'>true</b:widget-setting>
<b:widget-setting name='text-0'>boxedVersion</b:widget-setting>
<b:widget-setting name='link-0'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<style type='text/css'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "boxedVersion"'>
<b:if cond='data:link.target == "true"'>
#outer-wrapper{max-width:1150px}
</b:if>
</b:if>
</b:loop>
</style>
</b:includable>
</b:widget>
<b:widget id='LinkList71' locked='true' title='Default Variables' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>5</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>fixedSidebar</b:widget-setting>
<b:widget-setting name='link-1'>true</b:widget-setting>
<b:widget-setting name='text-0'>commentsSystem</b:widget-setting>
<b:widget-setting name='link-2'>6</b:widget-setting>
<b:widget-setting name='text-3'>postPerPage</b:widget-setting>
<b:widget-setting name='link-0'>blogger</b:widget-setting>
<b:widget-setting name='text-2'>postPerPage</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<script type='text/javascript'> //<![CDATA[
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "postPerPage"'>
var postPerPage = <data:link.target/>;
</b:if>
<b:if cond='data:link.name == "fixedSidebar"'>
var fixedSidebar = <data:link.target/>;
</b:if>
<b:if cond='data:link.name == "commentsSystem"'>
var commentsSystem = "<data:link.target/>";
</b:if>
<b:if cond='data:link.name == "disqusShortname"'>
var disqusShortname = "<data:link.target/>";
</b:if>
</b:loop>
//]]> </script>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- Outer Wrapper -->
<div id='outer-wrapper'>
<!-- Main Top Bar -->
<div id='top-bar'>
<div class='container row'>
<b:section class='top-bar-nav' id='top-bar-nav' maxwidgets='1' name='Top Navigation' showaddelement='yes'>
<b:widget id='LinkList72' locked='true' title='' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>/sitemap.xml</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About</b:widget-setting>
<b:widget-setting name='link-1'>/p/about.html</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>/p/contact-us.html</b:widget-setting>
<b:widget-setting name='text-3'>Sitemap</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting name='text-2'>Contact</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li>
<a expr:href='data:link.target'><data:link.name/></a>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Top Social -->
</div>
</div>
<!-- Header Wrapper -->
<div id='header-wrap'>
<div class='header-header'>
<div class='container row'>
<b:section class='header-logo' id='header-logo' maxwidgets='1' name='Header Logo' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Satpura National Park (Header)' type='Header' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEjJ5jA8mv2v7CC-J33XtZrSelm9hnMvWOMqKUQryGTf1DJ4YU27rPsZ-5gF1noT3symdko_TE0yG0_1Ezopl6d6QKI-wzZP2mhUotU1-DgoAiFCey43YWOCNufM8wseVZWdgLvUkWY8rhQ0oQW3Yp09A8pYKn2raoQoxIdzgPP-2r7x86p5nvNuJsQn4t0n=s1530</b:widget-setting>
<b:widget-setting name='displayHeight'>360</b:widget-setting>
<b:widget-setting name='sectionWidth'>384</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'>1530</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</div>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>
<style type='text/css'>
.header-widget {
background-position: <data:blog.locale.languageAlignment/>;
background-repeat: no-repeat;
}
</style>
</b:if>
</b:includable>
<b:includable id='description'>
<p>
<data:this.description/>
</p>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
</a>
</b:includable>
<b:includable id='title'>
<h1>
<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-ads' id='header-ads' maxwidgets='1' name='Header Ads 728x90' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='2' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='header-menu'>
<div class='mobile-menu'/>
<div class='container row'>
<span class='slide-menu-toggle'/>
<b:section class='main-menu' id='main-menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
<b:widget id='LinkList74' locked='true' title='Link List' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-0'>Home-icon</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<ul id='main-menu-nav' role='menubar'>
<b:loop values='data:links' var='link'>
<li>
<a expr:href='data:link.target' role='menuitem'><data:link.name/></a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<div id='nav-search'>
<form class='search-form' expr:action='data:blog.searchUrl' role='search'>
<input autocomplete='off' class='search-input' expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>
<span class='hide-search'/>
</form>
</div>
<span class='show-search'/>
</div>
</div>
</div>
<div class='clearfix'/>
<b:if cond='data:view.isHomepage'>
<!-- Featured Wrapper -->
<div class='row' id='hot-wrapper'>
<b:section id='hot-section' maxwidgets='1' name='Hot Posts' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='Follow Us' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>recent/hot-posts</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clearfix'/>
</b:if>
<!-- Content Wrapper -->
<div class='row' id='content-wrapper'>
<div class='container'>
<!-- Main Wrapper -->
<div id='main-wrapper'>
<b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>by</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Tags</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='searchMessage'/>
<div class='blog-posts hfeed container'>
<b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
<b:if cond='data:view.isHomepage'>
<h3 class='home-title'>
<span><data:messages.recentPosts/></span>
</h3>
</b:if>
<b:tag class='grid-posts' cond='data:view.isMultipleItems' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:tag>
</div>
<b:include cond='data:view.isMultipleItems' name='indexBlogPager'/>
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='aboutPostAuthor'>
<div class='about-author'>
<div class='avatar-container'>
<b:if cond='data:post.author.authorPhoto.image'>
<img class='author-avatar' expr:alt='data:post.author.name' expr:src='data:post.author.authorPhoto.image resizeImage 100'/>
<b:else/>
<img class='author-avatar' expr:alt='data:post.author.name' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgybk2Y3Kca3TrPu_IUGOd1OsYhHuYPZYmoBcOiaDzXipgqoeQn42Sln0xpJ45ExKgm4KtZugeUvvvuSCI4b0qcIx8ABzLc__Fqo9wJcTL2pokdXHKfOzklfE4oom5CuRQOJMcyMVzZuCDM/s100/avatar.png'/>
</b:if>
</div>
<h3 class='author-name'>
<span><data:messages.postedBy/></span><a expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' target='_blank'>
<data:post.author.name/></a>
</h3>
<span class='author-description'><data:post.author.aboutMe/></span>
</div>
</b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='backLinks' var='post'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='45' width='45'/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='"c" + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author' name='authorName'/>
<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author' name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<data:comment.body/>
</div>
<div 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>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<b:if cond='data:post.allowComments'>
<div class='title-wrap comments-title'>
<h3><data:messages.postAComment/></h3>
</div>
</b:if>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframeComments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:include name='commentsTitle'/>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:include cond='data:post.comments' data='post.comments' name='commentList'/>
</div>
<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:messages.oldest/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:messages.older/>
</a>
</b:if>
<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>
<b:if cond='data:post.hasNewerLinks'>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:messages.newer/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>
<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='addComments'/>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='commentsTitle'>
<!-- Post Commments Title -->
<h3 class='title'>
<data:post.numberOfComments/> <data:messages.comments/>
</h3>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:style='data:style ?: "display: block;"'>
<b:attr cond='not data:blog.analytics4' expr:value='data:blog.analyticsAccountNumber' name='data-analytics-uacct'/>
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='feedLinks'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='footerBylines' var='post'>
<!-- Post Footer Extras -->
<b:include data='post' name='postLabels'/>
<b:include data='post' name='postReactions'/>
<b:include data='post' name='postShareButtons'/>
</b:includable>
<b:includable id='googlePlusShare'>
</b:includable>
<b:includable id='headerByline' var='post'>
<!-- Post Header Meta -->
<div class='post-meta'>
<b:include data='post' name='postAuthor'/>
<b:include data='post' name='postTimestamp'/>
</div>
</b:includable>
<b:includable id='homePageLink'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='iframeComments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='!data:post.embedCommentForm'>
<b:include data='post' name='commentsLink'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='indexBlogPager'>
<!-- Post Pagination Index -->
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
</div>
</b:includable>
<b:includable id='indexPost' var='post'>
<!-- Index Post Content -->
<div class='index-post-inner'>
<b:include data='post' name='postFeaturedImage'/>
<div class='post-info'>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='postSummary'/>
<b:include data='post' name='postJumpLink'/>
</div>
</div>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='itemPost' var='post'>
<!-- Item Post Content -->
<b:include data='post' name='postMeta'/>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='postBody'/>
<b:include cond='data:view.isPost' data='post' name='postFooter'/>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='nextPageLink'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'>
<data:messages.olderPosts/>
</a>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='post' var='post'>
<!-- Post Index -->
<b:if cond='data:view.isMultipleItems'>
<b:include data='post' name='indexPost'/>
</b:if>
<!-- Post Item -->
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='itemPost'/>
</b:if>
</b:includable>
<b:includable id='postAuthor' var='post'>
<!-- Post Author -->
<b:if cond='data:allBylineItems.author'>
<span class='post-author'><a expr:href='data:post.author.profileUrl' expr:title='data:post.author.name' target='_blank'><data:post.author.name/></a></span>
</b:if>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- Post Body Entry Content-->
<div class='post-body post-content'>
<data:post.body/>
</div>
</b:includable>
<b:includable id='postBodySnippet' var='post'>
<b:include data='post' name='postBody'/>
</b:includable>
<b:includable id='postBreadcrumbs' var='post'>
<!-- Post Breadcrumbs -->
<nav id='breadcrumb'>
<a expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='b-label' expr:href='data:post.labels.last.url'><data:post.labels.last.name/></a></b:if><em class='delimiter'/><span class='current'><data:post.title/></span>
</nav>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"@id": "#Breadcrumb",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"name": "<data:messages.home/>",
"@id": "<data:blog.homepageUrl.jsonEscaped/>"
}
},{
"@type": "ListItem",
"position": 2,
"item": {
"name": "<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>",
"@id": "<data:post.labels.last.url.jsonEscaped/>"
}
},{
"@type": "ListItem",
"position": 3,
"item": {
"name": "<data:post.title/>",
"@id": "<data:post.url.jsonEscaped/>"
}
}]
}
</script>
</b:includable>
<b:includable id='postCategory' var='post'>
<!-- Post Label/Category -->
<b:if cond='data:view.isMultipleItems and data:post.labels'>
<span class='post-tag index-post-tag'>
<data:post.labels.last.name/>
</span>
</b:if>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<!-- Post, Comments and Ads -->
<!-- Post Content Index and Item -->
<div class='blog-post hentry'>
<b:class cond='data:view.isMultipleItems' name='index-post'/>
<b:class cond='data:view.isSingleItem' name='item-post'/>
<b:include data='post' name='post'/>
</div>
<!-- Comments -->
<b:if cond='data:view.isSingleItem'>
<div class='blog-post-comments'>
<b:include data='post' name='threadedCommentsDisqus'/>
<b:include data='post' name='commentPicker'/>
</div>
</b:if>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
</span>
</b:if>
</b:includable>
<b:includable id='postFeaturedImage' var='post'>
<!-- Post Featured Image on Index -->
<div class='post-image-wrap'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9E2gGJHuVBnLZjRpRTZArtGKiIedXXWubTJ8WAeYHaG4Q3x__siGJXOhn5s1ExcF85xHfbQuLZ6vyqwjCEgkAj7lUa48L9HiSbp6_qW6_MCMpQHPJHPCT_fyS8-PrDyZaD2rC9ubtIk/w680/nth.png'/>
</b:if>
</a>
<b:include data='post' name='postCategory'/>
</div>
</b:includable>
<b:includable id='postFooter' var='post'>
<!-- Post Footer Itens -->
<div class='post-footer'>
<!-- Post Labels, Reactions, Share, Navigation, About Author an Related Posts -->
<b:include data='post' name='footerBylines'/>
<b:include cond='data:allBylineItems.icons' data='post' name='postNavigation'/>
<b:include cond='data:post.author.aboutMe' data='post' name='aboutPostAuthor'/>
<b:include cond='data:allBylineItems.backlinks' data='post' name='postRelated'/>
</div>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>
<b:include cond='data:view.isPost' data='post' name='postCategory'/>
<b:include data='post' name='postTitle'/>
<b:include cond='!data:view.isPage' data='post' name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<a class='read-more' expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>
</b:if>
</b:includable>
<b:includable id='postLabels' var='post'>
<b:if cond='data:allBylineItems.labels'>
<b:if cond='data:post.labels'>
<div class='post-labels'>
<span><data:allBylineItems.labels.label/></span>
<div class='label-head Label'>
<b:loop values='data:post.labels' var='label'>
<a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postMetadataJSONImage'>
"image": {
"@type": "ImageObject",
<b:if cond='data:post.featuredImage.isResizable'>
"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",
"height": 630,
"width": 1200
<b:else/>
"url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/",
"width": 206,
"height": 60
}
},
</b:includable>
<b:includable id='postNavigation' var='post'>
<!-- Post Navigation Item -->
<ul class='post-nav'>
<li class='post-next'>
<b:if cond='data:newerPageUrl'>
<a class='next-post-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'>
<div class='post-nav-inner'>
<span><data:messages.newer/></span>
<p/>
</div>
</a>
<b:else/>
<a rel='next'><div class='post-nav-inner post-nav-active'>
<span><data:messages.newer/></span>
<p><data:post.title/></p></div></a>
</b:if>
</li>
<li class='post-prev'>
<b:if cond='data:olderPageUrl'>
<a class='prev-post-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' rel='previous'>
<div class='post-nav-inner'>
<span><data:messages.older/></span>
<p/>
</div>
</a>
<b:else/>
<a rel='previous'><div class='post-nav-inner post-nav-active'>
<span><data:messages.older/></span>
<p><data:post.title/></p></div></a>
</b:if>
</li>
</ul>
</b:includable>
<b:includable id='postPagination'>
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
</div>
</b:includable>
<b:includable id='postReactions' var='post'>
<!-- Post Reactions -->
<b:if cond='data:allBylineItems.reactions'>
<div class='post-reactions'>
<span><data:allBylineItems.reactions.label/></span>
<div class='reactions-inner'>
<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:posts[0].reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postRelated' var='post'>
<!-- Related Posts -->
<div id='related-wrap'>
<div class='title-wrap'>
<h3><data:messages.youMayLikeThesePosts/></h3>
</div>
<div class='related-ready'>
<b:if cond='data:post.labels'>
<div class='related-tag' expr:data-label='data:post.labels.first.name'/>
<b:else/>
<div class='related-tag' data-label='random'/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postShareButtons' var='post'>
<!-- Post ShareButtons -->
<b:if cond='data:allBylineItems.share'>
<div class='post-share'>
<ul class='share-links social social-color'>
<li class='facebook'>
<a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
<li class='twitter'>
<a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url + "&text=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=450, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
<li class='pinterest'>
<a class='pinterest' expr:href='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.featuredImage + "&description=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=735, height=750, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
<li class='linkedin'>
<a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=550, height=650, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
<b:if cond='data:blog.isMobileRequest'>
<li class='whatsapp whatsapp-mobile'>
<a class='whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' rel='nofollow' target='_blank'/>
</li>
<b:else/>
<li class='whatsapp whatsapp-desktop'>
<a class='whatsapp' expr:href='"https://web.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' onclick='window.open(this.href, 'windowName', 'width=900, height=550, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
</b:if>
<li class='email'>
<a class='email' expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:post.url' onclick='window.open(this.href, 'windowName', 'width=500, height=400, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'/>
</li>
</ul>
</div>
</b:if>
</b:includable>
<b:includable id='postShortMeta'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='postSummary' var='post'>
<!-- Post Summary -->
<p class='post-snippet'>
<b:eval expr='data:post.snippets.short snippet { length: 80 }'/>
</p>
</b:includable>
<b:includable id='postTimestamp' var='post'>
<!-- Post Timestamp -->
<b:if cond='data:allBylineItems.timestamp'>
<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</b:if>
</b:includable>
<b:includable id='postTitle' var='post'>
<!-- Post Title Index and Item -->
<b:if cond='data:view.isMultipleItems'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</b:if>
<b:if cond='data:view.isSingleItem'>
<h1 class='post-title'>
<data:post.title/>
</h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'>
<data:messages.newerPosts/>
</a>
</b:includable>
<b:includable id='searchMessage'>
<!-- Search Message -->
<b:if cond='data:view.search.query'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'/><data:view.search.resultsMessageHtml/><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.search.label'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isArchive'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-success'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isError'>
<div class='errorWrap'>
<h3>404</h3>
<h4><data:messages.theresNothingHere/></h4>
<p><data:navMessage/></p>
<a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> <data:messages.home/></a>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'>
<data:messages.noResultsFound/></div></b:if>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:include name='commentsTitle'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threadedCommentJs'/>
</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='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='threadedCommentsDisqus' var='post'>
<script type='text/javascript'>
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- Sidebar Wrapper -->
<div id='sidebar-wrapper'>
<b:section class='sidebar common-widget' id='sidebar1' name='Sidebar Right (A)' showaddelement='yes'>
<b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm' version='2' visible='false'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/>
<span style='font-weight: bolder'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/>
<span style='font-weight: bolder'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style=' text-align: center; max-width: 222px; width: 100%; '>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='2' visible='true'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5998346358750470006\x26blogName\x3dSatpura+National+Park\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://satpuranationalparks.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://satpuranationalparks.blogspot.com/\x26vt\x3d-281309336086106391',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar common-widget' id='sidebar2' name='Sidebar Right (B)' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='postContent'/>
</b:loop>
</div>
</b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postCommentsLink'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
</span>
</b:includable>
<b:includable id='postContent' var='post'>
<div class='post'>
<div class='post-content'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 680'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ9E2gGJHuVBnLZjRpRTZArtGKiIedXXWubTJ8WAeYHaG4Q3x__siGJXOhn5s1ExcF85xHfbQuLZ6vyqwjCEgkAj7lUa48L9HiSbp6_qW6_MCMpQHPJHPCT_fyS8-PrDyZaD2rC9ubtIk/w680/nth.png'/>
</b:if>
</a>
<div class='post-info'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-meta'>
<span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</div>
</div>
</div>
</div>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<div class='jump-link flat-button'>
<a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
<b:eval expr='data:blog.jumpLinkMessage'/>
</a>
</div>
</b:includable>
<b:includable id='postLabels'>
<span class='byline post-labels'>
<span class='byline-label'><data:byline.label/></span>
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:loop>
</span>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<span class='byline post-timestamp'>
<data:byline.label/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
<data:post.date/>
</time>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='snippetedPostByline'>
<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
<div class='item-byline'>
<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
</b:with>
<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
</b:with>
</div>
</b:with>
</b:includable>
<b:includable id='snippetedPostContent'>
<div class='post-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='clearfix'/>
<!-- Footer Wrapper -->
<div id='footer-wrapper'>
<div class='container row'>
<div class='footer-widgets-wrap'>
<b:section class='footer common-widget' id='footer-sec1' maxwidgets='3' name='Section (Left)' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='Recent Posts' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>3/recent/post-list</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer common-widget' id='footer-sec2' maxwidgets='3' name='Section (Center)' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop values='data:labels' var='label'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='list'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Tags' type='Label' version='2' visible='true'>
<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'><![CDATA[COMPUTER HARDWARE & NETWORKS]]></b:widget-setting>
<b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop values='data:labels' var='label'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='list'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer common-widget' id='footer-sec3' maxwidgets='3' name='Section (Right)' showaddelement='yes'>
<b:widget id='ContactForm2' locked='false' title='Contact Form' type='ContactForm' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='Recent in Update' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>2/recent/post-list</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='clearfix'/>
<div id='sub-footer-wrapper'>
<div class='container row'>
<div class='copyright-area'>
Copyright ©
<script type='text/javascript'>
var year = new Date();
document.write(year.getFullYear());
</script>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
</div>
</div>
</div>
</div>
</div>
<!-- Main Scripts -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*! Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */
(function ($) {
$.fn.theiaStickySidebar = function (options) {
var defaults = {
containerSelector: "",
additionalMarginTop: 0,
additionalMarginBottom: 0,
updateSidebarHeight: true,
minWidth: 0,
disableOnResponsiveLayouts: true,
sidebarBehavior: "modern",
defaultPosition: "relative",
namespace: "TSS",
};
options = $.extend(defaults, options);
options.additionalMarginTop =
parseInt(options.additionalMarginTop) || 0;
options.additionalMarginBottom =
parseInt(options.additionalMarginBottom) || 0;
tryInitOrHookIntoEvents(options, this);
function tryInitOrHookIntoEvents(options, $that) {
var success = tryInit(options, $that);
if (!success) {
console.log(
"TSS: Body width smaller than options.minWidth. Init is delayed."
);
$(document).on(
"scroll." + options.namespace,
(function (options, $that) {
return function (evt) {
var success = tryInit(options, $that);
if (success) {
$(this).unbind(evt);
}
};
})(options, $that)
);
$(window).on(
"resize." + options.namespace,
(function (options, $that) {
return function (evt) {
var success = tryInit(options, $that);
if (success) {
$(this).unbind(evt);
}
};
})(options, $that)
);
}
}
function tryInit(options, $that) {
if (options.initialized === true) {
return true;
}
if ($("body").width() < options.minWidth) {
return false;
}
init(options, $that);
return true;
}
function init(options, $that) {
options.initialized = true;
var existingStylesheet = $(
"#theia-sticky-sidebar-stylesheet-" + options.namespace
);
if (existingStylesheet.length === 0) {
$("head").append(
$(
'<style id="theia-sticky-sidebar-stylesheet-' +
options.namespace +
'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>'
)
);
}
$that.each(function () {
var o = {};
o.sidebar = $(this);
o.options = options || {};
o.container = $(o.options.containerSelector);
if (o.container.length == 0) {
o.container = o.sidebar.parent();
}
o.sidebar.parents().css("-webkit-transform", "none");
o.sidebar.css({
position: o.options.defaultPosition,
overflow: "visible",
"-webkit-box-sizing": "border-box",
"-moz-box-sizing": "border-box",
"box-sizing": "border-box",
});
o.stickySidebar = o.sidebar.find(".theiaStickySidebar");
if (o.stickySidebar.length == 0) {
var javaScriptMIMETypes =
/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;
o.sidebar
.find("script")
.filter(function (index, script) {
return (
script.type.length === 0 ||
script.type.match(javaScriptMIMETypes)
);
})
.remove();
o.stickySidebar = $("<div>")
.addClass("theiaStickySidebar")
.append(o.sidebar.children());
o.sidebar.append(o.stickySidebar);
}
o.marginBottom = parseInt(o.sidebar.css("margin-bottom"));
o.paddingTop = parseInt(o.sidebar.css("padding-top"));
o.paddingBottom = parseInt(o.sidebar.css("padding-bottom"));
var collapsedTopHeight = o.stickySidebar.offset().top;
var collapsedBottomHeight = o.stickySidebar.outerHeight();
o.stickySidebar.css("padding-top", 1);
o.stickySidebar.css("padding-bottom", 1);
collapsedTopHeight -= o.stickySidebar.offset().top;
collapsedBottomHeight =
o.stickySidebar.outerHeight() -
collapsedBottomHeight -
collapsedTopHeight;
if (collapsedTopHeight == 0) {
o.stickySidebar.css("padding-top", 0);
o.stickySidebarPaddingTop = 0;
} else {
o.stickySidebarPaddingTop = 1;
}
if (collapsedBottomHeight == 0) {
o.stickySidebar.css("padding-bottom", 0);
o.stickySidebarPaddingBottom = 0;
} else {
o.stickySidebarPaddingBottom = 1;
}
o.previousScrollTop = null;
o.fixedScrollTop = 0;
resetSidebar();
o.onScroll = function (o) {
if (!o.stickySidebar.is(":visible")) {
return;
}
if ($("body").width() < o.options.minWidth) {
resetSidebar();
return;
}
if (o.options.disableOnResponsiveLayouts) {
var sidebarWidth = o.sidebar.outerWidth(
o.sidebar.css("float") == "none"
);
if (sidebarWidth + 50 > o.container.width()) {
resetSidebar();
return;
}
}
var scrollTop = $(document).scrollTop();
var position = "static";
if (
scrollTop >=
o.sidebar.offset().top +
(o.paddingTop - o.options.additionalMarginTop)
) {
var offsetTop = o.paddingTop + options.additionalMarginTop;
var offsetBottom =
o.paddingBottom +
o.marginBottom +
options.additionalMarginBottom;
var containerTop = o.sidebar.offset().top;
var containerBottom =
o.sidebar.offset().top + getClearedHeight(o.container);
var windowOffsetTop = 0 + options.additionalMarginTop;
var windowOffsetBottom;
var sidebarSmallerThanWindow =
o.stickySidebar.outerHeight() + offsetTop + offsetBottom <
$(window).height();
if (sidebarSmallerThanWindow) {
windowOffsetBottom =
windowOffsetTop + o.stickySidebar.outerHeight();
} else {
windowOffsetBottom =
$(window).height() -
o.marginBottom -
o.paddingBottom -
options.additionalMarginBottom;
}
var staticLimitTop = containerTop - scrollTop + o.paddingTop;
var staticLimitBottom =
containerBottom -
scrollTop -
o.paddingBottom -
o.marginBottom;
var top = o.stickySidebar.offset().top - scrollTop;
var scrollTopDiff = o.previousScrollTop - scrollTop;
if (o.stickySidebar.css("position") == "fixed") {
if (o.options.sidebarBehavior == "modern") {
top += scrollTopDiff;
}
}
if (o.options.sidebarBehavior == "stick-to-top") {
top = options.additionalMarginTop;
}
if (o.options.sidebarBehavior == "stick-to-bottom") {
top = windowOffsetBottom - o.stickySidebar.outerHeight();
}
if (scrollTopDiff > 0) {
top = Math.min(top, windowOffsetTop);
} else {
top = Math.max(
top,
windowOffsetBottom - o.stickySidebar.outerHeight()
);
}
top = Math.max(top, staticLimitTop);
top = Math.min(
top,
staticLimitBottom - o.stickySidebar.outerHeight()
);
var sidebarSameHeightAsContainer =
o.container.height() == o.stickySidebar.outerHeight();
if (!sidebarSameHeightAsContainer && top == windowOffsetTop) {
position = "fixed";
} else if (
!sidebarSameHeightAsContainer &&
top == windowOffsetBottom - o.stickySidebar.outerHeight()
) {
position = "fixed";
} else if (
scrollTop + top - o.sidebar.offset().top - o.paddingTop <=
options.additionalMarginTop
) {
position = "static";
} else {
position = "absolute";
}
}
if (position == "fixed") {
var scrollLeft = $(document).scrollLeft();
o.stickySidebar.css({
position: "fixed",
width: getWidthForObject(o.stickySidebar) + "px",
transform: "translateY(" + top + "px)",
left:
o.sidebar.offset().left +
parseInt(o.sidebar.css("padding-left")) -
scrollLeft +
"px",
top: "0px",
});
} else if (position == "absolute") {
var css = {};
if (o.stickySidebar.css("position") != "absolute") {
css.position = "absolute";
css.transform =
"translateY(" +
(scrollTop +
top -
o.sidebar.offset().top -
o.stickySidebarPaddingTop -
o.stickySidebarPaddingBottom) +
"px)";
css.top = "0px";
}
css.width = getWidthForObject(o.stickySidebar) + "px";
css.left = "";
o.stickySidebar.css(css);
} else if (position == "static") {
resetSidebar();
}
if (position != "static") {
if (o.options.updateSidebarHeight == true) {
o.sidebar.css({
"min-height":
o.stickySidebar.outerHeight() +
o.stickySidebar.offset().top -
o.sidebar.offset().top +
o.paddingBottom,
});
}
}
o.previousScrollTop = scrollTop;
};
o.onScroll(o);
$(document).on(
"scroll." + o.options.namespace,
(function (o) {
return function () {
o.onScroll(o);
};
})(o)
);
$(window).on(
"resize." + o.options.namespace,
(function (o) {
return function () {
o.stickySidebar.css({ position: "static" });
o.onScroll(o);
};
})(o)
);
if (typeof ResizeSensor !== "undefined") {
new ResizeSensor(
o.stickySidebar[0],
(function (o) {
return function () {
o.onScroll(o);
};
})(o)
);
}
function resetSidebar() {
o.fixedScrollTop = 0;
o.sidebar.css({ "min-height": "1px" });
o.stickySidebar.css({
position: "static",
width: "",
transform: "none",
});
}
function getClearedHeight(e) {
var height = e.height();
e.children().each(function () {
height = Math.max(height, $(this).height());
});
return height;
}
});
}
function getWidthForObject(object) {
var width;
try {
width = object[0].getBoundingClientRect().width;
} catch (err) {}
if (typeof width === "undefined") {
width = object.width();
}
return width;
}
return this;
};
})(jQuery);
//]]>
</script>
<!-- Theme Functions JS -->
<script type='text/javascript'>
//<![CDATA[
!(function (a) {
a.fn.lazyyard = function () {
return this.each(function () {
var b = a(this),
c = b.attr("src"),
d = Math.round(b.width()),
e = Math.round(b.height()),
f = "/w" + d + "-h" + e + "-p-k-no-nu",
g = "";
if (c.match("s72-c")) g = c.replace("/s72-c", f);
else if (c.match("w72-h")) g = c.replace("/w72-h72-p-k-no-nu", f);
else g = c;
a(window).on("load resize scroll", h);
function h() {
var c = a(window).height(),
d = a(window).scrollTop(),
e = b.offset().top;
if (d + c > e) {
var f = new Image();
(f.onload = function () {
b.addClass("lazy-yard");
}),
(f.src = g);
}
}
h();
});
};
})(jQuery);
$(function () {
$(
".index-post .post-image-link .post-thumb, .PopularPosts .post-image-link .post-thumb, .FeaturedPost .entry-image-link .post-thumb,.about-author .author-avatar, .item-post .post-body img"
).lazyyard();
$("#main-menu").each(function () {
var iTms = $(this).find(".LinkList ul > li").children("a"),
iLen = iTms.length;
for (var i = 0; i < iLen; i++) {
var i1 = iTms.eq(i),
t1 = i1.text();
if (t1.charAt(0) !== "_") {
var i2 = iTms.eq(i + 1),
t2 = i2.text();
if (t2.charAt(0) === "_") {
var l1 = i1.parent();
l1.append('<ul class="sub-menu m-sub"/>');
}
}
if (t1.charAt(0) === "_") {
i1.text(t1.replace("_", ""));
i1.parent().appendTo(l1.children(".sub-menu"));
}
}
for (var i = 0; i < iLen; i++) {
var i3 = iTms.eq(i),
t3 = i3.text();
if (t3.charAt(0) !== "_") {
var i4 = iTms.eq(i + 1),
t4 = i4.text();
if (t4.charAt(0) === "_") {
var l2 = i3.parent();
l2.append('<ul class="sub-menu2 m-sub"/>');
}
}
if (t3.charAt(0) === "_") {
i3.text(t3.replace("_", ""));
i3.parent().appendTo(l2.children(".sub-menu2"));
}
}
$("#main-menu ul li ul").parent("li").addClass("has-sub");
$("#main-menu ul > li a").each(function () {
var $this = $(this),
txt = $this.text().trim(),
mtc = txt.toLowerCase(),
sp = txt.split("-"),
title = sp[0];
if (mtc.match("-text")) {
$this.attr("data-title", title);
$this.parent("li").addClass("li-home").find("> a").text(title);
}
if (txt.match("-icon")) {
$this.attr("data-title", title);
$this
.parent("li")
.addClass("li-home li-home-icon")
.find("> a")
.html('<i class="fa fa-home"/>');
}
});
$("#main-menu .widget").addClass("show-menu");
});
$("#main-menu-nav").clone().appendTo(".mobile-menu");
$(".mobile-menu .has-sub").append('<div class="submenu-toggle"/>');
$(".mobile-menu ul > li a").each(function () {
var $this = $(this),
text = $this.attr("href").trim(),
type = text.toLowerCase(),
map = text.split("/"),
label = map[0],
title = $this.data("title");
$this.parent("li.li-home").find("> a").text(title);
if (type.match("mega-menu")) {
$this.attr(
"href",
"/search/label/" + label + "?&max-results=" + postPerPage
);
}
});
$(".slide-menu-toggle").on("click", function () {
$("body").toggleClass("nav-active");
});
$(".mobile-menu ul li .submenu-toggle").on("click", function ($this) {
if ($(this).parent().hasClass("has-sub")) {
$this.preventDefault();
if (!$(this).parent().hasClass("show")) {
$(this)
.parent()
.addClass("show")
.children(".m-sub")
.slideToggle(170);
} else {
$(this)
.parent()
.removeClass("show")
.find("> .m-sub")
.slideToggle(170);
}
}
});
$(".show-search").on("click", function () {
$("#nav-search").fadeIn(250).find("input").focus();
});
$(".hide-search").on("click", function () {
$("#nav-search").fadeOut(250).find("input").blur();
});
$(".Label a, a.b-label").attr("href", function ($this, href) {
return href.replace(href, href + "?&max-results=" + postPerPage);
});
$(".avatar-image-container img").attr("src", function ($this, i) {
i = i.replace("/s35-c/", "/s45-c/");
i = i.replace(
"//img1.blogblog.com/img/blank.gif",
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgybk2Y3Kca3TrPu_IUGOd1OsYhHuYPZYmoBcOiaDzXipgqoeQn42Sln0xpJ45ExKgm4KtZugeUvvvuSCI4b0qcIx8ABzLc__Fqo9wJcTL2pokdXHKfOzklfE4oom5CuRQOJMcyMVzZuCDM/s55-r/avatar.png"
);
return i;
});
$(".author-description a").each(function () {
$(this).attr("target", "_blank");
});
$(".post-nav").each(function () {
var getURL_prev = $("a.prev-post-link").attr("href"),
getURL_next = $("a.next-post-link").attr("href");
$.ajax({
url: getURL_prev,
type: "get",
success: function (prev) {
var title = $(prev).find(".blog-post h1.post-title").text();
$(".post-prev a .post-nav-inner p").text(title);
},
});
$.ajax({
url: getURL_next,
type: "get",
success: function (next) {
var title = $(next).find(".blog-post h1.post-title").text();
$(".post-next a .post-nav-inner p").text(title);
},
});
});
$(".post-body strike").each(function () {
var $this = $(this),
type = $this.text();
if (type.match("left-sidebar")) {
$this.replaceWith(
"<style>.item #main-wrapper{float:right}.item #sidebar-wrapper{float:left}</style>"
);
}
if (type.match("right-sidebar")) {
$this.replaceWith(
"<style>.item #main-wrapper{float:left}.item #sidebar-wrapper{float:right}</style>"
);
}
if (type.match("full-width")) {
$this.replaceWith(
"<style>.item #main-wrapper{width:100%}.item #sidebar-wrapper{display:none}</style>"
);
}
});
$("#main-wrapper, #sidebar-wrapper").each(function () {
if (fixedSidebar == true) {
$(this).theiaStickySidebar({
additionalMarginTop: 30,
additionalMarginBottom: 30,
});
}
});
$(".back-top").each(function () {
var $this = $(this);
$(window).on("scroll", function () {
$(this).scrollTop() >= 100 ? $this.fadeIn(250) : $this.fadeOut(250);
}),
$this.click(function () {
$("html, body").animate(
{
scrollTop: 0,
},
500
);
});
});
$("#main-menu #main-menu-nav li").each(function () {
var li = $(this),
text = li.find("a").attr("href").trim(),
$this = li,
type = text.toLowerCase(),
map = text.split("/"),
label = map[0];
ajaxPosts($this, type, 4, label);
});
$("#hot-section .widget-content").each(function () {
var $this = $(this),
text = $this.text().trim(),
type = text.toLowerCase(),
map = text.split("/"),
label = map[0];
ajaxPosts($this, type, 4, label);
});
$(".common-widget .widget-content").each(function () {
var $this = $(this),
text = $this.text().trim(),
type = text.toLowerCase(),
map = text.split("/"),
num = map[0],
label = map[1];
ajaxPosts($this, type, num, label);
});
$(".related-ready").each(function () {
var $this = $(this),
label = $this.find(".related-tag").data("label");
ajaxPosts($this, "related", 3, label);
});
function post_link(feed, i) {
for (var x = 0; x < feed[i].link.length; x++)
if (feed[i].link[x].rel == "alternate") {
var link = feed[i].link[x].href;
break;
}
return link;
}
function post_title(feed, i, link) {
var n = feed[i].title.$t,
code = '<a href="' + link + '">' + n + "</a>";
return code;
}
function post_author(feed, i) {
var n = feed[i].author[0].name.$t,
code = '<span class="post-author"><a>' + n + "</a></span>";
return code;
}
function post_date(feed, i) {
var c = feed[i].published.$t,
d = c.substring(0, 4),
f = c.substring(5, 7),
m = c.substring(8, 10),
h = monthFormat[parseInt(f, 10) - 1] + " " + m + ", " + d,
code = '<span class="post-date">' + h + "</span>";
return code;
}
function post_image(feed, i) {
var n = feed[i].title.$t,
p = feed[i].content.$t,
u = $("<div>").html(p);
if ("media$thumbnail" in feed[i]) {
var src = feed[i].media$thumbnail.url,
s1 = src.replace("/s72-c", "/w680");
if (p.indexOf("youtube.com/embed") > -1) {
s1 = src.replace("/default.", "/hqdefault.");
}
} else if (p.indexOf("<img") > -1) {
s1 = u.find("img:first").attr("src");
} else {
s1 = noThumbnail;
}
var code =
'<img class="post-thumb" alt="' + n + '" src="' + s1 + '"/>';
return code;
}
function post_label(feed, i) {
if (feed[i].category != undefined) {
var tag = feed[i].category[0].term,
code = '<span class="post-tag">' + tag + "</span>";
} else {
code = "";
}
return code;
}
function ajaxPosts($this, type, num, label) {
if (
type.match("mega-menu") ||
type.match("hot-posts") ||
type.match("featured") ||
type.match("post-list") ||
type.match("related")
) {
var url = "";
if (label == "recent") {
url =
"/feeds/posts/default?alt=json-in-script&max-results=" + num;
} else if (label == "random") {
var index = Math.floor(Math.random() * num) + 1;
url =
"/feeds/posts/default?max-results=" +
num +
"&start-index=" +
index +
"&alt=json-in-script";
} else {
url =
"/feeds/posts/default/-/" +
label +
"?alt=json-in-script&max-results=" +
num;
}
$.ajax({
url: url,
type: "get",
dataType: "jsonp",
beforeSend: function () {
if (type.match("hot-posts")) {
$this
.html('<div class="hot-loader"/>')
.parent()
.addClass("show-hot");
}
},
success: function (json) {
if (type.match("mega-menu")) {
var kode = '<ul class="mega-menu-inner">';
} else if (type.match("hot-posts")) {
var kode = '<ul class="hot-posts">';
} else if (type.match("post-list")) {
var kode = '<ul class="custom-widget">';
} else if (type.match("related")) {
var kode = '<ul class="related-posts">';
}
var entry = json.feed.entry;
if (entry != undefined) {
for (var i = 0, feed = entry; i < feed.length; i++) {
var link = post_link(feed, i),
title = post_title(feed, i, link),
image = post_image(feed, i),
tag = post_label(feed, i),
author = post_author(feed, i),
date = post_date(feed, i);
var kontent = "";
if (type.match("mega-menu")) {
kontent +=
'<div class="mega-item item-' +
i +
'"><div class="mega-content"><div class="post-image-wrap"><a class="post-image-link" href="' +
link +
'">' +
image +
"</a>" +
tag +
'</div><h2 class="post-title">' +
title +
'</h2><div class="post-meta">' +
date +
"</div></div></div>";
} else if (type.match("hot-posts")) {
if (i == 0) {
kontent +=
'<li class="hot-item item-' +
i +
'"><div class="hot-item-inner"><a class="post-image-link" href="' +
link +
'">' +
image +
"</a>" +
tag +
'<div class="post-info"><h2 class="post-title">' +
title +
'</h2><div class="post-meta">' +
author +
date +
"</div></div></div></li>";
} else {
kontent +=
'<li class="hot-item item-' +
i +
'"><div class="hot-item-inner"><a class="post-image-link" href="' +
link +
'">' +
image +
"</a>" +
tag +
'<div class="post-info"><h2 class="post-title">' +
title +
'</h2><div class="post-meta">' +
date +
"</div></div></div></li>";
}
} else if (type.match("post-list")) {
kontent +=
'<li class="item-' +
i +
'"><a class="post-image-link" href="' +
link +
'">' +
image +
'</a><div class="post-info"><h2 class="post-title">' +
title +
'</h2><div class="post-meta">' +
date +
"</div></div></div></li>";
} else if (type.match("related")) {
kontent +=
'<li class="related-item item-' +
i +
'"><div class="post-image-wrap"><a class="post-image-link" href="' +
link +
'">' +
image +
"</a>" +
tag +
'</div><h2 class="post-title">' +
title +
'</h2><div class="post-meta">' +
date +
"</div></li>";
}
kode += kontent;
}
kode += "</ul>";
} else {
kode =
'<ul class="no-posts">Error: No Posts Found <i class="fa fa-frown"/></ul>';
}
if (type.match("mega-menu")) {
$this.addClass("has-sub mega-menu").append(kode);
$this.find("a:first").attr("href", function ($this, href) {
if (label == "recent" || label == "random") {
href = href.replace(
href,
"/search/?&max-results=" + postPerPage
);
} else {
href = href.replace(
href,
"/search/label/" +
label +
"?&max-results=" +
postPerPage
);
}
return href;
});
} else if (type.match("hot-posts")) {
$this.html(kode).parent().addClass("show-hot");
} else {
$this.html(kode);
}
$this.find(".post-thumb").lazyyard();
},
});
}
}
$(".blog-post-comments").each(function () {
var system = commentsSystem,
disqus_url = disqus_blogger_current_url,
disqus = '<div id="disqus_thread"/>',
current_url = $(location).attr("href"),
facebook =
'<div class="fb-comments" data-width="100%" data-href="' +
current_url +
'" data-numposts="5"></div>',
sClass = "comments-system-" + system;
if (system == "blogger") {
$(this).addClass(sClass).show();
} else if (system == "disqus") {
(function () {
var dsq = document.createElement("script");
dsq.type = "text/javascript";
dsq.async = true;
dsq.src = "//" + disqusShortname + ".disqus.com/embed.js";
(
document.getElementsByTagName("head")[0] ||
document.getElementsByTagName("body")[0]
).appendChild(dsq);
})();
$("#comments, #gpluscomments").remove();
$(this).append(disqus).addClass(sClass).show();
} else if (system == "facebook") {
$("#comments, #gpluscomments").remove();
$(this).append(facebook).addClass(sClass).show();
} else if (system == "hide") {
$(this).hide();
} else {
$(this).addClass("comments-system-default").show();
}
});
});
//]]>
</script>
<!-- Pagination Scripts -->
<b:if cond='data:view.isMultipleItems'>
<script type='text/javascript'>
//<![CDATA[
var postResults = postPerPage;
var numOfPages = 2;
var pageOf = ["Page", "of"];
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;
})(
"5 K;5 m;5 l;5 w;5 s=1p.9;5 y=\"/\";1d();G 1b(a){5 b='';J=M(W/2);4(J==W-J){W=J*2+1}D=l-J;4(D<1)D=1;j=M(a/n)+1;4(j-1==a/n)j=j-1;E=D+W-1;4(E>j)E=j;b+='<C 6=\"3-1u\">'+17[0]+' '+l+' '+17[1]+' '+j+'</C>';5 c=M(l)-1;4(l>1){4(l==2){4(m=='3'){b+='<a 6=\"3-7 3-U\" 9=\"'+y+'\"></a>'}h{b+='<a 6=\"3-7 3-U\" 9=\"/v/u/'+w+'?&i-o='+n+'\"></a>'}}h{4(m=='3'){b+='<a 6=\"3-7 3-U\" 9=\"#\" z=\"L('+c+');B x\"></a>'}h{b+='<a 6=\"3-7 3-U\" 9=\"#\" z=\"I('+c+');B x\"></a>'}}}4(D>1){4(m==\"3\"){b+='<a 6=\"3-7\" 9=\"'+y+'\">1</a>'}h{b+='<a 6=\"3-7\" 9=\"/v/u/'+w+'?&i-o='+n+'\">1</a>'}}4(D>2){b+='<C 6=\"3-7 3-16\">...</C>'}1a(5 d=D;d<=E;d++){4(l==d){b+='<C 6=\"3-7 3-1v\">'+d+'</C>'}h 4(d==1){4(m=='3'){b+='<a 6=\"3-7\" 9=\"'+y+'\">1</a>'}h{b+='<a 6=\"3-7\" 9=\"/v/u/'+w+'?&i-o='+n+'\">1</a>'}}h{4(m=='3'){b+='<a 6=\"3-7\" 9=\"#\" z=\"L('+d+');B x\">'+d+'</a>'}h{b+='<a 6=\"3-7\" 9=\"#\" z=\"I('+d+');B x\">'+d+'</a>'}}}4(E<j-1){b+='<C 6=\"3-7 3-16\">...</C>'}4(E<j){4(m==\"3\"){b+='<a 6=\"3-7\" 9=\"#\" z=\"L('+j+');B x\">'+j+'</a>'}h{b+='<a 6=\"3-7\" 9=\"#\" z=\"I('+j+');B x\">'+j+'</a>'}}5 e=M(l)+1;4(l<j){4(m=='3'){b+='<a 6=\"3-7 3-15\" 9=\"#\" z=\"L('+e+');B x\"></a>'}h{b+='<a 6=\"3-7 3-15\" 9=\"#\" z=\"I('+e+');B x\"></a>'}}b+='';5 f=A.1s('1t');5 g=A.1r('1A-1D');1a(5 p=0;p<f.O;p++){f[p].1c=b}4(f&&f.O>0){b=''}4(g){g.1c=b}}G 12(a){5 b=a.1f;5 c=M(b.1E$1B.$t,10);1b(c)}G 1d(){5 a=s;4(a.k('/v/u/')!=-1){4(a.k('?T-i')!=-1){w=a.H(a.k('/v/u/')+14,a.k('?T-i'))}h{w=a.H(a.k('/v/u/')+14,a.k('?&i'))}}4(a.k('?q=')==-1&&a.k('.1C')==-1){4(a.k('/v/u/')==-1){m='3';4(s.k('#F=')!=-1){l=s.H(s.k('#F=')+8,s.O)}h{l=1}A.18('<r Q=\\''+y+'P/R/N?i-o=1&X=Y-S-r&V=12\\'><\\/r>')}h{m='u';4(a.k('&i-o=')==-1){n=1F}4(s.k('#F=')!=-1){l=s.H(s.k('#F=')+8,s.O)}h{l=1}A.18('<r Q=\"'+y+'P/R/N/-/'+w+'?X=Y-S-r&V=12&i-o=1\" ><\\/r>')}}}G L(a){Z=(a-1)*n;K=a;5 b=A.1h('1q')[0];5 c=A.1o('r');c.1e='1m/1n';c.1i('Q',y+'P/R/N?1j-1k='+Z+'&i-o=1&X=Y-S-r&V=13');b.1l(c)}G I(a){Z=(a-1)*n;K=a;5 b=A.1h('1q')[0];5 c=A.1o('r');c.1e='1m/1n';c.1i('Q',y+'P/R/N/-/'+w+'?1j-1k='+Z+'&i-o=1&X=Y-S-r&V=13');b.1l(c)}G 13(a){11=a.1f.1x[0];5 b=11.1g.$t.H(0,19)+11.1g.$t.H(1z,1w);5 c=1y(b);4(m=='3'){5 d='/v?T-i='+c+'&i-o='+n+'#F='+K}h{5 d='/v/u/'+w+'?T-i='+c+'&i-o='+n+'#F='+K}1p.9=d}",
62,
104,
"|||page|if|var|class|num||href||||||||else|max|lastPageNo|indexOf|currentPageNo|currentPage|postResults|results|||script|locationUrl||label|search|postLabel|false|home_page|onclick|document|return|span|pageStart|pageEnd|PageNo|function|substring|getLabelPage|pageNumber|noPage|getPage|parseInt|summary|length|feeds|src|posts|in|updated|prev|callback|numOfPages|alt|json|jsonstart||post|dataFeed|findPostDate||next|dots|pageOf|write||for|startPagination|innerHTML|pageCurrentBlogger|type|feed|published|getElementsByTagName|setAttribute|start|index|appendChild|text|javascript|createElement|location|head|getElementById|getElementsByName|pageArea|of|active|29|entry|encodeURIComponent|23|blog|totalResults|html|pager|openSearch|20".split(
"|"
),
0,
{}
)
);
//]]>
</script>
</b:if>
<!-- Facebook SDK -->
<script type='text/javascript'>
//<![CDATA[
(function (d, s, id) {
var js,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src =
"https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
})(document, "script", "facebook-jssdk");
//]]>
</script>
<!-- Overlay and Back To Top -->
<div class='back-top' title='Back to Top'/>
<script type='text/javascript'>
//<![CDATA[
var text_month = [
,
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sept",
"Oct",
"Nov",
"Dec",
];
var no_image_url =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj15-aMdu3HwiYkVEzyi0w3CZUCEsX7cc9TjPN7OxUtZH5OroiJ-j4i43Sfoc_uAJxxPb_LqCdnwIbowU3oJMSmPZh82qLI4gbpd_ZJLFhGYIX6oviPn6HoFbi4zJUJXy3_cccjxYfR2N8/s1600-r/nth.png";
var static_page_text = $.trim($(".static_page .post-body").text());
if (static_page_text === "[sitemap]") {
var postbody = $(".static_page .post-body");
$.ajax({
url: "/feeds/posts/default?alt=json-in-script",
type: "get",
dataType: "jsonp",
success: function (dataZ) {
var blogLabels = [];
for (var t = 0; t < dataZ.feed.category.length; t++) {
blogLabels.push(dataZ.feed.category[t].term);
}
var blogLabels = blogLabels.join("/");
postbody.html('<div class="siteLabel"></div>');
$(".static_page .post-body .siteLabel").text(blogLabels);
var splabel = $(".siteLabel").text().split("/");
var splabels = "";
for (get = 0; get < splabel.length; ++get) {
splabels += "<span>" + splabel[get] + "</span>";
}
$(".siteLabel").html(splabels);
$(".siteLabel span").each(function () {
var mapLabel = $(this);
var mapLabel_text = $(this).text();
$.ajax({
url:
"/feeds/posts/default/-/" +
mapLabel_text +
"?alt=json-in-script",
type: "get",
dataType: "jsonp",
success: function (data) {
var posturl = "";
var htmlcode = '<div class="mapa">';
for (var i = 0; i < data.feed.entry.length; i++) {
for (var j = 0; j < data.feed.entry[i].link.length; j++) {
if (data.feed.entry[i].link[j].rel == "alternate") {
posturl = data.feed.entry[i].link[j].href;
break;
}
}
var posttitle = data.feed.entry[i].title.$t;
var author = data.feed.entry[i].author[0].name.$t;
var get_date = data.feed.entry[i].published.$t,
year = get_date.substring(0, 4),
month = get_date.substring(5, 7),
day = get_date.substring(8, 10),
date =
text_month[parseInt(month, 10)] +
" " +
day +
", " +
year;
var tag = data.feed.entry[i].category[0].term;
var content = data.feed.entry[i].content.$t;
var $content = $("<div>").html(content);
var src2 = data.feed.entry[i].media$thumbnail.url;
htmlcode +=
'<div class="mapapost"><div class="map-thumb"><div class="map-img"><a href="' +
posturl +
'" style="background:url(' +
src2 +
') no-repeat center center;background-size: cover"/></div></div><h3 class="wrp-titulo"><a href="' +
posturl +
'">' +
posttitle +
'</a></h3><div class="map-meta"><span class="p-author">' +
author +
'</span><span class="p-date">' +
date +
"</span></div></div>";
}
htmlcode += "</div>";
mapLabel.replaceWith(
'<div class="mapasite"><h2>' +
mapLabel_text +
'<span class="botao"><i class="fa fa-plus-circle"></i></span></h2>' +
htmlcode +
"</div>"
);
$(document).on("click", ".mapasite h2", function () {
$(this).parent(".mapasite").addClass("active");
$(this)
.find(".botao .fa")
.removeClass("fa-plus-circle")
.addClass("fa-minus-circle");
});
$(document).on("click", ".mapasite.active h2", function () {
$(this).parent(".mapasite").removeClass("active");
$(this)
.find(".botao .fa")
.addClass("fa-plus-circle")
.removeClass("fa-minus-circle");
});
},
});
});
},
});
}
//]]>
</script>
</body>
</html>
0 Comments