anuxraw · October 11, 2019 18:42
diff --git a/Narrator PRO Version dari ODDThemes.xml b/Narrator PRO Version dari ODDThemes.xml
 <?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE html>
 <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='https://ogp.me/ns#'>

  <head prefix='og: https://ogp.me/ns# fb: https://graph.facebook.com/schema/og/ article: https://graph.facebook.com/schema/og/article'>

 <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet'/>

 <link href='https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700' rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,500,600,800,900' rel='stylesheet' type='text/css'/>
 <script src='//code.jquery.com/jquery-latest.min.js'/>    
 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <title>
        Page Not Found! 
      </title>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        - 
        <data:blog.title/>
      </title>
    </b:if>
    
 <b:template-skin>
 <![CDATA[
 body#layout .navbar {
    display: none;
 }
 body#layout{width:990px;}
 body#layout div#pages-top {
    float: left;
 }body#layout div#top-share-buttons {
    display: inline-block;
 }body#layout .le_social {
    float: right;
 }
 body#layout div#header {
    float: left;
 }

 body#layout div.banner.has-dots {
 margin-top: -435px;
 }

 body#layout .footer-widgets .section {
  width: 20%;
  display: inline-block;
 }

 body#layout div#Theme-Options:after {
    content: " ";
   display: block; 
   height: 0; 
   clear: both;
 }

 body#layout div.widget{margin-top:20px;}
 body#layout div#box19{
 overflow:visible;

 }
 body#layout .wrapping {
    width: 65%;
    float: left;
 }

 body#layout .bslider{
 overflow:visible;
 float:right;
 width:590px;
 }
 body#layout #outer-wrapper {
    width: 970px;
 }
 body#layout div#Theme-Options,body#layout div#On-Off-Sticky-Sidebar,body#layout div#Infinite-Scrolling-On-Off {
    background: #ffabab;
 }
 body#layout div#Theme-Options .widget {
    width: 19%;
    float: left;
    margin-right:  1%;
 	min-height:160px;
 }
 body#layout div#Top-Categories .widget {
    width: 32%;
    margin-right:  1%;
    float: left;
 }

 body#layout div#Top-Categories:after {
    content: "";
    height:  0;
    display:  block;
    clear: both;
 }
 body#layout:before {
    content: "This theme is a property of OddThemes.com";
    border: 3px double #999;
    padding: 10px;
    position: relative;
    top: -50px;
    font-size: 18px;
    color: #46b0dc;
    letter-spacing: .5px;
 }
 ]]>
 </b:template-skin>

 <b:skin><![CDATA[
      
 /*
 -----------------------------------------------
 Template: Narrator PRO Personal Blogger Template
 Name:  Ceyron Louis
 Designer Url - http://www.oddthemes.com
 ----------------------------------------------- 

 <Group description="Main Settings" selector="body">
 <Variable name="maincolor" description="Main Color" type="color" default="#bbd0a4" value="#bbd0a4"/>
 <Variable name="headcolor" description="Heading Color" type="color" default="#000" value="#000000"/>
 <Variable name="linkcolor" description="Link Color" type="color" default="#000" value="#000000"/>
 <Variable name="hovercolor" description="Hover Color" type="color" default="#bbd0a4" value="#bbd0a4"/>
 </Group>
 <Group description="Page Text" selector="body">
 <Variable name="body.font" description="Main Font" type="font" default="normal normal 15px 'Lato', sans-serif" value="normal normal 14px &#39;Lato&#39;, sans-serif"/>
 <Variable name="heading.font" description="Homepage Heading Font" type="font" default="normal normal 700 25px 'Montserrat', sans-serif" value="normal normal 700 25px &#39;Montserrat&#39;, sans-serif"/>

 <Variable name="homepage.title.font" description="Homepage Title Font" type="font" default="normal normal 900 28px 'Raleway', sans-serif" value="normal normal 900 28px &#39;Raleway&#39;, sans-serif"/>

 <Variable name="homepage.slider.font" description="Homepage Slider Category font" type="font" default="normal normal 400 12px 'Lato', sans-serif" value="normal normal 400 12px &#39;Lato&#39;, sans-serif"/>

 <Variable name="homepage.slider23.font" description="Homepage Slider title font" type="font" default="normal normal 400 35px 'Montserrat', sans-serif" value="normal normal 400 35px &#39;Montserrat&#39;, sans-serif"/>

 <Variable name="bodytext" description="Text Color" type="color" default="#000000" value="#000000"/>
 </Group>
 <Group description="Background Color" selector="body">
 <Variable name="mainbg" description="Main Background Color" type="color" default="#ffffff" value="#ffffff"/>
 <Variable name="topbg" description="TopBar Background Color" type="color" default="#ffffff" value="#ffffff"/>
 <Variable name="topicon" description="Top Social Icon" type="color" default="#000000" value="#000000"/>
 <Variable name="tophovericon" description="Top Social Hover Icon" type="color" default="#f27684" value="#f27684"/>
 </Group>
 <Group description="Menu Area" selector=".fixedheader">
 <Variable name="topbartext" description="Top Bar Text Color" type="color" default="#000000" value="#000000"/>
 <Variable name="dropbg" description="DropDown Background Color" type="color" default="#ffffff" value="#ffffff"/>
 <Variable name="dropbgtext" description="DropDown Text Color" type="color" default="#000000" value="#000000"/>
 <Variable name="droptexthover" description="DropDown Text Hover Color" type="color" default="#f27684" value="#f27684"/>

 <Variable name="menu.font" description="Menu Font" type="font" default="normal normal 600 16px 'Montserrat', sans-serif" value="normal normal 600 16px &#39;Montserrat&#39;, sans-serif"/>

 </Group>
 <Group description="Sidebar Setting" selector="#sidebar-wrapper">
 <Variable name="sidebar.font" description="Font" type="font"
 default="normal normal 18px 'Open Sans', sans-serif" value="normal normal 18px &#39;Open Sans&#39;, sans-serif"/>
 <Variable name="sidebarheadtext" description="Heading Text Color" type="color" default="#000000" value="#000000"/>
 <Variable name="sidebarbg" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
 <Variable name="sidebartext" description="Text Color" type="color" default="#000000" value="#000000"/>
 </Group>
 <Group description="Footer Settings" selector="body">
 <Variable name="footerbgcolor" description="Footer Background Color" type="color" default="#1C1C1C" value="#1C1C1C"/>
 <Variable name="footerlinkcolor" description="Footer Link Color" type="color" default="#ffffff" value="#ffffff"/>
 <Variable name="footertextcolor" description="Footer Text Color" type="color" default="#ffffff" value="#ffffff"/>
 </Group>






 */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 border: 0;
 padding:0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 }


 body#layout .navbar {
    display: none;
 }
 body#layout{width:990px;}
 body#layout div#pages-top {
    float: left;
 }body#layout div#top-share-buttons {
    display: inline-block;
 }body#layout .le_social {
    float: right;
 }
 body#layout .headercenter {
    display: inline-block;
 }body#layout .headerleft {
    display: inline-block;
    width: 30%;
 }
 body#layout div.banner.has-dots {
 margin-top: -435px;
 }

 body#layout .footer-widgets .section {
  width: 20%;
  display: inline-block;
 }



 body#layout div.widget{margin-top:20px;}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
 ol, ul { list-style: none }
 blockquote, q { quotes: none }
 blockquote:before, q:before {
 content: '';
 content: none;
 }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
 .picfooter ol, .picfooter ul { list-style: none }
 blockquote, q { quotes: none }
 blockquote:before, q:before {
 content: '';
 content: none;
 }
 table {
 border-collapse: collapse;
 border-spacing: 0;
 }
 :focus { outline: 0 }
 a:link { -webkit-tap-highlight-color: #FF5E99 }
 video, object, embed {
 max-width: 100%;
 }
 iframe { max-width: 100% }
 blockquote {
 width: 93%;
 font: $(body.font);
 padding: 15px 10px 20px 27px;
 position: relative;
 margin-top: 25px;
 margin-bottom: 10px;
 background: #f0f0f0;
 text-align: center;
 }
 blockquote:before {
 position: absolute;
 content: '"';
 font-size: 40px;
 width: 50px;
 left: -5px;
 font: $(body.font);
 }
 blockquote p { margin-bottom: 10px }
 strong, b { font-weight: bold }
 em, i, cite {
 font: $(body.font);
 }
 small { font-size: 100% }
 figure { margin: 10px 0 }
 code, pre {
 font: $(body.font);
 }
 pre {
 margin: 5px 0 20px 0;
 line-height: 1.3em;
 padding: 8px 10px;
 overflow: auto;
 }
 code {
 padding: 0 8px;
 line-height: 1.5;
 }
 mark {
 padding: 1px 6px;
 margin: 0 2px;
 color: black;
 background: #FFD700;
 }
 address { margin: 10px 0 }
 .item-thumbnail img{
 max-width: 9999px;height:auto;
 }
 .widget,.section {
 padding:0;
 margin:0
 }
 .item-thumbnail  {
 overflow: hidden;
 display: block;
 }
 .item .widget  {
 overflow: hidden;
 display: block;
 }
 .Attribution {
 display: none
 }
 .navbar .widget {
 display: none! important
 }

 body#layout div#box19{
 overflow:visible;

 }
 body#layout .wrapping {
    width: 65%;
    float: left;
 }

 body#layout .bslider{
 overflow:visible;
 float:right;
 width:590px;
 }
 body#layout #outer-wrapper {
    width: 970px;
 }
 body{background:#fff;}
 body {
 color:#777;
 margin:0;
 }
 a {
 color:#222;
 text-decoration:none;
 }
 a:link {
 color:#222;
 text-decoration:none;
 }
 a:hover {
 color:$(maincolor);
 text-decoration:none;
 }






 #head-wrapper23 {
  display: block;
    clear: both;
    margin: 0 auto;
    /* width: 100%; */
    padding: 0 20px;
    background-color: #fff;
 }


 .item-title {
    padding: 10px 0 4px 0;
 }

 #sidebar-wrapper{background:#fff;}

 #content-wrapper{background:#fff;}
 #wrap2{background:#fff;}
 #head-inner {
 background-position: center;
 margin-left: auto;
 margin-right: auto;
 }


 .widget-content.popular-posts ul {
 list-style: none;
 }

 #header h1 {
 margin:5px 5px 0;
 padding:10px 20px 5px 18px;
 text-transform:none;
 font: $(body.font);
 color: #000;
 }
 #header a {
 color:$(linkcolor);
 text-decoration:none;
 }
 #header a:hover {
 color:$(hovercolor);
 }
 #header .description {
 margin:0;
 padding:0;
 max-width:400px;
 text-transform:none;
 line-height: .4em;
 font:normal 13px Lato;
 color: #000;
 }

 #outer-wrapper {
 width: 1140px;
 margin:0 auto;
 padding:0px 20px 0px 20px;
 text-align:left;
 font:normal 14px Lato;
 background:#fff;
 }

 div#sidebar.sidebar.section div.widget-content.popular-posts>ul>li>a {
 color: #474747;
 font-style: normal;
 }
 #sidebar-wrapper {
 width: 25%;
 float: right;
 word-wrap: break-word;
 padding-top: 30px;padding-left: 16px;
 }
 h2.date-header {
 display:none;
 }
 .post {
 margin:0 0 20px 0;
 font:$(body.font);
 color:#555;
 }
 .post h2 {
 margin:15px 0 10px 0;
 padding:0 0 4px;
 font: $(body.font);
 line-height:1.4em;
 font-weight:900;
 color:#333;
 }

 .post-body.entry-content span {
  font: $(body.font)!important;
  line-height: 21px!important;
  letter-spacing: 0.3px!important;
 }

 .post h2 a, .post h2 a:visited, .post h2 strong {
 display:block;
 display:block;
 text-decoration:none;

 }
 .post-body {
 }
 .post-body blockquote {
 line-height:1.3em;
 }
 .post-footer {
 }
 .comment-link {
 }
 .post img, table.tr-caption-container {
 margin: 0 0 20px;
 }
 .tr-caption-container img {
 border: none;
 padding: 0;
 }
 .post blockquote {
 }
 .post blockquote p {
 }
 .post-meta{ 


 font: $(body.font); 
 color: #000; 
 font-size:16px;

 }
 .post-meta a{ 
 color: #aaa; 
 text-decoration:none; 
 }
 .post-meta a:hover { 
 color: $(hovercolor); 
 }

 .showpageOf {
 display: none;
 }
 .showpagePoint {
 padding: 10px 14px;
 background: #222;
 float: left;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 }
 .showpage a, .showpageNum a {
 padding: 10px 14px;
 background: #990000;
 color:$(linkcolor);
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 }
 .showpage a:hover {
 background: #222;
 color:$(hovercolor);
 }
 .showpageNum a:hover {
 background: #222;
 color:$(hovercolor)
 }
 .showpageArea {
 text-align:center;
 }
 #comments{
 font-size:13px;
 margin:0;

 }
 #comments h4{display:block;line-height:35px;text-transform:uppercase;}
 #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}

 #comments h4,.comments .user a,.comments .continue a{font-size:14px}
 #comments h4,.comments .continue a{font-weight:normal;color:$(linkcolor)}

 #comments .avatar-image-container img{border:0}
 .comment-thread{color:#111}
 .comment-thread a{color:$(linkcolor)}
 .comment-thread ol{margin:0 0 20px}
 .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:$(linkcolor);}
 .comments .avatar-image-container,.comments .avatar-image-container img{
 width:48px;
 max-width:48px;
 height:48px;
 max-height:48px
 }
 .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{
 margin-left:60px
 }
 .comments .comment-block,.comments .comment-thread.inline-thread .comment{
 border:1px solid #ddd;
 background:#fff;
 padding:10px
 }
 .comments .comments-content .comment{
 margin:15px 0 0;
 padding:0;
 width:100%;
 line-height:1em
 }
 .comments .comments-content .icon.blog-author{
 position:absolute;
 top:-12px;
 right:-12px;
 margin:0;
 background-image: url(http://3.bp.blogspot.com/-wnF2oXQ-BM0/U85m86DqK-I/AAAAAAAAAp8/ETjrEdc3iT8/s1600/comment-author.png);
 width:36px;
 height:36px
 }
 .comments .comments-content .inline-thread{padding:0 0 0 20px}
 .comments .comments-content .comment-replies{margin-top:0}
 .comments .comment-content{padding:5px 0;line-height:1.4em}
 .comments .comment-thread.inline-thread{
 border-left:1px solid #ddd;
 background:transparent
 }
 .comments .comment-thread.inline-thread .comment{width:auto}
 .comments .comment-thread.inline-thread .comment:after{
 content:"";
 position:absolute;
 top:10px;
 left:-20px;
 border-top:1px solid #ddd;
 width:10px;height:0px
 }
 .comments .comment-thread.inline-thread .comment .comment-block{
 border:0;
 background:transparent;
 padding:0
 }
 .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
 .comments .comment-thread.inline-thread .user a{font-size:13px}
 .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{
 width:36px;
 max-width:36px;
 height:36px;
 max-height:36px
 }
 .comments .continue{border-top:0;width:100%}
 .comments .continue a{padding:10px 0;text-align:center}
 .comment .continue{display:none}
 #comment-editor{width:100%!important}
 .comment-form{width:100%;max-width:100%}
 .comments .comments-content .loadmore,.comments .comments-content {margin:0}
 #blog-pager-newer-link {
 float: left;
 }
 #blog-pager-older-link {
 float: right;
 }
 #blog-pager {
 text-align: center;
 padding:20px;
 margin-bottom:-25px;
 }


 div#blog-pager {
  text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
 }




 .blog-posts.hfeed {
  margin-bottom: 30px;
 }

 .feed-links {
 display:none;
 }
 .sidebar {
 line-height: 1.3em;
 }

 /* list */
 ol{list-style:decimal outside
 }
 ul{list-style:disc outside
 }
 li{margin:.5em 0
 }
 dt{font-weight:bold
 }
 dd{margin:0 0 .5em 2em
 }


 .sidebar ul {
 padding: 0;
 margin: 0;
 list-style: none;
 }

 .sidebar li {
  display: block;
  
 }
 .Label li{
  line-height: 32px;
    font: $(body.font);

 margin: 8px 0;
 }

 .Label li:hover{
 color:$(hovercolor);
 }

 .sidebar .widget, .main .widget {
 margin:0 0 1.5em;
 padding:0 0 1.5em;
 }
 .main .Blog {
 border-bottom-width: 0;
 }
 .cloud-label-widget-content {

 margin-bottom:8px;
 padding:0px 0px 0px 0px;
 border:0;
 }
 .cloud-label-widget-content li, .cloud-label-widget-content a {
 background: $(maincolor);

 color: #fff;
 float: left;
 font: $(body.font);
 margin: 4px 4px 0 0;
 padding: 7px 7px;
 text-decoration: none;
 -webkit-transition: all 0.4s ease 0s;
 -moz-transition: all 0.4s ease 0s;
 -ms-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
 }
 .cloud-label-widget-content a:hover {
 background: #333;
 color: #fff;
 }
 .status-msg-wrap{
 display:none;
 }
 .BlogArchive #ArchiveList ul li{
 list-style: none;
 display: block;
 padding: 5px 0 5px 15px;
 text-decoration: none;
 text-shadow: -1px -1px 0 #EEEEEE;
 }
 #BlogArchive1_ArchiveMenu {
 width: 100%;
 border: 1px solid #ddd;
 background: #eee;
 padding: 10px;
 }
 .FollowByEmail .follow-by-email-inner {
 position: relative;
 margin-top:10px;
 }
 .follow-by-email-inner:before {
 content: &quot;Enter Your Email and Join Our Email Subscriber List, Its Spam Free Secuer Email System&quot;;
 font-size: 13px;
 }
 .button:hover,a.button:hover,#main-content input[type=&quot;submit&quot;]:hover{background:#444!important;text-decoration:none!important}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address {
 border: 1px solid #ddd;
 border-radius: 0;
 -o-border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 font-size: 13px;
 height: 30px;
 padding-left: 10px;
 width: 95%
 }
 .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
 background: $(maincolor);
 border: 0 none;
 border-radius: 0;
 -o-border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 color: #FFF;
 cursor: pointer;
 font-size: 13px;
 height: 35px;
 margin: 5px 3px;
 width: 70px;
 z-index: 0;
 }
 .FeaturedPost {
    font: $(body.font);}
 .FeaturedPost h3 {font-weight:400;font-size: 16px;}
 .pluginCountButton{min-width: 14px;}

 .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
 background: #333333;
 }
 .container {
 background-color: #fff;
 width: 100%;
 overflow:hidden;
 margin: 0 auto;
 }

 .footer-widgets {
 overflow: hidden;
  padding: 0px 20px;
  margin: 0;
 }
 .footer-widgets .yinks_narrow {
  border-top: 1px solid #eee;
 }



 .footer-widgets ul li a {
 color:#000;
 font: $(homepage.title.font);
 font-size:14px;
 font-weight:600;


 }
 .footer-widget .widget-content{color:#eee;}
 .widget-content {
 font: $(body.font);
 line-height: 1.5;
 color: #5f6569;
 }
 .label-size {
 line-height: 2.5;
 }
 div#Label3.widget.Label span.label-size>a {
 float: left;
 background:none;
 font-size: 13px !important;
 margin: 4px 4px 0 0;
 padding: 7px 7px;
 text-decoration: none;
 -webkit-transition: all 0.4s ease 0s;
 -moz-transition: all 0.4s ease 0s;
 -ms-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
 border: 1px solid #b1b1b1;
 }
 div#Label3.widget.Label div.widget-content.cloud-label-widget-content {
 margin-top: -15px;
 }
 div#Label3.widget.Label span.label-size>a:hover {
 float: left;
 font-size: 13px !important;
 margin: 4px 4px 0 0;
 padding: 7px 7px;
 text-decoration: none;
 -webkit-transition: all 0.4s ease 0s;
 -moz-transition: all 0.4s ease 0s;
 -ms-transition: all 0.4s ease 0s;
 -o-transition: all 0.4s ease 0s;
 transition: all 0.4s ease 0s;
 border: 1px solid #fff;
 }

 div.f-widget.f-widget-2 div.widget-content.popular-posts>ul>li>a {
 color: #eee;
 font-style: normal;
 }
 div.widget-content.popular-posts>ul {
 margin-top: -12px;
 }

 div.widget-content.popular-posts>ul>li>a:hover {
 color: $(hovercolor);
 font-style: normal;
 }


 .textblock h3.postTitle {
    padding: 0;
    margin: 0;
 }



 .f-widget {
 width: 30%;
 float: left;
 position: relative;
 color: #fff;
 font:$(body.font);
 margin-bottom: 30px;
 margin-right: 2.5%;
 padding-bottom:20px;
 }
 .footer-widgets .last {
 float: left;
 position: relative;
 margin-right: 0;
 border:none;
 overflow:hidden;
 }
 .footer-widgets .last .widget a {
 color:$(linkcolor);
 }
 .social-icons{
 text-align:center;
 }
 .social-icons a{
 position:relative;
 margin:0; 
 opacity:.7;
 }
 .social-icons a:hover{ opacity:1;}
 .social-icons.icon_24 img{
 width:24px; 
 height:24px;
 }
 .social-icons.icon_16 img{
 width:16px; 
 height:16px;
 }
 .social-icons.icon_flat{
 float:left; 
 margin:4px 0 0 0;
 }
 .social-icons.icon_flat a{
 background:url(http://1.bp.blogspot.com/-YfwvUwnNgLA/Uv8TBoTlrCI/AAAAAAAAFhY/8XXssXTvk7c/s1600/social-icons.png) no-repeat top left; 
 width: 20px;
 height: 20px; 
 }
 .social-icons.icon_flat a:hover{ opacity:.6;}
 .icon_flat a.google-tieicon{background-position:-38px 1px;}
 .icon_flat a.facebook-tieicon{background-position:left 0;}
 .icon_flat a.twitter-tieicon{background-position:-76px 1px;}
 .icon_flat a.youtube-tieicon{background-position:-38px -82px;}
 .icon_flat a.dribbble-tieicon{background-position:-121px -82px;}
 .icon_flat a.rss-tieicon{background-position:left -123px;}
 .icon_flat a.pinterest-tieicon{background-position:-76px -123px;}
 .icon_flat a.instagram-tieicon{background-position:left -209px;}
 a.ttip, a.tooldown{display:inline-block;}
 .contact-form-button{
 border-radius:3x !important;
 -o-border-radius: 3x !important;
 -moz-border-radius: 3x !important;
 -webkit-border-radius: 3x !important;
 width:95%;
 margin-top:10px;
 }
 .contact-form-name,.contact-form-email,.contact-form-email-message{
 max-width:95%;
 margin-bottom:5px;
 color:#333;
 }
 .contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{
 box-shadow:none
 }
 input:focus,.contact-form-email-message{
 box-shadow:none
 }
 .contact-form-email-message{
 border:none !important;
 border-top:0px;
 border:0px
 }
 .contact-form-email, .contact-form-name{
 border:none;
 background:#fff;
 border:none !important;
 padding:5px;
 }
 .contact-form-name, .contact-form-email, .contact-form-email-message{
 background:#fff;
 padding:5px;
 }
 .contact-form-button-submit{
 background:#990000;
 background-color:#990000!important;
 border:none !important;
 box-shadow:none !important;
 border-radius:none !important;
 -o-border-radius:none !important;
 -moz-border-radius: none !important;
 -webkit-border-radius: none !important;
 }

 .footer-widgets .widget-content {
    font:$(body.font);

 }

 #credit{
 position:fixed;
  background: #000;
  z-index: 9999;
  font:$(body.font);
  color: #fff;
  overflow: hidden;
  margin: 0 auto;
  clear: both;

  line-height: 15px;
 	bottom: 20px;
    right: 20px;
 }
 #credit:hover{background:$(maincolor);}
 .lefts{
    text-align: center;
  padding: 20px;
  color: #fff;
  font-size: 14px;
 border-top: 1px solid #333;
  background-color: #333;
  font: $(body.font);
  text-transform: uppercase;
  letter-spacing: 1px;
 }

 .lefts a {
  color: $(maincolor);
 }


 #credit a{
 color:$(linkcolor);
 text-decoration:none;
 }
 #credit a:hover{
 color:$(hovercolor);
 text-decoration:none
 }
 div#sidebar-wrapper .popular-posts .item-thumbnail img {
  image-rendering: -webkit-optimize-contrast;
  margin: 0 5px 0 0;
  width: 120px;
  height: auto;
 }
 .popular-posts dd {
 border-bottom: 1px solid #eee;
 padding: 8px 0 4px;
 }
 #menu{
 background: #e0e0e0;
 color: #999;
 height: 44px;
 z-index:9;
 width:1140px;
 margin:0 auto;
 border-bottom: 2px solid #BBB;
 }
 #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
 #menu ul{height:50px;width:1180px}
 #menu li{float:left;display:inline;position:relative;font:$(body.font);
 text-transform: uppercase;}
 #menu a{display: block;
 line-height: 44px;
 padding: 0 19.5px;
 text-decoration: none;
 color: $(linkcolor);
 }
 #menu li a:hover{

 background: #C8C8C8;
 }
 li.home a{background:#C8C8C8;}

 #menu label{font:bold 30px Lato;display:none;width:35px;height:36px;line-height:36px;text-align:center}
 #menu label span{font-size:16px;position:absolute;left:35px}
 #menu ul.menus{
 height: auto;
 overflow: hidden;
 width: 190px;
 background: #c8c8c8;
 position: absolute;
 z-index: 999;
 display: none;
 }
 #menu ul.menus li{
 display: block;
 width: 100%;
 font:bold 12px Lato;
 text-transform: none;
 text-shadow: none;
 }
 #menu ul.menus a{
 color: $(linkcolor);
 line-height: 35px;
 }
 #menu li:hover ul.menus{display:block}
 #menu ul.menus a:hover{
 background: #B7B7B7;
 color: $(hovercolor);
 -webkit-transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -ms-transition: all .1s ease-in-out;
 -o-transition: all .1s ease-in-out;
 transition: all .1s ease-in-out;
 }
 @media screen and (max-width: 800px){
 #menu{position:relative}
 #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
 #menu ul.menus{width:100%;position:static;padding-left:20px}
 #menu li{display:block;float:none;width:auto; font:normal 0.8em Lato;}

 }
 .headline-wrapper{
 background: $(maincolor);
 width: 100%;
 color: #fff;
 margin: 0 auto;

 }

 .headline ul li ul li a {
    color: #fff;
 }
 .headline{
 max-width: 1140px;
  line-height: 30px;
  text-align: right;
  font:$(body.font);
  color: #fff;
  text-transform: none;
  clear: both;
  margin: 0 auto;
  padding: 0 20px;
 }


 .headline a{
 color: #fff;
 font-size: 14px;
 font-weight: normal;
 text-decoration: none;
 margin:0 2px;

 }
 .headline a:hover{
 color: #fff;
 text-decoration: none
 }
 .headline-left{
 float:left;
 width:73%;
 padding:8px 0 0;
 position:relative;
 overflow:hidden;
 }


 .part23 .cont.topLists figure{width: 300px;
 float: left;
 position: relative;
 height: 190px;}

 .part23 .cont.topLists figure {
 width: 300px;
 float: left;
 position: relative;
 height: 199px;
 top: 10px;
 margin:0;
 }





 .part23 .topListimages {
 height: 189px;
 overflow: hidden;
 text-align: center;
 margin-bottom: 10px;
 }

 .part23 .part2 {
 width: 300px;
 float: left;
 margin-top: 0px;
 margin-bottom: 10px;
 }

 .part23 .toptext a {
 color: $(linkcolor);}

 .part23 .toptext{width: 290px;
 text-align: left;
 position: relative;
 top: -57px;
 left: 5px;
 background: rgba(0, 0, 0, 0.17);
 /* color: #fff; */
 padding-left: 5px;}

 .part23 {
 width: 26.5%;
 float: left;
 /* margin-top: 15px; */
 /* margin-bottom: 10px; */
 margin-left: 12px;
 }
 .cont.topLists{
 margin-top:0px;
 }
 .cont.topLists .topimages .images{ margin:10px 0;}
 .toptext{ width:300px; text-align:left; }
 .toptext a{ font: 900 16px Lato , sans-serif; color:$(linkcolor);}
 figure figcaption .toptext a span{font:normal 14px Lato, Arial, sans-serif !important;}
 .topimages{padding-bottom:4px; margin-bottom:0px;}
 .topListimages{ height:160px; overflow:hidden; text-align:center; margin-bottom:10px;}
 .topListimages a { display:block; margin:0 auto;}
 .author{ margin-top:3px; text-align:center; font:10px Lato, Helvetica, sans-serif;}
 .author a{color:$(linkcolor); font-weight:normal;}
 .author span{color:#9f9f9f;}
 .topimages .author a{color:$(linkcolor);}
 .cont.topLists figure{width:300px; float:left; position:relative;}
 img.cover {
 display:inline;
 position:relative;
 left:0;
 top:9px;
 right:0;
 bottom:0;
 opacity:1;
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 -webkit-transition: all 0.3s ease-out;    /* Saf3.2+, Chrome */
 -moz-transition: all 0.3s ease-out;  /* FF4+ */
 -ms-transition: all 0.3s ease-out;  /* IE10 */
 -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
 transition: all 0.3s ease-out;
 }


 img.cover:hover {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
 opacity: 0.9;
 }
 .latestpost{
 font:$(body.font);
 overflow:hidden;
 color:#000;
 margin-bottom:40px;
 }
 .latestpost h4{
 position: relative;
 color: #333;
  text-transform: uppercase;
  font:$(body.font);

 }
 }
 .latestpost h4 a{
 color:$(linkcolor);
 background:#fff;
 padding: 0px 10px 0px 10px;
  margin-left: 20px;
 }



 #sidebar-wrapper .title{
 	position:relative;
 }

 .latestpost >div{text-align:center;
    display: block;
    
 }

 .latestpost .title{       
    margin-bottom: 0;
    padding: 6px;
    }



 #box19 {
 width:100%;
 padding: 3px 0px 5px 0px;
 overflow: hidden;

 }



 .latestpost h4{    color: $(maincolor);}

 .yinks{
 width: 820px;
 overflow:hidden;
 margin:5px 0;
 padding:0
 }
 .yinks .left{
 float:left;
 font:$(body.font);
 padding:10px 0
 }
 .yinks .right{
 float:right;
 font-size: 12px;
 padding:10px 5px
 }
 .yinks_wide .thumb{
 width:100%;
 position:relative;
 }
 .yinks_wide img{
 display:block;
 width:100%;
 min-height:220px;
 }



 .yinks_narrow{
 width: 100%;
    margin-bottom: 10px;
 }
 .yinks_narrow .thumb:nth-child(2){margin-right:0;}
 .yinks_narrow .featuredTitle{
 font: $(homepage.title.font);
  color: $(linkcolor);
    padding: 15px 0;
 line-height:20px;
  margin: 0px 0;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
 }
 .yinks_narrow .featuredTitle a:hover{
 color:$(hovercolor);
 }
 .yinks_wide .featuredPostMeta{
 float:right
 }
 .yinks h2 a,.yinks h2 a:visited{
 color:#333;
 }
 .yinks_narrow .featuredTitle a{
 color:$(linkcolor);
 }
 .yinks1{
 width: 100%;
 overflow:hidden;
 margin: 0;
 padding:0
 }

 .yinks_narrow.right span.day {
    color: #aaa!important;
 }


 .yinks1_wide{
 width:100%;
 }
 .yinks1_wide .thumb{
 padding-bottom:5px;
 }
 .yinks1_wide img{
 display:block
 }
 .yinks1_narrow{
 width:390px;
 padding-bottom:6px
 }
 .yinks1_narrow .thumb{
 float:left;
 margin-right:7px;
 }
 .yinks1_narrow .featuredTitle{
 font:normal 16px Lato;
 color:#333
 }
 .yinks1_narrow .featuredTitle a:hover{
 color:$(hovercolor);
 }
 .yinks1_wide .featuredPostMeta{
 float:left;
 }
 .yinks1 h2 a,.yinks1 h2 a:visited{
 color:#333;
 }
 .yinks1_narrow .featuredTitle a{
 color:$(linkcolor);
 }
 .news_imagez {
 margin-bottom:20px;
 }
 .news_imagez .news_imagez_list {
 overflow: hidden;
 margin-right:-13px;
 }
 .news_imagez .news_imagez_list li {
 float: left;
 margin-right: 9px;
 margin-bottom: 9px;width:268px; height:160px;
 list-style:none;
 overflow:hidden;
 }
 .news_imagez .news_imagez_list li a {
 display: block;
 }
 .news_imagez .news_imagez_list li img {
 padding: 0px;
 border: 0px solid #eee;
 }
 .news_imagez .news_imagez_list li img {
 width: 267px;
 height: auto;
 max-height: 160px;
 min-height: 160px;
 }
 .box6{
 width: 820px;
 }

 .box6 h2{
 padding: 0px 0;
 border-bottom: 2px solid #c5c5c5;
 margin-left: 0px;
 position: relative;
 color: #333;
 text-transform: uppercase;
 font: $(body.font);
 }

 .crosscol h2{
 padding: 0px 0;
 margin-left: 0px;
 position: relative;
 color: #333;
 text-align: left;
 text-transform: uppercase;
 font: $(body.font);
 }






 .lb-overlay-wrapper {
 background: #f8f9f5;
 border: 5px solid #f4f5f1;
 border-radius: 5px;
 -o-border-radius:none !important;
 -moz-border-radius: none !important;
 -webkit-border-radius: none !important;

 margin-bottom: 30px;
 position: relative;
 text-align: center;
 }
 .error-404-title {
 color: #4d4d4d;
 text-align: center;
 padding: 30px 0px 38px 0px ;
 /* responsive phone */
 }
 @media (max-width: 767px) {
 .error-404-title {
 font-size: 30px;
 line-height: 40px;
 }
 }
 .error-404-sub-title {
 line-height: 30px;
 color: #a6a6a6;
 text-align: center;
 padding: 0 0 40px 0;
 }
 .error-404-sub-sub-title {
 text-align: center;
 margin-bottom: 70px;
 }
 .error-404-sub-sub-title a {
 color: $(linkcolor);
 padding: 7px 14px 8px 14px;
 margin-left: 10px;
 background-color: $(maincolor);
 }
 .error-404-sub-sub-title a:hover {
 color: $(hovercolor);
 background-color: #555555;
 text-decoration: none !important;
 }
 .error-404-head {
 text-align: center;
 }
 .block-grid-1{
 color:#333;
 margin-top:10px;
 padding-top:15px;
 list-style:none;
 }
 #related-posts{
 position:relative;
 }
 #related-posts h5,.author-wrap h5,#comments h4{
 position:relative;
    text-transform: uppercase;
    
    padding: 0 0 12px 0;
    font: $(heading.font);
    font-size: 19px;
 }

 #related-posts .related_img {
 padding:0px;
 width:195px;
 height:120px;
 }
 #related-posts .related_img:hover{
 opacity:.7;
 filter:alpha(opacity=70);
 -moz-opacity:.7;
 -khtml-opacity:.7;
 }

 a {
    text-decoration: inherit;color:initial;
 }
 .block-grid-1{
 font-size:14px;
 color:#333;
 font-family:Lato;
 margin-top:0;
 padding-top:5px;
 list-style:none;
 }
 body{overflow-x:hidden;margin:0;background:#fff;}
 .bslider{
 width:620px;
 float:right;
 margin-top:1px;
 }
 @media screen and (max-width:1024px) and (min-width:768px) {
 #menu a {
 padding: 0 6px;}
 #header, #header .description{
 float:none;
 text-align:center;
 margin:0 auto;
 }
 #header2{
 max-width:100%;
 text-align:center;
 float:none;
 margin:0 auto;
 padding:10px 0;
 }
 #header h1{
 margin:0;
 padding:0;
 }
 .headline-left{
 max-width:40%;
 }


 #menu, #menu ul{
 width:860px;
 }

 #outer-wrapper {
 max-width: 820px;
 margim-bottom:40px;
 }
 #sidebar-wrapper{
 width:100%;max-width:100%;
 float:left;
 }
 .container, #credit {

 }
 .footer-widgets .last{width:21%;}
 }
 @media only screen and (max-width:768px){

 #header, #header .description{
 float:none;
 text-align:center;
 margin:0 auto;
 }
 #header2{
 max-width:100%;
 text-align:center;
 float:none;
 margin:0 auto;
 padding:10px 0;
 }
 img#add {
 margin-left: -54px;
 }
 .headline-left{
 max-width:38%;
 }
 #menu, #menu ul{
 width:660px;
 }
 #outer-wrapper {
 max-width: 620px;
 }
 #main-wrapper{
 width:100%;
 }
 .post img{
 width:100%;
 height:auto;
 float:left;
 }
 .container, #credit {

 }

 .bslider{
 float:left;
 }
 #thumb-wrapper{
 width:400px;
 margin:0 auto;
 }

 .yinks{
 width:400px;
 margin:0 auto;
 }
 }
 @media only screen and (max-width:600px){
 .f-widget{width:46%;}
 #add{display:none;}
 #header, #header .description{
 float:none;
 text-align:center;
 margin:0 auto;
 }
 #header2{
 max-width:460px;
 text-align:center;
 float:none;
 margin:0 auto;
 padding:10px 0;
 }

 .headline-left{
 max-width:100%;
 }
 #menu, #menu ul{
 width:500px;
 }
 #outer-wrapper {
 max-width: 460px;
 }
 #main-wrapper{

 width:460px;max-width:460px;
 padding:0;
 margin:0;
 }
 #thumb-wrapper {
 max-width:400px;
 margin:0 auto;
 }
 .container, #credit {

 }


 .bslider{
 float:left;
 width:460px;
 }
 #box19{
 width:100%;}
 .box6{
 width:400px;max-width:400px;
 }

 .yinks{
 max-width:400px;
 }
 .footer-widgets .last {
 width:42%;
 }
 #credit .left, #credit .right{
 width:100%;
 float:none;
 text-align:center;
 padding:0;
 margin:0 auto;
 }
 .social-icons.icon_flat{
 float:none;
 text-align:center;
 }
 }
 @media screen and (max-width:480px){
 #sidebar-wrapper {
    margin-left: 0;
    float: left;
 }
 .f-widget {
    width: 100%;
 }
 .footer-widgets .last {
    width: 100%;
 }
 #header{
 padding-bottom:0px;
 }


 .headline-left{
 max-width:50%;
 }
 #menu, #menu ul{
 width:400px;
 }
 #outer-wrapper {
 max-width: 360px;
 }
 #main-wrapper{
 float:left;
 width:360px;max-width:360px;
 padding:0;
 margin:0;
 }
 .bslider{
 width:360px;
 }
 #thumb-wrapper {
 max-width:360px;
 margin:0 auto;
 }


 .container, #credit {

 }
 .box6{
 width:360px;max-width:360px;
 float:left;
 }
 }
 @media screen and (max-width:384px){


 .headline-left{
 max-width:30%;
 }
 #menu, #menu ul{
 width:350px;
 }
 #outer-wrapper {
 max-width: 300px;
 }
 #main-wrapper{
 float:left;
 width:310px;max-width:310px;
 padding:0;
 margin:0;
 }


 #thumb-wrapper {
 max-width:310px;
 margin:0 auto;
 }
 .container, #credit {

 }
 .footer-widgets h2 {
 font-size:12px;
 }
 .box6{
 width:350px;max-width:350px;
 float:left;
 }
 }

 /*Flicker Image Gallery
 -----------------------------------------------------------------*/
 .flickr_plugin {
 width: 300px;
 }
 .flickr_badge_image {
 float: left;
 height: 55px;
 margin: 5px;
 width: 55px;
 }
 .flickr_badge_image a {
 display: block;
 }
 .flickr_badge_image a img {
 display: block;
 width: 100%;
 height: auto;
 -webkit-transition: opacity 100ms linear;
 -moz-transition: opacity 100ms linear;
 -ms-transition: opacity 100ms linear;
 -o-transition: opacity 100ms linear;
 transition: opacity 100ms linear;
 }
 .flickr_badge_image a img:hover {
 opacity: .7;
 }
 .d-header {
 margin-top: -1px;
 }
 .ccounter {
 margin-top: -1px;
 }

 .selectnav {
 display:none;
 }





 .ot-top-menu i.fa.fa-caret-down {
    font-size: 10px;
 }

 .le_social {
  float: right;
  
 	position:relative;
 }
 .headline-left span {
  font-size: 10px;
  color: #ccc;
 margin-left:30px;
 }



 .topbar{
  	padding: 10px 0 5px;
    display: block;
 	background:#fff;
    max-width: 1140px;
    margin: 0 auto 0px;
 	clear:both;
 	line-height:0;
 	border-top: 1px solid #eee;

 }

 ul#navigation li:hover ul {
  display: block;
 }

 div#top-social a {
      color: #fff;
 	display:inline-block;
 	vertical-align:middle;
    text-align: center;
    padding: 0 0 0 5px;
 line-height: 42px;
 }





 #navtop{display:block;height:auto;}
 #navtop ul{font-family:montserrat;padding-left:0;font-size:0;text-align:center;position:relative;z-index:9999;background:inherit}
 #navtop ul a{
 padding: 10px 16px;
 color: #fff;
 text-transform:uppercase;
 transform: translateY(0px);
 -webkit-transform: translateY(0px);
 font:$(menu.font);
 font-weight:900;
    letter-spacing: 1.5px;
 font-size:12px;
 }
 #navtop ul ul li a {
    font-weight: 600;
 }
 #navtop ul > li{margin-right:25px!important;}
 #navtop ul li{position:relative;margin:0;padding:0;position:relative;display:inline-block;font-size:16px}
 #navtop ul li.current-menu-item a{color:$(linkcolor);}
 #navtop ul a:hover{color:$(hovercolor);filter: alpha(opacity=100);
 transform: translateY(0px);
 -webkit-transform: translateY(0px);}
 #navtop ul ul{background:#121212;border:1px solid #121212;visibility:hidden;position:absolute;top:150%;left:0;padding:0;transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 transition: transform 350ms, opacity 300ms;
 -webkit-transition: -webkit-transform 350ms, opacity 300ms;}
 #navtop ul ul li{    padding: 8px 0;text-align:left;float: none;
    width: 200px;
    border: 1px solid #121212;
    border-top: none;}
 #navtop ul ul a{line-height:120%;padding:10px 15px;color:$(linkcolor);  border-top: 1px solid #3C3C3C;}
 #navtop ul ul ul{top:0;left:100%}
 #navtop ul li:hover > ul{visibility:visible;filter: alpha(opacity=100);
 transform: translateY(0px);
 -webkit-transform: translateY(0px);}

 #navtop ul li.current-menu-item a{
 background: #181818;
 }
 div#main-menu-bar {
    display:block;padding:0px 0;
 }
 #navtop ul ul a:first-child{border:none;}
 .FollowByEmail .follow-by-email-inner .follow-by-email-address{
 margin: 0px 0px 11px;
 background-image: url(http://1.bp.blogspot.com/-na8JMProE_4/VEjYz5_asZI/AAAAAAAABMA/y7Sekg6Rdm4/s1600/newsletter.gif);
 background-repeat: no-repeat;
 background-position: center left;
 padding-left: 48px;
 font-size:15px;
 width:75%;
 margin-top:10px;
 }



 /* slicknav */




 /*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;padding: 14px 10px 25px;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{font-family:Open Sans;letter-spacing:.5px;display:block;line-height:1.188em;float:right;color:#fff;font-weight:700;}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:28px;margin:2px 4px 0 0;}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{    margin: 15px 0;display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;padding:15px 0;background:#000;}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{text-decoration:none;}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:0px 10px;margin:0px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{color:$(hovercolor);}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}

 .slicknav_menu {
 	display:none;
 }

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

 	/* #menu is the original menu */
 	#megamenuid {
 		display:none;
 	}
 .topbar .slicknav_menu {
    background: #fff;
 }
 .topbar .slicknav_btn{    padding: 10px 54px 30px 20px;}

 .topbar .slicknav_nav a,.topbar .slicknav_menu .slicknav_menutxt{color:#000;}
 .topbar .slicknav_menu .slicknav_icon-bar{background-color:#000;}
 .headline ul li ul li a {
    color: #fff;
 }
 .slicknav_nav li > a {
    padding: 5px!important;
 }
 	.ot-top-menu.ot-scale{display:none;}
 	div#pages-top ul li {display: initial!important;}
 	.slicknav_menu {
 		display:block;
 	}
 }
 .rapper .slicknav_menu .slicknav_btn {
    width: 150px;
 }




 .box100{  width: 30%;
  float: left;
  padding-right: 5%;}


 .box100:last-child {
    padding-right: 0;
 }


 #thumb-wrapper .yinks_wide.left{
 position:relative;
 }

 .footer-widgets .featuredTitle:before {
  content: "\f178";
  font-family: FontAwesome;
  padding-right: 5px;
  color: #202020;
 }




 .sidebar h2 {
  position: relative;
  color: #333;
  text-transform: uppercase;
  font-size: 19px;
  font: $(homepage.title.font);
      font-weight: 500;

 }


 .post-wrap a.g-profile {
    color: #000;
 }


 div#adbox img {
  width: 100%;
 }
 .cat-title a{font: $(homepage.slider.font);
    display: block;
 	color:#fff;
 font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
 font-size:10px;
 }
 p.post-meta  span {
    margin-right: 10px;color: #aaa;
    font-weight: 400;
    font-size: 11px;
    font-family: montserrat;
    margin-top: 25px;
    position: relative;
 }
 /* Post social share */
 .post_social_share {
 display: block;
    padding: 8px 0;
    margin-bottom: 40px;
 }
 .post_social_share h3 {
 display: block;
 font-size: 14px;
 line-height: 54px;
 font-weight: 700;
 margin-bottom: 0;
 letter-spacing: 2px;
 }

 .post_social_share a {
   width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #30373b;
 	margin-right: 2px;
 }

 a.social_share{color:#333;}

 a.social_share.fb{background:#eee;}
 a.social_share.tw{background:#eee;}
 a.social_share.gp{background:#eee;}
 a.social_share.pi{background:#eee;}
 .whats{background: #eee!important;}
 a.social_share.li{background:#eee;}
 a.social_share.em{background:#eee;}


 a.social_share.fb:hover{background:#3F51B5;color:#fff;}
 a.social_share.tw:hover{background:#03A9F4;color:#fff;}
 a.social_share.gp:hover{background:#F44336;color:#fff;}
 a.social_share.pi:hover{background:#CF1B2B;color:#fff;}
 .whats:hover{background: #4CAF50!important;color:#fff;}
 a.social_share.li:hover{background:#1a7baa;color:#fff;}
 a.social_share.em:hover{background:#ccc;color:#fff;}


 .post_social_share a:hover {
 -webkit-transition:border-color .2s;
 -moz-transition:border-color .2s;
 transition:border-color .2s
 }



 .share_this_content a.social_share {
    font-size: 10.5px;
    text-transform: uppercase;
    font-weight: 900;
 	vertical-align:top;
 	transition: .35s;
    -o-transition: .35s;
    -webkit-transition: .35s;
    -moz-transition: .35s;
 }
 .share_this_content i{font-size:14px;}


 .headerwrap{clear: both;
    max-width: 1140px;
    display: table;
    margin: 0 auto;
    /* padding: 0px 20px; */
    width: 100%;}
 .fa-caret-right:before{padding-left:5px;}
 .fa-caret-down:before{padding-left:5px;}

 #sidevertical .yinks_wide.left {
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    border-bottom: 1px solid #eee;
 }
 #sidevertical .yinks_wide.left:last-child{
 	border:none;
 }


 .topmeta a{color:$(linkcolor);}





 #sidevertical .yinks_wide .thumb{
 	width: 120px;
    height: 80px;
    overflow: hidden;
 	float:left;
 	margin-right: 8px;
 }



 /*SEARCH START*/

 .sb-search {
 float:right;
  min-width: 60px;
 padding:10px 0;
 position:relative;
  right: 0;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;}


 .sb-search-input::-webkit-input-placeholder {
 	color: #999;
 }

 .sb-search-input:-moz-placeholder {
 	color: #999;
 }

 .sb-search-input::-moz-placeholder {
 	color: #999;
 }

 .sb-search-input:-ms-input-placeholder {
 	color: #999;
 }

 .sb-search-submit  {
 	width: 36px;
 	display: block;
 	right: 0;
 	top: 0;
 	padding: 0;
 	margin: 0;
 	line-height: 36px;
 	text-align: center;
 	cursor: pointer;
 }
 .sb-search-submit {
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 1;
 	border: none;
 	outline: none;
 	z-index: -1;
 }



 .sb-search.sb-search-open .sb-search-submit,
 .no-js .sb-search .sb-search-submit {
 	z-index: 90;
 }

 input[type="search"]:focus{border:none;-webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;}

 input[type="search"].sb-search-input:focus {
    color: #000;
 }

 .widget-item-control{z-index:9999;}


 .sb-search-submit {
   
 z-index:99;
    position: absolute;
    text-indent:-999px;
 	background: #000;
    cursor: pointer;
 }
 .hiddenn {
     border: 1px solid #e5e5e5;
    padding-right: 36px;
    position: relative;
    max-width: 250px;
 display:block;

 }
 .hiddenn i.fa.fa-search {
    position: absolute;
    top: 10px;
    z-index: 1000;
    right: 10px;
 color:#fff;
 }
 input[type="search"].sb-search-input {
    background: #fff;
    position: relative;
    border: none;    padding: 11px 5px 11px 10px;
 right:0;
 }

 /*SEARCH END*/



 div#pages-top {
    float: left;
 }
 div#pages-top ul li {
    display: inline-block;
    list-style-type: none;clear:both;width:initial;
 }



 div#pages-top ul {
    padding: 0px 0;text-align:left;
    margin: 0;
 }
 .yinks_narrow23 {
    position: relative;
    width: 100%;
    max-height: 213px;
    min-height: 213px;
    float: left;
    margin-bottom: 6px;
 }

 .metaside{text-align: center;}

 .metaside a{color:$(linkcolor);}


 .metaside h4 {
    margin: 0;
 }


 
 .list-label-widget-content a {
    color: $(linkcolor);
 }

 .postmeta i {
    color: #000!important;
 }
 .textblock h3.postTitle a {
    font-size: 12px;
    font-weight: 400;color:$(linkcolor);
    text-transform: uppercase;
 }
 .postmeta .day {
    font-weight: 900;
    font-size: 11px;
 }
 #sidevertical .postmeta .day:before{ content: "\f017";
    font-family: fontAwesome;
    margin-right: 5px;}



 #box19 .topmeta .postTitle a {
    font: $(homepage.title.font);
 font-size:13px;
    
 }
 #box19 .topmeta{bottom:0;padding:12px 25px;}
 #box19 .topmetata{width:100%;}


 #box19 .postmeta,#box1 .postmeta {
    text-transform: uppercase;
 }
 .topmetata{}


 #box19 .yinks_narrow.right .thumb.overlay {
    width: 139px;
 }
 #box19 .yinks_wide .thumb{height:initial;}
 span.ot-wrap {
    margin: 0 1px;
    display: block;
 }

 #main h2.post-title.entry-title a {
    padding: 0px 0 0px 0;
 	line-height:28px;
 	font-size: 19px;
 }



 #box19 .slick-prev, #box19 .slick-next {
    top: 30%;

    
    width: 35px;
    height: 35px;
 background: rgba(0, 0, 0, 0.41);
 }


 .latestpostmeta{display:table;padding: 10px 0;}
 .latestpostmeta div{
 	display:inline-block;}

 .latestpostmeta div{
 	text-transform:uppercase;
 	font-size: 11px;
    font-weight: 600;
    color: #aaa;
    letter-spacing: .5px;
 font-family:raleway;
 }
 .latestpostmeta .latestcat a{
 	color:#fff;
 }

 .latestpostreadmore a{
    background-color: #fff;
    display: inline-block;
    /* padding: 4px 8px; */
    color: $(maincolor);
    transition: 0.2s;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 1px;


 }
 .latestpostreadmore a:hover{text-decoration:none;color:$(maincolor);}

 .latestpostreadmore {
    padding: 10px 0;
 }
 footer .container {
    max-width: 1140px;background:none;}
 footer#f4{background:#f4f4f4;}

 .footer-widgets ul {
    list-style-type: none;padding: 0;
 }

 #blog-pager{clear:both;margin:30px auto;text-align:left; padding: 7px 0; }
 .blog-pager {background: none;}
 .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 6px 10px;margin-right:5px; color: $(linkcolor); background-color:#fff; border: 1px solid #000;}
 .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#000;text-decoration:none;color: $(hovercolor);}
 #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#000;}
 .showpageOf{display:none!important}
 #blog-pager .pages{border:none;}
 .firstpage, .lastpage {display: none;}



 #sidebar-wrapper h2,footer h2  {
    color:$(headcolor);
 	
    background: #fff;
    padding: 4px 10px 4px 0;
 	display:inline-block;
 	position: relative;
    z-index: 9;	
 	text-transform: uppercase;
    font: normal normal 700 25px 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
 	margin-bottom:20px;
 }
 footer h2{background:#f4f4f4;}


 #sidevertical h4.title{

 	text-transform:uppercase;
    margin-bottom: 0;
    padding: 8px;   font-size: 16px;
    font-weight: 400;
 }
 #sidebar-wrapper .title, footer h2{

 	text-transform:uppercase;
       
 font-size:12px;
 }

 .PopularPosts .widget-content ul li{
 position:relative;}





 div#sidebar-wrapper .popular-posts .item-title a{    
 	color: $(linkcolor);
    line-height: 20px;
    display: block;}




 div#top-share-buttons {
    display: inline-block;    margin-right: 30px;
 }

 div#top-share-buttons .fb-like {
    margin: 15px 10px;
    line-height: 8px;
 }



 #navtop ul li:hover a {
    color: #fff;
 }

 .ot-top-menu,
 .ot-top-menu * {
 	margin: 0;
 	padding: 0;
 	outline: none;
 	border: 0;
 	background: none;
 }
 .ot-top-menu {
 	font-family: &#39;Open Sans&#39;, &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
 }
 ul#sub-menu {
  padding: 0!important;
 }

 /**/
 /* level 1 */
 /**/
 .ot-top-menu {
 	position: relative;
 	z-index: 999;	
 	font-size: 0;
 	line-height: 0;
 	text-align: right;
 }
 .ot-top-menu:after {
 	content: '';
 	display: table;
 	clear: both;
 }
 .ot-top-menu li {
    position: relative;
    font-size: 13px;
    line-height: 35px;
    text-align: left;
    white-space: nowrap;
 }
 .ot-top-menu li a {
 	display: block;
 	padding: 0 14px;
 	text-decoration: none;
 	text-transform:capitalize;
 	transition: background 0.4s, color 0.4s;
 	-o-transition: background 0.4s, color 0.4s;
 	-ms-transition: background 0.4s, color 0.4s;
 	-moz-transition: background 0.4s, color 0.4s;
 	-webkit-transition: background 0.4s, color 0.4s;
 }
 .ot-top-menu>li>a {
    padding-left: 0;
 }
 .ot-top-menu li > div {
 	position: absolute;
 	z-index: 1000;
 	top: 100%;
 	left: -9999px;
 	margin-top: 8px;
 	background: #fff;
 	box-shadow: 0 0 8px rgba(0,0,0,.3);
 	opacity: 0;
 	-o-transform-origin: 0% 0%;
 	-ms-transform-origin: 0% 0%;
 	-moz-transform-origin: 0% 0%;
 	-webkit-transform-origin: 0% 0%;
 	-o-transition: -o-transform 0.4s, opacity 0.4s;
 	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
 	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
 	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
 }
 #pages-top i.fa {
    color: #fff;
 }

 .topmenu1 i.fa {
    color: #000;
 }
 .ot-top-menu li > div:after {
 	content: '';
 	position: absolute;
 	bottom: 100%;
 	left: 0;
 	width: 100%;
 	height: 8px;
 	background: transparent;	
 }
 .ot-top-menu li > div:before {
 	content: '';
 	position: absolute;
 	bottom: 100%;
 	left: 24px;
 	border-right: 5px solid transparent;
 	border-bottom: 5px solid rgba(255,255,255,0.9);
 	border-left: 5px solid transparent;
 }

 .ot-top-menu li:hover > div {
 	left: 0;
 	opacity: 1;
 	-webkit-transform: translate(0, 0);
 }
 .ot-top-menu .right {
 	float: none;
 	border-right-width: 0;
 	border-left-width: 1px;
 }
 .ot-top-menu .right > div {
 	-o-transform-origin-x: 100%;
 	-ms-transform-origin-x: 100%;
 	-moz-transform-origin-x: 100%;
 	-webkit-transform-origin-x: 100%;
 }
 .ot-top-menu .right:hover > div {
 	right: 0;
 	left: auto;
 }
 .ot-top-menu .right:hover > div:before {
 	right: 24px;
 	left: auto;
 }
 .ot-top-menu .switcher {
 	display: none;
 }


 /**/
 /* level 2+ */
 /**/
 .ot-top-menu li li {
 	display: block;
 	float: left;
 	border-width: 0;
 	border-top-width: 1px;
 	line-height: 21px;
 	white-space: normal;
 }
 .ot-top-menu li li:first-child {
 	border-top: 0;
 }
 .ot-top-menu li li a {
 	padding-top: 8px;
 	padding-bottom: 8px;
 }
 .ot-top-menu li li &gt; div {
 	top: 0;
 	margin: 0 0 0 8px;
 }
 .ot-top-menu li li > div:after {
 	top: 0;
 	right: 100%;
 	bottom: auto;
 	left: auto;
 	width: 8px;
 	height: 100%;
 }
 .ot-top-menu li li > div:before {
 	top: 22px;
 	right: 100%;
 	bottom: auto;
 	left: auto;
 	border-top: 5px solid transparent;
 	border-right: 5px solid rgba(255,255,255,0.9);
 	border-bottom: 5px solid transparent;
 }
 .ot-top-menu li li:hover > div {
 	left: 100%;
 }
 .ot-top-menu .right li > div {
 	margin: 0 8px 0 0;
 	-o-transform-origin-x: 100%;
 	-ms-transform-origin-x: 100%;
 	-moz-transform-origin-x: 100%;
 	-webkit-transform-origin-x: 100%;
 }
 .ot-top-menu .right li > div:after {
 	right: auto;
 	left: 100%;
 }
 .ot-top-menu .right li > div:before {
 	right: auto;
 	left: 100%;
 	border-right: none;
 	border-left: 5px solid rgba(255,255,255,0.9);
 }
 .ot-top-menu .right li:hover > div {
 	right: 100%;
 	left: auto;
 }



 .ot-top-menu li ul{
  width: 180px;
 position: absolute;
  z-index: 1000;
  top: 100%;
  left: -9999px;
  background: $(maincolor);
  box-shadow: 0 0 1px rgba(0,0,0,.3);
 visibility:hidden;

  transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: transform 250ms, opacity 200ms;
    -webkit-transition: -webkit-transform 250ms, opacity 200ms;
 }

 
  

  .ot-scale li:hover #sub-menu{

 -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);

 }

  .ot-top-menu li:hover #sub-menu{
 left: 0;
 visibility:visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);

 }

 .odd-wrapper{width:100%;}
 .odd-fwidgets{width: 100%;
    display: block;
    margin: 60px 0;}


 span.comm {
 float: right;
 margin-right: 25px;
 color:#aaa;font-weight:900;
 }
 span.day {
 font-size: 12px;
 }
 i.fa.fa-clock-o{
 margin-right: 5px;
 color:#aaa;
 font-size: 14px;
 }
 i.fa.fa-comment-o{
 margin-right: 5px;
 font-size: 14px;font-weight:900;
 }


 i.fa.fa-random {
 padding: 15px 16px 14px 16px;
 margin-right: -24px;
 }
 i.fa.fa-random:hover {
 padding: 15px 16px 14px 16px;
 margin-right: -24px;
 color:#F7F7F7;
 background:#E44E4F;
 }

 

 .to_top {
    z-index: 9999999;
    width: 20px;
    cursor: pointer;
    height: 20px;
    color: #fff;
    text-align: center;
 padding:5px
 }

   
 .to_top:after {
    content: "\f077";
    font-family: fontAwesome;
    font-size: 12px;
    top: 3px;
    position: relative;
 }

 .footer-widgets .box100:nth-child(4) {
    padding-right: 0;
 }

 .author-profile {
    margin: 25px 0;font-family: lato;
    font-weight: 400;
 }

 .author-profile img {
    width: 100px;
    margin-right: 20px;
 	border:none;
 }

 .post.hentry h1 {
    margin: 5px 0;
 	font: $(homepage.title.font);
    color: #000;
    font-size: 45px;
 	margin-bottom:20px;
 }
 .author-profile div {
    padding: 0 0 10px 0;
 }

 .postlabels a:after {
    content: ",";
 }
 .postlabels a:last-child:after{content:"";}

 .postmeta,.post-meta {
    display: table;
 }

 .post-wrap{display:block;margin-bottom:10px;    border-top: 1px solid #eee;}

 .breadcrumbs {
    line-height: 1.4em;
 	padding-bottom:8px;font:$(body.font);
 display:none;
 }
 .breadcrumbs a{text-transform: uppercase;font:$(body.font);}
 .breadcrumbs i{margin:0 8px;font-size:14px;color:#000;}
 .breadcrumbs a:first-child {
    text-transform: uppercase;
    background: #ddd;
    padding: 3px 7px;
    font-size: 12px;
    font: $(body.font);
 }

 /* === Features Slider === */
 .topgridwrap{
 width:100%;
 max-width:1140px;
 margin: 0 auto;
 margin-top:5px;
 }
        
        .pagination a{
          font-size: 11px;
          background: rgba(0,0,0,0.5);
          display: block;
          cursor: pointer;
          text-indent: -9999px;
          border-radius: 100%;
          margin-left: 3px;
          width: 8px;
          height: 8px;margin-bottom:2px;
        }
        .pagination{
          display:inline;
          margin:0;
        }
        .pagination a:hover,.pagination a.selected{
          background: #e2e2e2;
        }

 #adbox {
 width: 728px;margin:30px auto;
 }


 .overlay img {
 -webkit-transition: -webkit-transform .3s ease-out;
 -moz-transition: -moz-transform .3s ease-out;
 -o-transition: -o-transform .3s ease-out;
 transition: transform .3s ease-out;
 }

 .overlay:hover img {
 }

 .post h2 a {
 color: $(linkcolor);
 }

 .wholewrapp .yinks_narrow:nth-child(3) {
    border-right: none!important;
 }

 .wholewrapp .yinks_narrow{float:left;}
 span.wrapping {
    border-left: 1px solid #e5e5e5;
    padding: 0 46px 0 45px;
    margin: 0px -1px;
    position: relative;
    text-align: center;
    display: block;
 }

 .metainformation{position:relative;}


 span.metainfo:before{    background: $(linkcolor) none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    bottom: 24px;
    width: 50px;}
 .cat-title {
    position: relative;
 }
 .slick-dots{bottom: 0;padding:0!important;}
 .metaauthor{display:block;font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;color:#fff;
 padding-top:25px;
 }
 .share-wrap{display:table;width:100%;}
 .home-comment{display:table-cell;width:100px;}
 span.sharing a {
 	float:left;
    border: 1px solid #ddd;
    background: #fff;
    width: 25px;
    height: 25px;
    margin: 2px;
    line-height: 25px;
    text-align: center;
 }
 #box19 .topmeta .postmeta,.labelhome1 {
    background: $(maincolor);
    padding: 1px 6px;
    font-size: 10px;
    margin: 0 0 5px 0;
    position: relative;
    font-weight: 900;
    letter-spacing: 1px;
 }


 #box19 .topmeta .postmeta a,.labelhome1 a{color:#fff;}
 .labelhome1 {
    display: inline-block;padding: 2px 6px;text-transform:uppercase;    margin-bottom: 20px;
 }

 .preload{position:relative;}



 .preload{display: none;
 }



 @-webkit-keyframes oddload {
  0% {
    height: 0%;
 }
 25% {
    height: 0%;
 }
 50% {
    height: 100%;
 }
 75% {
    height: 100%;
 }
 100% {
    height: 0%;
 }
 }
 @-moz-keyframes oddload {
  0% {
    height: 0%;
 }
 25% {
    height: 0%;
 }
 50% {
    height: 100%;
 }
 75% {
    height: 100%;
 }
 100% {
    height: 0%;
 }
 }
 @-o-keyframes oddload {
  0% {
    height: 0%;
 }
 25% {
    height: 0%;
 }
 50% {
    height: 100%;
 }
 75% {
    height: 100%;
 }
 100% {
    height: 0%;
 }
 }
 @keyframes oddload {
  0% {
    height: 0%;
 }
 25% {
    height: 0%;
 }
 50% {
    height: 100%;
 }
 75% {
    height: 100%;
 }
 100% {
    height: 0%;
 }
 }


 div#pages-top h2 {
    display: none;
 }
 .slideroverlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
 }
 div#slidegrid {
    display: inline-block;
    vertical-align: top;
    width: 100%;
 }

 .slidegrid .item {
    float: left;
    margin-right: 1%;
    height: 350px;
 }
 .slidegrid .item:nth-child(1) {
    width: 49.5%;margin-bottom: 1%;
 }
 .slidegrid .item:nth-child(2) {
    width: 49.5%;
    margin-right: 0;
    float: right;margin-bottom: 1%;
 }

 .slidegrid .item:nth-child(3) {
    width: 33%;
 }

 .slidegrid .item:nth-child(4) {
    width: 32%;
 }

 .slidegrid .item:nth-child(5) {
    width: 33%;
    margin-right: 0;
    float: right;
 }
 .slidegrid .item-info {
    padding: 10px;
 }
 .slidegrid .item {
    position: relative;
 }

 .slidegrid .itemtopinfo {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.17) 50%,rgba(0, 0, 0, 0.42) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }


 .slidegrid .item-title a {
    color: #fff;
 font-family: lato;
 }


 .item .cat-title {
    display: inline-block;
    padding: 6px 8px;
 margin:0 25px 0;

 }

 .slidegrid .item .cat-title {margin-left:0;}


 .topmetata {
    
    width: 100%;
    text-align: center;
    
 }

 span.ot-wrap {
    position: relative;
 }

 .topmetata .postmeta {
    display: inline-block;
 }
 #box19 .yinks_wide .thumb.overlay {
    background: #000;    line-height: 0;
 }

 #box19 .yinks_wide .thumb.overlay a {

    transition: 300ms;
 -webkit-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
 }

 .wrapping {
    width: 70%;
    float: left;
    background: #fff;
    border-right: 1px solid #eee;
    padding-top: 0px;
    padding-right: 2.5%;
 	margin-bottom:60px;
 }
 .cutter.overlay {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
 	z-index:99;
 }
 #navtop ul a:hover {
    color: $(hovercolor)!important;
 }

 .PopularPosts .item-title{font:$(homepage.title.font);font-size:14px;}
 .list-label-widget-content span {
    float: right;
 }
 a.home-link {
    display: none;
 }
 .latestcat{position:absolute;left:0;top:0;background: $(maincolor);
    padding: 3px 8px;
    font-size: 12px;
    margin: 15px;

 }

 a.postthumb:before{
    background: #000 none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    width: 20px;
    z-index: 1;
 }

 div#related-posts a{transition: 600ms;}
 div#related-posts a:hover {
    opacity:.8;
 }

 footer .widget-content{color:#ccc;line-height:24px!important;}
 /* Preloader Loading */
 #loader {
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #ffffff;
 height: 100vh;
 width: 100%;
 z-index: 99999;
 }
 #loader .loading {
 display: flex;
 height: 100vh;
 }
 .spinner {
 margin: auto;
 width: 50px;
 height: 40px;
 text-align: center;
 font-size: 10px;
 }
 .spinner>div {
 height: 100%;
 background-color:$(maincolor);
    border-color: $(maincolor);
 width: 6px;
 display: inline-block;
 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
 animation: sk-stretchdelay 1.2s infinite ease-in-out;
 }
 .spinner .rect2 {
 -webkit-animation-delay: -1.1s;
 animation-delay: -1.1s;
 }
 .spinner .rect3 {
 -webkit-animation-delay: -1.0s;
 animation-delay: -1.0s;
 }
 .spinner .rect4 {
 -webkit-animation-delay: -0.9s;
 animation-delay: -0.9s;
 }
 .spinner .rect5 {
 -webkit-animation-delay: -0.8s;
 animation-delay: -0.8s;
 }
 @-webkit-keyframes sk-stretchdelay {
 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4)
 }
 20% {
 -webkit-transform: scaleY(1.0)
 }
 }
 @keyframes sk-stretchdelay {
 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
 }
 20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
 }
 }

 div#pages-top ul li:last-child a:after {
    border-right: none;
 }



 div#head-inner {
    margin: 60px 0;
 }
 .sb-search {
 position: absolute;

 right: 0px;
 top:0;
 overflow: hidden;
 -webkit-backface-visibility: hidden;}
 @media screen and (min-width: 1220px) {

 .sb-search {
 right: 0px;
 }
 }
 .sb-search-input {
 position: absolute;
 top: 0;
 right: 0;
 border: none;
 outline: none;
 background: #fff;
 width: 100%;
 height: 60px;
 margin: 0;
 z-index: 10;
 padding: 20px 65px 20px 20px;
 font-family: inherit;
 font-size: 20px;
 color: #2c3e50;
 }
 input[type="search"].sb-search-input {
 position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    width: 500px!important;
    height: 100px!important;
    background: rgba(255, 255, 255, 0);
 -webkit-appearance: none;
 padding: 1px 20px;
 -webkit-transition: 300ms;
 -moz-transition: 300ms;
 transition: 300ms;
 -webkit-border-radius: 0;
 height: 35px;
 line-height: 35px;
 font-size: 50px;
 font-weight: 400;
 border-left: none;
 border-top: none;
 border-bottom: 3px solid #eee;
 padding-right: 30px;

 width: 200px;
 z-index:-1;

 }
 input[type="search"].sb-search-input:focus {
    border-color: $(maincolor);
 }
 .sb-search-input::-webkit-input-placeholder {
 color: #999;
 }
 .sb-search-input:-moz-placeholder {
 color: #999;
 }
 .sb-search-input::-moz-placeholder {
 color: #999;
 }
 .sb-search-input:-ms-input-placeholder {
 color: #999;
 }

 .sb-icon-search,
 .sb-search-submit  {
 width: 15px;
 display: block;
 position: absolute;
 right: 0;
 top: 10px;
 padding: 0;
 margin: 0;
 text-align: center;
 cursor: pointer;
 }
 .sb-search-submit {
 background: #fff; /* IE needs this */
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
 filter: alpha(opacity=0); /* IE 5-7 */
 opacity: 0;
 color: transparent;
 border: none;
 outline: none;
 z-index: -1;
 }
 .sb-icon-search {
 color: #fff;
 padding-right:10px;
 z-index: 9999999;
 font-size: 14px;
 font-family: 'fontAwesome';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 -webkit-font-smoothing: antialiased;
 }
 .sb-icon-search:before {
 content: "\f002";
 }
 .sb-icon-close:before {
 content: "\f00d";font-family: 'fontAwesome';
 }
 .newshow:before{content: "\f057";}
 span.sb-icon-close{display: none;}
 span.sb-icon-close.newshow {
    font-size: 30px;
 	color:#000;
    right: 50px;
    top: 50px;    
 	position: fixed;
 	z-index: 9999999;
 	cursor:pointer;
 	display:block;
 }

 .sb-search.sb-search-open .sb-icon-search{
 background: #000;
 z-index: 99999;
 }
 .no-js .sb-search .sb-icon-search {
 background: #000;
 color: #696969;
 z-index: 11;
 }
 .sb-search.sb-search-open .sb-search-submit,
 .no-js .sb-search .sb-search-submit {
 z-index: 90;
 }
 input[type="search"]:focus{-webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;}
 .showsearch {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.96);
    z-index: 9999999;
    top: 0;
    left: 0;
 }

 
 .item:hover .cat-title a{color:#fff;}

 .cat-title{background-color:$(maincolor);border-color:$(maincolor);}

 i.fa.fa-camera,i.fa.fa-video-camera {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    padding: 7px;
    border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-o-border-radius: 50%;
 	-moz-border-radius: 50%;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
 	transition:300ms;
 	z-index:9;
 }
 .item:hover i.fa.fa-camera,.item:hover i.fa.fa-video-camera,span.ot-wrap:hover i.fa.fa-camera,span.ot-wrap:hover i.fa.fa-video-camera{background:#fff;color:#000;}




 a:hover {
    text-decoration: underline;
 }
 nav#navtop a:hover {
    text-decoration: none;
 }
 .metaauthor23, .metadate23, .metacomments23 {
    color: #aaa;
    display: inline-block;
    font-size: 11px;
    margin-left: 25px;
    margin-top: 10px;
 }


 .out-line{border-bottom:1px solid #eee;display:block;padding-top: 30px;background: #fff;}
 .out-line1{border-bottom:1px solid #eee;display:block;background: #fff;}
 .wrappostarea{display:block;background:#fff;width: 100%;
    margin: 0 auto;
    max-width: 1140px;}

 /*Post Area Css*/


 .slick-dots li.slick-active button:before{color:$(maincolor);}
 input[type="search"].sb-search-input {
    visibility: hidden;
 }

 .showsearch input[type="search"].sb-search-input {
    visibility: visible;
 }
 #main a.postthumb {
    height: 220px!important;
 }
 div#main h2.title {
    font-size: 16px;
 }
 #main h2.post-title.entry-title a:hover,#box19 .postTitle a:hover,#sidebar-wrapper .item-title a:hover ,.widget-content.list-label-widget-content a:hover{
    color: $(maincolor)!important;
 	text-decoration: underline;
 }



 .topmeta .postmeta a:hover{text-decoration:none;}

 .megamenu *{margin:0;padding:0;}ul.megamenu{list-style:none;line-height:1;overflow:visible !important}ul.megamenu:after{margin:0;padding:0;content:' ';display:block;height:0px;clear:both}ul.megamenu li{display:inline-block;position:relative;text-transform:uppercase}ul.megamenu li a{display:block;padding:0px 10px;text-decoration:none;color:#d9d9d9;font-size:14px;}ul.megamenu ul{position:absolute;display:none;top:100%}ul.megamenu li:hover > ul{display:block}ul.megamenu ul li{z-index:72;min-width:149px;float:none;background:#000;text-shadow:none}ul.megamenu ul li a{text-transform:none;font-weight:normal}ul.megamenu ul li a:hover,ul.megamenuid ul li a.hover{color:#444}ul.megamenu ul ul{display:none;left:100%;top:0}

 ul.megamenuid li div.megasubmenu{border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#333;position:absolute;width:830px;z-index:999;left:-100%;top:100%;min-height:150px;-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;opacity:0;color:#888;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}

 ul.megamenuid li:hover div.megasubmenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}ul.megamenuid ul,ul.megamenuid ul li{display:block !important;border:0 none !important;margin:0 !important;padding:0 !important}ul.megamenuid ul li{background:none !important;float:left !important}

 ul.megamenuid ul.leftmenulist{position:absolute;width:18%;left:0;top:0;bottom:0;background:#333;border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
 ul.megamenuid ul.leftmenulist a{border-left:none !important;color:#555;}

 ul.megamenuid ul.rightmenulist{position:relative;display:block;width:81%;float:right;margin:0px 0px 0px !important;background:none}ul.megamenuid ul.rightmenulist li{display:block;overflow:hidden;position:relative;min-height:230px;padding:5px 17px 5px 0px !important}ul.megamenuid ul.rightmenulist li .thumb-container{left:0;width:100%;height:100%;position:absolute;overflow:hidden;font-size:0;line-height:0}ul.megamenuid ul.rightmenulist li .thumb-container img{position:relative;top:10px;padding:0;width:100%;height:100%;display:block}ul.megamenuid ul.rightmenulist li a{display:block;border-left:none !important;padding:0px 5px !important;line-height:1.4;color:#fff!important;font-size:14px;font-weight: 400!important;letter-spacing: inherit!important;}ul.megamenuid ul.rightmenulist li a:hover{color:#000;background:transparent}ul.megamenuid .loading-icon{background:url('http://2.bp.blogspot.com/-N9HNU11nhiA/Va-NLcGF0lI/AAAAAAAALW4/HzSlCK7PGeY/s1600/wait.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px}ul.megamenuid .menu-icon{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #777;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0}#megamenuid{text-align:center;width:100%;position:relative;max-width:1000px;margin:0 auto;padding:0px}#megamenuid h5{font-size:16px;margin-top:70px;text-align:center}#megamenuid h5:before{content:"";position:absolute;top:50px;left:50%;width:5px;height:2px;margin-left:-4px;border-left:2px solid black;border-right:2px solid black}#megamenuid h5:after{content:"";position:absolute;top:55px;left:50%;width:10px;height:5px;margin-left:-7px;border-top:2px solid black;border-left:2px solid black;border-right:2px solid black;border-radius:8px 8px 0px 0px}li.search-box{float:right !important;line-height:35px;margin:7px 10px 0 0}li.search-box .search-field{border:none;padding:3px;background:#3F3F3F;color:#fff;width:135px;font-size:13px}li.search-box .search-field:focus{border:none;outline:none;background:#4C4C4C;color:#fff}li.search-box .search-button{background:url('http://4.bp.blogspot.com/-VJqk_zzkAuw/VazlDH_goDI/AAAAAAAALVM/t-AjU3ix55k/s1600/search.png') no-repeat;border:none;cursor:pointer;padding:5px 10px;transition:all 0.3s ease-in-out}li.search-box .search-button:hover{opacity:0.9}.search-alert{background:#E84C3D url(http://3.bp.blogspot.com/-TQMok5egm8c/Va44AXnjg3I/AAAAAAAALV8/eq_8ICAlH2I/s1600/search-info.png) no-repeat;background-position:5px;text-transform:capitalize;color:#fff;margin:-5px;padding:0px 15px 0px 40px;display:none;border-radius:5px}
 .megasubmenu .leftmenulist a{line-height:50px!important;color:#fff!important;}
 ul#megamenuid li a {
    font: $(menu.font);
    letter-spacing: .5px;
    font-size: 12px;
 	color:#111;
 }
 ul.megamenu>li {
    padding: 16px 0;
 }


 #navtop1 ul .singlemenu li:first-child a:before {
    position: absolute;
    top: -29px;
    left: 15px;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    border-width: 10px;
    border-bottom-color: #333;

 }
 ul.megamenuid ul.leftmenulist li:first-child a:before {
    position: absolute;
    top: -19px;
    left: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: '';
    pointer-events: none;
    border-width: 10px;
    border-bottom-color: #333;

 }

 ul.megamenuid ul li {
    text-align: left;
 }

 ul.megamenuid ul li a {padding-left: 20px;}


 #navtop1 ul .singlemenu{ 
    border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   padding: 10px 0!important; background:#333;border:1px solid #121212;visibility:hidden;position:absolute;top:100%;left:0;padding:0;transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
 transition: transform 350ms, opacity 300ms;
 -webkit-transition: -webkit-transform 350ms, opacity 300ms;}
 #navtop1 ul .singlemenu li{    padding: 8px 0;text-align:left;float: none;
 width: 200px;
 border: 1px solid #121212;
 border-top: none;}
 #navtop1 ul .singlemenu a{line-height:120%;padding:10px 15px;color:#fff;}
 #navtop1 ul .singlemenu a:hover{color:$(maincolor);}
 #navtop1 ul .singlemenu ul{top:0;left:100%}
 #navtop1 ul li:hover > .singlemenu{visibility:visible;filter: alpha(opacity=100);
 transform: translateY(0px);
 -webkit-transform: translateY(0px);    z-index: 999;}

 .post-meta i.fa.fa-comments {
    margin-left: 0!important;
    margin-right: 0!important;
 }
 .fa-whatsapp:before{content:&quot;\f232&quot;}

 div#comments,.author-wrap{position:relative;}
 div#comments h2.title{font-size:16px!important;}
 a.related-wrap {
    width: 30.6%;
    margin-right: 4%!important;
 }

 a.related-wrap:last-child {
    margin-right: 0!important;
 }
 #related-posts h2.title,.author-wrap h2.title {
    font-size: 16px!important;
 }

 .post-footer {
    margin: 40px 0px 50px;
 }

 .Label li:first-child {
    margin-top: 0;
 }
 #sidebar-wrapper .widget img {
    max-width: 100%;
 }
 a.related-wrap {
    margin-right: 4.23%!important;
 }
 div#pages-top .slicknav_menu .slicknav_icon-bar{background-color: #fff;}
 div#pages-top .slicknav_menu{background:$(maincolor);padding:0;}
 div#pages-top .slicknav_menu .slicknav_menutxt,div#pages-top .slicknav_nav a,div#pages-top .headline ul li ul li a {color: #fff;}
 /* Social Icons */
 .social-iconz a {
 display: block;
 width: 40px;
 height: 40px;
 font-size: 14px;
 float: left;
 line-height: 40px;
 text-align: center;
 background: #eee;
 margin: 0 5px 5px 0;
 transition: .35s;
 -o-transition: .35s;
 -webkit-transition: .35s;
 -moz-transition: .35s;
 }
 .social-iconz a:hover {
 background: #ccc;
 border-color: #ccc;
 color: #fff !important;
 }
 #sidebar-wrapper ul.social-iconz li{display:inline-block;vertical-align:top;}
 #sidebar-wrapper .social-iconz .facebook a:hover {
 background-color: #3F51B5;
 border-color: #3F51B5;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .twitter a:hover {
 background-color: #03A9F4;
 border-color: #03A9F4;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .google-plus a:hover {
 background-color: #f44336;
 border-color: #f44336;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .instagram a:hover {
 background-color: #435288;
 border-color: #435288;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .snapchat a:hover {
 background-color: #FFEB3B;
 border-color: #FFEB3B;
 color: #111;
 }
 #sidebar-wrapper .social-iconz .dribbble a:hover {
 background-color: #E91E63;
 border-color: #E91E63;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .behance a:hover {
 background-color: #1E88E5;
 border-color: #1E88E5;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .vimeo a:hover {
 background-color: #1565C0;
 border-color: #1565C0;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .rss a:hover {
 background-color: #FFC107;
 border-color: #FFC107;
 color: #fff;
 }
 #sidebar-wrapper .social-iconz .youtube a:hover {
 background-color: red;
 border-color:red;
 color: #fff;
 }



 #sidebar-wrapper .social-iconz li a:hover {
 background: #fff;
 border-color: #ccc;
 color: #aaa;
 }/* Contact Form */
 .contact-form-widget .contact-form-name,
 .contact-form-widget .contact-form-email {
 height: 43px!important;
 width: 100%!important;
 border: 2px solid #eee!important;
 border-radius: 3px!important;
 margin-top: 5px!important;
 padding: 0 10px!important;
 }
 .contact-form-widget .contact-form-email-message {
 width: 100%!important;
 border: 2px solid #eee!important;
 border-radius: 3px!important;
 margin-top: 5px!important;
 height: 120px!important;
 padding: 10px!important;
 }
 .contact-form-widget {
 font-size: 12px!important;
 letter-spacing: normal!important;max-width:100%!important;
 }
 .contact-form-button-submit {
 height: 43px!important;
 width: 100%!important;
 background: $(maincolor)!important;
 color: #fff!important;
 border: 0!important;
 border-radius: 3px!important;
 margin-top: 5px!important;
 text-transform: uppercase!important;
 letter-spacing: 1px!important;
 }
 .contact-form-widget > div form > div {
 width: 100% !important;
 max-width: 100% !important;
 text-align: left !important;
 }
 .contact-form-error-message-with-border {
 font-size: 11px!important;
 margin-top: 20px!important;
 display: block!important;
 color: rgb(242, 14, 14)!important;
 border-top: 2px solid!important;
 height: 25px!important;
 line-height: 25px!important;
 width: 100%!important;
 background:none!important;
 border:none!important;
 box-shadow:none!important;
 }
 .contact-form-error-message-with-border img {
 display: block!important;
 float: right!important;
 margin-top: 6px!important;
 }
 .contact-form-success-message-with-border {
 font-size: 11px!important;
 margin-top: 20px!important;
 display: block!important;
 color: rgb(67, 199, 91)!important;
 border-top: 2px solid!important;
 height: 25px!important;
 line-height: 25px!important;
 width: 100%!important;
 }
 .contact-form-success-message-with-border img {
 display: block!important;
 float: right!important;
 margin-top: 6px!important;
 }
 .topbar.stick-me.sticking {
 display: block;
 left: 0;
 right: 0;
 z-index: 99999;
 -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 -o-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
 margin: 0;
 max-width: 100%;
 height: 51px;
 }
 .rapper{max-width:1140px;margin:0 auto;}
 #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0}
 #instafeed img{height:auto;width:100%}
 #instafeed a{padding:0;margin:0;display:inline-block;position:relative}
 #instafeed li{width:24.25%;display:inline-block;margin:0 1% 1% 0!important;padding:0!important}
 #instafeed .instaover{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;position:absolute;font-size:12px;color:#222;line-height:normal;transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out}
 #instafeed a:hover{opacity:.9}
 #instafeed li:nth-child(4) {
    margin-right: 0!important;
 }

 #instafeed li:last-child {
    margin-right: 0!important;
 }
 .odd-fwidgets .widget {
    margin-bottom: 50px;
 }
 .blog-posts img.lazy {
    width: 100%;
 }
 .blog-posts + div{clear:both;}
 ul.megamenu>li:first-child>a {
    padding-left: 0;
 }
 .post-body.entry-content img {
    max-width: 100%;
 	image-rendering: -webkit-optimize-contrast;
 }
 #HTML51:before{content:none;}
 div#blog-pager {
    font-family: lato;
 }

 .cutter.overlay {
    width: 100%;
 }
 img#Header1_headerimg {
    margin: 0 auto;
 height:auto;
 }
 .jump-link {
    display: none;
 }
 .websiteborder{
 border: 20px solid;
 border-color:$(maincolor);
 }
 .nowebsiteborder{border:none;}
 .wholewrapper {
    overflow: hidden;
    -webkit-box-shadow: 0 0px 18px rgba(0,0,0,.1);
    box-shadow: 0 0px 18px rgba(0,0,0,.1);
 }
 .headerright span.sb-icon-search {
    position: relative;
    margin: 0;
    right: 0;
    width: inherit;
    padding: 0;
 	color:#000;
 	top:0;
 	display: inline-block;
 }
 .headerleft {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
 	width: 20%;
 }

 .headercenter {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    text-align: center;
 }

 .headerright {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
 	width: 20%;
 }

 .topsocial a i {
    font-size: 15px;
 }

 .topsocial a {
    margin-right: 10px;
 }
 .label-size-1{opacity:1!important;}
 .loadpost{
    text-decoration:none;
    font:$(body.font);
 	font-weight:600;
 	font-size: 12px;
    letter-spacing:1px;
    padding:10px 20px;
    background:$(maincolor);
    color:#ffffff!important;
    top: 50px;
    position: relative;
 	transition: 300ms;
    -webkit-transition: 300ms;
 	-o-transition: 300ms;
 	-moz-transition: 300ms;
 }
 footer .widget:before,.sidebar .widget:before {
    position: absolute;
    top: 11px;
    width: 100%;
    height: 1px;
    left: 0;
    margin-left: 15px;
    background-color: #eee;
    content: '';
 }
 .loadpostwrap{
 display:block;text-align:center;margin:20px auto;
 }

 .loadpost:hover {
    background: #333;
    color: $(maincolor);
 	text-decoration:none;
 	transition: 300ms;
    -webkit-transition: 300ms;
 	-o-transition: 300ms;
 	-moz-transition: 300ms;
 }
 footer .widget:before {
    background-color: #ddd;
 }

 .latestpostreadmore a:hover {
    color: #333;
    text-decoration: underline;
 }
 #main .postareameta {
    color: #aaa;
    font-weight: 400;
    font-size: 11px;
    font-family: montserrat;
    margin-top: 25px;
    position: relative;
 }

 .postarea .fa-comments,#main .fa-comments {
 margin-left: 20px;
 margin-right: 5px;
 }
 .slicktopgrid .fa-comments,.slicktopgrid .fa-user {
 margin-right: 5px;
 }
 .postarea .postareameta,#main .postareameta {
 color: #aaa;
 font-weight: 400;
 font-size: 11px;
 font-family: montserrat;
 margin-top: 25px;
 position:relative;
 }
 .postarea .postareameta:before,#main .postareameta:before {
 content: "";
 border-top: 1px solid #dfdfdf;
 top: -12px;
 position: absolute;
 width: 50px;
 }
 .homepagesummary {
    margin: 15px 0 5px;
 }

 a.related-wrap {
    width: 30.6%;
    margin-right: 4%!important;
 }

 a.related-wrap:last-child {
    margin-right: 0!important;
 }
 a.related-wrap {
    margin-right: 4.23%!important;
 }
 a.related-wrap {
    margin-right: 4.1%!important;
 }
 .related-wrap {
    width: 31%;
    float: left;
    margin-right: 3.5%;
 	position:relative;
 }
 .related-wrap:last-child {
    margin-right: 0!important;
 }
 .related-wrap div {
    width:  100%;
    top: 100%;
    background:  none;
    margin-top:  10px;
 }
 .related-container {

    position: relative;
    width: 100%;
 }

 .related-wrap a {
    height: 220px;
    display: block;
 }
 .slidegrid .item{
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
 }
 .slidegrid .item:hover {
    opacity: .7; 
 }
 span.sharetext {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
 	margin-right:10px;
 }

 .share_this_content {
    display: inline-block;
    vertical-align: middle;
 }
 .post-body a {
    color: $(maincolor);
 }
   ]]></b:skin>



 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
           <b:if cond='data:blog.pageType == &quot;index&quot;'>
 				<style>


 .blog-posts .post.hentry {
    width: 48%;
    float: left;
    margin-right: 4%;
 }

 .blog-posts .post.hentry:nth-child(even) {
    margin-right: 0;
 }


                  
 					.post.hentry {    display: block;
 }
 				</style>
  		  </b:if>
 </b:if>

  <style>
 <b:if cond='data:blog.pageType != &quot;index&quot;'>
 .topbar {
    border-bottom: 1px solid #eee;
 }
 .wrapping {
    padding-top: 30px;
 }
 #thumb-wrapper {
 width: 820px;
 overflow: hidden;
 }
 #main-wrapper {
 width: 820px;
 float: left;
 word-wrap: break-word;
 overflow: hidden;
 background:#fff;
 }

 div#blog-pager{display:none;}		
 </b:if>
 </style>  

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

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


 }


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



 #main-wrapper {
 width: 100%;
 word-wrap: break-word;
 overflow: hidden;
 background:#fff;padding-bottom: 30px;
 }
 #thumb-wrapper {
 width: 100%;
 overflow: hidden;

 }

                        .post-body.entry-content {
                        line-height:23px;
                        }
                        
                        @media only screen and (max-width:768px){
                          #main-wrapper{
                            width:620px;
                          }
                          .post{
                            width:620px;
                          }
                          .cutter, .post h2{
                            width:620px;
                          }
                          .post img{
                            width:620px;
                          }
                        }
                        @media only screen and (max-width:600px){
                          .cutter.overlay{width:100%;}
                          #main-wrapper, .post, .post h2, .cutter{
                            width:460px
                          }
                          .post img{
                            width:460px;
                          }
                        }
                        @media screen and (max-width:480px){
                          #main-wrapper, .post, .post h2, .cutter{
                            width:100%;
                          }
                        }
                        @media screen and (max-width:384px){
                          .post, .post h2{
                            width:310px;
                          }
                          
                          .post img {
                            width:310px;
                          }
                        }
                      </style>
 </b:if>
    
   <script type='text/javascript'>
      //<![CDATA[
      function related_results_labels_thumbs(e){for(var t=0;t<e.feed.entry.length;t++){var l=e.feed.entry[t];relatedTitles[relatedTitlesNum]=l.title.$t;try{thumburl[relatedTitlesNum]=l.gform_foot.url}catch(r){if(s=l.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d)thumburl[relatedTitlesNum]=d;else{a=s.indexOf("<iframe"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5);var i=d,n=i.substring(30,41),u="http://i.ytimg.com/vi/"+n+"/hqdefault.jpg";thumburl[relatedTitlesNum]=u}}relatedTitles[relatedTitlesNum].length>35&&(relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...");for(var h=0;h<l.link.length;h++)"alternate"==l.link[h].rel&&(relatedUrls[relatedTitlesNum]=l.link[h].href,relatedTitlesNum++)}}function removeRelatedDuplicates_thumbs(){for(var e=new Array(0),t=new Array(0),l=new Array(0),r=0;r<relatedUrls.length;r++)contains_thumbs(e,relatedUrls[r])||(e.length+=1,e[e.length-1]=relatedUrls[r],t.length+=1,l.length+=1,t[t.length-1]=relatedTitles[r],l[l.length-1]=thumburl[r]);relatedTitles=t,relatedUrls=e,thumburl=l}function contains_thumbs(e,t){for(var l=0;l<e.length;l++)if(e[l]==t)return!0;return!1}function printRelatedLabels_thumbs(){for(var e=0;e<relatedUrls.length;e++)relatedUrls[e]!=currentposturl&&relatedTitles[e]||(relatedUrls.splice(e,1),relatedTitles.splice(e,1),thumburl.splice(e,1),e--);var t=Math.floor((relatedTitles.length-1)*Math.random()),e=0;for(relatedTitles.length>0&&document.write(relatedpoststitle),document.write('<div class="related-container clearfix"> ');e<relatedTitles.length&&20>e&&e<maxresults;)document.write('<div class="related-wrap"><a style="background:url('+thumburl[t]+") no-repeat center center;background-size:cover;"),0!=e?document.write('"'):document.write('"'),document.write('class="relatedtitle" href="'+relatedUrls[t]+'"></a><div style="text-align: center;    font-size:15px;">'+relatedTitles[t]+"</div></div>"),t<relatedTitles.length-1?t++:t=0,e++;document.write("</div>"),relatedUrls.splice(0,relatedUrls.length),thumburl.splice(0,thumburl.length),relatedTitles.splice(0,relatedTitles.length)}var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array,thumburl=new Array;
 //]]>
    </script>
 <script type='text/javascript'>
      //<![CDATA[
      imgr=new Array();
      imgr[0]="http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png";
      showRandomImg=true;
      aBold=true;
      summaryPost=150;
      summaryPost1=0;
      summaryTitle=15;
      numposts=12;
      numposts1=6;
      numposts2=6;
      numposts3=6;
      numposts4=5;
      numposts5=12;
      numposts6=1;
 	numposts23=10;
 postnum1=3;
 postnum2=6;
 postnum3=5;
 postnum4=3;
 postnum5=2;
 postnum6=5;
 postnum7=3;
 postnum8=8;
      function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}


 //]]>
    </script>



 <script type='text/javascript'>
 //<![CDATA[
 function removeHtmlTag(e,t){for(var a=e.split("<"),r=0;r<a.length;r++)-1!=a[r].indexOf(">")&&(a[r]=a[r].substring(a[r].indexOf(">")+1,a[r].length));return a=a.join(""),a=a.substring(0,t-1)}function showrecentposts26(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,numposts4<=e.feed.entry.length?maxpost=numposts4:maxpost=e.feed.entry.length,document.write('<div class="slidegrid">');for(var t=0;t<maxpost;t++){for(var r,i,n,l=e.feed.entry[t],o=l.title.$t,m="",c=0;c<e.feed.entry[t].category.length;c++)m=m+'<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>, ",n='<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a> ";if(t==e.feed.entry.length)break;for(var g=0;g<l.link.length;g++)if("alternate"==l.link[g].rel){i=l.link[g].href;break}for(var g=0;g<l.link.length;g++)if("replies"==l.link[g].rel&&"text/html"==l.link[g].type){r=l.link[g].title.split(" ")[0];break}if("content"in l)var f=l.content.$t;else if("summary"in l)var f=l.summary.$t;else var f="";postdate=l.published.$t,j>imgr.length-1&&(j=0),img[t]=imgr[j],s=f,a=s.indexOf("<img"),b=s.indexOf('src="',a),w=s.indexOf('"',b+5),d=s.substr(b+5,w-b-5),-1!=a&&-1!=b&&-1!=w&&""!=d&&(img[t]=d);for(var u=[1,2,3,4,5,6,7,8,9,10,11,12],h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=(postdate.split("-")[2].substring(0,2),postdate.split("-")[1]),v=(postdate.split("-")[0],0);v<u.length;v++)if(parseInt(p)==u[v]){p=h[v];break}var y=e.feed.entry[t].content.$t,k=$("<div>").html(y),w=k.find("img:first").attr("src");if(e.feed.entry[t].media$thumbnail){var x=e.feed.entry[t].media$thumbnail.url;-1!=x.indexOf("img.youtube.com")&&(x=e.feed.entry[t].media$thumbnail.url.replace("default","maxresdefault")),x=x.replace("/s72-c/","/s600/")}var A="http://1.bp.blogspot.com/-S5pmP6Y0KUs/V6CsQEqKNGI/AAAAAAAAEFY/LZigJ20wKVkpzFLJSuzvjJDkC9z9IFy5wCK4B/s1600/image-not-found-4a963b95bf081c3ea02923dceaeb3f8085e1a654fc54840aac61a57a60903fef.png";if(void 0===w)if(e.feed.entry[t].media$thumbnail)var z='<i class="fa fa-video-camera"></i><a href="'+i+'" class="odd-image" style="background:url('+x+') no-repeat center center;background-size: cover;width: 100%;height:350px;display:block;image-rendering: -webkit-optimize-contrast;"/>';else var z='<a href="'+i+'" class="noimg odd-image" style="background:url('+A+') no-repeat center center;background-size: cover;width: 100%;height: 350px;display:block;"/>';else var z='<i class="fa fa-camera"></i><a href="'+i+'" class="odd-image" style="background:url('+d+') no-repeat center center;background-size: cover;width: 100%;height: 350px;display:block;image-rendering: -webkit-optimize-contrast;"/>';var O='<div class="item"><div class="item-wrap"><div class="item-wrap-inner"><div class="item-image">'+z+'</div><div class="itemtopinfo"><div class="item-info"><div class="cat-title">'+n+'</div><div class="item-title"><a href="'+i+'" title="'+o+'" >'+o+"</a></div></div></div></div></div></div>";document.write(O),j++}document.write("</div>")}imgr=new Array,imgr[0]="http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif",showRandomImg=!0,aBold=!0,summaryTitle=25,summaryPost=200,summaryPost2=150,numposts=8;var classicMode=!1,summary=20,indent=3;imgr=new Array,imgr[0]="http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif",showRandomImg=!0,aBold=!0,summaryPost=170,summaryTitle=25,numposts1=8,numautonews=10,numposts3=3;var classicMode=!1,summary=50,indent=3,relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array,thumburl=new Array;
 //]]>
 </script>

   <script type='text/javascript'>
 $(function()
 {
 $.fn.scrollToTop = function() {
 $(this).hide().removeAttr(&quot;href&quot;);

 var scrollDiv = $(this);
 $(window).scroll(function()
 {
 if ($(window).scrollTop() &gt;= 1000)
 {
 $(scrollDiv).fadeIn(&quot;slow&quot;)
 }
 else
 {
 $(scrollDiv).fadeOut(&quot;slow&quot;)
 }
 });
 $(this).click(function()
 {
 $(&quot;html, body&quot;).animate({
 scrollTop: 0
 }, &quot;slow&quot;)
 })
 }
 });
 $(function()
 {
 $(&#39;#credit&#39;).scrollToTop();
 });
 </script>


 <style>
 @media only screen and (max-width:1205px) {
 .websiteborder{
 border: none;
 }   
  }

 @media only screen and (max-width:1170px) {
   .topgridwrap{width:inherit;margin: 0 20px 30px;}
 }
 @media only screen and (max-width:1205px) and (min-width: 1025px) {
 

 #header2 img {
    float: left;
    width: 78%;
 }

    #menu{width:967px;}
    
    #main-wrapper{width:100%;}
 .headline-left {
      width: 60%;}
    #thumb-wrapper{width:100%;}
    #sidebar-wrapper{float:right;width:30%;}
 	.topimages {padding-bottom: 0px;}
    .box6{width:100%;}
    .news_imagez .news_imagez_list li{width: 326px;margin-right:0px;}
 	.yinks {width: 100%;}
    .box .postmeta{bottom:26%;}
    .box1 .postmeta{bottom:26%;}
    #box19 .postTitle{bottom:26%;}

 } 
 /* no3*/
 @media only screen and (max-width:1024px){.megasubmenu .leftmenulist a{line-height:inherit!important;color:#000!important;}
    .lefttop .slicknav_menu{font-family:Montserrat;}
 .lefttop .slicknav_menu {
    padding: 0; width: 400px;
    display:block;
 }div#main-menu-bar {
      display: block;}
 .topbar {
    margin: 0 20px 30px;
 }




 div#head-inner {
    margin: 30px 0 30px;
 }
 }

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

 }




 @media only screen and (max-width:1024px) and (min-width: 768px) {
 .wrapping {
    width: 100%;
    border-right: none;
 }
 div#main {
    padding: 30px 20px!important;
 }
    #sidebar-wrapper{width:100%;padding:0 20px!important;float:left;}

 div#Header1 {
    float: none;
 }  
  #header .widget:last-child {
    float: none;
 }  
 

 img#Header1_headerimg {
    margin: 0 auto;
 }
  
 .footer-widgets .box100:nth-child(even) {
    padding-right: 0;
 }
 .box100 {padding-right: 4%;   width: 48%;margin-bottom:7%;}
 .PopularPosts .widget-content ul li {
    float: left;
    width: 49%;
    margin-right: 2%;
 }
 .PopularPosts .widget-content ul li:nth-child(even) {
    margin-right: 0;
 }
 .footer-widgets {      padding: 0px 20px;}
   



    
    #main-wrapper{width:100%;}
    .headline-left{max-width:50%;}
     
    #menu-container{float:left;width: 736px;}
    .selectnav{margin-top:14px;}
 
    #header2 img{width:100%;float:right;}

 	#menu{width: 724px;}
    .selectnav{width:340px;}
    
    #outer-wrapper{max-width: 748px;}
 	
   
    .part23 .cont.topLists figure{margin-left: 30px;}
    .topimages{padding-bottom: 0px;}
    #thumb-wrapper{width: 100%;}
    #adbox.crosscol.section .widget-content {width: 100%;}
 	.box6 {width: 100%;}
    .widget-content{float:none;width: 100%;}
    .box6 h2{float:none;width: 100%;}
    .yinks{width:100%;}

    .yinks .right{float:right;}
    
 	.cont.topLists figure {width: 50%;float: left;position: relative;}
 	
 	.footer-widgets .last {width: 100%;}
 	.f-widget {width: 100%;}
    .box1 .postmeta,.box19 .postmeta{bottom:36%;}
 	.news_imagez .news_imagez_list li{width: 230px;}
    .news_imagez .news_imagez_list li img{min-width: 228px;max-width: 228px;}
    .box .postmeta{bottom:36%;}
    #box19 .postTitle{bottom:36%;}
    
 } 

 /* Phone : 480px no2*/ 
 @media only screen and (max-width: 767px) and (min-width: 480px){ 

 .slicktopgrid a.odd-image {
    height: 350px!important;
 }
    .slicktopgrid .itemtopinfo{width:90%}
    .box100{margin-bottom:7%;width: 49.5%;}
 .box100:nth-child(even) {
    padding-right: 0;
 }
 .wrapping {
    width: 100%;
    border-right: none;
 }
 div#main {
    padding: 30px 20px!important;
 }
    #sidebar-wrapper{width:100%;padding:0 20px!important;float:left;}


 div#Header1 {
    float: none;
 }
 #header .widget:last-child {
    float: none;
 }
 #header .widget:last-child img {
    max-width: 100%;
 }

 
 .preload {
      height: inherit;}
    
    

 .open {      top: 40px;}


    
   
    



 .post.hentry {      width: 100%!important;}
 #adbox {
     width: initial; 
      padding: 0 20px;}
    footer .container{width:100%}





 img#Header1_headerimg {
    margin: 0 auto;
 }



    

    .post-body.entry-content{margin-left:0;}


    #header2 img{  width: 100%;
 }


    #menu-container{float: left;width: 100%;}
 	.selectnav {margin-top: 14px;width: 200px;}
    .footer-widgets .last {width: 100%;}
 	.f-widget {width: 100%;}
    	
    .part23 .topListimages{width:425px;}
    img.cover{width:425px;}
    .headline-left{width:65%;}
    #thumb-wrapper{margin:0;width:100%;max-width: none;}
    
    .box6 {max-width: none;}
    .news_imagez .news_imagez_list li{width: 225px;}
    .news_imagez .news_imagez_list li img{width: 225px;}

    .cont.topLists figure {width: 425px;}
 	body {background: #fff;margin-left: 0;margin-right:0;overflow-x:hidden;margin-top:0px;margin-bottom:0px;}
    

 	
 	
 	#f4 { margin-left: 0; margin-right: -20px;width: 100%;}
 	.footer-widgets {overflow: hidden;padding: 20px 20px 10px 20px;margin: 0;}

 .post-body.entry-content,.post h2{margin-left:0;}
 .post h2 a {
  margin-top: 12px;
  }	
 
    #header{width:100%;display:block;}
    div#header2{display:block;}
 span.wrapping {      padding: 0 10px;}
    
    }


 /* Phone : 320px no1 */ 
 @media only screen and (max-width:479px){ 

 a.odd-image {
    height: 200px!important;
 }

 .slidegrid .item {
    height: 200px;
 }

 .slidegrid .item:nth-child(3) {
    width: 49.5%;
    margin-bottom: 1%;
 }

 .slidegrid .item:nth-child(4) {
    width: 49.5%;
    margin-right: 0;
    margin-bottom: 1%;
 }

 .slidegrid .item:nth-child(5) {
    width: 100%;
 }
 .headerleft {
    width: 100%;
    text-align: center;
    display: block;
 }

 .headercenter {
    display: block;
    text-align: center;
    width: 100%;
 }

 .headerright {
    display: none;
 }


 .headerwrap {
    margin-top: 20px;
 }
    .slicktopgrid .item .cat-title,.metaauthor23, .metadate23, .metacomments23{display:none;}
 .slicktopgrid a.odd-image {
    height: 300px!important;
 }
    .metaauthor23, .metadate23, .metacomments23{margin-left: 12px;}
 .slicktopgrid .item-title {
        padding: 10px 10px 10px;
 }
    .slicktopgrid .itemtopinfo{width:90%;padding:10px 0;}
    .lefts{line-height:26px;}
    .slicktopgrid .item .itemtopinfo .item-title a{font-size:18px;}
    #sidebar-wrapper{width:100%;padding:0 20px!important;float:left;}
 .wrapping {
    width: 100%;
    border-right: none;
 }
 div#main {
    padding: 30px 20px!important;
 }

 .slicktopgrid .item {
    width: 100%;
 }




 div#Header1 {
    float: none;
 }

 #header .widget:last-child {
    float: none;
 }
 #header .widget:last-child img {
    max-width: 100%;
 }

 div#pages-top {
    float: none;
 }
 .le_social {
    float: none;
    display: block;
    text-align: center;
 }
 div#top-social {
    text-align: left;
 }


    
 .preload {
      height: inherit;}
    #header{width:100%;display:block;}
    div#header2{display:block;}
    
 div#top-share-buttons {
    display: block;
    clear: both;
    text-align: center;
 }
    



    img#Header1_headerimg{margin:0 auto;}
 div#header2 {
    width: 100%;
    max-width: 100%;
 }
 .header2 img {
    width: 100%;
 }



 .box .yinks_wide.left {
    width: 100%;
 }

 .post.hentry {
    width: 100%!important;
    padding-right: 0;
 }

 #adbox {
     width: initial; 
      padding: 0 20px;}
    footer .container{width:100%}

    .footer-widgets{padding:0 20px;}


    
 	body{margin-top:0px;margin-bottom:0px;}
 .box100 {
      width: 100%;margin-bottom:7%;padding-right:0;}

    
    #h8:after{top:7px;}

     #box19 .postTitle,.box .postmeta,.box1 .postmeta{bottom:26%;}

    .post-body.entry-content,.post h2{margin-left:0;}

 	
 .post h2 a {
  margin-top: 12px;
 }	
    #menu-container{margin-top:40px;}
 	
 	.headline-left {max-width: 50%;}
    
    #menu-container{width:100%;}
    #menu {width: 100%;}
    .selectnav{margin-top:14px;}
    
 	body {background: #fff;margin-left: 0;margin-right:0;overflow-x:hidden;}
    
    
    #credit .left{margin-top: 10px;}
    
    #main-wrapper{max-width: none;width:100%;}
    

    .news_imagez .news_imagez_list{margin-right:0;margin-left: 25px;}
    #f4{margin-left: 0px;margin-right: 0px;}

    
 	.footer-widgets h2 {font-size: 15px;}
    blockquote{padding: 15px 10px 20px 20px;}
 	.post blockquote {margin-left: 0;}

    input[type=&quot;search&quot;].sb-search-input{width:100%;}
    

    
    .topgridwrap {
    margin-bottom: 0;
 }

 div#main {
    padding-top: 0!important;
 }
    

 }

 </style>

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

 @media only screen and (max-width: 767px) and (min-width: 480px){
 .post.hentry {
    width: 100%;
 }               
 #related-posts a {
    width: 100%;
    margin-bottom: 5px!important;
 }#related-posts a div {
    width: 100%!important;
 }
 }
 @media only screen and (max-width:479px){ #related-posts a {
    width: 100%;
    margin-bottom: 5px!important;
 }#related-posts a div {
    width: 100%!important;
 }div#related-posts a div {
    width: initial!important;
 }
                  }
 @media only screen and (max-width:1024px) and (min-width: 768px) {
 .post.hentry {
    width: 100%;
 } 
 #related-posts a div {
    width: 100%!important;
 }div#related-posts a div {
    width: initial!important;
 }
                 }
 @media only screen and (max-width:1205px) and (min-width: 1025px) {

 .post.hentry {
    width: 100%;
 }
 #main-wrapper {
    width: 670px;
 }
 div#related-posts a div {
    width: initial!important;
 }

                  }
 				</style>
  		  </b:if>

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

 @media only screen and (max-width: 767px) and (min-width: 480px){
             .post.hentry {
    width: 100%;
 }
     }
 @media only screen and (max-width:479px){ 
  .post.hentry {
    width: 100%;
 }
                }
 @media only screen and (max-width:1024px) and (min-width: 768px) {
    .post.hentry {
    width: 100%;
 }
              }
 @media only screen and (max-width:1205px) and (min-width: 1025px) {
 .post.hentry {
    width: 100%;
 }
 #main-wrapper {
    width: 670px;
 }
                  }
 				</style>
 </b:if>

 <meta content='blogger' name='generator'/>

 <b:if cond='data:blog.pageType != &quot;index&quot;'>
 <meta expr:content='data:blog.title' property='og:site_name'/>
 <meta expr:content='data:blog.pageName' property='og:title'/>
 <meta content='article' property='og:type'/>
 <b:else/>
 <meta expr:content='data:blog.title' property='og:title'/>
 <meta content='blog' property='og:type'/>
 </b:if>
 <meta expr:content='data:blog.metaDescription' property='og:description'/>
 <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
 <b:if cond='data:blog.postImageThumbnailUrl'>
 <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
 <b:else/>
 <meta content='http://2.bp.blogspot.com/-trePMSNoxaY/U4UHOqz6hwI/AAAAAAAAAGo/cfn2S4W4nqQ/s1600/Odd-Themes-Logo.png' property='og:image'/>
 </b:if>
 <meta content='facebook admins' property='fb:admins'/>
 <meta content='facebook app id' property='fb:app_id'/>
 <meta content='en_US' property='og:locale'/>
 <meta content='en_GB' property='og:locale:alternate'/>
 <meta content='hi_IN' property='og:locale:alternate'/>
  </head>
  <body>

    
 <div class='wholewrapper'>
 <div id='fb-root'/>
 <script>
 //<![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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=778800582250308";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));




 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');


 //]]>
 </script>
  

 <b:section class='theme-options' id='Theme-Options' maxwidgets='4' showaddelement='no'>
  <b:widget id='HTML399' locked='true' title='Website Border[On/Off]' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>on</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
          
            &lt;script type=&#39;text/javascript&#39;&gt;
            var websiteborder = &#39;<data:content/>&#39;;
 			if(websiteborder==&#39;on&#39;||websiteborder==&#39;ON&#39;||websiteborder==&#39;On&#39;){
 				$(&#39;body&#39;).addClass(&#39;websiteborder&#39;);                
 			}
            else if(websiteborder==&#39;off&#39;||websiteborder==&#39;OFF&#39;||websiteborder==&#39;Off&#39;){
 	          	$(&#39;body&#39;).addClass(&#39;nowebsiteborder&#39;);             
            }		
 			else{
 				$(&#39;body&#39;).addClass(&#39;nowebsiteborder&#39;);             
 			}	

            &lt;/script&gt;
          
        </b:includable>
  </b:widget>
  <b:widget id='HTML359' locked='true' title='Website Border Color' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'/>
    </b:widget-settings>
    <b:includable id='main'>

            &lt;style&gt;
          .websiteborder{border-color:<data:content/>;}
            &lt;/style&gt;
          
        </b:includable>
  </b:widget>
 </b:section>

    
    

    <div class='clear'/>


 <div id='head-wrapper23'>
 <div class='headerwrap'>

 <div class='headerleft'>
 <b:section id='top-social-icons' preferred='yes' showaddelement='false'>
  <b:widget id='HTML056' locked='false' title='Top Social Icons' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div class=&quot;topsocial&quot;&gt;
 &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-facebook-square&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-instagram&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-behance&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-rss&quot;/&gt;&lt;/i&gt;&lt;/a&gt;
 &lt;/div&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  
    <data:content/>
  
  <b:include name='quickedit'/>
 </b:includable>
  </b:widget>
 </b:section>
  </div>
 <div class='headercenter'>

      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='Narrator Template (Header)' type='Header' version='1'>
          <b:widget-settings>
            <b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-ZwLqEd4d8LQ/XYIjWq5OykI/AAAAAAAAfjk/0aEKePaF-ZYR52s0apqhvqoxmpSiJFFmgCK4BGAYYCw/s1600/narrator.png</b:widget-setting>
            <b:widget-setting name='displayHeight'>43</b:widget-setting>
            <b:widget-setting name='sectionWidth'>262</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'>300</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <b:if cond='data:useImage'>
              <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                <!--
 Show image as background to text. You can't really calculate the width
 reliably in JS because margins are not taken into account by any of
 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
 width if the user is using shrink to fit.
 This results in a margin-width's worth of pixels being cropped. If the
 user is not using shrink to fit then we expand the header.
 -->
                <b:if cond='data:mobile'>
                  <div id='head-inner'>
                    <div class='titlewrapper' style='background: transparent'>
                      <h2 class='title' style='background: transparent; border-width: 0px'>
                        <b:include name='title'/>
                      </h2>
                    </div>
                    <b:include name='description'/>
                  </div>
                  <b:else/>
                  <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='head-inner'>
                    <div class='titlewrapper' style='background: transparent'>
                      <h2 class='title' style='background: transparent; border-width: 0px'>
                        <b:include name='title'/>
                      </h2>
                    </div>
                    <b:include name='description'/>
                  </div>
                </b:if>
                <b:else/>
                <!--Show the image only-->
                <div id='head-inner'>
                  <a expr:href='data:blog.homepageUrl' style='display: block'>
                    <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                  </a>
                  <!--Show the description-->
                  <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                    <b:include name='description'/>
                  </b:if>
                </div>
              </b:if>
              <b:else/>
              <!--No header image -->
              <div id='head-inner'>
                <div class='titlewrapper'>
                  <h2 class='title'>
                    <b:include name='title'/>
                  </h2>
                </div>
                <b:include name='description'/>
              </div>
            </b:if>
          </b:includable>
          <b:includable id='description'>
            <div class='descriptionwrapper'>
              <p class='description'>
                <span>
                  <data:description/>
                </span>
              </p>
            </div>
          </b:includable>
          <b:includable id='title'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <data:title/>
              <b:else/>
              <a expr:href='data:blog.homepageUrl'>
                <data:title/>
              </a>
            </b:if>
          </b:includable>
        </b:widget>
      </b:section>
  </div>
 <div class='headerright'>
 <span class='sb-icon-search'/>

  </div>

    </div>
    </div>
 <div class='sb-search' id='sb-search'>
 	<form action='/search' method='get' role='search'>
 		<input class='sb-search-input' id='search' name='q' placeholder='Search...' type='search' value=''/>
      <input class='sb-search-submit' type='submit' value=''/>
 		
 	</form>
 </div>
 <span class='sb-icon-close'/>
 <div class='topbar'>
 <div class='rapper'>
      <div class='lefttop'>

 <nav id='navtop1'>

 <b:section id='main-menu-bar' preferred='yes' showaddelement='false'>
   <b:widget id='HTML047' locked='false' title='Main Menu Bar' type='HTML' version='1'>
     <b:widget-settings>
       <b:widget-setting name='content'>&lt;ul class=&#39;topmenu1 megamenu&#39; id=&#39;megamenuid&#39;&gt;
  &lt;li&gt;&lt;a href=&#39;/&#39;&gt;Home&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a class=&#39;menu-target&#39; href=&#39;#&#39;&gt;Megamenu&lt;/a&gt;
  &lt;ul class=&#39;ulmenu&#39;&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Travel&#39;&gt;Travel&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Lifestyle&#39;&gt;Lifestyle&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Fashion&#39;&gt;Fashion&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/search/label/Beauty&#39;&gt;Beauty&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Features&lt;/a&gt;
  &lt;ul class=&#39;singlemenu&#39;&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2017/09/posing-near-wardrobe.html&#39;&gt;Left Sidebar Post&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2014/02/traveling-with-my-bike-in-this-awesome.html&#39;&gt;Fullwidth Post&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;https://narrator-oddthemes.blogspot.in/2014/02/enjoying-breeze-at-small-island.html&#39;&gt;Right Sidebar Post&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
 &lt;/li&gt;
  &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Country&lt;/a&gt;
  &lt;ul class=&#39;singlemenu&#39;&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;United States&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Australia&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Denmark&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;United Kingdom&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Egypt&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=&#39;#&#39;&gt;India&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href=&#39;#&#39;&gt;Fashion&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Download&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  
    <data:content/>
  
  <b:include name='quickedit'/>
 </b:includable>
   </b:widget>
 </b:section>




 </nav>


 </div>
   
 </div>
    </div>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
 <div class='topgridwrap'>


 <b:section id='slidegrid' showaddelement='no'>
  <b:widget id='HTML065' locked='false' mobile='yes' title='Slide Grid' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Featured</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>		
 <div class='preload'>
                                                <!-- Begin item -->
        
 <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts26\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
  </div>
 </b:includable>
  </b:widget>
 </b:section>
                </div>
                <div class='clear'/>

 </b:if>
              </b:if>            
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div class='out-line'/>

   
  </b:if></b:if>



 <div class='wrappostarea'>
 <div class='wrapping'>





            <b:section class='main' id='main' showaddelement='no'>
              <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
                <b:widget-settings>
                  <b:widget-setting name='showDateHeader'>true</b:widget-setting>
                  <b:widget-setting name='style.textcolor'>#000000</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'>#000000</b:widget-setting>
                  <b:widget-setting name='showAuthor'>false</b:widget-setting>
                  <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
                  <b:widget-setting name='style.linkcolor'>#000000</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='showAuthorProfile'>false</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'>true</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='top'>

 <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>
 <b:include data='posts' name='breadcrumb'/>
      <b:loop values='data:posts' var='post'>
        
        
        
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        

        <!-- Ad -->
        <b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

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

  <b:if cond='data:top.showPlusOne'>
    <data:top.googlePlusBootstrap/>
  </b:if>



 					</b:includable>
                <b:includable id='backlinkDeleteIcon' var='backlink'>
                  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                      <img src='//www.blogger.com/img/icon_delete13.gif'/>
                    </a>
                  </span>
                </b:includable>
                <b:includable id='backlinks' var='post'>
                  <a name='links'/>
                  <h4>
                    <data:post.backlinksLabel/>
                  </h4>
                  <b:if cond='data:post.numBacklinks != 0'>
                    <dl class='comments-block' id='comments-block'>
                      <b:loop values='data:post.backlinks' var='backlink'>
                        <div class='collapsed-backlink backlink-control'>
                          <dt class='comment-title'>
                            <span class='backlink-toggle-zippy'>
                              &#160;
                            </span>
                            <a expr:href='data:backlink.url' rel='nofollow'>
                              <data:backlink.title/>
                            </a>
                            <b:include data='backlink' name='backlinkDeleteIcon'/>
                          </dt>
                          <dd class='comment-body collapseable'>
                            <data:backlink.snippet/>
                          </dd>
                          <dd class='comment-footer collapseable'>
                            <span class='comment-author'>
                              <data:post.authorLabel/>
                              <data:backlink.author/>
                            </span>
                            <span class='comment-timestamp'>
                              <data:post.timestampLabel/>
                              <data:backlink.timestamp/>
                            </span>
                          </dd>
                        </div>
                      </b:loop>
                    </dl>
                  </b:if>
                  <p class='comment-footer'>
                    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                      <data:post.createLinkLabel/>
                    </a>
                  </p>
                </b:includable>
                <b:includable id='breadcrumb' var='posts'>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <!-- No breadcrumb on home page -->
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <!-- breadcrumb for the post page -->
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
 <b:loop values='data:posts' var='post'>
 <b:if cond='data:post.labels'>
 <b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast == &quot;true&quot;'> <i aria-hidden='true' class='fa fa-angle-right'/>
 <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
 </b:if>
 </b:loop>
 <b:else/>
 <i aria-hidden='true' class='fa fa-angle-right'/>Unlabelled
 </b:if>
 <i aria-hidden='true' class='fa fa-angle-right'/> <span><data:post.title/></span>
 </b:loop>
 </span>
 </p>
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <!-- breadcrumb for the label archive page and search pages.. -->
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <a expr:href='data:blog.homepageUrl'>Home</a> <i aria-hidden='true' class='fa fa-angle-right'/> Archives for <data:blog.pageName/>
 </span>
 </p>
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
 <p class='breadcrumbs'>
 <span class='post-labels'>
 <b:if cond='data:blog.pageName == &quot;&quot;'>
 <a expr:href='data:blog.homepageUrl'>Home</a> <i aria-hidden='true' class='fa fa-angle-right'/> All posts
 <b:else/>
 <a expr:href='data:blog.homepageUrl'>Home</a> <i aria-hidden='true' class='fa fa-angle-right'/> Posts filed under <data:blog.pageName/>
 </b:if>
 </span>
 </p>
 </b:if>
 </b:if>
 </b:if>
 </b:if>
 </b:includable>
                <b:includable id='comment-form' var='post'>
                  <div class='comment-form'>
                    <a name='comment-form'/>
                    <b:if cond='data:mobile'>
                      <h2 class='title' id='comment-post-message'>
                        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                          <data:postCommentMsg/>
                        </a>
                      </h2>
                      <p>
                        <data:blogCommentMessage/>
                      </p>
                      <data:blogTeamBlogMessage/>
                      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                      <b:else/>
                      <h2 class='title' id='comment-post-message'>
                        <data:postCommentMsg/>
                      </h2>
                      <p>
                        <data:blogCommentMessage/>
                      </p>
                      <data:blogTeamBlogMessage/>
                      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                    </b:if>
                    <data:post.friendConnectJs/>
                    <data:post.cmtfpIframe/>
                    <script type='text/javascript'>
                      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                    </script>
                  </div>
                </b:includable>
                <b:includable id='commentDeleteIcon' var='comment'>
                  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                    <b:if cond='data:showCmtPopup'>
                      <div class='goog-toggle-button'>
                        <div class='goog-inline-block comment-action-icon'/>
                      </div>
                      <b:else/>
                      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                        <img src='//www.blogger.com/img/icon_delete13.gif'/>
                      </a>
                    </b:if>
                  </span>
                </b:includable>
                <b:includable id='comment_count_picker' var='post'>
                  <b:if cond='data:post.forceIframeComments'>
                    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                    </span>
                    <b:else/>
                    <b:if cond='data:post.commentSource == 1'>
                      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                      </span>
                      <b:else/>
                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        <data:post.commentLabelFull/>
                        :
                      </a>
                    </b:if>
                  </b:if>
                </b:includable>
                <b:includable id='comment_picker' var='post'>
                  <b:if cond='data:post.forceIframeComments'>
                    <b:include data='post' name='iframe_comments'/>
                    <b:if cond='data:post.showThreadedComments'>
                      <b:include data='post' name='threaded_comments'/>
                      <b:else/>
                      <b:include data='post' name='comments'/>
                    </b:if>
                    <b:else/>
                    <b:if cond='data:post.commentSource == 1'>
                      <b:include data='post' name='iframe_comments'/>
                      <b:else/>
                      <b:if cond='data:post.showThreadedComments'>
                        <b:include data='post' name='threaded_comments'/>
                        <b:else/>
                        <b:include data='post' name='comments'/>
                      </b:if>
                    </b:if>
                  </b:if>
                </b:includable>
                <b:includable id='comments' var='post'>
                  <div class='comments' id='comments'>
                    <a name='comments'/>
                    <b:if cond='data:post.allowComments'>
                      <b:if cond='data:post.commentPagingRequired'>
                        <span class='paging-control-container'>
                          <b:if cond='data:post.hasOlderLinks'>
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                              <data:post.oldestLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                              <data:post.olderLinkText/>
                            </a>
                            &#160;
                          </b:if>
                          <data:post.commentRangeText/>
                          <b:if cond='data:post.hasNewerLinks'>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                              <data:post.newerLinkText/>
                            </a>
                            &#160;
                            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                              <data:post.newestLinkText/>
                            </a>
                          </b:if>
                        </span>
                      </b:if>
                      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                          <b:loop values='data:post.comments' var='comment'>
                            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                              <b:if cond='data:comment.favicon'>
                                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                              </b:if>
                              <a expr:name='data:comment.anchorName'/>
                              <b:if cond='data:blog.enabledCommentProfileImages'>
                                <data:comment.authorAvatarImage/>
                              </b:if>
                              <b:if cond='data:comment.authorUrl'>
                                <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                  <data:comment.author/>
                                </a>
                                <b:else/>
                                <data:comment.author/>
                              </b:if>
                              <data:commentPostedByMsg/>
                            </dt>
                            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                              <b:if cond='data:comment.isDeleted'>
                                <span class='deleted-comment'>
                                  <data:comment.body/>
                                </span>
                                <b:else/>
                                <p>
                                  <data:comment.body/>
                                </p>
                              </b:if>
                            </dd>
                            <dd class='comment-footer'>
                              <span class='comment-timestamp'>
                                <a expr:href='data:comment.url' title='comment permalink'>
                                  <data:comment.timestamp/>
                                </a>
                                <b:include data='comment' name='commentDeleteIcon'/>
                              </span>
                            </dd>
                          </b:loop>
                        </dl>
                      </div>
                      <b:if cond='data:post.commentPagingRequired'>
                        <span class='paging-control-container'>
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                            <data:post.oldestLinkText/>
                          </a>
                          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                            <data:post.olderLinkText/>
                          </a>
                          &#160;
                          <data:post.commentRangeText/>
                          &#160;
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                            <data:post.newerLinkText/>
                          </a>
                          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                            <data:post.newestLinkText/>
                          </a>
                        </span>
                      </b:if>
                      <p class='comment-footer'>
                        <b:if cond='data:post.embedCommentForm'>
                          <b:if cond='data:post.allowNewComments'>
                            <b:include data='post' name='comment-form'/>
                            <b:else/>
                            <data:post.noNewCommentsText/>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:post.allowComments'>
                            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                              <data:postCommentMsg/>
                            </a>
                          </b:if>
                        </b:if>
                      </p>
                    </b:if>
                    <b:if cond='data:showCmtPopup'>
                      <div id='comment-popup'>
                        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                        </iframe>
                      </div>
                    </b:if>
                    <div id='backlinks-container'>
                      <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                        <b:if cond='data:post.showBacklinks'>
                          <b:include data='post' name='backlinks'/>
                        </b:if>
                      </div>
                    </div>
                  </div>
                </b:includable>
                <b:includable id='feedLinks'>
                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                    <!-- Blog feed links -->
                    <b:if cond='data:feedLinks'>
                      <div class='blog-feeds'>
                        <b:include data='feedLinks' name='feedLinksBody'/>
                      </div>
                    </b:if>
                    <b:else/>
                    <!--Post feed links -->
                    <div class='post-feeds'>
                      <b:loop values='data:posts' var='post'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.feedLinks'>
                            <b:include data='post.feedLinks' name='feedLinksBody'/>
                          </b:if>
                        </b:if>
                      </b:loop>
                    </div>
                  </b:if>
                </b:includable>
                <b:includable id='feedLinksBody' var='links'>
                  <div class='feed-links'>
                    <data:feedLinksMsg/>
                    <b:loop values='data:links' var='f'>
                      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                        <data:f.name/>
                        (
                        <data:f.feedType/>
                        )
                      </a>
                    </b:loop>
                  </div>
                </b:includable>
                <b:includable id='iframe_comments' var='post'>
                  <b:if cond='data:post.allowIframeComments'>
                    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                    <div class='cmt_iframe_holder'/>
                    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                        <data:postCommentMsg/>
                      </a>
                    </b:if>
                  </b:if>
                </b:includable>
                <b:includable id='mobile-index-post' var='post'>
                  <div class='mobile-date-outer date-outer'>
                    <b:if cond='data:post.dateHeader'>
                      <div class='date-header'>
                        <span>
                          <data:post.dateHeader/>
                        </span>
                      </div>
                    </b:if>
                    <div class='mobile-post-outer'>
                      <a expr:href='data:post.url'>
                        <h3 class='mobile-index-title entry-title' itemprop='name'>
                          <data:post.title/>
                        </h3>
                        <div class='mobile-index-arrow'>
                          &amp;rsaquo;
                        </div>
                        <div class='mobile-index-contents'>
                          <b:if cond='data:post.thumbnailUrl'>
                            <div class='mobile-index-thumbnail'>
                              <div class='Image'>
                                <img expr:src='data:post.thumbnailUrl'/>
                              </div>
                            </div>
                          </b:if>
                          <div class='post-body'>
                            <b:if cond='data:post.snippet'>
                              <data:post.snippet/>
                            </b:if>
                          </div>
                        </div>
                        <div style='clear: both;'/>
                      </a>
                      <div class='mobile-index-comment'>
                        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                          <b:if cond='data:post.allowComments'>
                            <b:if cond='data:post.numComments != 0'>
                              <b:include data='post' name='comment_count_picker'/>
                            </b:if>
                          </b:if>
                        </b:if>
                      </div>
                    </div>
                  </div>
                </b:includable>
                <b:includable id='mobile-main' var='top'>
                  <!-- posts -->
                  <div class='blog-posts hfeed'>
                    <b:include data='top' name='status-message'/>
                    <b:if cond='data:blog.pageType == &quot;index&quot;'>
                      <b:loop values='data:posts' var='post'>
                        <b:include data='post' name='mobile-index-post'/>
                      </b:loop>
                      <b:else/>
                      <b:loop values='data:posts' var='post'>
                        <b:include data='post' name='mobile-post'/>
                      </b:loop>
                    </b:if>
                  </div>
                  <b:include name='mobile-nextprev'/>
                </b:includable>
                <b:includable id='mobile-nextprev'>
                  <div class='blog-pager' id='blog-pager'>
                    <b:if cond='data:newerPageUrl'>
                      <div class='mobile-link-button' id='blog-pager-newer-link'>
                        <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                          &amp;lsaquo;
                        </a>
                      </div>
                    </b:if>
                    <b:if cond='data:olderPageUrl'>
                      <div class='mobile-link-button' id='blog-pager-older-link'>
                        <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                          &amp;rsaquo;
                        </a>
                      </div>
                    </b:if>
                    <div class='mobile-link-button' id='blog-pager-home-link'>
                      <a class='home-link' expr:href='data:blog.homepageUrl'>
                        <data:homeMsg/>
                      </a>
                    </div>
                    <div class='mobile-desktop-link'>
                      <a class='home-link' expr:href='data:desktopLinkUrl'>
                        <data:desktopLinkMsg/>
                      </a>
                    </div>
                  </div>
                  <div class='clear'/>
                </b:includable>
                <b:includable id='mobile-post' var='post'>
                  <div class='date-outer'>
                    <b:if cond='data:post.dateHeader'>
                      <h2 class='date-header'>
                        <span>
                          <data:post.dateHeader/>
                        </span>
                      </h2>
                    </b:if>
                    <div class='date-posts'>
                      <div class='post-outer'>
                        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                          <a expr:name='data:post.id'/>
                          <b:if cond='data:post.title'>
                            <h2 class='post-title entry-title' itemprop='name'>
                              <b:if cond='data:post.link'>
                                <a expr:href='data:post.link'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <b:if cond='data:post.url'>
                                  <b:if cond='data:blog.url != data:post.url'>
                                    <a expr:href='data:post.url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                              </b:if>
                            </h2>
                          </b:if>
                          <div class='post-header'>
                            <div class='post-header-line-1'/>
                          </div>
                          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                            <data:post.body/>
                            <div style='clear: both;'/>
                            <!-- clear for photos floats -->
                          </div>
                          <div class='post-footer'>
                            <div class='post-footer-line post-footer-line-1'>
                              <span class='post-author vcard'>
                                <b:if cond='data:top.showAuthor'>
                                  <b:if cond='data:post.authorProfileUrl'>
                                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                        <span itemprop='name'>
                                          <data:post.author/>
                                        </span>
                                      </a>
                                    </span>
                                    <b:else/>
                                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </span>
                                  </b:if>
                                </b:if>
                              </span>
                              <span class='post-timestamp'>
                                <b:if cond='data:top.showTimestamp'>
                                  <data:top.timestampLabel/>
                                  <b:if cond='data:post.url'>
                                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                      <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                        <data:post.timestamp/>
                                      </abbr>
                                    </a>
                                  </b:if>
                                </b:if>
                              </span>
                              <span class='post-comment-link'>
                                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                    <b:if cond='data:post.allowComments'>
                                      <b:include data='post' name='comment_count_picker'/>
                                    </b:if>
                                  </b:if>
                                </b:if>
                              </span>
                            </div>
                            
                          </div>
                        </div>
                        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                          <b:include data='post' name='comment_picker'/>
                        </b:if>
                        <b:if cond='data:blog.pageType == &quot;item&quot;'>
                          <b:include data='post' name='comment_picker'/>
                        </b:if>
                      </div>
                    </div>
                  </div>
                </b:includable>
                <b:includable id='nextprev'>
                  <div class='blog-pager' id='blog-pager'>
                    <b:if cond='data:newerPageUrl'>
                      <span id='blog-pager-newer-link'>
                        <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                          <data:newerPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <b:if cond='data:olderPageUrl'>
                      <span id='blog-pager-older-link'>
                        <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                          <data:olderPageTitle/>
                        </a>
                      </span>
                    </b:if>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                    <b:if cond='data:mobileLinkUrl'>
                      <div class='blog-mobile-link'>
                        <a expr:href='data:mobileLinkUrl'>
                          <data:mobileLinkMsg/>
                        </a>
                      </div>
                    </b:if>
                  </div>
                  <div class='clear'/>
                </b:includable>
                <b:includable id='post' var='post'>
                  <div class='post hentry'>
                    <a expr:name='data:post.id'/>
                    
                    
                    <b:if cond='data:blog.pageType == &quot;index&quot;'>
                      <div class='cutter overlay'>
                       
                        <a expr:href='data:post.url'>
 <b:if cond='data:post.firstImageUrl'>
 																<div class='post-thumb'>
 																	<a expr:href='data:post.url'>
 																		<img class='lazy' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl,400,&quot;380:260&quot;)'/>
 																	</a>
 																</div><!-- Post Image -->
 							    							</b:if>

                        </a>
                      </div>
                    </b:if>
 <b:if cond='data:post.title'>



 <b:if cond='data:blog.pageType == &quot;index&quot;'>
                      <h2 class='post-title entry-title'>
                        <b:if cond='data:post.link'>
                          <a expr:href='data:post.link'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <b:if cond='data:post.url'>
                            <b:if cond='data:blog.url != data:post.url'>
                              <a expr:href='data:post.url'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                        </b:if>
                      </h2>
  </b:if>


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <b:if cond='data:post.labels'>
                              <div class='labelhome1'>      
                                <b:loop values='data:post.labels' var='label'>
 								<b:if cond='data:label.isLast'>
                                  <a expr:href='data:label.url' rel='tag'>
                                    <data:label.name/>
                                  </a>
                                  </b:if>
                                  </b:loop>
                              </div>
                            </b:if>
                          </b:if>

 <b:if cond='data:blog.pageType != &quot;index&quot;'>
 <h1 class='post-title entry-title'>
                        <b:if cond='data:post.link'>
                          <a expr:href='data:post.link'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <b:if cond='data:post.url'>
                            <b:if cond='data:blog.url != data:post.url'>
                              <a expr:href='data:post.url'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                            <b:else/>
                            <data:post.title/>
                          </b:if>
                        </b:if>
                      </h1>
  </b:if>


                    </b:if>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <span class='post-wrap'>
                        <p class='post-meta'>
                          <span>
                            By 
                            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'><data:post.author/></a>
                          </span>
                          <span>At 
                          <data:post.timestamp/>
                          </span>
                          <span><i class='fa fa-comments'/> 
                          <data:post.numComments/>
                          </span>
 							
  </p>

 </span>
                        <!-- /metas -->
                      </b:if>
                    </b:if>
                    <div class='post-header'>
                      <div class='post-header-line-1'/>
                    </div>
                    
                    
                    
                    <div class='post-body entry-content'>
                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 	

                          <div class='postareameta'>
 								<data:post.timestamp/>
 								<i class='fa fa-comments'/><data:post.numComments/>
                          </div>


                          
                          <div class='homepagesummary'><data:post.snippet/></div>

                          	<div class='latestpostreadmore'>
                              <a expr:href='data:post.url'>READ MORE</a>
 							</div>



                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <data:post.body/>
                        
 <div class='post_social_share'>
    
 <span class='sharetext'>
 	Share: 
  </span>
    <div class='share_this_content'>
      
      <a class='social_share fb' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><i class='fa fa-facebook'/></a>
      <a class='social_share tw' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><i class='fa fa-twitter'/></a>
      <a class='social_share gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><i class='fa fa-google-plus'/></a>
      <a class='social_share pi' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' title='Share this on Google+'><i class='fa fa-pinterest'/></a>
 <a class='social_share whats' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=Take a look at this : &quot; + data:post.url + &quot; From &quot; + data:blog.title'><i class='fa fa-whatsapp'/></a>
      <a class='social_share li' expr:href='&quot;https://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:blog.url.canonical + &quot;&amp;title=&quot; + data:view.title.escaped + &quot;&amp;summary=&quot; + data:view.description.escaped' target='_blank'><i class='fa fa-linkedin'/></a>
      <a class='social_share em' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><i class='fa fa-envelope-o'/></a>
     
    </div>
 </div>
 								
 								                            <div style='clear: both;'/>




 <div class='clear'/>
                        <div id='related-posts'>
                          
                            <h2 class='title'>You Might Also Like</h2>
                        
                        <b:loop values='data:post.labels' var='label'>
                          <b:if cond='data:label.isLast != &quot;true&quot;'>
                          </b:if>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/>
                          </b:if>
                        </b:loop>
                        <script type='text/javascript'>
                          var currentposturl=&quot;<data:post.url/>&quot;;
                          var maxresults=3;
                          var relatedpoststitle=&quot;<b/>&quot;;
                          removeRelatedDuplicates_thumbs();
                          printRelatedLabels_thumbs();
                        </script>
                      </div>
                      <div class='clear'/>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <data:post.body/>
                    </b:if>
                    <b:if cond='data:blog.pageType != &quot;item&quot;'>
                    </b:if>
                    <div style='clear: both;'/>
                    <!-- clear for photos floats -->
                  </div>
                  <b:if cond='data:post.hasJumpLink'>
                    <div class='jump-link'>
                      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
                        <data:post.jumpText/>
                      </a>
                    </div>
                  </b:if>


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <div class='post-footer'>
   

    

     
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-wrap'><h2 class='title'>About Author</h2></div>     
   <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
        
      </b:if>
  </div></b:if>
                </div>
              </b:includable>
                <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                  <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                      <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                    </a>
                  </span>
                </b:if>
              </b:includable>
                <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showEmailButton'>
                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.emailThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showBlogThisButton'>
                  <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.blogThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showTwitterButton'>
                  <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToTwitterMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showFacebookButton'>
                  <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToFacebookMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
                <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'>
                          <data:navMessage/>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
                <b:includable id='threaded-comment-form' var='post'>
                <div class='comment-form'>
                  <a name='comment-form'/>
                  <b:if cond='data:mobile'>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                    <b:else/>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                  </b:if>
                  <data:post.friendConnectJs/>
                  <data:post.cmtfpIframe/>
                  <script type='text/javascript'>
                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                  </script>
                </div>
              </b:includable>
                <b:includable id='threaded_comment_js' var='post'>
                <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
                <script type='text/javascript'>
                  (function() {
                    var items = <data:post.commentJso/>;
                    var msgs = <data:post.commentMsgs/>;
                    var config = <data:post.commentConfig/>;
                    // <![CDATA[
                    var cursor = null;
                    if (items && items.length > 0) {
                      cursor = parseInt(items[items.length - 1].timestamp) + 1;
                    }
                    var bodyFromEntry = function(entry) {
                      if (entry.gd$extendedProperty) {
                        for (var k in entry.gd$extendedProperty) {
                          if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                            return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                          }
                        }
                      }
                      return entry.content.$t;
                    }
                    var parse = function(data) {
                      cursor = null;
                      var comments = [];
                      if (data && data.feed && data.feed.entry) {
                        for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                          var comment = {};
                          // comment ID, parsed out of the original id format
                          var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                          comment.id = id ? id[2] : null;
                          comment.body = bodyFromEntry(entry);
                          comment.timestamp = Date.parse(entry.published.$t) + '';
                          if (entry.author && entry.author.constructor === Array) {
                            var auth = entry.author[0];
                            if (auth) {
                              comment.author = {
                                name: (auth.name ? auth.name.$t : undefined),
                                profileUrl: (auth.uri ? auth.uri.$t : undefined),
                                avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                              };
                            }
                          }
                          if (entry.link) {
                            if (entry.link[2]) {
                              comment.link = comment.permalink = entry.link[2].href;
                            }
                            if (entry.link[3]) {
                              var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                              if (pid && pid[1]) {
                                comment.parentId = pid[1];
                              }
                            }
                          }
                          comment.deleteclass = 'item-control blog-admin';
                          if (entry.gd$extendedProperty) {
                            for (var k in entry.gd$extendedProperty) {
                              if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                                comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                              } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                                comment.displayTime = entry.gd$extendedProperty[k].value;
                              }
                            }
                          }
                          comments.push(comment);
                        }
                      }
                      return comments;
                    };
                    var paginator = function(callback) {
                      if (hasMore()) {
                        var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                        if (cursor) {
                          url += '&published-min=' + new Date(cursor).toISOString();
                        }
                        window.bloggercomments = function(data) {
                          var parsed = parse(data);
                          cursor = parsed.length < 50 ? null
                          : parseInt(parsed[parsed.length - 1].timestamp) + 1
                          callback(parsed);
                          window.bloggercomments = null;
                        }
                        url += '&callback=bloggercomments';
                        var script = document.createElement('script');
                        script.type = 'text/javascript';
                        script.src = url;
                        document.getElementsByTagName('head')[0].appendChild(script);
                      }
                    };
                    var hasMore = function() {
                      return !!cursor;
                    };
                    var getMeta = function(key, comment) {
                      if ('iswriter' == key) {
                        var matches = !!comment.author
                        && comment.author.name == config.authorName
                        && comment.author.profileUrl == config.authorUrl;
                        return matches ? 'true' : '';
                      } else if ('deletelink' == key) {
                        return config.baseUri + '/delete-comment.g?blogID='
                        + config.blogId + '&postID=' + comment.id;
                      } else if ('deleteclass' == key) {
                        return comment.deleteclass;
                      }
                      return '';
                    };
                    var replybox = null;
                    var replyUrlParts = null;
                    var replyParent = undefined;
                    var onReply = function(commentId, domId) {
                      if (replybox == null) {
                        // lazily cache replybox, and adjust to suit this style:
                        replybox = document.getElementById('comment-editor');
                        if (replybox != null) {
                          replybox.height = '250px';
                          replybox.style.display = 'block';
                          replyUrlParts = replybox.src.split('#');
                        }
                      }
                      if (replybox && (commentId !== replyParent)) {
                        document.getElementById(domId).insertBefore(replybox, null);
                        replybox.src = replyUrlParts[0]
                        + (commentId ? '&parentID=' + commentId : '')
                        + '#' + replyUrlParts[1];
                        replyParent = commentId;
                      }
                    };
                    var hash = (window.location.hash || '#').substring(1);
                    var startThread, targetComment;
                    if (/^comment-form_/.test(hash)) {
                      startThread = hash.substring('comment-form_'.length);
                    } else if (/^c[0-9]+$/.test(hash)) {
                      targetComment = hash.substring(1);
                    }
                    // Configure commenting API:
                    var configJso = {
                      'maxDepth': config.maxThreadDepth
                    };
                    var provider = {
                      'id': config.postId,
                      'data': items,
                      'loadNext': paginator,
                      'hasMore': hasMore,
                      'getMeta': getMeta,
                      'onReply': onReply,
                      'rendered': true,
                      'initComment': targetComment,
                      'initReplyThread': startThread,
                      'config': configJso,
                      'messages': msgs
                    };
                    var render = function() {
                      if (window.goog && window.goog.comments) {
                        var holder = document.getElementById('comment-holder');
                        window.goog.comments.render(holder, provider);
                      }
                    };
                    // render now, or queue to render when library loads:
                    if (window.goog && window.goog.comments) {
                      render();
                    } else {
                      window.goog = window.goog || {};
                      window.goog.comments = window.goog.comments || {};
                      window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                      window.goog.comments.loadQueue.push(render);
                    }
                  })();
                  // ]]>
                </script>
              </b:includable>
                <b:includable id='threaded_comments' var='post'>
                <div class='comments' id='comments'>
                  <a name='comments'/>
                  <h2 class='title'>
                    <data:post.commentLabelFull/>
                    :
                  </h2>
                  <div class='comments-content'>
                    <b:if cond='data:post.embedCommentForm'>
                      <b:include data='post' name='threaded_comment_js'/>
                    </b:if>
                    <div id='comment-holder'>
                      <data:post.commentHtml/>
                    </div>
                  </div>
                  <p class='comment-footer'>
                    <b:if cond='data:post.allowNewComments'>
                      <b:include data='post' name='threaded-comment-form'/>
                      <b:else/>
                      <data:post.noNewCommentsText/>
                    </b:if>
                  </p>
                  <b:if cond='data:showCmtPopup'>
                    <div id='comment-popup'>
                      <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                      </iframe>
                    </div>
                  </b:if>
                  <div id='backlinks-container'>
                    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                      <b:if cond='data:post.showBacklinks'>
                        <b:include data='post' name='backlinks'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
              </b:widget>
            </b:section>

  </div>

  <div id='sidebar-wrapper'>
          



          <b:section class='sidebar' id='sidebar' preferred='yes'>
            <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
              <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'>false</b:widget-setting>
                <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <b:if cond='data:title'>
                    	<div>     
 						<h2 class='title'>
 							<data:title/>
                          </h2>
                          </div>
                </b:if>
                <div class='widget-content popular-posts'>
                  <ul>
                    <b:loop values='data:posts' var='post'>
                      <li>
                        <b:if cond='data:showThumbnails == &quot;false&quot;'>
                          <b:if cond='data:showSnippets == &quot;false&quot;'>
                            <!-- (1) No snippet/thumbnail -->
                            <a expr:href='data:post.href'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <!-- (2) Show only snippets -->
                            <div class='item-title'>
                              <a expr:href='data:post.href'>
                                <data:post.title/>
                              </a>
                            </div>
                            <div class='item-snippet'>
                              <data:post.snippet/><!-- done -->
                            </div>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:showSnippets == &quot;false&quot;'>
                            <!-- (3) Show only thumbnails -->
                            <div class='item-thumbnail-only'>
                              <b:if cond='data:post.thumbnail'>
                                <div class='item-thumbnail'>
                                  <a expr:href='data:post.href'>
                                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                  </a>
                                </div>
                              </b:if>
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                            </div>
                            <div style='clear: both;'/>
                            <b:else/>
                            <!-- (4) Show snippets and thumbnails -->
                            <div class='item-content'>
                              <b:if cond='data:post.thumbnail'>
                                <div class='item-thumbnail'>
                                  <a expr:href='data:post.href'>
                                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                  </a>
                                </div>
                              </b:if>
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                              <div class='item-snippet'> <!-- done -->
                                <data:post.snippet/>
                              </div>
                            </div>
                            <div style='clear: both;'/>
                          </b:if>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
            <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
              <b:widget-settings>
                <b:widget-setting name='copyright'/>
              </b:widget-settings>
              <b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
            </b:widget>
            <b:widget id='Label1' locked='false' title='Category' type='Label' version='1'>
              <b:widget-settings>
                <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
                <b:widget-setting name='display'>LIST</b:widget-setting>
                <b:widget-setting name='selectedLabelsList'/>
                <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'>
                <b:if cond='data:title'>
                    	<div>     
 						<h2 class='title'>
 							<data:title/>
                          </h2>
                          </div>
                </b:if>
                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                  <b:if cond='data:display == &quot;list&quot;'>
                    <ul>
                      <b:loop values='data:labels' var='label'>
                        <li>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:else/>
                    <b:loop values='data:labels' var='label'>
                      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'>
                            <data:label.name/>
                          </span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'>
                            <data:label.name/>
                          </a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span class='label-count' dir='ltr'>
                            (
                            <data:label.count/>
                            )
                          </span>
                        </b:if>
                      </span>
                    </b:loop>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
            <b:widget id='HTML11' locked='false' title='Stay Connected' type='HTML'>
              <b:widget-settings>
                <b:widget-setting name='content'>&lt;ul class=&quot;social-iconz&quot;&gt;
 &lt;li class=&quot;facebook&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;twitter&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;instagram&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-instagram&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;youtube&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-youtube&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;snapchat&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-snapchat&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;dribbble&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;rss&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-rss&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;behance&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-behance&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li class=&quot;vimeo&quot;&gt;&lt;a href=&quot;http://&quot;&gt;&lt;i class=&quot;fa fa-vimeo&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
 </b:includable>
            </b:widget>
            <b:widget id='HTML1' locked='false' title='' type='HTML'>
              <b:widget-settings>
                <b:widget-setting name='content'><![CDATA[<a href="http://www.oddthemes.com/2019/09/narrator-personal-blogger-template.html"><img src="http://2.bp.blogspot.com/-O9D66zuqWX8/XYIswv3n7_I/AAAAAAAAflo/e4KlEsAFU3UhM8jAveNeNICClR8LNvXxwCK4BGAYYCw/s1600/sidebar-image-desktop.png"/></a>]]></b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
 </b:includable>
            </b:widget>
            <b:widget id='HTML37' locked='false' title='Follow us on Facebook' type='HTML'>
              <b:widget-settings>
                <b:widget-setting name='content'><![CDATA[<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Foddthemes&width=450&layout=standard&action=like&size=large&show_faces=true&share=true&height=80&appId=778800582250308" width="450" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>]]></b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
 </b:includable>
            </b:widget>
            <b:widget id='ContactForm1' locked='false' title='Contact Form' type='ContactForm'>
              <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <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 + &quot;_contact-form-name&quot;' 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 + &quot;_contact-form-email&quot;' 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 + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' 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 + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
 </b:includable>
            </b:widget>
          </b:section>

          </div>

    </div>

        <!--Page Navigation Starts-->
        <script style='text/javascript'>
          var postperpage=12;
          var numshowpage=4;
          var upPageWord=&quot; &lt; &quot;;
          var downPageWord=&quot; &gt; &quot;;
          var home_page=&quot;/&quot;;
          var urlactivepage=location.href;
        </script>


 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
        <!--Page Navigation Ends -->

 <script type='text/javascript'>
 //<![CDATA[
 // Generated by CoffeeScript 1.3.3
 (function(){var e,t;e=function(){function e(e,t){var n,r;this.options={target:"instafeed",get:"popular",resolution:"thumbnail",sortBy:"none",links:!0,mock:!1,useHttp:!1};if(typeof e=="object")for(n in e)r=e[n],this.options[n]=r;this.context=t!=null?t:this,this.unique=this._genKey()}return e.prototype.hasNext=function(){return typeof this.context.nextUrl=="string"&&this.context.nextUrl.length>0},e.prototype.next=function(){return this.hasNext()?this.run(this.context.nextUrl):!1},e.prototype.run=function(t){var n,r,i;if(typeof this.options.clientId!="string"&&typeof this.options.accessToken!="string")throw new Error("Missing clientId or accessToken.");if(typeof this.options.accessToken!="string"&&typeof this.options.clientId!="string")throw new Error("Missing clientId or accessToken.");return this.options.before!=null&&typeof this.options.before=="function"&&this.options.before.call(this),typeof document!="undefined"&&document!==null&&(i=document.createElement("script"),i.id="instafeed-fetcher",i.src=t||this._buildUrl(),n=document.getElementsByTagName("head"),n[0].appendChild(i),r="instafeedCache"+this.unique,window[r]=new e(this.options,this),window[r].unique=this.unique),!0},e.prototype.parse=function(e){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v,m,g,y,b,w,E,S;if(typeof e!="object"){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"Invalid JSON data"),!1;throw new Error("Invalid JSON response")}if(e.meta.code!==200){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,e.meta.error_message),!1;throw new Error("Error from Instagram: "+e.meta.error_message)}if(e.data.length===0){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"No images were returned from Instagram"),!1;throw new Error("No images were returned from Instagram")}this.options.success!=null&&typeof this.options.success=="function"&&this.options.success.call(this,e),this.context.nextUrl="",e.pagination!=null&&(this.context.nextUrl=e.pagination.next_url);if(this.options.sortBy!=="none"){this.options.sortBy==="random"?d=["","random"]:d=this.options.sortBy.split("-"),p=d[0]==="least"?!0:!1;switch(d[1]){case"random":e.data.sort(function(){return.5-Math.random()});break;case"recent":e.data=this._sortBy(e.data,"created_time",p);break;case"liked":e.data=this._sortBy(e.data,"likes.count",p);break;case"commented":e.data=this._sortBy(e.data,"comments.count",p);break;default:throw new Error("Invalid option for sortBy: '"+this.options.sortBy+"'.")}}if(typeof document!="undefined"&&document!==null&&this.options.mock===!1){a=e.data,this.options.limit!=null&&a.length>this.options.limit&&(a=a.slice(0,this.options.limit+1||9e9)),n=document.createDocumentFragment(),this.options.filter!=null&&typeof this.options.filter=="function"&&(a=this._filter(a,this.options.filter));if(this.options.template!=null&&typeof this.options.template=="string"){i="",o="",l="",v=document.createElement("div");for(m=0,b=a.length;m<b;m++)s=a[m],u=s.images[this.options.resolution].url,this.options.useHttp||(u=u.replace("http://","//")),o=this._makeTemplate(this.options.template,{model:s,id:s.id,link:s.link,image:u,caption:this._getObjectProperty(s,"caption.text"),likes:s.likes.count,comments:s.comments.count,location:this._getObjectProperty(s,"location.name")}),i+=o;v.innerHTML=i,S=[].slice.call(v.childNodes);for(g=0,w=S.length;g<w;g++)h=S[g],n.appendChild(h)}else for(y=0,E=a.length;y<E;y++)s=a[y],f=document.createElement("img"),u=s.images[this.options.resolution].url,this.options.useHttp||(u=u.replace("http://","//")),f.src=u,this.options.links===!0?(t=document.createElement("a"),t.href=s.link,t.appendChild(f),n.appendChild(t)):n.appendChild(f);document.getElementById(this.options.target).appendChild(n),r=document.getElementsByTagName("head")[0],r.removeChild(document.getElementById("instafeed-fetcher")),c="instafeedCache"+this.unique,window[c]=void 0;try{delete window[c]}catch(x){}}return this.options.after!=null&&typeof this.options.after=="function"&&this.options.after.call(this),!0},e.prototype._buildUrl=function(){var e,t,n;e="https://api.instagram.com/v1";switch(this.options.get){case"popular":t="media/popular";break;case"tagged":if(typeof this.options.tagName!="string")throw new Error("No tag name specified. Use the 'tagName' option.");t="tags/"+this.options.tagName+"/media/recent";break;case"location":if(typeof this.options.locationId!="number")throw new Error("No location specified. Use the 'locationId' option.");t="locations/"+this.options.locationId+"/media/recent";break;case"user":if(typeof this.options.userId!="number")throw new Error("No user specified. Use the 'userId' option.");if(typeof this.options.accessToken!="string")throw new Error("No access token. Use the 'accessToken' option.");t="users/"+this.options.userId+"/media/recent";break;default:throw new Error("Invalid option for get: '"+this.options.get+"'.")}return n=""+e+"/"+t,this.options.accessToken!=null?n+="?access_token="+this.options.accessToken:n+="?client_id="+this.options.clientId,this.options.limit!=null&&(n+="&count="+this.options.limit),n+="&callback=instafeedCache"+this.unique+".parse",n},e.prototype._genKey=function(){var e;return e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)},""+e()+e()+e()+e()},e.prototype._makeTemplate=function(e,t){var n,r,i,s,o;r=/(?:\{{2})([\w\[\]\.]+)(?:\}{2})/,n=e;while(r.test(n))i=n.match(r)[1],s=(o=this._getObjectProperty(t,i))!=null?o:"",n=n.replace(r,""+s);return n},e.prototype._getObjectProperty=function(e,t){var n,r;t=t.replace(/\[(\w+)\]/g,".$1"),r=t.split(".");while(r.length){n=r.shift();if(!(e!=null&&n in e))return null;e=e[n]}return e},e.prototype._sortBy=function(e,t,n){var r;return r=function(e,r){var i,s;return i=this._getObjectProperty(e,t),s=this._getObjectProperty(r,t),n?i>s?1:-1:i<s?1:-1},e.sort(r.bind(this)),e},e.prototype._filter=function(e,t){var n,r,i,s,o;n=[],i=function(e){if(t(e))return n.push(e)};for(s=0,o=e.length;s<o;s++)r=e[s],i(r);return n},e}(),t=typeof exports!="undefined"&&exports!==null?exports:window,t.Instafeed=e}).call(this);
 //]]>
 </script>           
       


  
        <div class='clear'/>
        <!-- spacer for ski n s that want sidebar and main to be the same height-->

    <div class='clear'/>
      
      <!-- end content-wrapper -->
   
    <div class='clear'/>
    <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <style>
        .status-msg-wrap, #blog-pager, #sidebar-wrapper, #main-wrapper{
          display:none;
        }
        #outer-wrapper{
          padding-bottom:5px;
        }
      </style>
      <div class='lb-overlay-wrapper'>
        <div class='error-404-title'>
          Ooops... Error 404        
        </div>
        <div class='error-404-sub-title'>
          We&#39;re sorry, but the page you are looking for doesn&#39;t exist.        
        </div>
        <div class='error-404-sub-sub-title'>
          You can go to the            
          <a href='/'>
            Homepage
          </a>
        </div>
      </div>
    </b:if>
    <div class='clear'/>
  
 <footer id='f4'>
    <div class='container'>


 <span class='odd-fwidgets'>
      <div class='footer-widgets'>

 <b:section class='box100' id='box101' showaddelement='yes'>
  <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>2</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
 </b:includable>
  </b:widget>
 </b:section>

 <b:section class='box100' id='box102' showaddelement='yes'>
  <b:widget id='Label2' locked='false' title='Labels' type='Label'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
 </b:includable>
  </b:widget>
 </b:section>

 <b:section class='box100' id='box103' showaddelement='yes'>
  <b:widget id='HTML52' locked='false' title='Instagram' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div id=&#39;instafeed&#39;/&gt;&lt;/div&gt;


 &lt;script type=&#39;text/javascript&#39;&gt;//&lt;![CDATA[
 var feed = new Instafeed({
 get: &#39;user&#39;,
 userId: 1553982550,
  limit:8,
  sortBy:&#39;random&#39;,
 accessToken: &#39;1553982550.277289d.0e6c7bcb9a204642ad34c6f86ecce784&#39;,
 template: &#39;&lt;li&gt;&lt;a href=&quot;{{link}}&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;{{image}}&quot; /&gt; &lt;div class=&quot;instaover&quot;&gt;&lt;div style=&quot;display: table; vertical-align: middle; height: 100%; width: 100%;&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt;&#39;,
 resolution: &#39;standard_resolution&#39;
 });   
 feed.run();   
 //]]&gt;&lt;/script&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
 </b:includable>
  </b:widget>
 </b:section>

        
  </div></span>
 <b:section class='crosscol' id='adbox' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML06' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
 </b:includable>
  </b:widget>
 </b:section>

    </div>

  </footer>   
   

 <div id='credit'>
  <div class='to_top' title='Scroll To Top'/>

    <!-- Under Creative Commons Attribution 3.0 License | http://creativecommons.org/licenses/by/3.0/ -->
  </div>
  <!-- end outer-wrapper -->
 
   
  <div class='clear'/>
   <span class='odd-wrapper'><div class='lefts'>
      Copyright &#169; <script>document.write(new Date().getFullYear()) </script>
      <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>
        <data:blog.title/>.
      </a>
     Designed by <a href='http://www.oddthemes.com' id='blogg'>OddThemes</a>
     </div></span>
  
 <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700,400' rel='stylesheet' type='text/css'/>	





 <!-- slicknav js -->
 <script type='text/javascript'>
 //<![CDATA[
 /*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
 !function(e,n,t){function a(n,t){this.element=n,this.settings=e.extend({},i,t),this.settings.duplicate||t.hasOwnProperty("removeIds")||(this.settings.removeIds=!1),this._defaults=i,this._name=s,this.init()}var i={label:"MENU",duplicate:!0,duration:200,easingOpen:"swing",easingClose:"swing",closedSymbol:"&#8594;",openedSymbol:"&#8595;",prependTo:"body",appendTo:"",parentTag:"a",closeOnClick:!1,allowParentLinks:!1,nestedParentLinks:!0,showChildren:!1,removeIds:!0,removeClasses:!1,removeStyles:!1,brand:"",init:function(){},beforeOpen:function(){},beforeClose:function(){},afterOpen:function(){},afterClose:function(){}},s="slicknav",l="slicknav";a.prototype.init=function(){var t,a,i=this,s=e(this.element),o=this.settings;if(o.duplicate?i.mobileNav=s.clone():i.mobileNav=s,o.removeIds&&(i.mobileNav.removeAttr("id"),i.mobileNav.find("*").each(function(n,t){e(t).removeAttr("id")})),o.removeClasses&&(i.mobileNav.removeAttr("class"),i.mobileNav.find("*").each(function(n,t){e(t).removeAttr("class")})),o.removeStyles&&(i.mobileNav.removeAttr("style"),i.mobileNav.find("*").each(function(n,t){e(t).removeAttr("style")})),t=l+"_icon",""===o.label&&(t+=" "+l+"_no-text"),"a"==o.parentTag&&(o.parentTag='a href="#"'),i.mobileNav.attr("class",l+"_nav"),a=e('<div class="'+l+'_menu"></div>'),""!==o.brand){var r=e('<div class="'+l+'_brand">'+o.brand+"</div>");e(a).append(r)}i.btn=e(["<"+o.parentTag+' aria-haspopup="true" tabindex="0" class="'+l+"_btn "+l+'_collapsed">','<span class="'+l+'_menutxt">'+o.label+"</span>",'<span class="'+t+'">','<span class="'+l+'_icon-bar"></span>','<span class="'+l+'_icon-bar"></span>','<span class="'+l+'_icon-bar"></span>',"</span>","</"+o.parentTag+">"].join("")),e(a).append(i.btn),""!==o.appendTo?e(o.appendTo).append(a):e(o.prependTo).prepend(a),a.append(i.mobileNav);var d=i.mobileNav.find("li");e(d).each(function(){var n=e(this),t={};if(t.children=n.children("ul").attr("role","menu"),n.data("menu",t),t.children.length>0){var a=n.contents(),s=!1,r=[];e(a).each(function(){return e(this).is("ul")?!1:(r.push(this),void(e(this).is("a")&&(s=!0)))});var d=e("<"+o.parentTag+' role="menuitem" aria-haspopup="true" tabindex="-1" class="'+l+'_item"/>');if(o.allowParentLinks&&!o.nestedParentLinks&&s)e(r).wrapAll('<span class="'+l+"_parent-link "+l+'_row"/>').parent();else{var p=e(r).wrapAll(d).parent();p.addClass(l+"_row")}o.showChildren?n.addClass(l+"_open"):n.addClass(l+"_collapsed"),n.addClass(l+"_parent");var c=e('<span class="'+l+'_arrow">'+(o.showChildren?o.openedSymbol:o.closedSymbol)+"</span>");o.allowParentLinks&&!o.nestedParentLinks&&s&&(c=c.wrap(d).parent()),e(r).last().after(c)}else 0===n.children().length&&n.addClass(l+"_txtnode");n.children("a").attr("role","menuitem").click(function(n){o.closeOnClick&&!e(n.target).parent().closest("li").hasClass(l+"_parent")&&e(i.btn).click()}),o.closeOnClick&&o.allowParentLinks&&(n.children("a").children("a").click(function(n){e(i.btn).click()}),n.find("."+l+"_parent-link a:not(."+l+"_item)").click(function(n){e(i.btn).click()}))}),e(d).each(function(){var n=e(this).data("menu");o.showChildren||i._visibilityToggle(n.children,null,!1,null,!0)}),i._visibilityToggle(i.mobileNav,null,!1,"init",!0),i.mobileNav.attr("role","menu"),e(n).mousedown(function(){i._outlines(!1)}),e(n).keyup(function(){i._outlines(!0)}),e(i.btn).click(function(e){e.preventDefault(),i._menuToggle()}),i.mobileNav.on("click","."+l+"_item",function(n){n.preventDefault(),i._itemClick(e(this))}),e(i.btn).keydown(function(e){var n=e||event;13==n.keyCode&&(e.preventDefault(),i._menuToggle())}),i.mobileNav.on("keydown","."+l+"_item",function(n){var t=n||event;13==t.keyCode&&(n.preventDefault(),i._itemClick(e(n.target)))}),o.allowParentLinks&&o.nestedParentLinks&&e("."+l+"_item a").click(function(e){e.stopImmediatePropagation()})},a.prototype._menuToggle=function(e){var n=this,t=n.btn,a=n.mobileNav;t.hasClass(l+"_collapsed")?(t.removeClass(l+"_collapsed"),t.addClass(l+"_open")):(t.removeClass(l+"_open"),t.addClass(l+"_collapsed")),t.addClass(l+"_animating"),n._visibilityToggle(a,t.parent(),!0,t)},a.prototype._itemClick=function(e){var n=this,t=n.settings,a=e.data("menu");a||(a={},a.arrow=e.children("."+l+"_arrow"),a.ul=e.next("ul"),a.parent=e.parent(),a.parent.hasClass(l+"_parent-link")&&(a.parent=e.parent().parent(),a.ul=e.parent().next("ul")),e.data("menu",a)),a.parent.hasClass(l+"_collapsed")?(a.arrow.html(t.openedSymbol),a.parent.removeClass(l+"_collapsed"),a.parent.addClass(l+"_open"),a.parent.addClass(l+"_animating"),n._visibilityToggle(a.ul,a.parent,!0,e)):(a.arrow.html(t.closedSymbol),a.parent.addClass(l+"_collapsed"),a.parent.removeClass(l+"_open"),a.parent.addClass(l+"_animating"),n._visibilityToggle(a.ul,a.parent,!0,e))},a.prototype._visibilityToggle=function(n,t,a,i,s){var o=this,r=o.settings,d=o._getActionItems(n),p=0;a&&(p=r.duration),n.hasClass(l+"_hidden")?(n.removeClass(l+"_hidden"),s||r.beforeOpen(i),n.slideDown(p,r.easingOpen,function(){e(i).removeClass(l+"_animating"),e(t).removeClass(l+"_animating"),s||r.afterOpen(i)}),n.attr("aria-hidden","false"),d.attr("tabindex","0"),o._setVisAttr(n,!1)):(n.addClass(l+"_hidden"),s||r.beforeClose(i),n.slideUp(p,this.settings.easingClose,function(){n.attr("aria-hidden","true"),d.attr("tabindex","-1"),o._setVisAttr(n,!0),n.hide(),e(i).removeClass(l+"_animating"),e(t).removeClass(l+"_animating"),s?"init"==i&&r.init():r.afterClose(i)}))},a.prototype._setVisAttr=function(n,t){var a=this,i=n.children("li").children("ul").not("."+l+"_hidden");t?i.each(function(){var n=e(this);n.attr("aria-hidden","true");var i=a._getActionItems(n);i.attr("tabindex","-1"),a._setVisAttr(n,t)}):i.each(function(){var n=e(this);n.attr("aria-hidden","false");var i=a._getActionItems(n);i.attr("tabindex","0"),a._setVisAttr(n,t)})},a.prototype._getActionItems=function(e){var n=e.data("menu");if(!n){n={};var t=e.children("li"),a=t.find("a");n.links=a.add(t.find("."+l+"_item")),e.data("menu",n)}return n.links},a.prototype._outlines=function(n){n?e("."+l+"_item, ."+l+"_btn").css("outline",""):e("."+l+"_item, ."+l+"_btn").css("outline","none")},a.prototype.toggle=function(){var e=this;e._menuToggle()},a.prototype.open=function(){var e=this;e.btn.hasClass(l+"_collapsed")&&e._menuToggle()},a.prototype.close=function(){var e=this;e.btn.hasClass(l+"_open")&&e._menuToggle()},e.fn[s]=function(n){var t=arguments;if(void 0===n||"object"==typeof n)return this.each(function(){e.data(this,"plugin_"+s)||e.data(this,"plugin_"+s,new a(this,n))});if("string"==typeof n&&"_"!==n[0]&&"init"!==n){var i;return this.each(function(){var l=e.data(this,"plugin_"+s);l instanceof a&&"function"==typeof l[n]&&(i=l[n].apply(l,Array.prototype.slice.call(t,1)))}),void 0!==i?i:this}}}(jQuery,document,window);

 //]]>
 </script>


 <script type='text/javascript'>
 //<![CDATA[


 !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,i=function(t){return parseFloat(t)||0},n=function(e){var o=1,n=t(e),a=null,r=[];return n.each(function(){var e=t(this),n=e.offset().top-i(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(a-n))<=o?r[r.length-1]=s.add(e):r.push(e),a=n}),r},a=function(e){var o={
 byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=a(e);if(o.remove){var i=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(i)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="master",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null,
 r._afterUpdate=null,r._rows=n,r._parse=i,r._parseOptions=a,r._apply=function(e,o){var s=a(o),h=t(e),c=[h],l=t(window).scrollTop(),p=t("html").outerHeight(!0),d=h.parents().filter(":hidden");return d.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),d.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0",
 "padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),c=n(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(c,function(e,o){var n=t(o),a=0;if(s.target)a=s.target.outerHeight(!1);else{if(s.byRow&&n.length<=1)return void n.css(s.property,"");n.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block");var i={display:o};i[s.property]="",
 e.css(i),e.outerHeight(!1)>a&&(a=e.outerHeight(!1)),e.css("display","")})}n.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=i(e.css("border-top-width"))+i(e.css("border-bottom-width")),o+=i(e.css("padding-top"))+i(e.css("padding-bottom"))),e.css(s.property,a-o+"px"))})}),d.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(l/p*t("html").outerHeight(!0)),this},r._applyDataApi=function(){
 var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),i=o.attr("data-mh")||o.attr("data-match-height");i in e?e[i]=e[i].add(o):e[i]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(i,n){if(n&&"resize"===n.type){var a=t(window).width();if(a===e)return;e=a}i?-1===o&&(o=setTimeout(function(){
 s(n),o=-1},r._throttle)):s(n)},t(r._applyDataApi),t(window).bind("load",function(t){r._update(!1,t)}),t(window).bind("resize orientationchange",function(t){r._update(!0,t)})});


 !function(){var e=function(t,i){function s(){this.q=[],this.add=function(e){this.q.push(e)};var e,t;this.call=function(){for(e=0,t=this.q.length;e<t;e++)this.q[e].call()}}function o(e,t){return e.currentStyle?e.currentStyle[t]:window.getComputedStyle?window.getComputedStyle(e,null).getPropertyValue(t):e.style[t]}function n(e,t){if(e.resizedAttached){if(e.resizedAttached)return void e.resizedAttached.add(t)}else e.resizedAttached=new s,e.resizedAttached.add(t);e.resizeSensor=document.createElement("div"),e.resizeSensor.className="resize-sensor";var i="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",n="position: absolute; left: 0; top: 0; transition: 0s;";e.resizeSensor.style.cssText=i,e.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+i+'"><div style="'+n+'"></div></div><div class="resize-sensor-shrink" style="'+i+'"><div style="'+n+' width: 200%; height: 200%"></div></div>',e.appendChild(e.resizeSensor),{fixed:1,absolute:1}[o(e,"position")]||(e.style.position="relative");var d,r,l=e.resizeSensor.childNodes[0],c=l.childNodes[0],h=e.resizeSensor.childNodes[1],a=(h.childNodes[0],function(){c.style.width=l.offsetWidth+10+"px",c.style.height=l.offsetHeight+10+"px",l.scrollLeft=l.scrollWidth,l.scrollTop=l.scrollHeight,h.scrollLeft=h.scrollWidth,h.scrollTop=h.scrollHeight,d=e.offsetWidth,r=e.offsetHeight});a();var f=function(){e.resizedAttached&&e.resizedAttached.call()},u=function(e,t,i){e.attachEvent?e.attachEvent("on"+t,i):e.addEventListener(t,i)},p=function(){e.offsetWidth==d&&e.offsetHeight==r||f(),a()};u(l,"scroll",p),u(h,"scroll",p)}var d=Object.prototype.toString.call(t),r="[object Array]"===d||"[object NodeList]"===d||"[object HTMLCollection]"===d||"undefined"!=typeof jQuery&&t instanceof jQuery||"undefined"!=typeof Elements&&t instanceof Elements;if(r)for(var l=0,c=t.length;l<c;l++)n(t[l],i);else n(t,i);this.detach=function(){if(r)for(var i=0,s=t.length;i<s;i++)e.detach(t[i]);else e.detach(t)}};e.detach=function(e){e.resizeSensor&&(e.removeChild(e.resizeSensor),delete e.resizeSensor,delete e.resizedAttached)},"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=e:window.ResizeSensor=e}();
 //# sourceMappingURL=maps/ResizeSensor.min.js.map


 /* StickyMe Plugin */
 (function($){$.fn.stickMe=function(options){var $window=$(window),$document=$(document),$elemTopOffset,$body=$('body'),position=0,$elem=this,$elemHeight=$elem.innerHeight(),$win_center=$window.height()/2,$pos,settings=$.extend({transitionDuration:300,shadow:!1,shadowOpacity:0.3,animate:!0,triggerAtCenter:!0,topOffset:$elemHeight,transitionStyle:'fade',stickyAlready:!1},options);$elem.addClass('stick-me').addClass('not-sticking');switch(settings.triggerAtCenter){case(settings.triggerAtCenter&&settings.topOffset<$elemHeight)||(settings.triggerAtCenter&&settings.topOffset>$elemHeight):settings.triggerAtCenter=!1;break}
 if(settings.stickyAlready){settings.triggerAtCenter=!1;settings.topOffset=0;stick()}
 $elemTopOffset=$elem.offset().top;function $elem_slide(){if(settings.animate===!0&&settings.transitionStyle==='slide'&&settings.stickyAlready!==!0){$elem.slideDown(settings.transitionDuration)}
 if(settings.animate===!0&&settings.transitionStyle==='fade'&&settings.stickyAlready!==!0){$elem.fadeIn(settings.transitionDuration)}else{$elem.show()}
 $elem.removeClass('not-sticking')}
 function stick(){if($elem.hasClass('sticking')){$elem.trigger('sticking')}
 if(position===0){position=1;if(settings.stickyAlready===!1){$elem.trigger('sticky-begin')}}
 if($elem.hasClass('not-sticking')){$elem.hide();$elem_slide()}
 if(settings.shadow===!0){$elem.css('box-shadow','0px 1px 2px rgba(0,0,0,'+settings.shadowOpacity+')')}
 $elem.addClass('sticking').css('position','fixed').css('top','0');$body.css('padding-top',$elemHeight)}
 function unstick(){if(settings.shadow===!0){$elem.css('box-shadow','none')}
 $elem.addClass('not-sticking').removeClass('sticking').show().css('position','relative');$body.css('padding-top','0')}
 $window.scroll(function(){$pos=$window.scrollTop();if($pos===0){position=0;$elem.trigger('top-reached')}
 if(settings.triggerAtCenter===!0){if($pos>$win_center+$elemHeight){stick()}}
 if(settings.triggerAtCenter===!1){if($pos>settings.topOffset){stick()}}
 if($pos+$window.height()>$document.height()-1){$elem.trigger('bottom-reached')}
 if(settings.triggerAtCenter===!0){if($pos<(1+$elemTopOffset)){unstick()}}
 if(settings.triggerAtCenter===!1){if($pos<1){if(settings.stickyAlready!==!0){unstick()}}}});return this}}(jQuery));
 //]]>
 </script>

 <script type='text/javascript'>
 //<![CDATA[
 (function(e){var t=function(e,t){this.elem=e;this.settings=t;this.megaMenuHtml();this.ajaxcall=null;this.menulist=this.elem.find(".leftmenulist li a");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(//[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(//[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(//[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var t=this;this.menulist.hover(function(){if(e(this).data("menuloaded")!=="true"){t.li=e(this);t.url=t.li.attr("href");t.container=t.li.closest("ul").siblings("ul");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:"GET",url:t.ajaxUrl,dataType:"jsonp",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:"json","max-results":this.settings.postsNumber};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e("<span></span>",{"class":"loading-icon"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loading-icon").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t>0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel==="alternate"?s=t.href:s="#"});o=u.media$thumbnail?u.media$thumbnail.url.replace(/\/s72\-c\//,"/s200-c/"):n.settings.noThumbnail;r.push('<li><span class="thumb-container"><a title="',i,'" href="',s,'"><img alt="',i,'" src="',o,'"/><br />',i,"</a></span></li>")}):r.push("<h5>","No posts available.","</h5>");this.container.html(r.join(""));this.menulist.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(e){if(e.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Oops... Could not fetch the blog posts.</h5>")}},addArrow:function(){this.menulist.closest("li").find("span").remove();this.menulist.removeClass("hover-menu");this.li.addClass("hover-menu");e("<span></span>",{"class":"menu-icon"}).appendTo(this.li.closest("li"))},menuHelper:function(t){var n=this;t.find(">li").hover(function(){var t=e(this);t.find("a:first").addClass("hover-menu");var r=e(this).find("ul.leftmenulist li").height()*e(this).find("ul.leftmenulist li").length;t.find("ul.rightmenulist").css({"min-height":r+"px"});n.requestFirstAjax(t)},function(){e(this).find("a:first").removeClass("hover-menu")})},megaMenuHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("megamenuid").find(">li").find("ul.ulmenu").addClass("leftmenulist").wrap(e("<div></div>",{"class":this.settings.divClass}));e("ul.leftmenulist").after(e("<ul></ul>",{"class":"rightmenulist"}))},requestFirstAjax:function(e){e=e.find(".leftmenulist li:first-child a");this.url=e.attr("href");this.container=e.closest("ul").siblings("ul");this.li=e;this.hoverOver()}};e.fn.megaBloggerMenu=function(n){var r={postsNumber:4,divClass:"megasubmenu",postsClass:"rightmenulist",noThumbnail:"/default.png"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery);
 //]]>
 </script>
 <script type='text/javascript'>
 jQuery(document).ready(function($) {
 $(&#39;#megamenuid&#39;).megaBloggerMenu({
  postsNumber : 4, 
  noThumbnail : &#39;https://2.bp.blogspot.com/-Z7jG9iO9OTg/Vazz6YJnFQI/AAAAAAAALVs/wlSvXPgdDAo/s1600/no_image_available.png&#39; 
 });
 });


 </script>



 <script type='text/javascript'>
 //<![CDATA[
 jQuery(function(){
  jQuery('#megamenuid').slicknav({
 prependTo:'.lefttop',
 duration: 500
 });

  jQuery('.ot-top-menu.ot-scale').slicknav({
 prependTo:'#pages-top',
 duration: 500
 });


 });

 //]]>
 </script>
 <script type='text/javascript'>
 //<![CDATA[

 $(document).ready(function () {
    $('.PopularPosts img').each(function () {
        $(this).attr('src', function (i, a) {
            return a.replace('s72-c', 's400-c')
        })
    });
    var b = $('<i class="fa fa-caret-down"></i>');
    var c = $('<i class="fa fa-caret-down"></i>');
    var d = $('<i class="fa fa-caret-right"></i>');
    $('#megamenuid > li:has(ul) > a').append(b);
    $('#megamenuid li:has(ul)  li:has(ul)>a').append(d);
    $('.ot-top-menu > li:has(ul) > a').append(c);
    $('.ot-top-menu li:has(ul)  li:has(ul)>a').append(d);
    $(".sb-icon-search").click(function () {
        $('div#sb-search').addClass("showsearch");
        $('.sb-icon-close').addClass("newshow")
    });
    $(".sb-icon-close").click(function () {
        $('div#sb-search').removeClass("showsearch");
        $('.sb-icon-close').removeClass("newshow")
    });
    if ($('pagetype#fullwidth').length) {
        $('.wrapping').css({
            'width': '100%',
            'border-right': 'none'
        });
        $('#sidebar-wrapper').css('display', 'none');
        $('a.related-wrap').css('width', '30.5%')
    } else if ($('pagetype#leftsidebar').length) {
        $('.wrapping').css({
            'float': 'right',
            'padding-right': '0',
            'padding-left': '2.5%',
            'border-right': 'none',
            'border-left': '1px solid #eee'
        });
        $('#sidebar-wrapper').css({
            'float': 'left',
            'padding-left': '0',
            'padding-right': '20px'
        })
    }
    $(".topbar").stickMe()
 });

 //]]>
 </script>

 <style>
 @media only screen and (max-width: 767px){ 
    
  
 </style>

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <style>
 .preload{
    display: block;
 }
 </style>
 </b:if>


 </div>
 </body>
 </html>