Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21255

    Haris Waqar
    Participant

    I Got This Error When I Try To Apply The Template (Xmax) On My Blog:

    We were unable to save your template.
    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message:
    The new widget with id “ContactForm3” is invalid, as the limit for the widgets of type ContactForm has been exceeded.

    Error Image

    #21260

    LindyLou
    Participant

    Clear your cache and try again. I just downloaded it and installed it on a test blog in blogger and it works fine.

    #21265

    Haris Waqar
    Participant

    But it’s not works for me. please somebody help me.

    Take a look at the XML Code:-

    #21286

    mourseben
    Participant

    Try with this..

    <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
      
          <b:include data='blog' name='all-head-content'/>
    
        <!-- font-awesome Icons -->
        <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
    
        <!-- Resonsive Meta tag -->
    	<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    
        <!-- Web pages Titles -->
        <title>
    		<b:if cond='data:blog.pageType == &quot;index&quot;'>
    			<data:blog.pageTitle/>
    		<b:else/>
    			<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    				<data:blog.pageName/> - <data:blog.title/>
    			<b:else/>
    				Not Found - <data:blog.title/> 
    			</b:if>
    		</b:if>
        </title>
    
    <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if>
    
    <!-- Begin Open Graph -->
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta content='article' property='og:type'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    <b:else/>
    <meta content='Blog Logo URL Here' property='og:image'/>
    </b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>
    <meta content='Facebook App ID here' property='fb:app_id'/> 
    <meta content='Facebook Admins ID here' property='fb:admins'/> 
    
    <!-- Begin twitter card -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:blog.postImageThumbnailUrl'>
          <b:if cond='data:blog.metaDescription'>
            <meta content='summary' name='twitter:card'/>
            <meta content='@templateism' name='twitter:site'/>
            <meta content='@templateism' name='twitter:creator'/>
            <meta expr:content='data:blog.pageName' name='twitter:title'/>
            <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
            <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
            <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
          </b:if>
        </b:if>
    </b:if>
    
        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:      Xmax Blogger Template
    Designer:  Syed Faizan Ali, Mohamed Abo El-Ghranek
    URL1:      www.templateism.com
    URL2:      www.mybloggerlab.com
    Date:   	22 June 2014
    License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
    However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
    http://creativecommons.org/licenses/by/3.0/
    ----------------------------------------------- */
    
    /* Variable definitions
       ====================
    
       <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="right" value="right"/>
       <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="left" value="left"/>
    
    <Variable name="keycolor" description="Main Color" type="color" default="#F01E1E" value="#d9c9b2"/>
    
      <Variable name="body.background" description="Background" type="background" color="#ffffff" default="$(color) url() repeat fixed top center" value="#d9c9b2 url(//themes.googleusercontent.com/image?id=1r2wVJpX2wdMvwlG0fdinGZwn17o7iAXbs1G0FbgGY8fzvIQqx93b4i-oerJLoNx4S7Fz) no-repeat fixed top center /* Credit: richcano (http://www.istockphoto.com/googleimages.php?id=3137708&platform=blogger) */"/>
    
    <Variable name="main.color" description="Main Theme Color" type="color" default="#F01E1E" value="#f1a12e"/>
    
    <Group description="links color" selector="body">
    
      <Variable name="link.color" description="link color" type="color" default="#38c" value="#4742cf"/>
      <Variable name="link.color.hover" description="link color hover" type="color" default="#222" value="#525252"/>
    
    </Group>
    
    <Variable name="body.font" description="Font" type="font" default="normal normal 13px Droid Sans" value="normal normal 13px Droid Sans"/>
    <Variable name="header.font" description="blog title font" type="font" default="normal normal 20px Oswald" value="normal normal 16px Allerta Stencil"/>
    
    */
    
    /* Main Sittings
    ----------------------------------------------- */
    
    body {
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
    }
    
    body, p, .item .post-body, .FollowByEmail .widget-content:before, .post-home .post-meta, .toe, .post-snippet, .Text, #search-hide input, .selectnav, .FollowByEmail .follow-by-email-inner .follow-by-email-address, .follow-by-email-submit, .contact-form-button-submit, #ArchiveList select, .error_page .error-title span {
        font: $(body.font);
    }
    
    ul a { 
        font-weight: 400;
    }
    
    body, .widget, .section {
        padding: 0;
        margin: 0;
    }
    html {
        height: auto;
    }
    
    .clear {
    	clear: both;
    }
    
    iframe {
        width: 99%;
    }
    
    * {
        margin: 0;
        padding: 0;
        outline: 0;
    	transition: all 0.5s ease;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    }
    
    div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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 {
        padding: 0;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        background: transparent;
    }
    
    ins {
        text-decoration: underline;
    }
    
    del {
        text-decoration: line-through;
    }
    
    ul,
    ol,
    dl {
        list-style-position: inside;
        font-weight: 700;
    }
    
    blockquote {
        background-color: #eee;
        border-top: 5px solid $(main.color);
        padding: 10px;
    }
    
    q:before,
    q:after {
        content: '';
    }
    
    abbr,
    acronym {
        border: 0;
    }
    
    caption,
    th {
        text-align: center;
    }
    
    q:before,
    q:after {
        content: '';
    }
    
    abbr,
    acronym {
        border: 0;
    }
    
    .quickedit {
    	display: none;
    }
    
    .blog-feeds, 
    .post-feeds {
    	display: none;
    }
    
    a, a:visited { 
        color: $(link.color)
    }
    
    a:hover { 
        color: $(link.color.hover);
        text-decoration: underline;
    }
    
    .upbt {
        margin-top: 20px;
    }
    
    a {
        text-decoration: none;
    }
    
    ::-moz-selection {
        background-color: $(main.color);
        color: #fff;
    }
    ::selection {
        background-color: $(main.color);
        color: #fff;
    }
    
    .list-label-widget-content ul li {
        list-style: none;
        padding: 0;
    }
    .list-label-widget-content ul {
        padding: 0;
    }
    .list-label-widget-content ul li a {
        display: block;
        padding: 5px;
        color: #777;
        border-bottom: 1px solid #DDD;
        background-color: #F5F5F5;
        margin-bottom: 2px;
        border-radius: 5px;
    }
    
    .list-label-widget-content ul li a:hover {
        background-color: $(main.color);
        color: #FFF !important;
        text-decoration: none;
    }
    
    .list-label-widget-content ul li a:before {
    content: "\f02c";
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .Label span {
        display: none;
    }
    
    .cloud-label-widget-content span {
        display: inline-block;
        font-size: 100% !important;
        min-height: 30px;
        line-height: 2em;
        margin-bottom: 5px;
    }
    .cloud-label-widget-content span a {
        background-color: #DDD;
        color: #111;
        padding: 5px 15px;
    }
    
    .cloud-label-widget-content span a:hover {
        background-color: $(main.color);
        color: #fff;
        text-decoration: none;
    }
    
    #header-wrapper {
        overflow: hidden;
        background: $(body.background);
    }
    
    #header-content {
        overflow: hidden;
        padding: 30px 0;
        background-color: rgba(0, 0, 0, 0.83);
    }
    
    .home #header-content #header {
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    
    #header-content #header {
        width: 300px;
        color: #fff;
    }
    
    #header-content #ad {
        width: 728px;
    }
    
    #header-content #ad .widget {
        line-height: 0;
    }
    
    .home #header-content #ad {
        display: none;
    }
    
    #header { 
        font: $(header.font);
    }
    
    #top-header {
        overflow: hidden;
        height: 40px;
        background-color: #F4F6F7;
    }
    
    .top-menu ul li {
        list-style: none;
        display: inline-block;
        line-height: 40px;
    }
    .top-menu {
        font-size: 11px;
    }
    .top-menu ul li a {
        color: #888;
        text-transform: uppercase;
    }
    
    .item #content {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    .home #content {
        background-color: #F4F6F7;
        padding: 80px 0;
    }
    
    .home #content .px-title {
        background-color: #F4F6F7;
    }
    
    .Header h1 {
        color: #EEE;
        font-size: 3.5em;
        font-weight: 400;
        margin: 0;
        line-height: 1;
    }
    
    .Header h1:first-letter {
        color: $(main.color);
    }
    
    .Header h1 a {
        color: #EEE;
        font-weight: 400;
    }
    
    .Header h1 a:hover {
        opacity: .8;
    }
    
    .Header .description {
        margin: 0;
        font-size: 15px;
        margin-top: 10px;
    }
    
    div#sbar {
        height: 70px;
        background-color: #fff;
        box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.05 );
        left: 0;
        right: 0;
        z-index: 55;
    }
    
    #menu {
        text-align: center;
    }
    
    #menu ul li {
        list-style: none;
        display: inline-block;
        padding: 0;
    }
    
    #nav {
        padding: 0;
    }
    #menu ul li a {
        height: 70px;
        display: block;
        padding: 0 20px;
        line-height: 70px;
        background-color: #fff;
        color: #555;
        text-decoration: none;
    }
    
    #menu ul li a:hover {
        opacity: .8;
    }
    
    #menu ul li.current a {
        background-color: $(main.color);
        color: #fff;
    }
    
    div#search-header {
        position: relative;
        overflow: hidden;
    }
    
    #search-header button {
        width: 50px;
        height: 40px;
        border: 0;
        font-size: 1.2em;
        color: #111;
        cursor: pointer;
        background-color: #F4F6F7;
    }
    
    #shide {
        position: absolute;
        width: 100%;
        top: -80px;
        z-index: 9999999;
        overflow: hidden;
    }
    
    #search-hide input {
        border: 0;
        width: 100%;
        padding: 0 15px;
        background-color: #F4F6F7;
        height: 40px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
    }
    button.remove {
        position: absolute;
        top: 6px;
        border: 0;
        background-color: transparent;
        font-size: 1.5em;
        color: #555;
        cursor: pointer;
    }
    
    /* default style */
    .selectnav { display: none; }
    
    /* small screen */
    @media screen and (max-width: 800px) {
      .js #nav { display: none; }
      .js .selectnav { display: block; }
    
    .selectnav {
        border: 0;
        width: 100%;
        height: 40px;
        padding: 0 10px;
        margin-top: 15px;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        background-color: #EEE;
        border: 1px solid #DDD;
        border-radius: 5px;
        cursor: pointer;
    }
    
    .is-sticky .selectnav {
        width: 50%;
        height: 40px;
    }
    #menu {
        float: none !important;
    }
    
    }
    
    .item .post-body img {
        max-width: 97%;
        height: auto;
    }
    
    #outer-wrapper {
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        background-color: #F4F6F7;
    }
    
    #outer-wrapper .woo {
        margin: 0 auto; 
    }
    
    #content {
        padding: 10px 0;
        overflow: hidden;
        margin: 0 auto;
    }
    
    #main-wrapper {
        width: 70%;
    }
    #sidebar-wrapper {
        width: 30%;
    }
    
    .px-title {
        text-align: center;
        padding: 10px 0;
        background-color: #FFF;
        border: 1px solid #DDD;
        border-radius: 5px;
        width: 300px;
        margin: 15px auto;
    }
    .px-title h2 {
        font-size: 1.5em;
        font-weight: 400;
        text-transform: uppercase;
        color: #333;
    }
    
    .px-title { 
        display: none;
    }
    .home .px-title {
        display: block;
    }
    
    .recent-posts ul {
        padding: 0;
    }
    
    .recent-posts .recent-box {
        margin-bottom: 10px;
    }
    
    .sidebar .widget {
        padding: 15px;
        background-color: #fff; 
    }
    .widget-title {
        margin-bottom: 10px;
        border-bottom: 1px solid #222;
    }
    
    .sidebar h2 {
        border-bottom: 1px solid $(main.color);
        top: 1px;
        position: relative;
        font-weight: 400;
        display: inline-block;
        font-size: 15px;
        padding: 5px 10px;
        color: #444;
        text-transform: uppercase;
    }
    
    .labelom .fa {
        margin-right: 5px;
        margin-left: 5px;
    }
    .labelom {
        background-color: #ffffff;
        padding: 15px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    
    .post-header {
    overflow: hidden;
    margin-bottom: 25px;
    }
    .post-meta-in {
    padding: 3px;
    margin-bottom:10px;
    }
    
    .post-timestamp {
    margin-right: 5px !important;
    margin-left: 5px !important;
    }
    
    .item #blog-pager {
        display: none;
    }
    
    .blog-posts {
        overflow: hidden;
    }
    
    .box {
        overflow: hidden;
        background-color: #fff;
        margin: 0 auto;
    }
    
    .woo {
        margin: 0 auto;
        max-width: 1200px;
        overflow: hidden;
        position: relative;
    }
     
    .main .widget {
        margin: 0 15px;
    }
    
    .item .post-body {
        background-color: #FFF;
        padding: 35px 20px;
        width: initial;
        margin-top: 8px;
        line-height: 24px;
    }
    
    .item .post-title {
        font-size: 2em;
        border-color: $(main.color);
        color: #555;
        padding: 15px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    
    ul, ol, dl { 
        font-weight: 400;
    } 
    
    .popular-posts ul {
        padding: 0;
        list-style: none;
    }
    .popular-posts .item-thumbnail {
        width: 70px;
        height: 70px;
    }
    .popular-posts img {
        width: 70px;
        height: 70px;
    }
    
    img {
        max-width: 100%;
    }
    
    .popular-posts .item-snippet {
        line-height: 18px;
        font-size: 11px;
    }
    
    .popular-posts .item-title {
        line-height: 21px;
    }
    
    /* Start Follow by Email Widget */
    .follow-by-email-inner td {
        width: 100%;
    }
    .FollowByEmail .follow-by-email-inner {
        margin-top:10px;
    }
    .FollowByEmail .follow-by-email-inner .follow-by-email-address {
        height: 40px;
        border: 0 !important;
        background-color: #e6e6e6;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        color: #000000;
    }
    .follow-by-email-submit {
        background-color: $(main.color) !important;
        width: 100% !important;
        margin: 0 !important;
        height: 40px !important;
        min-width: 80px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-size: 13px !important;
        margin-top: 5px !important;
        color: #ffffff !important;
    }
    .follow-by-email-address:focus {
        outline: 0;
    }
    .FollowByEmail .widget-content:before {
        content: "Subscribe here to get our newsletter, it is safe just Put your Email and click subscribe";
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
    }
    .email-icon {
        position: absolute;
        top: 12px;
        color: $(main.color);
    }
    /* End Follow by Email Widget */
    
    /* Scrollbar Style
    ----------------------------------------------- */
    
    ::-webkit-scrollbar {
        width: 7px;
        height:7px;
    }
     
    ::-webkit-scrollbar-track {
        background-color: #EEE;
    }
     
    ::-webkit-scrollbar-thumb {
        background-color: $(main.color);
    }
    
    ::-webkit-scrollbar-thumb:window-inactive {
    	background: $(main.color);
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background-color: #222;
    }
    
    /* Comments
    ----------------------------------------------- */
    
    .comments .comments-content {
        color: #555;
    }
    .comment-thread ol li.comment {
        border-color: $(main.color);
    }
    .comments .avatar-image-container {
        max-height: none;
        width: 60px;
        height: 60px;
    }
    .comments .avatar-image-container img {
        border-radius: 50%;
        max-width: 60px;
        height: 60px;
        z-index: 22;
        position: relative;
    }
    .comment-header {
        background-color: #756A6A;
        display: inline-block;
        padding: 5px;
        text-transform: uppercase;
    }
    .comment-header a {
        color: #fff;
        font-weight: 400;
    }
    .comments .comment-block {
        background-color: #F8F8F8;
        padding: 15px;
    }
    .comments-horizontal {
        list-style: none;
        display: inline-block;
        width: 100%;
        padding: 0 !important;
    }
    .comments-horizontal li {
        display: inline-block;
        width: 50%;
    }
    .comments-horizontal li a {
        background-color: #EEE;
        padding: 15px 0;
        width: 100%;
        display: block;
        text-align: center;
        color: #222;
    }
    .comments-horizontal li.active a {
        color: #ffffff;
        background-color: $(main.color);
    }
    .comments-tabs {
        margin-top: 25px;
        background-color: #ffffff;
        padding: 15px;
    }
    #facebook-comments {
        margin-top: 25px;
    }
    
    /* Contact form custom style
    ----------------------------------------------- */
    
    .contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
        max-width: none;
        margin-bottom: 15px;
    }
    .contact-form-name, .contact-form-email, .contact-form-email-message {
        background-color: #EBEBEB;
        border: 0;
    }
    .contact-form-button-submit {
        max-width: none;
        width: 100%;
        height: 35px;
        border: 0;
        background-image: none;
        background-color: $(main.color);
        cursor: pointer;
        font-style: normal;
        font-weight: 400;
    }
    .contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
        border: 0;
        box-shadow: none;
    }
    .contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
        border: 0;
    }
    .contact-form-button-submit:hover {
        background-color: #222;
        background-image: none;
        border: 0;
    }
    
    .sidebar .contact-form-widget .form {
        padding: 15px;
        background-color: #FFF;
    }
    
    /* Home Layers
    ----------------------------------------------- */
    
    #about {
        background: url(http://2.bp.blogspot.com/-sn7WwHZPq20/U57rrC8wR6I/AAAAAAAAEKk/HGuCEynRM9I/s1600/image-bg.jpg) no-repeat fixed top center;
        text-align: center;
        color: #CCC;
    }
    
    .about-inner {
        padding: 150px 0;
        background: rgba(7, 7, 7, 0.59) url(http://3.bp.blogspot.com/-wz9GyiKUKX4/UzbvcwMjtrI/AAAAAAAAD3w/-5ZGADVt_wI/s1600/widget-titles.png);
    }
    
    .welcome {
        margin-bottom: 25px;
    }
    
    .welcome h3 {
        font-size: 3em;
        font-weight: 400;
        color: #EEE;
        border-bottom: 2px solid;
        display: inline-block;
        letter-spacing: 5px;
    }
    .welcome h3 span {
        color: $(main.color);
        border-bottom: 2px solid;
    }
    
    #about p {
        line-height: 30px;
        font-size: 18px;
        letter-spacing: .4px;
        opacity: .7;
        color: #fff;
    }
    
    #feature .feature-posts .imageContainer {
        float: none;
        width: 280px;
        height: 320px;
        overflow: hidden;
        margin: 0;
    }
    #feature .feature-posts .imageContainer img {
        position: relative;
        max-width: none; 
    }
    #feature .feature-posts .imageContainer img:hover {
        opacity: .5;
         -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    #feature .feature-posts li {
        width: 280px;
        float: left;
        margin-right: 25px;
    }
    #feature .item-title {
        text-align: center;
        margin-top: 10px;
    }
    
    #feature {
        background-color: #383D42;
        color: #FFF;
    }
    
    #feature .feature-inner {
        padding: 80px 0;
    }
    
    #feature .feature-posts .item-title a {
        color: #BBB;
    }
    
    #feature .feature-posts .item-snippet {
        display: none;
    }
    
    #feature .px-title {
        background-color: #383D42;
    }
    
    #feature .px-title h2 {
        color: #FCFCFC;
    }
    
    button.prev {
        position: absolute;
        left: 0;
        top: 20px;
        z-index: 35;
        border: 0;
        padding: 8px;
        cursor: pointer;
        background-color: #383D42;
        border: 1px solid #FFF;
        color: #FFF;
    }
    
    button.next {
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 35;
        border: 0;
        padding: 8px;
        cursor: pointer;
        background-color: #383D42;
        border: 1px solid #FFF;
        color: #FFF;
    }
    
    #our-team {
        text-align: center;
        background: url(http://2.bp.blogspot.com/-yHxU16IMmgY/U5-xJwPkqxI/AAAAAAAAEK0/1Au8Luodts8/s1600/bg-2.jpg) no-repeat fixed top center;
        color: #fff;
    }
    
    #our-team ul {
        list-style: none;
        padding: 0;
        line-height: 1em;
    }
    
    #our-team .px-title {
        background-color: transparent;
        color: #fff;
    }
    #our-team .px-title h2 {
        color: #fff;
    }
    
    .team-inner {
        background: rgba(14, 13, 13, 0.66) url(http://3.bp.blogspot.com/-wz9GyiKUKX4/UzbvcwMjtrI/AAAAAAAAD3w/-5ZGADVt_wI/s1600/widget-titles.png);
        padding: 150px 0;
    }
    
    .teamblock {
        width: 250px;
        margin: 0 auto;
    }
    
    li.teamblock {
        margin: 0 auto;
        display: inline-block;
    }
    
    .teamblock a {
        color: #fff;
    }
    
    .team-about {
        margin-top: 10px;
        display: block;
    }
    
    .author-name p {
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        border-top: 1px solid;
        padding-top: 15px;
        margin-top: 15px;
    }
    
    .Profile img {
        float: none;
        margin: 0;
        border-radius: 100%;
    }
    
    #contact {
        background-color: #fff;
        padding: 80px 0 0;
    }
    
    #contact .contact-form-name, #contact .contact-form-email, #contact .contact-form-email-message {
        background-color: #FFF;
         border: 1px solid #DDD;
         border-radius: 5px;
        padding: 15px;
    }
    
    #contact .contact-form-name {
        width: 49.7%;
        height: 50px;
    }
    #contact .contact-form-email {
        width: 49.7%;  
        height: 50px;
    }
    
    #contact .contact-form-email-message {
        height: 250px;
    }
    
    #contact .contact-form-button-submit {
        background-color: #FFF;
        border: 1px solid #DDD;
        border-radius: 5px;
        color: #222;
        height: 50px;
        font-size: 14px;
        text-transform: uppercase;
    }
    
    .find span {
        width: 100%;
        text-align: center;
        display: block;
        height: 85px;
        line-height: 85px;
        background-color: #3F3B3B;
        color: #fff;
        margin: 15px 0 0;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 18px;
    }
    .find span:hover {
        background-color: $(main.color);
        color: #fff;
    }
    
    .find span i {
        font-size: 30px;
    }
    
    .map {
         position: absolute;
         left: -555px;
    }
    
    .map iframe {
        width: 100%;
    }
    
    /* Social Icons
    ----------------------------------------------- */
    
    #copyrights p {
        text-align: center;
        margin-top: 35px;
    }
    #copyrights a {
        color: #BBB7B7;
    }
    #copyrights a:hover {
        color: #222;
    }
    
    #social-sec {
        margin: 20px 0;
        text-align: center;
    }
    
    #social-sec li {
    display: inline-block;
    padding: 0;
    }
    
    #social-sec .widget ul {
        padding: 0;
        margin: 0;
    }
    
    .LinkList ul {
        margin-bottom: 15px;
    }
    
    #social-sec ul#social a {
        text-indent: -9999px;
        display: block;
        height: 43px;
        width: 43px;
        color: transparent;
        background-size: 43px 43px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 50%;
    
    }
    #social-sec ul#social a:hover {
        opacity: 1;
    }
    
    a.facebook {
    background-image: url(http://2.bp.blogspot.com/-qdm69A16hRY/Uz-UJjTlKTI/AAAAAAAAD5Q/hOF2OPnGPjU/s1600/Facebook.png)
    }
    
    a.twitter {
    background-image: url(http://4.bp.blogspot.com/-qQUui1EDcag/Uz-URAk7MyI/AAAAAAAAD7k/hEo67ngQqLA/s1600/Twitter.png)
    }
    
    a.gplus {
    background-image: url(http://1.bp.blogspot.com/-dTCjJ3KKKo0/Uz-UK77IcSI/AAAAAAAAD5k/y1xWbMi4oQM/s1600/Google+.png)
    }
    
    a.youtube {
    background-image: url(http://1.bp.blogspot.com/-iECtaP5XGxo/Uz-UTFKCelI/AAAAAAAAD8M/NVT-Jxwfli8/s1600/Youtube.png)
    }
    
    a.instagram {
    background-image: url(http://4.bp.blogspot.com/-pn-EPSmdmIE/Uz-UL47w2GI/AAAAAAAAD6A/IkvZacN41Lw/s1600/Instagram.png)
    }
    
    a.behance {
    background-image: url(http://4.bp.blogspot.com/-e8atNd5pkmQ/Uz-UHsu3SSI/AAAAAAAAD4g/qP7ttxBji5s/s1600/Behance.png)
    }
    
    a.pinterest {
    background-image: url(http://1.bp.blogspot.com/-61sf8rFlwEw/Uz-UNYM6j8I/AAAAAAAAD6Q/BjZIpLGndx0/s1600/Pinterest.png)
    }
    
    a.linkedin {
    background-image: url(http://4.bp.blogspot.com/-PiYefa1UUpQ/Uz-UMwZNEDI/AAAAAAAAD6Y/uf7_Q6Xt8MA/s1600/Linkedin.png)
    }
    
    a.skype {
    background-image: url(http://3.bp.blogspot.com/-JNszUuyfVzQ/Uz-URh6mkhI/AAAAAAAAD7s/10AkY7ISxDw/s1600/Skype.png)
    }
    
    a.vimeo {
    background-image: url(http://3.bp.blogspot.com/-HbYntnqsKhs/UwYw9nnD7AI/AAAAAAAADus/-RTHX4qJ7Bw/s1600/09_vimeo.png)
    }
    a.flickr {
    background-image: url(http://2.bp.blogspot.com/-ajVwNwG7V98/Uz-UJky9whI/AAAAAAAAD5M/SrjP9EIf0V4/s1600/Flickr.png)
    }
    
    a.blogger {
    background-image: url(http://3.bp.blogspot.com/-qMyV7vV-Ez4/Uz-UHk8DlYI/AAAAAAAAD4Y/Y9eCWrGEz3I/s1600/Blogger.png)
    }
    
    a.digg {
    background-image: url(http://4.bp.blogspot.com/-1JOkSJnkenI/Uz-UHsALCAI/AAAAAAAAD4c/MsnuPh9o9wA/s1600/Digg.png)
    }
    
    a.dribbble {
    background-image: url(http://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
    }
    
    a.github {
    background-image: url(http://2.bp.blogspot.com/-pkS-BMkpg5g/Uz-UKhR0K1I/AAAAAAAAD5o/cIep5c68z70/s1600/Github.png)
    }
    
    a .Dribbble {
    background-image: url(http://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
    }
    
    a.foursquare {
    background-image: url(http://2.bp.blogspot.com/-CmiVQLu6m4o/Uz-UJ4s6mPI/AAAAAAAAD5I/FTT4e1eaXi0/s1600/Foursquare.png)
    }
    
    a.dropbox {
    background-image: url(http://4.bp.blogspot.com/-Yf_b42eDWAY/Uz-UIZZc1-I/AAAAAAAAD40/vZPmPJGnH10/s1600/Dropbox.png)
    }
    
    a.rss {
    background-image: url(http://2.bp.blogspot.com/-9cGvH4bmmPs/Uz-UOPepamI/AAAAAAAAD6w/bCFiKbA3Cyo/s1600/RSS.png)
    }
    
    a.grooveshark {
    background-image: url(http://3.bp.blogspot.com/-h0rlRWmQX84/Uz-ULCL8FUI/AAAAAAAAD5g/g7u8LroDWMo/s1600/Grooveshark.png)
    }
    
    a.yelp {
    background-image: url(http://4.bp.blogspot.com/-AcE1CqlDZGo/Uz-US95PCxI/AAAAAAAAD8E/YqK1e1t2DRw/s1600/Yelp.png)
    }
    
    a.wordpress {
    background-image: url(http://3.bp.blogspot.com/-vL2XhiIQ2qw/Uz-USZWB-AI/AAAAAAAAD78/lSKhNC6hfvA/s1600/WordPress.png)
    }
    
    a.skydrive {
    background-image: url(http://2.bp.blogspot.com/-HGmVLBWfa-0/Uz-UORcRYII/AAAAAAAAD6o/MpdbKagXa_U/s1600/SkyDrive.png)
    }
    
    a.vine {
    background-image: url(http://4.bp.blogspot.com/-v7CYz0DXtZg/Uz-UUorArUI/AAAAAAAAD8c/W4rhUTqsWwI/s1600/Vine.png)
    }
    
    a.tumblr {
    background-image: url(http://2.bp.blogspot.com/-0gSagphNbJ4/Uz-UQjQK2mI/AAAAAAAAD7c/PiNXjh5NoM0/s1600/Tumblr.png)
    }
    
    a.Dribbble {
    background-image: url(http://1.bp.blogspot.com/-fC3D9vdmBRg/Uz-UIGf-sEI/AAAAAAAAD44/rmyQby_bVAQ/s1600/Dribbble.png)
    }
    
    a.TED {
    background-image: url(http://3.bp.blogspot.com/-fmmVvnROY_g/Uz-UQYZLFbI/AAAAAAAAD7U/LCDfvLV8yl0/s1600/TED.png)
    }
    
    a.vimeo {
    background-image: url(http://1.bp.blogspot.com/-FXaNEBIsYTA/Uz-URWmjqHI/AAAAAAAAD70/ntg_dkrppwk/s1600/Vimeo.png)
    }
    
    a.stumbleupon {
    background-image: url(http://3.bp.blogspot.com/-0ki8OAu6CQ8/Uz-UQB1GBPI/AAAAAAAAD7M/mxqzJ8NKsTw/s1600/StumbleUpon.png)
    }
    
    a.spotify {
    background-image: url(http://1.bp.blogspot.com/-rlzJJAfMxrc/Uz-UPlWqGLI/AAAAAAAAD7A/ULSJbIAaoS0/s1600/Spotify.png)
    }
    
    a.soundcloud {
    background-image: url(http://2.bp.blogspot.com/-F-c6CCi9rUc/Uz-UPa_LeRI/AAAAAAAAD7E/9Ysz9-w7Gu4/s1600/Soundcloud.png)
    }
    
    a.evernote {
    background-image: url(http://3.bp.blogspot.com/-hm0iLy0oFVc/Uz-UIoJWLvI/AAAAAAAAD4w/fa8X1Rq7kO8/s1600/Evernote.png)
    }
    
    a.reddit {
    background-image: url(http://1.bp.blogspot.com/-3WKa9xehFv0/Uz-UOOXOu-I/AAAAAAAAD6s/rd-hwH60w9c/s1600/reddit.png)
    }
    
    a.myspace {
    background-image: url(http://3.bp.blogspot.com/-hZMYm0X2ueo/Uz-UNFRtFvI/AAAAAAAAD6U/1w2OE6_kat8/s1600/myspace.png)
    }
    
    a.lastfm {
    background-image: url(http://2.bp.blogspot.com/-mw54BjBW05o/Uz-UMEWibJI/AAAAAAAAD54/9jyHl7GeRHw/s1600/Lastfm.png)
    }
    
    a.kickstarter {
    background-image: url(http://4.bp.blogspot.com/-N0iOZQIjtxA/Uz-UMGYhIWI/AAAAAAAAD58/J0c49quopSs/s1600/Kickstarter.png)
    }
    
    a.iMDB {
    background-image: url(http://2.bp.blogspot.com/-eNWTfIzD4sM/Uz-UTqYQybI/AAAAAAAAD8Y/lI6ro2Lw6O0/s1600/iMDB.png)
    }
    
    /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
    .tooltipster-default {
    	border-radius: 5px; 
    	border: 2px solid #000;
    	background: #4c4c4c;
    	color: #fff;
    }
    
    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
    	font-family: Arial, sans-serif;
    	font-size: 14px;
    	line-height: 16px;
    	padding: 8px 10px;
    	overflow: hidden;
    }
    
    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    	/* border-color: ... !important; */
    }
    
    /* If you're using the icon option, use this next selector to style them */
    .tooltipster-icon {
    	cursor: help;
    	margin-left: 4px;
    }
    
    /* This is the base styling required to make all Tooltipsters work */
    .tooltipster-base {
    	padding: 0;
    	font-size: 0;
    	line-height: 0;
    	position: absolute;
    	left: 0;
    	top: 0;
    	z-index: 9999999;
    	pointer-events: none;
    	width: auto;
    	overflow: visible;
    }
    .tooltipster-base .tooltipster-content {
    	overflow: hidden;
    }
    
    /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
    .tooltipster-arrow {
    	display: block;
    	text-align: center;
    	width: 100%;
    	height: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: -1;
    }
    .tooltipster-arrow span, .tooltipster-arrow-border {
    	display: block;
    	width: 0; 
    	height: 0;
    	position: absolute;
    }
    .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    	border-left: 8px solid transparent !important;
    	border-right: 8px solid transparent !important;
    	border-top: 8px solid;
    	bottom: -7px;
    }
    .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    	border-left: 9px solid transparent !important;
    	border-right: 9px solid transparent !important;
    	border-top: 9px solid;
    	bottom: -7px;
    }
    
    .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    	border-left: 8px solid transparent !important;
    	border-right: 8px solid transparent !important;
    	border-bottom: 8px solid;
    	top: -7px;
    }
    .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    	border-left: 9px solid transparent !important;
    	border-right: 9px solid transparent !important;
    	border-bottom: 9px solid;
    	top: -7px;
    }
    .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    	left: 0;
    	right: 0;
    	margin: 0 auto;
    }
    .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    	left: 6px;
    }
    .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    	left: 5px;
    }
    .tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    	right: 6px;
    }
    .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    	right: 5px;
    }
    .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    	border-top: 8px solid transparent !important;
    	border-bottom: 8px solid transparent !important; 
    	border-left: 8px solid;
    	top: 50%;
    	margin-top: -7px;
    	right: -7px;
    }
    .tooltipster-arrow-left .tooltipster-arrow-border {
    	border-top: 9px solid transparent !important;
    	border-bottom: 9px solid transparent !important; 
    	border-left: 9px solid;
    	margin-top: -8px;
    }
    .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    	border-top: 8px solid transparent !important;
    	border-bottom: 8px solid transparent !important; 
    	border-right: 8px solid;
    	top: 50%;
    	margin-top: -7px;
    	left: -7px;
    }
    .tooltipster-arrow-right .tooltipster-arrow-border {
    	border-top: 9px solid transparent !important;
    	border-bottom: 9px solid transparent !important; 
    	border-right: 9px solid;
    	margin-top: -8px;
    }
    
    /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
    
    .tooltipster-fade {
    	opacity: 0;
    	-webkit-transition-property: opacity;
    	-moz-transition-property: opacity;
    	-o-transition-property: opacity;
    	-ms-transition-property: opacity;
    	transition-property: opacity;
    }
    .tooltipster-fade-show {
    	opacity: 1;
    }
    
    .tooltipster-grow {
    	-webkit-transform: scale(0,0);
    	-moz-transform: scale(0,0);
    	-o-transform: scale(0,0);
    	-ms-transform: scale(0,0);
    	transform: scale(0,0);
    	-webkit-transition-property: -webkit-transform;
    	-moz-transition-property: -moz-transform;
    	-o-transition-property: -o-transform;
    	-ms-transition-property: -ms-transform;
    	transition-property: transform;
    	-webkit-backface-visibility: hidden;
    }
    .tooltipster-grow-show {
    	-webkit-transform: scale(1,1);
    	-moz-transform: scale(1,1);
    	-o-transform: scale(1,1);
    	-ms-transform: scale(1,1);
    	transform: scale(1,1);
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }
    
    .tooltipster-swing {
    	opacity: 0;
    	-webkit-transform: rotateZ(4deg);
    	-moz-transform: rotateZ(4deg);
    	-o-transform: rotateZ(4deg);
    	-ms-transform: rotateZ(4deg);
    	transform: rotateZ(4deg);
    	-webkit-transition-property: -webkit-transform, opacity;
    	-moz-transition-property: -moz-transform;
    	-o-transition-property: -o-transform;
    	-ms-transition-property: -ms-transform;
    	transition-property: transform;
    }
    .tooltipster-swing-show {
    	opacity: 1;
    	-webkit-transform: rotateZ(0deg);
    	-moz-transform: rotateZ(0deg);
    	-o-transform: rotateZ(0deg);
    	-ms-transform: rotateZ(0deg);
    	transform: rotateZ(0deg);
    	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    }
    
    .tooltipster-fall {
    	top: 0;
    	-webkit-transition-property: top;
    	-moz-transition-property: top;
    	-o-transition-property: top;
    	-ms-transition-property: top;
    	transition-property: top;
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    }
    .tooltipster-fall-show {
    }
    .tooltipster-fall.tooltipster-dying {
    	-webkit-transition-property: all;
    	-moz-transition-property: all;
    	-o-transition-property: all;
    	-ms-transition-property: all;
    	transition-property: all;
    	top: 0px !important;
    	opacity: 0;
    }
    
    .tooltipster-slide {
    	left: -40px;
    	-webkit-transition-property: left;
    	-moz-transition-property: left;
    	-o-transition-property: left;
    	-ms-transition-property: left;
    	transition-property: left;
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }
    .tooltipster-slide.tooltipster-slide-show {
    }
    .tooltipster-slide.tooltipster-dying {
    	-webkit-transition-property: all;
    	-moz-transition-property: all;
    	-o-transition-property: all;
    	-ms-transition-property: all;
    	transition-property: all;
    	left: 0px !important;
    	opacity: 0;
    }
    
    /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
    .tooltipster-content-changing {
    	opacity: 0.5;
    	-webkit-transform: scale(1.1, 1.1);
    	-moz-transform: scale(1.1, 1.1);
    	-o-transform: scale(1.1, 1.1);
    	-ms-transform: scale(1.1, 1.1);
    	transform: scale(1.1, 1.1);
    }
    
    .tooltipster-punk {
    	border-radius: 5px; 
    	border-bottom: 3px solid #f71169;
    	background: #2a2a2a;
    	color: #fff;
    }
    .tooltipster-punk .tooltipster-content {
    	font-family: 'Courier', monospace;
    	font-size: 14px;
    	line-height: 16px;
    	padding: 8px 10px;
    }
    
    .post-home .post-title {
        margin-bottom: 10px;
        font-weight: 400;
    }
    .post-home .post-meta {
        margin-bottom: 10px;
    }
    .toe {
    }
    
    .status-msg-border {
        display: none;
    }
    .status-msg-body {
        position: relative;
    }
    .status-msg-wrap {
        margin: 0;
        width: 100%;
        padding: 10px 0;
        background-color: #474747;
        color: #fff;
    }
    
    .status-msg-body:before {
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .status-msg-wrap a {
        color: #ddd;
    }
    
    .loadbt {
        background-color: $(main.color);
        display: block;
        color: #fff;
        padding: 5px 0;
        margin-top: 15px;
    }
    .loadbt:hover {
        background-color: #222;
        color: #fff;
    }
    
    .post-home .post-meta a, .post-home .post-meta .fa {
        color: #777;
    }
    
    .index .post-header {
        display: none;
    }
    
    #copyrights {
        background-color: #fff;
        color: #444;
    }
    
    .upbt .fa {
        background-color: $(main.color);
        color: #fff;
        padding: 10px 15px;
        font-size: 1.3em;
        border-radius: 5px;
    }
    .upbt .fa:hover {
        background-color: #222;
    }
    
    #ArchiveList a {
        line-height: 22px;
    }
    
    #ArchiveList select {
        background-color: #EEE;
        border: 1px solid #DDD;
        border-radius: 5px;
        padding: 8px;
        width: 100%;
        cursor: pointer;
    }
    
    .index #sidebar-wrapper {
        display: none;
    }
    .index #main-wrapper {
        width: 100%;
        float: none;
    }
    
    .sidebar .widget {
        margin-bottom: 25px;
    }
    
    .index .post-outer {
        position: relative;
        overflow: hidden;
        width: 380px;
        height: 450px;
        margin-top: 5px;
        background-color: #5E6B72;
    }
    
    .post-snippet {
        color: #BBB;
    }
    
    .post-home .imageContainer {
        width: 380px;
        height: 450px;
        overflow: hidden;
        margin: 0;
        float: none;
    }
    
    .post-home .imageContainer img {
        max-width: none;
        float: none;
        position: relative;
    }
    
    .post-home .post-title a { 
        color: #222;
    }
    
    .post-home .imageContainer img {
        z-index: 4;
    }
    
    .index .post-outer:hover .post-home img {
        opacity: .6;
    }
    
    .index .post-outer:hover .post-info { 
        opacity: 1;
        bottom: 0;
        z-index: 5;
    }
    
    .post-info {
        padding: 0 15px;
        position: absolute;
        z-index: 3;
        bottom: -200px;
        background-color: #fff;
        padding: 20px;
        opacity: 0;
    }
    
    .error_page .sidebar {
        display: none;
    }
    .error_page .home-link:hover {
        padding: 10px 25px;
    }
    .error_page #main-wrapper {
        width: 100%;
        background-color: #474747;
    }
    
    .error_page .home-link {
        background-color: #fff;
        color: #111;
        padding: 10px 25px;
        display: inline-block;
    }
    
    .error_page .error-title span {
        color: #fff;
        font-size: 10em;
    }
    .error_page .error-title {
        text-align: center;
    }
    
    .error_page #outer-wrapper {
        background-color: #474747;
    }
    
    .post-pager {
        margin-bottom: 10px;
        overflow: hidden;
        padding: 0 !important;
    }
    
    .post-pager li.next {
        padding: 0;
        background: none;
        margin: 0;
    }
    
    .post-pager li.previous {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background: none;
    }
    
    .post-pager li {
        width: 50%;
        display: inline;
        text-align: center;
    }
    
    .post-pager li a {
        position: relative;
        display: block;
        outline: none;
        text-decoration: none;
    }
    
    .post-pager li i {
        color: #ccc;
        font-size: 18px;
    }
    
    .post-pager li a strong {
        display: block;
        font-size: 20px;
        color: #ccc;
        font-weight: 700;
        margin-bottom: 10px;
    }
    
    .post-pager li a span {
        font-size: 15px;
        color: #666;
        margin: 0;
    }
    
    .post-pager li a:hover span,
    .post-pager li a:hover i {
        color: #222;
    }
    
    .post-pager li.previous i {
        margin-top: 15%;
    }
    
    .post-pager li.next i {
        margin-top: 15%;
    }
    
    .post-pager li.next i,
    .post-pager li.previous i,
    .post-pager li.next,
    .post-pager li.previous {
        -webkit-transition-property: background color;
        -webkit-transition-duration: .4s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-property: background color;
        -moz-transition-duration: .4s;
        -moz-transition-timing-function: ease-out;
        -o-transition-property: background color;
        -o-transition-duration: .4s;
        -o-transition-timing-function: ease-out;
        transition-property: background color;
        transition-duration: .4s;
        transition-timing-function: ease-out;
    }
    
    .post-pager li {
        padding-top: 15px!important;
        margin-top: 10px !important;
    }
    
    #comments h4 {
        font-weight: 400;
    }
    
    /* related posts styles */
    #related-posts h2 {
    margin-bottom: 10px;
    font-weight: 400;
    }
    #related-posts {
    overflow: hidden;
    border-top: 1px solid #DDD;
    margin-top: 20px;
    padding-top: 10px;
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 25px;
    }
    #related-posts .related_img {
    width: 100%;
    height: 120px;
    opacity: 1;
    }
    #related-posts .related_img:hover {
    opacity: .7;
    }
    #related-posts a {
    width: 30%;
    }
    /* end related posts style */
    
    /* recent posts main style */ 
    
    #label_with_thumbs li {
        width: 100%;
        display: inline-block;
        padding: 0;
    }
    
    .imageContainer {
       width: 70px;
       height: 70px;
       overflow: hidden;
    }
    
    .label_thumb {
        position: relative;
        max-width: none !important;
    }
    
    .label_title {
        display: block;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 7px;
    }
    
    .post-date {
        font-size: 11px;
        font-weight: normal;
        color: #888 !important;
    }
    
    .post-date:before {
      content: "\f073";
      font-family: FontAwesome;
      display: inline-block;
    }
    
    .recent-com {
        color: #888 !important;
        font-size: 11px;
    }
    
    .recent-com:before {
      content: "\f0e6";
      font-family: FontAwesome;
      display: inline-block;
    }
    
    .toe {
        overflow: hidden;
        display: block;
        margin-bottom: 5px;
    }
    
    li.recent-box:last-child {
        border-bottom: 0 !important;
    }
    
    .post-summary {
        line-height: 18px;
    }
    
    .label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: $(main.color);
    }
    
    .LinkList ul {
        list-style: none;
        padding: 0;
    }
    
    /* End Slider */
    
    .videoBar-container {
        width: 100% !important;
    }
    .videoBar-container td div {
        width: 100% !important;
        margin-top: 15px;
    }
    .videoBar-container td div img {
        width: 100%;
        height: auto;
    }
    table.gsc-branding-vertical td.gsc-branding-img-noclear {
        display: none;
    }
    td.gsc-branding-text {
        display: none;
    }
    .playing_gsvb {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        position: fixed;
    }
    div.floatingPlayer_gsvb div.playerInnerBox_gsvb .player_gsvb {
        width: 80%;
        height: 500px;
        margin: 30px auto;
    }
    .playerBox_gsvb div.alldone_gsvb {
        display: none;
    }
    .title_gsvb {
        display: none;
    }
    
    #ad .title {
        display: none;
    }
    
    #blog-pager {
    	clear: both;
    	margin: 20px 0;
    	padding: 10px 0;
        font-size: 15px;
    }
    
    #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a {
    	background: $(main.color);
    	color: #fff;
    	padding: 10px 10px 9px;
    	text-decoration: none;
    }
    
    #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover {
    	background: #000;
    	color: #fff;
    	padding: 10px 10px 9px;
    	text-shadow: 1px 0 1px #000;
    }
    
    .showpageOf {
    	background: $(main.color);
    	color: #fff;
    	padding: 10px 10px 9px;
    }
    
    @charset "UTF-8";
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    
    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }
    
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }
    
    @keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }
    
      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }
    
    .fadeInDown {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }
    
    /* preload style */
    
    #movingBallG{
    position:relative;
    width:128px;
    height:10px;
    }
    
    .movingBallLineG{
    position:absolute;
    left:0px;
    top:4px;
    height:2px;
    width:128px;
    background-color:#4D3D4D;
    }
    
    .movingBallG{
    background-color:#171617;
    position:absolute;
    top:0;
    left:0;
    width:10px;
    height:10px;
    -moz-border-radius:5px;
    -moz-animation-name:bounce_movingBallG;
    -moz-animation-duration:0.9s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:5px;
    -webkit-animation-name:bounce_movingBallG;
    -webkit-animation-duration:0.9s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:5px;
    -ms-animation-name:bounce_movingBallG;
    -ms-animation-duration:0.9s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:5px;
    -o-animation-name:bounce_movingBallG;
    -o-animation-duration:0.9s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:5px;
    animation-name:bounce_movingBallG;
    animation-duration:0.9s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    }
    
    @-moz-keyframes bounce_movingBallG{
    0%{
    left:0px;
    }
    
    50%{
    left:118px;
    }
    
    100%{
    left:0px;
    }
    
    }
    
    @-webkit-keyframes bounce_movingBallG{
    0%{
    left:0px;
    }
    
    50%{
    left:118px;
    }
    
    100%{
    left:0px;
    }
    
    }
    
    @-ms-keyframes bounce_movingBallG{
    0%{
    left:0px;
    }
    
    50%{
    left:118px;
    }
    
    100%{
    left:0px;
    }
    
    }
    
    @-o-keyframes bounce_movingBallG{
    0%{
    left:0px;
    }
    
    50%{
    left:118px;
    }
    
    100%{
    left:0px;
    }
    
    }
    
    @keyframes bounce_movingBallG{
    0%{
    left:0px;
    }
    
    50%{
    left:118px;
    }
    
    100%{
    left:0px;
    }
    
    }
    
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        z-index: 9999999999;
    }
    
    #movingBallG {
        position: fixed;
        top: 50%;
        height: 10px;
        margin-top: -5px;
        left: 50%;
        width: 128px;
        margin-left: -64px;
    }
    
    .is-sticky #header {
        display: block !important;
    }
    	
    #sbar #header {
        display: none;
    }
    #sbar .Header h1 {
        color: #555;
        font-size: 2em;
        line-height: 2em;
    }
    
    #sbar .Header h1 a {
        color: #555;
    }
    
    #sbar .Header h1 a:hover {
        color: #777;
    }
    
    #sbar #header {
        height: 60px;
    }
    
    #sbar #header .description {
        display: none;
    }
    
    .home #header-content {
        position: fixed;
        top: 40px;
        width: 100%;
        height: 560px;
        z-index: 9;
        padding: 0;
        background-color: rgba(0, 0, 0, 0.41);
    }
    
    .home #header-content #header {
        margin-top: 232px;
    }
    
    .home #top-header {
        position: fixed;
        top: 0;
        width: 100%;
        height: 40px;
        z-index: 9;
    }
    
    .home #sbar-sticky-wrapper {
        margin-top: 600px;
        z-index: 11;
        position: relative;
    }
    
    .home #outer-wrapper {
        z-index: 10;
        position: relative;
    }
    
    .home #copyrights {
        z-index: 10;
        position: relative;
    }
    
    ]]></b:skin>
    
    <b:template-skin>
    
          <![CDATA[
    
    #layout ul { 
        list-style: none;
    }
    #layout #main-wrapper {
        float: left;
        width: 70%;
    }
    #layout #sidebar-wrapper {
        float: right;
        width: 30%;
    }
    #layout #unwanted {
        display: none;
    }
    
    #layout #top-header {
        height: auto;
        margin-top: 70px;
    }
    
    #layout #header-content {
        padding: 0;
    }
    
    #layout #header-content #ad {
        float: right;
        width: 490px;
    }
    #layout #header {
        float: left;
    }
          ]]>
    </b:template-skin>
      
    
    <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'>
    
    <!-- Styles for LTR -->
    <style>
    .sidebar .widget:before {
        content: &quot;&quot;;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 40;
        border-width: 0 16px 16px 0;
        border-style: solid;
        border-color: #fff #F4F6F7 #fff #fff;
        background: #658E15;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        display: block;
        width: 0;
    }
    .post-pager li.next a {
        padding-right: 24px;
    }
    .post-pager li {
        float: right;
    }
    .top-menu ul li {
        margin-right: 15px;
    }
    #blog-pager-newer-link {
    	float: left;
    }
    #blog-pager-older-link {
    	float: right;
    }
    .index .post-outer {
        float: left;
        margin-right: 5px;
    }
    #contact .contact-form-name {
        float: left;
    }
    #contact .contact-form-email {
        float: right; 
    }
    .is-sticky #nav {
    	float: right;
    }
    .is-sticky #nav li {
        float: left;
    }
    .is-sticky #header {
    	float: left;
    }
    #social-sec {
        float: right;
    }
    #copyrights p {
        float: left;
    }
    #copyrights p i {
        margin-right: 5px;
    }
    .find span i {
        margin-right: 15px;
    }
    .is-sticky .selectnav {
        float: right;
    }
    .top-menu {
        float: left;
        margin-left: 15px;
    }
    #header-content #header {
        float: left;
    }
    #header-content #ad {
        float: right;
    }
    .comment-thread ol li.comment {
        padding-left: 15px;
    }
    .status-msg-body:before {
      content: &quot;\f0a4&quot;;
    }
    .comment-thread ol li.comment {
        border-left-style: solid;
        border-left-width: 1px;
    }
    .item .post-title {
        border-left-style: solid;
        border-left-width: 15px;
    }
    .list-label-widget-content ul li a:before {
      margin-right: 5px;
    }
    .cloud-label-widget-content span {
        float: left;
        margin-right: 5px;
    }
    .post-meta-in {
        margin-left: 10px;
        float: left;
    }
    .popular-posts .item-thumbnail {
        float: left;
        margin: 0 5px 5px 0;
    }
    .popular-posts img {
        padding-right: 8px;
        padding-left: 0;
    }
    .comments-tabs .fa {
        margin-right: 5px;
    }
    .comments .avatar-image-container {
        margin-left: 15px;
    }
    .comment-header {
        margin-left: 15px !important;
    }
    .comments-horizontal li {
        float: left;
    }
    
    .status-msg-body:before {
      margin-right: 5px;
    }
    .post-pager li.previous {
        margin-right: -2px;
        margin-left: 0;
        float: left;
        border-right: 1px solid #ddd;
    }
    .post-pager li.previous a {
        padding-right: 24px;
    }
    .post-pager li.previous i {
        float: left;
        margin-left: 5%;
    }
    .post-pager li.next i {
        float: right;
        margin-right: 5%;
    }
    #related-posts a {
        margin-right: 15px !important;
    }
    .imageContainer {
       float: left;
       margin-right: 8px;
    }
    .label_title {
        padding-right: 5px;
    }
    .post-date {
        margin-right: 8px;
        float: left;
    }
    .post-date:before {
        margin-right: 5px;
        float: left;
    }
    .recent-com {
        float: left;
    }
    
    .recent-com:before {
      margin-right: 5px;
      float: left;
    }
    .label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
        margin-right: 5px;
        content: &quot;\f101&quot;;
    }
    .sidebar .LinkList ul li a:hover {
        margin-left: 10px;
    }
    .upbt {
        float: left;
        margin-right: 20px;
    }
    
    div#search-header {
        float: right;
    }
    #search-header button {
        float: right;
    }
    button.remove {
        right: 15px;
    }
    #sidebar-wrapper {
        float: right;
    }
    #main-wrapper {
        float: left;
    }
    .post-meta-in .fa {
        margin-right: 5px;
    }
    .follow-by-email-inner td {
        float: right;
    }
    .email-icon {
        right: 15px;
    }
    .comments .comments-content .datetime {
        float: right;
    }
    .social-footer #social-sec {
        float: right;
    }
    .list-label-widget-content ul li a:hover {
        padding-left: 15px;
    }
    #search-hide input {
        float: left;
    }
    .post-meta-in .post-labels {
        margin-left: 5px;
    }
    
    </style>
    
    <b:else/>
    
    <!-- Styles for RTL -->
    <style>
    .sidebar .widget:before {
        content: &quot;&quot;;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 40;
        border-width: 0 0 16px 16px;
        border-style: solid;
        border-color: #fff #fff #fff #F4F6F7;
        background: #658E15;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        box-shadow: 0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
        display: block;
        width: 0;
    }
    
    .post-pager li.next a {
        padding-left: 24px;
    }
    .post-pager li {
        float: left;
    }
    .top-menu ul li {
        margin-left: 15px;
    }
    #blog-pager-newer-link {
    	float: right;
    }
    #blog-pager-older-link {
    	float: left;
    }
    .index .post-outer {
        float: right;
        margin-left: 5px;
    }
    
    #contact .contact-form-name {
        float: right;
    }
    #contact .contact-form-email {
        float: left; 
    }
    #feature {
        direction: ltr !important;
    }
    .is-sticky #nav {
    	float: left;
    }
    .is-sticky #nav li {
        float: right;
    }
    .is-sticky #header {
    	float: right;
    }
    #social-sec {
        float: left;
    }
    #copyrights p {
        float: right;
    }
    #copyrights p i {
        margin-left: 5px;
    }
    .find span i {
        margin-left: 15px;
    }
    .is-sticky .selectnav {
        float: left;
    }
    .top-menu {
        float: right;
        margin-right: 15px;
    }
    
    #header-content #header {
        float: right;
    }
    #header-content #ad {
        float: left;
    }
    .comment-thread ol li.comment {
        padding-right: 15px;
    }
    .status-msg-body:before {
      content: &quot;\f0a5&quot;;
    }
    .comment-thread ol li.comment {
        border-right-style: solid;
        border-right-width: 1px;
    }
    
    .item .post-title {
        border-right-style: solid;
        border-right-width: 15px;
    }
    .list-label-widget-content ul li a:before {
      margin-left: 5px;
    }
    .cloud-label-widget-content span {
        float: right;
        margin-left: 5px;
    }
    .post-meta-in {
        margin-right: 10px;
        float: right;
    }
    .popular-posts .item-thumbnail {
        float: right;
        margin: 0 0 5px 5px;
    }
    .popular-posts img {
        padding-left: 8px;
        padding-right: 0;
    }
    .comments-tabs .fa {
        margin-left: 5px;
    }
    .comments .avatar-image-container {
        margin-right: 15px;
    }
    .comment-header {
        margin-right: 15px !important;
    }
    .comments-horizontal li {
        float: right;
    }
    .status-msg-body:before {
      margin-left: 5px;
    }
    
    .post-pager li.previous {
        margin-left: -2px;
        margin-right: 0;
        float: right;
        border-left: 1px solid #ddd;
    }
    .post-pager li.previous a {
        padding-left: 24px;
    }
    .post-pager li.previous i {
        float: right;
        margin-right: 5%;
    }
    .post-pager li.next i {
        float: left;
        margin-left: 5%;
    }
    #related-posts a {
        margin-left: 15px !important;
    }
    .imageContainer {
       float: right;
       margin-left: 8px;
    }
    .label_title {
        padding-left: 5px;
    }
    .post-date {
        margin-left: 8px;
        float: right;
    }
    
    .post-date:before {
        margin-left: 5px;
        float: right;
     
    }
    .recent-com {
        float: right;
    }
    
    .recent-com:before {
      margin-left: 5px;
      float: right;
    }
    .label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before {
        margin-left: 5px;
        content: &quot;\f100&quot;;
    }
    .sidebar .LinkList ul li a:hover {
        margin-right: 10px;
    }
    .upbt {
        float: right;
        margin-left: 20px;
    }
    div#search-header {
        float: left;
    }
    #search-header button {
        float: left;
    }
    button.remove {
        left: 15px;
    }
    #sidebar-wrapper {
        float: left;
    }
    #main-wrapper {
        float: right;
    }
    #sidebar-wrapper2{
        float: right;
    }
    .post-meta-in .fa {
        margin-left: 5px;
    }
    .follow-by-email-inner td {
        float: left;
    }
    .email-icon {
        left: 15px;
    }
    .comments .comments-content .datetime {
        float: left;
    }
    .list-label-widget-content ul li a:hover {
        padding-right: 15px;
    }
    #search-hide input {
        float: right;
    }
    .post-meta-in .post-labels {
        margin-right: 5px;
    }
    
    </style>
    
    </b:if>
    
    <!-- Styles for Responsive Design -->
    <style>
    
    /* Responsive Design
    ----------------------------------------------- */
    
    @media screen and (min-width: 1200px) {
        #facebook-comments1 {
            display: block;
        }
        #facebook-comments2, #facebook-comments3, #facebook-comments4 {
            display: none;
        }
    }
    
    @media screen and (max-width: 1200px) {
    
        #facebook-comments2 {
            display: block;
        }
        #facebook-comments1, #facebook-comments3, #facebook-comments4 {
            display: none;
        }
    
        .woo {
            max-width: 800px;
        }
        #main-wrapper {
            width: 100%;
            float: none !important;
            clear: both;
        }
        #sidebar-wrapper {
            width: 100%;
            margin-top: 25px;
        }
        #header-content #header {
            float: none;
            margin: 20px auto;
        }
        .Header h1, .Header .description, #header {
            text-align: center;
        }
        #header-content #ad {
           float: none !important;
           width: 100%;
           max-width: 728px;
           margin: 0 auto;
       }
    
    }
    
    @media screen and (max-width: 800px) {
    
        #facebook-comments3 {
            display: block;
        }
        #facebook-comments1, #facebook-comments2, #facebook-comments4 {
            display: none;
        }
    
       .woo {
           max-width: 600px;
       }
       #coverflow {
           max-width: 400px;
           margin: 0 auto;
       }
       #footer-wrapper .footer {
           width: 100%;
           float: none !important;
           margin-bottom: 10px;
       }
    
    }
    
    @media screen and (max-width: 600px) {
    
        #facebook-comments4 {
            display: block;
        }
        #facebook-comments1, #facebook-comments3, #facebook-comments2 {
            display: none;
        }
    
       .woo {
           max-width: 400px;
       }
    
        #sidebar-wrapper {
            width: 100%;
            float: none !important;
            margin-top: 25px;
        }
    
        #copyrights p {
            float: none !important;
            margin-bottom: 15px;
            text-align: center;
        }
    
        #related-posts a {
            width: 100%;
        }
    
    }
    </style>
    
      <b:include data='blog' name='google-analytics'/>
     
    	<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
    
    <script type='text/javascript'> 
    //<![CDATA[
    
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('D 4j(e){G.I(\'<3Z 1W="4h">\');V(q t=0;t<3b;t++){q n=e.1h.H[t];q r=n.1n.$t;q i;z(t==e.1h.H.F)1m;V(q o=0;o<n.R.F;o++){z(n.R[o].1H=="3d"&&n.R[o].31=="2H/22"){q u=n.R[o].1n;q f=n.R[o].X}z(n.R[o].1H=="2A"){i=n.R[o].X;1m}}q l;3Y{l=n.4i$1J.44}3W(h){s=n.1v.$t;a=s.15("<U");b=s.15(\'K="\',a);c=s.15(\'"\',b+5);d=s.2l(b+5,c-b-5);z(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}P l="1I://3.2z.2y.1w/-4g/4k/4L/4D/1K/4C.2C"}q p=n.2k.$t;q v=p.19(0,4);q m=p.19(5,7);q g=p.19(8,10);q y=16 14;y[1]="2w";y[2]="2I";y[3]="2J";y[4]="2K";y[5]="2F";y[6]="4b";y[7]="3B";y[8]="2x";y[9]="3L";y[10]="2D";y[11]="2E";y[12]="2L";G.I(\'<3f Z="3g-4F">\');z(4G==1f)G.I(\'<Y Z="4K"><a X="\'+i+\'" 2O ="2Q"><U Z="2q" K="\'+l+\'" 1n="\'+r+\'" 4J="\'+r+\'"/></a></Y>\');G.I(\'<a Z="4n" X="\'+i+\'" 2O ="2Q">\'+r+"</a>");q w="";q E=0;G.I("");p=n.2k.$t;q S=[1,2,3,4,5,6,7,8,9,10,11,12];q x=["2w","2I","2J","2K","2F","4b","3B","2x","3L","2D","2E","2L"];q T=p.1d("-")[2].19(0,2);q N=p.1d("-")[1];q C=p.1d("-")[0];V(q k=0;k<S.F;k++){z(42(N)==S[k]){N=x[k];1m}}q L=T+" "+N+" "+C;z(4r==1f){G.I(\'<Y Z="4s"><a X="\'+i+\'" Z="29-4x">\'+L+"</a>")}z(4t==1f){z(E==1){w=w+" | "}z(u=="1 2T")u="1 4o";z(u=="0 2T")u="4u 2T";w=w+u;E=1;G.I(\'<a Z="3g-1w" X="\'+f+\'" 2O ="2Q">\'+u+"</a></Y>")}z("1v"1R n){q A=n.1v.$t}P z("1S"1R n){q A=n.1S.$t}P q A="";q O=/<\\S[^>]*>/g;A=A.1P(O,"");z(4v==1f){z(A.F<30){G.I("");G.I(A);G.I("")}P{G.I("");A=A.19(0,30);q M=A.4w(" ");A=A.19(0,M);G.I(\'<p Z="29-1S">\'+A+"...</p>")}}G.I("</3f>");z(t!=3b-1)G.I("")}G.I("</3Z>")};$(G).1g(D(){$(\'.2q\').1q(\'K\',D(i,K){Q K.1P(\'3O-c\',\'1K\')})});$(G).1g(D(){$(\'.2q\').1q(\'K\',D(i,K){Q K.1P(\'47.23\',\'4a.23\')})});$(G).1g(D(){$(\'.3N-26 .3R-1J U, .29-3U U, .3E-26 U\').1q(\'K\',D(i,K){Q K.1P(\'3O-c\',\'1K\')})});$(G).1g(D(){$(\'.3N-26 .3R-1J U, .29-3U U, .3E-26 U\').1q(\'K\',D(i,K){Q K.1P(\'47.23\',\'4a.23\')})});1G=16 14();1G[0]="1I://2.2z.2y.1w/-3p/3i/3h/3H/1K/3n-1J.2C";3a=1f;4m=1f;4l=4p;4q=20;4y=12;2i=4;D 4z(3A,3u){q s=3A.1d("<");V(q i=0;i<s.F;i++){z(s[i].15(">")!=-1){s[i]=s[i].19(s[i].15(">")+1,s[i].F)}}s=s.4H("");s=s.19(0,3u-1);Q s}D 4I(1j){j=(3a)?1y.3r((1G.F+1)*1y.3s()):0;U=16 14();z(2i<=1j.1h.H.F){2n=2i}P{2n=1j.1h.H.F}V(q i=0;i<2n;i++){q H=1j.1h.H[i];q 2X=H.1n.$t;q 21;q 1M;z(i==1j.1h.H.F)1m;V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'2A\'){1M=H.R[k].X;1m}}V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'3d\'&&H.R[k].31==\'2H/22\'){21=H.R[k].1n.1d(" ")[0];1m}}z("1v"1R H){q 1X=H.1v.$t}P z("1S"1R H){q 1X=H.1S.$t}P q 1X="";1Z=H.2k.$t;z(j>1G.F-1)j=0;U[i]=1G[j];s=1X;a=s.15("<U");b=s.15("K=\\"",a);c=s.15("\\"",b+5);d=s.2l(b+5,c-b-5);z((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))U[i]=d;q 2h=[1,2,3,4,5,6,7,8,9,10,11,12];q 38=["2w","2I","2J","2K","2F","4B","4A","2x","4E","2D","2E","2L"];q 3V=1Z.1d("-")[2].19(0,2);q m=1Z.1d("-")[1];q y=1Z.1d("-")[0];V(q 1L=0;1L<2h.F;1L++){z(42(m)==2h[1L]){m=38[1L];1m}}q 4f=3V+\' \'+m+\' \'+y;21=\'<a X="\'+1M+\'">\'+21+\' 5v</a>\';q 46=\'<Y Z="5w"><1Y Z="2X"><a X="\'+1M+\'">\'+2X+\'</a></1Y><a X="\'+1M+\'"><U Z="37" K="\'+U[i]+\'"/></a><Y Z="3e"></Y></Y>\';G.I(46);j++}}q W=16 14();q 18=0;q 13=16 14();q 1b=16 14();D 5x(1j){V(q i=0;i<1j.1h.H.F;i++){q H=1j.1h.H[i];W[18]=H.1n.$t;3Y{1b[18]=H.5y.44}3W(2S){s=H.1v.$t;a=s.15("<U");b=s.15("K=\\"",a);c=s.15("\\"",b+5);d=s.2l(b+5,c-b-5);z((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){1b[18]=d}P 1b[18]=\'1I://2.2z.2y.1w/-3p/3i/3h/3H/1K/3n-1J.2C\'}z(W[18].F>35)W[18]=W[18].19(0,35)+"...";V(q k=0;k<H.R.F;k++){z(H.R[k].1H==\'2A\'){13[18]=H.R[k].X;18++}}}}D 5u(){q 1z=16 14(0);q 1N=16 14(0);q 1O=16 14(0);V(q i=0;i<13.F;i++){z(!3x(1z,13[i])){1z.F+=1;1z[1z.F-1]=13[i];1N.F+=1;1O.F+=1;1N[1N.F-1]=W[i];1O[1O.F-1]=1b[i]}}W=1N;13=1z;1b=1O}D 3x(a,e){V(q j=0;j<a.F;j++)z(a[j]==e)Q 1f;Q 1a}D 5t(){V(q i=0;i<13.F;i++){z((13[i]==5p)||(!(W[i]))){13.1p(i,1);W.1p(i,1);1b.1p(i,1);i--}}q r=1y.3r((W.F-1)*1y.3s());q i=0;z(W.F>0)G.I(\'<1Y>\'+5q+\'</1Y>\');G.I(\'<Y 2s="3e: 5r;"/>\');5A(i<W.F&&i<20&&i<5s){G.I(\'<a 2s="2H-4M:3X;5z:0 0 5D 5F;27:5C;\');z(i!=0)G.I(\'"\');P G.I(\'"\');G.I(\' X="\'+13[r]+\'"><U Z="37" K="\'+1b[r]+\'"/><5E/><Y 1W="5B-1n">\'+W[r]+\'</Y></a>\');z(r<W.F-1){r++}P{r=0}i++}G.I(\'</Y>\');13.1p(0,13.F);1b.1p(0,1b.F);W.1p(0,W.F)};(D(e){q t={1e:0,25:0,1D:"4Y-1k",4c:"1k-4e",48:1a,1C:""},n=e(1c),r=e(G),i=[],s=n.1l(),o=D(){q t=n.2j(),o=r.1l(),u=o-s,a=t>u?u-t:0;V(q f=0;f<i.F;f++){q l=i[f],c=l.3C.2m().1Q,h=c-l.1e-a;z(t<=h){z(l.1B!==1F){l.1i.17("41","").17("1Q","");l.1i.1o().3q(l.1D);l.1B=1F}}P{q p=o-l.1i.3K()-l.1e-l.25-t-a;z(p<0){p=p+l.1e}P{p=l.1e}z(l.1B!=p){l.1i.17("41","4X").17("1Q",p);z(2G l.1C!=="50"){l.1i.17("2v",e(l.1C).2v())}l.1i.1o().2R(l.1D);l.1B=p}}}},u=D(){s=n.1l()},a={2g:D(n){q r=e.34(t,n);Q B.2a(D(){q t=e(B);q n=t.1q("1W");q s=e("<Y></Y>").1q("1W",n+"-1k-4e").2R(r.4c);t.51(s);z(r.48){t.1o().17({2v:t.53(),52:"40",4W:"40"})}z(t.17("27")=="3I"){t.17({"27":"3X"}).1o().17({"27":"3I"})}q o=t.1o();o.17("1l",t.3K());i.5o({1e:r.1e,25:r.25,1i:t,1B:1F,3C:o,1D:r.1D,1C:r.1C})})},4V:o,2V:D(t){Q B.2a(D(){q t=e(B);24=-1;V(q n=0;n<i.F;n++){z(i[n].1i.3M(0)==t.3M(0)){24=n}}z(24!=-1){i.1p(24,1);t.4P();t.4O("2s")}})}};z(1c.2r){1c.2r("2B",o,1a);1c.2r("3v",u,1a)}P z(1c.2p){1c.2p("4N",o);1c.2p("4Q",u)}e.2M.1k=D(t){z(a[t]){Q a[t].28(B,14.2d.3P.3Q(1T,1))}P z(2G t==="43"||!t){Q a.2g.28(B,1T)}P{e.2S("3D "+t+" 3G 49 45 1A 2b.1k")}};e.2M.2V=D(t){z(a[t]){Q a[t].28(B,14.2d.3P.3Q(1T,1))}P z(2G t==="43"||!t){Q a.2V.28(B,1T)}P{e.2S("3D "+t+" 3G 49 45 1A 2b.1k")}};e(D(){4U(o,0)})})(2b);$(G).1g(D(){$("#3S").1k({1e:0})});(D(e,t,n,r){q i=D(r,i){B.1t=r;B.$1t=e(r);B.2Z=i;B.32=B.$1t.4T("4S-2Z");B.$1u=e(t);B.2c={};B.1U=1a;B.$2P=e(n);B.2Y=B.$2P.1l()};i.2d={2f:{3z:"a",1x:"54",3T:1a,36:"55",1V:"",33:5i,3l:.5,2U:1a,2u:1a,1E:1a},2g:D(){B.J=e.34({},B.2f,B.2Z,B.32);B.$1r=B.$1t.2t(B.J.3z);z(B.J.1V!==""){B.$1r=B.$1r.1V(B.J.1V)}B.$1r.1A("5h.1s",e.3y(B.3t,B));B.2e();B.2o();B.$1u.1A("3v.1s",e.3y(B.2e,B));Q B},2N:D(e,t){e.$1t.2t("."+e.J.1x).3q(e.J.1x);t.2R(e.J.1x)},2o:D(){q e=B;q t;e.$1u.1A("2B.1s",D(){e.1U=1f});e.t=39(D(){t=e.$2P.1l();z(e.1U){e.1U=1a;e.1E()}z(t!==e.2Y){e.2Y=t;e.2e()}},5j)},2W:D(e){Q e.1q("X").1d("#")[1]},2e:D(){q t=B;q n;q r;q i;t.$1r.2a(D(){n=t.2W(e(B));i=e("#"+n);z(i.F){r=i.2m().1Q;t.2c[n]=1y.3m(r)}})},3F:D(e){q t=1F;q n=1y.3m(B.$1u.1l()*B.J.3l);V(q r 1R B.2c){z(B.2c[r]-n<e){t=r}}Q t},3t:D(n){q r=B;q i=e(n.5m);q s=i.1o();q o="#"+r.2W(i);z(!s.3J(r.J.1x)){z(r.J.2U){r.J.2U()}r.2N(r,s);r.3w();r.4d(o,D(){z(r.J.3T){t.3j.5l=o}r.2o();z(r.J.2u){r.J.2u()}})}n.5f()},1E:D(){q e=B.$1u.2j();q t=B.3F(e);q n;z(t!==1F){n=B.$1t.2t(\'a[X$="#\'+t+\'"]\').1o();z(!n.3J(B.J.1x)){B.2N(B,n);z(B.J.1E){B.J.1E(n)}}}},4d:D(t,n){q r=e(t).2m().1Q;e("22, 58").57({2j:r},B.J.33,B.J.36,n)},3w:D(){59(B.t);B.$1u.5a("2B.1s")}};i.2f=i.2d.2f;e.2M.1s=D(e){Q B.2a(D(){(16 i(B,e)).2g()})}})(2b,1c,G);$(G).1g(D(){$(\'#1r\').1s()});$(1c).5b(D(){$("#5c").5d("56")});$(G).1g(D(){$("#5e").5k().5g("#3S .4R")});$(G).1g(D(){$(\'#3c\').22(\'<a X="1I://3k.3o.1w/">4Z</a>\');39(D(){z(!$(\'#3c:5G\').F)1c.3j.X=\'1I://3k.3o.1w/\'},5n)})',62,353,'||||||||||||||||||||||||||var|||||||||if||this||function||length|document|entry|write|config|src|||||else|return|link|||img|for|relatedTitles|href|div|class||||relatedUrls|Array|indexOf|new|css|relatedTitlesNum|substring|false|thumburl|window|split|topSpacing|true|ready|feed|stickyElement|json|sticky|height|break|title|parent|splice|attr|nav|onePageNav|elem|win|content|com|currentClass|Math|tmp|on|currentTop|getWidthFrom|className|scrollChange|null|imgr|rel|http|thumbnail|s1600|u2|posturl|tmp2|tmp3|replace|top|in|summary|arguments|didScroll|filter|id|postcontent|h2|postdate||pcm|html|jpg|removeIdx|bottomSpacing|posts|float|apply|post|each|jQuery|sections|prototype|getPositions|defaults|init|month|numposts2|scrollTop|published|substr|offset|maxpost|bindInterval|attachEvent|label_thumb|addEventListener|style|find|end|width|Jan|Aug|blogspot|bp|alternate|scroll|png|Oct|Nov|May|typeof|text|Feb|Mar|Apr|Dec|fn|adjustNav|target|doc|_top|addClass|error|Comments|begin|unstick|getHash|posttitle|docHeight|options|numchars|type|metadata|scrollSpeed|extend||easing|related_img|month2|setInterval|showRandomImg|numposts|mycontent|replies|clear|li|recent|AAAAAAAAFdA|UrCQQa4cLsI|location|www|scrollThreshold|round|no|templateism|ex3V86fj4dQ|removeClass|floor|random|handleClick|chop|resize|unbindInterval|contains_thumbs|proxy|navItems|strx|July|stickyWrapper|Method|feature|getSection|does|j2FCTmGOrog|right|hasClass|outerHeight|Sept|get|popular|s72|slice|call|item|sbar|changeHash|home|day|catch|none|try|ul|auto|position|parseInt|object|url|exist|trtd|default|center|not|mqdefault|June|wrapperClassName|scrollTo|wrapper|daystr|zP87C2q9yog|label_with_thumbs|media|labelthumbs|UVopoHY30SI|summaryPost|aBold|label_title|Comment|400|summaryTitle|showpostdate|toe|showcommentnum|No|showpostsummary|lastIndexOf|date|numposts1|removeHtmlTag|Jul|Jun|picture_not_available|AIyPvrpGLn8|Sep|box|showpostthumbnails|join|showrecentposts1|alt|imageContainer|AAAAAAAAE5k|decoration|onscroll|removeAttr|unwrap|onresize|woo|plugin|data|setTimeout|update|marginRight|fixed|is|Templateism|undefined|wrapAll|marginLeft|outerWidth|current|swing|slow|animate|body|clearInterval|unbind|load|preloader|fadeOut|header|preventDefault|prependTo|click|750|250|clone|hash|currentTarget|3000|push|currentposturl|relatedpoststitle|both|maxresults|printRelatedLabels_thumbs|removeRelatedDuplicates_thumbs|comments|col_maskolis|related_results_labels_thumbs|gform_foot|margin|while|related|left|10px|br|4px|visible'.split('|'),0,{}))
    
    //]]>
    </script>
    
     </head>
    
      <body expr:class='data:blog.pageType'>
    
    <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
    
        <div id='preloader'>
    
    <div id='movingBallG'>
    <div class='movingBallLineG'>
    </div>
    <div class='movingBallG' id='movingBallG_1'>
    </div>
    </div>
    
        </div>
     
    </b:if>
    
    <div id='wrapper'>
    
        <div id='top'/>
    
      <div class=&quot;<b:if cond='data:blog.url == data:blog.homepageUrl'>home <b:else/><data:blog.pageType/> </b:if>box<b:if cond='data:blog.pageType == &quot;static_page&quot;'> item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'> index</b:if>&quot;>
    
    <div id='fb-root'/>
    <script>(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 = &quot;//connect.facebook.net/en_GB/all.js#xfbml=1&quot;;
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    <div id='tos'>
    
      <div id='header-wrapper'>
    
        <div id='top-header'>
    
    <div class='woo'>
    
    <b:section class='top-menu' id='top-menu' maxwidgets='1' showaddelement='yes'>
      <b:widget id='LinkList33' locked='true' title='Top Menu' type='LinkList'>
        <b:includable id='main'>
    
     <div class='widget-content'>
       <ul>
         <b:loop values='data:links' var='link'>
           <li><a expr:href='data:link.target'><data:link.name/></a></li>
         </b:loop>
       </ul>
     </div>
    </b:includable>
      </b:widget>
    </b:section>
     
    <div id='search-header'>
    <button><span><i class='fa fa-search'/></span></button>
    </div>
    <div id='shide'>
    
    <div id='search-hide'>
    <form action='/search'>
    <input id='feed-input' name='q' placeholder='Search here ...' size='40' type='text'/>
    </form>
    
      <button class='remove'><span><i class='fa fa-times'/></span></button>
    
    </div>
    
    </div>
          </div>
    </div>
    
    <div id='header-content'>
    
    <div class='woo'>
    
    <b:section class='header wow fadeInDown' id='header' maxwidgets='1' showaddelement='yes'>
      <b:widget id='Header1' locked='true' title='Xmax (Header)' type='Header'>
        <b:includable id='main'>
    
      <b:if cond='data:useImage'>
        <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
          <!--
          Show image as background to text. You can't really calculate the width
          reliably in JS because margins are not taken into account by any of
          clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
          width if the user is using shrink to fit.
          This results in a margin-width's worth of pixels being cropped. If the
          user is not using shrink to fit then we expand the header.
          -->
          <b:if cond='data:mobile'>
              <div id='header-inner'>
                <div class='titlewrapper' style='background: transparent'>
                  <h1 class='title' style='background: transparent; border-width: 0px'>
                    <b:include name='title'/>
                  </h1>
                </div>
                <b:include name='description'/>
              </div>
            <b:else/>
              <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                <div class='titlewrapper' style='background: transparent'>
                  <h1 class='title' style='background: transparent; border-width: 0px'>
                    <b:include name='title'/>
                  </h1>
                </div>
                <b:include name='description'/>
              </div>
            </b:if>
        <b:else/>
          <!--Show the image only-->
          <div id='header-inner'>
            <a expr:href='data:blog.homepageUrl' style='display: block'>
              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
            </a>
            <!--Show the description-->
            <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
              <b:include name='description'/>
            </b:if>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    </b:includable>
        <b:includable id='description'>
      <div class='descriptionwrapper'>
        <p class='description'><span><data:description/></span></p>
      </div>
    </b:includable>
        <b:includable id='title'>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
        <data:title/>
      <b:else/>
        <a expr:href='data:blog.homepageUrl'><data:title/></a>
      </b:if>
    </b:includable>
      </b:widget>
    </b:section>
    
    <b:section class='ad' id='ad' maxwidgets='1' showaddelement='yes'>
      <b:widget id='HTML2' locked='false' title='Ad 728×90px' 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>
    
        </div>
    
          <div class='clear'/>
    
    <div id='sbar'>
    
    <div class='woo'>
    
    <div id='menu'>
    
    <b:section class='pages' id='pages' maxwidgets='1' showaddelement='yes'>
      <b:widget id='PageList5' locked='true' title='Menu' type='PageList'>
        <b:includable id='main'>
    
      <div class='widget-content'>
    
          <ul id='nav'>
            <b:loop values='data:links' var='link'>
              <b:if cond='data:link.isCurrentPage'>
                <li class='current'><a expr:href='data:link.href'><data:link.title/></a></li>
              <b:else/>
                <li><a expr:href='data:link.href'><data:link.title/></a></li>
              </b:if>
            </b:loop>
          </ul>
    
      </div>
    </b:includable>
      </b:widget>
    </b:section>
    
      </div>
    
      </div>
    
    </div>
    
          <div class='clear'/>
    
        </div>
    
          <div class='clear'/>
    
    <div id='outer-wrapper'>
    
    <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
    
    <div id='about'>
    
    <div class='about-inner wow fadeInDown'>
    
      <div class='woo'>
    
      <div class='welcome'><h3>Welcome to <span><data:blog.title/></span></h3></div>
    
      <b:section class='about-text' id='about-text' maxwidgets='1' showaddelement='yes'>
        <b:widget id='HTML22' locked='true' title='About' type='HTML'>
          <b:includable id='main'>
     
      <div class='widget-content'>
        <p><data:content/></p>
      </div>
    
    </b:includable>
        </b:widget>
      </b:section>
    
      </div>
    
    </div>
    
    </div>
    
    <div id='feature'>
    
    <div class='feature-inner wow fadeInDown'>
    
      <div class='woo'>
    
      <b:section class='popular' id='popular' maxwidgets='1' showaddelement='yes'>
        <b:widget id='PopularPosts55' locked='true' title='Featured Posts' type='PopularPosts'>
          <b:includable id='main'>
      <b:if cond='data:title'><div class='px-title'><h2><data:title/></h2></div></b:if>
    
    <button class='prev'><i class='fa fa-chevron-left'/></button>
    <button class='next'><i class='fa fa-chevron-right'/></button>
    
      <div class='widget-content feature-posts'>
        <ul>
          <b:loop values='data:posts' var='post'>
          <li>
    
                <div class='featuro'>
                  
                   
                      <a expr:href='data:post.href'>
                       <div class='imageContainer'>
                        <img expr:src='data:post.thumbnail'/>
                       </div>
                      </a>
                  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                </div>
             
          </li>
          </b:loop>
        </ul>
      </div>
    </b:includable>
        </b:widget>
      </b:section>
    
      </div>
    
    </div>
    
    </div>
    
      </b:if>
    
    <div id='content'>
    
    <div class='woo'>
    
    <div id='main-wrapper'>
    
    <div class='px-title'><h2>Our Blog</h2></div>
    
    <b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
        <b:includable id='main' var='top'>
      <b:if cond='data:mobile == &quot;false&quot;'>
    
        <!-- posts -->
        <div class='blog-posts hfeed'>
    
          <b:include data='top' name='status-message'/>
    
          <data:defaultAdStart/>
          <b:loop values='data:posts' var='post'>
    
            <div class='post-outer wow fadeInDown'>
            <b:include data='post' name='post'/>
            <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>
            <b:if cond='data:post.includeAd'>
              <b:if cond='data:post.isFirstPost'>
                <data:defaultAdEnd/>
              <b:else/>
                <data:adEnd/>
              </b:if>
              <div class='inline-ad'>
                <data:adCode/>
              </div>
              <data:adStart/>
            </b:if>
          </b:loop>
    
          <data:adEnd/>
        </div>
    
        <!-- navigation -->
        <b:include name='nextprev'/>
    
        <!-- feed links -->
        <b:include name='feedLinks'/>
    
        <b:if cond='data:top.showStars'>
          <script src='//www.google.com/jsapi' type='text/javascript'/>
          <script type='text/javascript'>
            google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
            function initialize() {
              google.annotations.setApplicationId(<data:top.blogspotReviews/>);
              google.annotations.createAll();
              google.annotations.fetch();
            }
            google.setOnLoadCallback(initialize);
          </script>
        </b:if>
    
      <b:else/>
        <b:include name='mobile-main'/>
      </b:if>
    
      <b:if cond='data:top.showDummy'>
        <data:top.dummyBootstrap/>
      </b:if>
    
    </b:includable>
        <b:includable id='backlinkDeleteIcon' var='backlink'>
      <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
        <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
          <img src='//www.blogger.com/img/icon_delete13.gif'/>
        </a>
      </span>
    </b:includable>
        <b:includable id='backlinks' var='post'>
      <a name='links'/><h4><data:post.backlinksLabel/></h4>
      <b:if cond='data:post.numBacklinks != 0'>
        <dl class='comments-block' id='comments-block'>
          <b:loop values='data:post.backlinks' var='backlink'>
            <div class='collapsed-backlink backlink-control'>
              <dt class='comment-title'>
                <span class='backlink-toggle-zippy'> </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='comment-form' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:if cond='data:mobile'>
          <h4 id='comment-post-message'>
            <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
        <b:else/>
          <h4 id='comment-post-message'><data:postCommentMsg/></h4>
          <p><data:blogCommentMessage/></p>
          <data:blogTeamBlogMessage/>
          <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
          <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
        </b:if>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
        </script>
      </div>
    </b:includable>
        <b:includable id='commentDeleteIcon' var='comment'>
      <span expr:class='&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.commentSource == 1'>
        <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
        </span>
      <b:else/>
        <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
          <data:post.commentLabelFull/>:
        </a>
      </b:if>
    </b:includable>
        <b:includable id='comment_picker' var='post'>
      <b:if cond='data:post.commentSource == 1'>
        <b:include data='post' name='iframe_comments'/>
      <b:else/>
        <b:if cond='data:post.showThreadedComments'>
          <b:include data='post' name='threaded_comments'/>
        <b:else/>
          <b:include data='post' name='comments'/>
        </b:if>
      </b:if>
    </b:includable>
        <b:includable id='comments' var='post'>
    
    <div class='comments-tabs' data-toggle='tabslet'>
        <ul class='comments-horizontal'>
          <li><a href='#comments'><i class='fa fa-comments'/> Blog Comments</a></li>
          <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook Comments</a></li>
        </ul>
    
      <div class='comments' id='comments'>
        <a name='comments'/>
        <b:if cond='data:post.allowComments'>
          <h4><data:post.commentLabelFull/>:</h4>
    
          <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>
                   
                <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
                   
              </b:if>
    
              <data:post.commentRangeText/>
    
              <b:if cond='data:post.hasNewerLinks'>
                 
                <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>
              </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>
               
              <data:post.commentRangeText/>
               
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                <data:post.newerLinkText/>
              </a>
              <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                <data:post.newestLinkText/>
              </a>
            </span>
          </b:if>
    
          <p class='comment-footer'>
            <b:if cond='data:post.embedCommentForm'>
              <b:if cond='data:post.allowNewComments'>
                <b:include data='post' name='comment-form'/>
              <b:else/>
                <data:post.noNewCommentsText/>
              </b:if>
            <b:else/>
              <b:if cond='data:post.allowComments'>
                <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
              </b:if>
            </b:if>
    
          </p>
        </b:if>
        <b:if cond='data:showCmtPopup'>
          <div id='comment-popup'>
            <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
            </iframe>
          </div>
        </b:if>
    
        <div 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>
    
    <div id='facebook-comments'>
    
    <div id='facebook-comments1'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='620' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments2'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='715' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments3'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='510' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments4'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='300' expr:data-href='data:post.url'/>
    
    </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' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
    
        <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'>&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'>&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'>&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'>
              <b:if cond='data:post.thumbnailUrl'>
                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
              </b:if>
              <meta expr:content='data:blog.blogId' itemprop='blogId'/>
              <meta expr:content='data:post.id' itemprop='postId'/>
    
              <a expr:name='data:post.id'/>
              <b:if cond='data:post.title'>
                <h3 class='post-title entry-title' itemprop='name'>
                  <b:if cond='data:post.link'>
                    <a expr:href='data:post.link'><data:post.title/></a>
                  <b: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>
                </h3>
              </b:if>
    
              <div class='post-header'>
                <div class='post-header-line-1'/>
              </div>
    
              <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                <data:post.body/>
                <div style='clear: both;'/> <!-- clear for photos floats -->
              </div>
    
              <div class='post-footer'>
                <div class='post-footer-line post-footer-line-1'>
                  <span class='post-author vcard'>
                    <b:if cond='data:top.showAuthor'>
                      <b:if cond='data:post.authorProfileUrl'>
                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                          <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                          <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                            <span itemprop='name'><data:post.author/></span>
                          </a>
                        </span>
                      <b:else/>
                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                          <span itemprop='name'><data:post.author/></span>
                        </span>
                      </b:if>
                    </b:if>
                  </span>
    
                  <span class='post-timestamp'>
                    <b:if cond='data:top.showTimestamp'>
                      <data:top.timestampLabel/>
                      <b:if cond='data:post.url'>
                        <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                        <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                      </b:if>
                    </b:if>
                  </span>
    
                  <span class='post-comment-link'>
                    <b: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 class='post-footer-line post-footer-line-2'>
                  <b:if cond='data:top.showMobileShare'>
                    <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                      <a href='javascript:void(0);'><data:shareMsg/></a>
                    </div>
                  </b:if>
                  <b:if cond='data:top.showDummy'>
                    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
                  </b:if>
                </div>
    
              </div>
            </div>
    
            <b: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 uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
        <b:if cond='data:post.firstImageUrl'>
          <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
        </b:if>
        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
        <meta expr:content='data:post.id' itemprop='postId'/>
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    
    <div class='labelom'>
    
    <span class='post-labels'>
    
      <i class='fa fa-home'/> <a href='/'>Home</a> <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if>
    
              <b:loop values='data:post.labels' var='label'>
         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if> </b:if>
              </b:loop>
    
    <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'><i class='fa fa-angle-right'/><b:else/><i class='fa fa-angle-left'/></b:if> <a expr:href='data:post.link'><data:post.title/></a>
    
        </span>
    
      </div>
    
        </b:if>
    
        <a expr:name='data:post.id'/>
        <b:if cond='data:post.title'>
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    
          <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>
    
        </b:if>
    
        <div class='post-header'>
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'> 
       <div class='post-meta-in'>
    <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <i class='fa fa-user'/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' 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'>
              <i class='fa fa-calendar'/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span>
    
            </div>
    
          </b:if>
    
        <div class='post-header-line-1'/>
        </div>
    
        <b:if cond='data:blog.metaDescription == &quot;&quot;'>
          <!-- Then use the post body as the schema.org description,
              for good G+/FB snippeting. -->
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
            
    
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <div class='post-home'>
       <b:if cond='data:post.thumbnailUrl'>
         <a expr:href='data:post.url'><div class='imageContainer'><img class='post-thumbnail resizethumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></div></a>
       </b:if>
    
    <div class='post-info'>
    
        <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>
    
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    
            <div class='post-meta'>
    <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <i class='fa fa-user'/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' 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'>
              <i class='fa fa-clock-o'/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span>
    
            </div>
    
      </b:if>
    
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    
            <div class='post-meta'>
    <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <i class='fa fa-user'/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' 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'>
              <i class='fa fa-clock-o'/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span>
    
            </div>
    
      </b:if>
    
        <p class='post-snippet'><data:post.snippet/></p>
        </div></div>
     
     <b:else/>
      <data:post.body/>
     </b:if>
    <b:else/>
     <data:post.body/>
    </b:if>
    
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>
        <b:else/>
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
           
    
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <div class='post-home'>
       <b:if cond='data:post.thumbnailUrl'>
         <a expr:href='data:post.url'><img class='post-thumbnail resizethumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='100%' width='100%'/></a>
       </b:if>
    
    <div class='post-info'>
    
        <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>
    
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    
            <div class='post-meta'>
    <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <i class='fa fa-user'/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' 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'>
              <i class='fa fa-clock-o'/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span>
    
            </div>
    
      </b:if>
    
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    
            <div class='post-meta'>
    <span class='post-author vcard'>
            <b:if cond='data:top.showAuthor'>
              <i class='fa fa-user'/>
                <b:if cond='data:post.authorProfileUrl'>
                  <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                    <a class='g-profile' 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'>
              <i class='fa fa-clock-o'/>
            <b:if cond='data:post.url'>
              <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
              <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
            </b:if>
            </b:if>
          </span>
    
            </div>
    
      </b:if>
    
        <p class='post-snippet'><data:post.snippet/></p>
        </div></div>
    
     <b:else/>
      <data:post.body/>
     </b:if>
    <b:else/>
     <data:post.body/>
    </b:if>
    
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>
        </b:if>
    
        <div class='post-footer'>
    
    <div class='clear'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <ul class='post-pager'>
            <li class='next'> 
    <b:if cond='data:newerPageUrl'> 
    <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
    <b:else/> 
    <a rel='next'><strong>Next</strong> <span>This The latest post</span></a> 
    </b:if> 
    </li>
        <li class='previous'> 
    <b:if cond='data:olderPageUrl'> 
    <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
    <b:else/> 
    <a rel='previous'><strong>Previous</strong> <span>This the oldest post</span></a> 
    </b:if> 
    </li>
        </ul>
    
    <script type='text/javascript'> 
    //<![CDATA[ 
    (function($){    
        var newerLink = $('a.newer-link'); 
        var olderLink = $('a.older-link'); 
        $.get(newerLink.attr('href'), function (data) { 
         newerLink.html('<strong>Next</strong> <span>'+$(data).find('.post h2.post-title').text()+'</span>');    
        },"html"); 
        $.get(olderLink.attr('href'), function (data2) { 
         olderLink.html('<strong>previous</strong> <span>'+$(data2).find('.post h2.post-title').text()+'</span>');    
        },"html"); 
    })(jQuery); 
    //]]> 
    </script>
          </b:if></b:if>
    
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <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&callback=related_results_labels_thumbs&max-results=5&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;<span>Related Posts</span>&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div class='clear'/>
    </b:if>
    
        <div class='post-footer-line post-footer-line-1'>
    
          </div>
    
          <div class='post-footer-line post-footer-line-2'>
    
          </div>
    
          <div class='post-footer-line post-footer-line-3'>
    
          </div>
          <b:if cond='data:post.authorAboutMe'>
            <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>
      </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;&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;&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;&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;&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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
        </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-tabs' data-toggle='tabslet'>
        <ul class='comments-horizontal'>
          <li><a href='#comments'><i class='fa fa-comments'/> Blog comments</a></li>
          <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook comments</a></li>
        </ul>
    
     <div class='comments' id='comments'>
    
        <a name='comments'/>
        <h4><data:post.commentLabelFull/>:</h4>
    
        <div class='comments-content'>
          <b:if cond='data:post.embedCommentForm'>
            <b:include data='post' name='threaded_comment_js'/>
          </b:if>
          <div id='comment-holder'>
             <data:post.commentHtml/>
          </div>
        </div>
    
        <p class='comment-footer'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='threaded-comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        </p>
    
        <b:if cond='data:showCmtPopup'>
          <div id='comment-popup'>
            <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
            </iframe>
          </div>
        </b:if>
    
        <div id='backlinks-container'>
        <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
           <b:if cond='data:post.showBacklinks'>
             <b:include data='post' name='backlinks'/>
           </b:if>
        </div>
        </div>
      </div>
    
    <div id='facebook-comments'>
    
    <div id='facebook-comments1'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='620' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments2'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='715' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments3'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='510' expr:data-href='data:post.url'/>
    
    </div>
    
    <div id='facebook-comments4'>
    
    <div class='fb-comments' data-colorscheme='light' data-numposts='5' data-width='300' expr:data-href='data:post.url'/>
    
    </div>
    
    </div>
    
      </div>
    
     </b:includable>
      </b:widget>
    </b:section>
    
      </div>
    
    <div id='sidebar-wrapper'>
    
      <b:section class='sidebar' id='sidebar' showaddelement='yes'>
        <b:widget id='HTML1' locked='false' title='Recent Posts' 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:widget id='HTML88' locked='true' title='Follow us on facebook' 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'>
    
    <b:if cond='data:content == &quot;remove&quot;'>
    
       <style> #HTML88 { display: none; } </style>
    
    <b:else/>
    
    <iframe allowtransparency='true' expr:src='&quot;//www.facebook.com/plugins/likebox.php?href=&quot; + data:content + &quot;&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=492409184153294&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:258px;'/>
    
       </b:if>
    
          </div>
    
          <b:include name='quickedit'/>
        </b:includable>
        </b:widget>
        <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
          <b:includable id='main'>
      <b:if cond='data:title'><h2><data:title/></h2></b:if>
      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:posts' var='post'>
          <li>
            <b:if cond='data:showThumbnails == &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/></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' 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>
                </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' 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>
                  <div class='item-snippet'><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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
          <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div class='widget-content'>
      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div>
      <b:include name='quickedit'/>
      </div>
    </b:includable>
          <b:includable id='flat' var='data'>
      <ul class='flat'>
        <b:loop values='data:data' var='i'>
          <li class='archivedate'>
            <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
          </li>
        </b:loop>
      </ul>
    </b:includable>
          <b:includable id='interval' var='intervalData'>
      <b:loop values='data:intervalData' var='i'>
          <ul class='hierarchy'>
            <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
              <b:include data='i' name='toggle'/>
              <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
                <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
              <b:if cond='data:i.data'>
                <b:include data='i.data' name='interval'/>
              </b:if>
              <b:if cond='data:i.posts'>
                <b:include data='i.posts' name='posts'/>
              </b:if>
            </li>
          </ul>
      </b:loop>
    </b:includable>
          <b:includable id='menu' var='data'>
      <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
        <option value=''><data:title/></option>
        <b:loop values='data:data' var='i'>
          <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
        </b:loop>
      </select>
    </b:includable>
          <b:includable id='posts' var='posts'>
      <ul class='posts'>
        <b:loop values='data:posts' var='i'>
          <li><a expr:href='data:i.url'><data:i.title/></a></li>
        </b:loop>
      </ul>
    </b:includable>
          <b:includable id='toggle' var='interval'>
      <b:if cond='data:interval.toggleId'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy toggle-open'>▼ </span>
        </a>
      <b:else/>
        <a class='toggle' href='javascript:void(0)'>
          <span class='zippy'>
            <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
              ◄ 
            <b:else/>
              ► 
            </b:if>
          </span>
        </a>
      </b:if>
     </b:if>
    </b:includable>
        </b:widget>
        <b:widget id='Label3' locked='false' title='Labels' type='Label'>
          <b:includable id='main'>
      <b:if cond='data:title'>
        <h2><data:title/></h2>
      </b:if>
      <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
        <b:if cond='data:display == &quot;list&quot;'>
          <ul>
          <b:loop values='data:labels' var='label'>
            <li>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </li>
          </b:loop>
          </ul>
        <b:else/>
          <b:loop values='data:labels' var='label'>
            <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
              <b:if cond='data:blog.url == data:label.url'>
                <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
              <b:else/>
                <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
              </b:if>
              <b:if cond='data:showFreqNumbers'>
                <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
              </b:if>
            </span>
          </b:loop>
        </b:if>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
        </b:widget>
        <b:widget id='FollowByEmail1' locked='false' title='Follow By Email' type='FollowByEmail'>
          <b:includable id='main'>
      <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
      <div class='widget-content'>
        <div class='follow-by-email-inner'>
          <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
            <table width='100%'>
              <tr>
                <td>
                  <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
                </td>
                <td width='64px'>
                  <input class='follow-by-email-submit' type='submit' value='Submit'/>
                </td>
              </tr>
            </table>
            <input expr:value='data:feedPath' name='uri' type='hidden'/>
            <input name='loc' type='hidden' value='en_US'/>
          </form>
        </div>
      </div>
      <span class='item-control blog-admin'>
        <b:include name='quickedit'/>
      </span>
    </b:includable>
        </b:widget>
        <b:widget id='Label2' locked='false' title='Labels' type='Label'>
          <b:includable id='main'>
      <b:if cond='data:title'>
        <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>
    
      </div>
    
      </div>
    
      </div>
    
          <div class='clear'/>
    
    <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
    
    <div id='our-team'>
    
    <div class='team-inner wow fadeInDown'>
    
    <div class='woo'>
      <b:section class='team' id='team' maxwidgets='1' showaddelement='yes'>
        <b:widget id='Profile1' locked='true' title='Our Team' type='Profile'>
          <b:includable id='main'>
        <b:if cond='data:title != &quot;&quot;'>
          <div class='px-title'><h2><data:title/></h2></div>
        </b:if>
        <div class='widget-content'>
        <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
          <ul>
    
    <b:loop values='data:authors' var='i'>
    
              <li class='teamblock'>
    
                <a expr:href='data:i.userUrl'><div class='author-name'><p><data:i.display-name/></p></div></a>
              <span class='team-about'><data:aboutme/></span>
    
    </li>
    
            </b:loop>
    
          </ul>
    
        <b:else/> <!-- normal blog profile -->
    
    <div class='teamblock'>
          <b:if cond='data:photo.url != &quot;&quot;'>
            <img class='profile-img' expr:alt='data:photo.alt' expr:src='data:photo.url' height='250' width='250'/>
          </b:if>
    
      <a expr:href='data:i.userUrl'><div class='author-name'><p><data:displayname/></p></div></a>
              <b:if cond='data:aboutme != &quot;&quot;'><span class='team-about'><data:aboutme/></span></b:if>
    
          </div>
    
        </b:if>
    
        </div>
      </b:includable>
        </b:widget>
      </b:section>
      </div>
    
    </div> </div>
    
    <div class='clear'/>
    
    <b:section class='contact' id='contact' maxwidgets='2' showaddelement='yes'>
      
      <b:widget id='HTML155' locked='true' title='Find Us' type='HTML'>
        <b:includable id='main'>
    
          <div class='find wow fadeInDown'><span><i class='fa fa-map-marker'/> <data:title/></span></div>
    
      <div class='widget-content map'>
        <data:content/>
      </div>
    
    </b:includable>
      </b:widget>
    </b:section>
    
    <div class='clear'/>
    
      </b:if>
    
      </div>
    
      </div>
    
    <div class='clear'/>
    
    <div id='copyrights'>
    
    <div class='woo'>
    
       <a class='upbt' href='#top'><i class='fa fa-angle-up'/></a> <p> <i class='fa fa-flag'/> <data:blog.title/> Designed by <a href='http://www.templateism.com' id='mycontent'>Templateism</a> | <a href='http://www.MyBloggerLab.com'>MyBloggerLab</a> | Published By <a href='https://gooyaabitemplates.com/' rel='dofollow' target='_blank' title='Blogger Templates'>Gooyaabi Templates</a> Copyright © 2014 </p>
    
       <!-- Social icons widget -->
     <b:section class='social-sec' id='social-sec' maxwidgets='1' showaddelement='yes'>
       <b:widget id='LinkList55' locked='true' title='Social Media Icons' type='LinkList'>
         <b:includable id='main'>
    
       <div class='widget-content wow fadeInDown'>
         <ul id='social'>
           <b:loop values='data:links' var='link'>
             <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
           </b:loop>
         </ul>
       </div>
    
    </b:includable>
       </b:widget>
     </b:section>
    
      </div>
    
        </div>
    
         </div>
    
      
    <div class='recent-posts-1' style='display:none'>
    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
    <script src='/feeds/posts/default?published&alt=json-in-script&callback=labelthumbs' type='text/javascript'/>
    </div>
    <script type='text/javascript'>
     //<![CDATA[
    
    $(document).ready(function() {
    
    $('.recent-posts-1').appendTo(".recent-posts");
    $('.box .recent-posts-1').css("display", "block");
    
    });
    
      //]]>
    </script>
    
    <div style='display: none'>
    <b:section class='unwanted' id='unwanted' showaddelement='no' style='display: none'>
      <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
        <b:includable id='main'>
        <b:if cond='data:feedbackSurveyLink'>
          <div class='mobile-survey-link' style='text-align: center;'>
            <data:feedbackSurveyLink/>
          </div>
        </b:if>
    
        <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='Navbar1' locked='true' title='Navbar' type='Navbar'>
        <b:includable id='main'><script type=&quot;text/javascript&quot;>
        function setAttributeOnload(object, attribute, val) {
          if(window.addEventListener) {
            window.addEventListener('load',
              function(){ object[attribute] = val; }, false);
          } else {
            window.attachEvent('onload', function(){ object[attribute] = val; });
          }
        }
      </script>
    <div id=&quot;navbar-iframe-container&quot;></div>
    <script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;></script>
    <script type=&quot;text/javascript&quot;>
            gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
              if (gapi.iframes && gapi.iframes.getContext) {
                gapi.iframes.getContext().openChild({
                    url: 'https://www.blogger.com/navbar.g?targetBlogID\0752899706164049586765\46blogName\75Xmax\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://xmax-theme.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://xmax-theme.blogspot.com/\46blogFollowUrl\75https://plus.google.com/105005011522381071803\46vt\75-6702207623896323114',
                    where: document.getElementById(&quot;navbar-iframe-container&quot;),
                    id: &quot;navbar-iframe&quot;
                });
              }
            });
          </script><script type=&quot;text/javascript&quot;>
    (function() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
    var head = document.getElementsByTagName('head')[0];
    if (head) {
    head.appendChild(script);
    }})();
    </script>
    </b:includable>
      </b:widget>
    </b:section>
          </div>
       
    <script type='text/javascript'> 
    //<![CDATA[
    
    // jCarouselLite plugin
    (function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var b=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var c=$(this),ul=$("ul",c),tLi=$("li",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var f=$("li",ul),itemLength=f.size(),curr=o.start;c.css("visibility","visible");f.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"});c.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var g=o.vertical?height(f):width(f);var h=g*itemLength;var j=g*v;f.css({width:f.width(),height:f.height()});ul.css(sizeCss,h+"px").css(animCss,-(curr*g));c.css(sizeCss,j+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,a){$(a).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&c.mousewheel)c.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return f.slice(curr).slice(0,v)};function go(a){if(!b){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(a<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*g)+"px");curr=a==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(a>=itemLength-v+1){ul.css(animCss,-((v)*g)+"px");curr=a==itemLength-v+1?v+1:v+o.scroll}else curr=a}else{if(a<0||a>itemLength-v)return;else curr=a}b=true;ul.animate(animCss=="left"?{left:-(curr*g)}:{top:-(curr*g)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());b=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(a,b){return parseInt($.css(a[0],b))||0};function width(a){return a[0].offsetWidth+css(a,'marginLeft')+css(a,'marginRight')};function height(a){return a[0].offsetHeight+css(a,'marginTop')+css(a,'marginBottom')}})(jQuery);
    $(function() {
        $("#feature .feature-posts").jCarouselLite({
            btnNext: ".next",
            btnPrev: ".prev",
            auto: 4000,
            speed: 800,
            visible: 4
        });
    });
    
    /*
     * Plugin Name: Resize Image to Parent Container
     *
     * Author: Christian Varga
     * Author URI: http://christianvarga.com
     * Plugin Source: https://github.com/levymetal/jquery-resize-image-to-parent/
     *
     */
     
    (function(e){e.fn.resizeToParent=function(t){function r(e){e.css({width:"",height:"","margin-left":"","margin-top":""});var n=e.parents(t.parent).width();var r=e.parents(t.parent).height();var i=e.width();var s=e.height();var o=i/n;if(s/o<r){e.css({width:"auto",height:r});i=i/(s/r);s=r}else{e.css({height:"auto",width:n});i=n;s=s/o}var u=(i-n)/-2;var a=(s-r)/-2;e.css({"margin-left":u,"margin-top":a})}var n={parent:"div",delay:100};var t=e.extend(n,t);var i;var s=this;e(window).on("resize",function(){clearTimeout(i);i=setTimeout(function(){s.each(function(){r(e(this))})},t.delay)});return this.each(function(){var t=e(this);t.attr("src",t.attr("src"));t.load(function(){r(t)});if(this.complete){r(t)}})}})(jQuery);$(".imageContainer img").resizeToParent();
    
    /**
     * Tabslet jQuery plugin
     *
     * @copyright Copyright 2012, Dimitris Krestos
     * @license   Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php)
     * @link    http://vdw.staytuned.gr
     * @version   v1.3.0
     */
    
    (function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,delay:6000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);$(this).each(function(){var $this=$(this);$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){clearTimeout(t)})}if(options.autorotate){setTimeout(forward,0)}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$(this).find(options.controls.next).click(function(){move("forward")});$(this).find(options.controls.prev).click(function(){move("backward")})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);$('#contentom').tabslet();
    
    // template Jquery Codes
    $( ".sidebar .widget h2" ).wrap( "<div class='widget-title'/>" );$('.error_page #main-wrapper').prepend('<div class="error-title"><span>404</span>');$(".FollowByEmail .follow-by-email-inner .follow-by-email-address").after("<div class='email-icon'><i class='fa fa-envelope'/></div>");
    
    // Tooltipster v3.1.4
    (function(e,t,n){function r(t,n){this.bodyOverflowX;this.callbacks={hide:[],show:[]};this.checkInterval=null;this.content;this.$el=e(t);this.$elProxy;this.elProxyPosition;this.enabled=true;this.options=e.extend({},a,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this.init()}function i(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function s(){return!l&&f}function o(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i<v.length;i++){if(typeof t[v[i]+r]=="string"){return true}}return false}var u="tooltipster",a={animation:"fade",arrow:true,arrowColor:"",autoClose:true,content:null,contentAsHTML:false,contentCloning:true,delay:200,fixedWidth:0,maxWidth:0,functionInit:function(e,t){},functionBefore:function(e,t){t()},functionReady:function(e,t){},functionAfter:function(e){},icon:"(?)",iconCloning:true,iconDesktop:false,iconTouch:false,iconTheme:"tooltipster-icon",interactive:false,interactiveTolerance:350,offsetX:0,offsetY:0,onlyOne:false,position:"top",positionTracker:false,speed:350,timer:0,theme:"tooltipster-default",touchDevices:true,trigger:"hover",updateAnimation:true};r.prototype={init:function(){var t=this;if(n.querySelector){if(t.options.content!==null){t.setContent(t.options.content)}else{var r=t.$el.attr("title");if(typeof r==="undefined")r=null;t.setContent(r)}var i=t.options.functionInit.call(t.$el,t.$el,t.content);if(typeof i!=="undefined")t.setContent(i);t.$el.removeAttr("title").addClass("tooltipstered");if(!f&&t.options.iconDesktop||f&&t.options.iconTouch){if(typeof t.options.icon==="string"){t.$elProxy=e('<span class="'+t.options.iconTheme+'"></span>');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!s()||t.options.touchDevices){t.mouseIsOverProxy=true;t.showTooltip()}}).on("mouseleave."+t.namespace,function(){if(!s()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(f&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t.showTooltipNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!s()||t.options.touchDevices){t.showTooltip()}})}}},showTooltip:function(){var e=this;if(e.status!="shown"&&e.status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e.showTooltipNow()}},e.options.delay)}else e.showTooltipNow()}},showTooltipNow:function(n){var r=this;r.options.functionBefore.call(r.$el,r.$el,function(){if(r.enabled&&r.content!==null){if(n)r.callbacks.show.push(n);r.callbacks.hide=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;if(r.options.onlyOne){e(".tooltipstered").not(r.$el).each(function(t,n){var r=e(n),i=r[u]("status"),s=r[u]("option","autoClose");if(i!=="hidden"&&i!=="disappearing"&&s){r[u]("hide")}})}var i=function(){r.status="shown";e.each(r.callbacks.show,function(e,t){t.call(r.$el)});r.callbacks.show=[]};if(r.status!=="hidden"){var s=0;if(r.status==="disappearing"){r.status="appearing";if(o()){r.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+r.options.animation+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.stop().fadeIn(i)}}else if(r.status==="shown"){i()}}else{r.status="appearing";var s=r.options.speed;r.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var a="tooltipster-"+r.options.animation,l="-webkit-transition-duration: "+r.options.speed+"ms; -webkit-animation-duration: "+r.options.speed+"ms; -moz-transition-duration: "+r.options.speed+"ms; -moz-animation-duration: "+r.options.speed+"ms; -o-transition-duration: "+r.options.speed+"ms; -o-animation-duration: "+r.options.speed+"ms; -ms-transition-duration: "+r.options.speed+"ms; -ms-animation-duration: "+r.options.speed+"ms; transition-duration: "+r.options.speed+"ms; animation-duration: "+r.options.speed+"ms;",c=r.options.fixedWidth>0?"width:"+Math.round(r.options.fixedWidth)+"px;":"",h=r.options.maxWidth>0?"max-width:"+Math.round(r.options.maxWidth)+"px;":"",p=r.options.interactive?"pointer-events: auto;":"";r.$tooltip=e('<div class="tooltipster-base '+r.options.theme+'" style="'+c+" "+h+" "+p+" "+l+'"><div class="tooltipster-content"></div></div>');if(o())r.$tooltip.addClass(a);r.insertContent();r.$tooltip.appendTo("body");r.positionTooltip();r.options.functionReady.call(r.$el,r.$el,r.$tooltip);if(o()){r.$tooltip.addClass(a+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.css("display","none").fadeIn(r.options.speed,i)}r.setCheckInterval();e(t).on("scroll."+r.namespace+" resize."+r.namespace,function(){r.positionTooltip()});if(r.options.autoClose){e("body").off("."+r.namespace);if(r.options.trigger=="hover"){if(f){setTimeout(function(){e("body").on("touchstart."+r.namespace,function(){r.hideTooltip()})},0)}if(r.options.interactive){if(f){r.$tooltip.on("touchstart."+r.namespace,function(e){e.stopPropagation()})}var d=null;r.$elProxy.add(r.$tooltip).on("mouseleave."+r.namespace+"-autoClose",function(){clearTimeout(d);d=setTimeout(function(){r.hideTooltip()},r.options.interactiveTolerance)}).on("mouseenter."+r.namespace+"-autoClose",function(){clearTimeout(d)})}else{r.$elProxy.on("mouseleave."+r.namespace+"-autoClose",function(){r.hideTooltip()})}}else if(r.options.trigger=="click"){setTimeout(function(){e("body").on("click."+r.namespace+" touchstart."+r.namespace,function(){r.hideTooltip()})},0);if(r.options.interactive){r.$tooltip.on("click."+r.namespace+" touchstart."+r.namespace,function(e){e.stopPropagation()})}}}}if(r.options.timer>0){r.timerHide=setTimeout(function(){r.timerHide=null;r.hideTooltip()},r.options.timer+s)}}})},setCheckInterval:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.status=="shown"||t.status=="appearing")t.hideTooltip();t.cancelCheckInterval()}else{if(t.options.positionTracker){var n=t.positionInfo(t.$elProxy),r=false;if(i(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(i(n.position,t.elProxyPosition.position))r=true}else{if(i(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.positionTooltip()}}}},200)},cancelCheckInterval:function(){clearInterval(this.checkInterval);this.checkInterval=null},hideTooltip:function(n){var r=this;if(n)r.callbacks.hide.push(n);r.callbacks.show=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;var i=function(){e.each(r.callbacks.hide,function(e,t){t.call(r.$el)});r.callbacks.hide=[]};if(r.status=="shown"||r.status=="appearing"){r.status="disappearing";var s=function(){r.status="hidden";if(typeof r.content=="object"&&r.content!==null){r.content.detach()}r.$tooltip.remove();r.$tooltip=null;e(t).off("."+r.namespace);e("body").off("."+r.namespace).css("overflow-x",r.bodyOverflowX);e("body").off("."+r.namespace);r.$elProxy.off("."+r.namespace+"-autoClose");r.options.functionAfter.call(r.$el,r.$el);i()};if(o()){r.$tooltip.clearQueue().removeClass("tooltipster-"+r.options.animation+"-show").addClass("tooltipster-dying");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(s)}else{r.$tooltip.stop().fadeOut(r.options.speed,s)}}else if(r.status=="hidden"){i()}},setContent:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.content=e},insertContent:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.content==="string"&&!e.options.contentAsHTML){t.text(e.content)}else{t.empty().append(e.content)}},updateTooltip:function(e){var t=this;t.setContent(e);if(t.content!==null){if(t.status!=="hidden"){t.insertContent();t.positionTooltip();if(t.options.updateAnimation){if(o()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hideTooltip()}},positionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},positionTooltip:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n.positionInfo(n.$elProxy);var r=null,i=e(t).width(),s=n.elProxyPosition,o=n.$tooltip.outerWidth(false),u=n.$tooltip.innerWidth()+1,a=n.$tooltip.outerHeight(false);if(n.$elProxy.is("area")){var f=n.$elProxy.attr("shape"),l=n.$elProxy.parent().attr("name"),c=e('img[usemap="#'+l+'"]'),h=c.offset().left,p=c.offset().top,d=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(f=="circle"){var v=parseInt(d[0]),m=parseInt(d[1]),g=parseInt(d[2]);s.dimension.height=g*2;s.dimension.width=g*2;s.offset.top=p+m-g;s.offset.left=h+v-g}else if(f=="rect"){var v=parseInt(d[0]),m=parseInt(d[1]),y=parseInt(d[2]),b=parseInt(d[3]);s.dimension.height=b-m;s.dimension.width=y-v;s.offset.top=p+m;s.offset.left=h+v}else if(f=="poly"){var w=[],E=[],S=0,x=0,T=0,N=0,C="even";for(var k=0;k<d.length;k++){var L=parseInt(d[k]);if(C=="even"){if(L>T){T=L;if(k===0){S=T}}if(L<S){S=L}C="odd"}else{if(L>N){N=L;if(k==1){x=N}}if(L<x){x=L}C="even"}}s.dimension.height=N-x;s.dimension.width=T-S;s.offset.top=p+x;s.offset.left=h+S}else{s.dimension.height=c.outerHeight(false);s.dimension.width=c.outerWidth(false);s.offset.top=p;s.offset.left=h}}if(n.options.fixedWidth===0){n.$tooltip.css({width:Math.round(u)+"px","padding-left":"0px","padding-right":"0px"})}var A=0,O=0,M=0,_=parseInt(n.options.offsetY),D=parseInt(n.options.offsetX),P=n.options.position;function H(){var n=e(t).scrollLeft();if(A-n<0){r=A-n;A=n}if(A+o-n>i){r=A-(i+n-o);A=i+n-o}}function B(n,r){if(s.offset.top-e(t).scrollTop()-a-_-12<0&&r.indexOf("top")>-1){P=n}if(s.offset.top+s.dimension.height+a+12+_>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){P=n;M=s.offset.top-a-_-12}}if(P=="top"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left+D-j/2;M=s.offset.top-a-_-12;H();B("bottom","top")}if(P=="top-left"){A=s.offset.left+D;M=s.offset.top-a-_-12;H();B("bottom-left","top-left")}if(P=="top-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top-a-_-12;H();B("bottom-right","top-right")}if(P=="bottom"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left-j/2+D;M=s.offset.top+s.dimension.height+_+12;H();B("top","bottom")}if(P=="bottom-left"){A=s.offset.left+D;M=s.offset.top+s.dimension.height+_+12;H();B("top-left","bottom-left")}if(P=="bottom-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top+s.dimension.height+_+12;H();B("top-right","bottom-right")}if(P=="left"){A=s.offset.left-D-o-12;O=s.offset.left+D+s.dimension.width+12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A<0&&O+o>i){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=o+A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);A=s.offset.left-D-q-12-I;F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A<0){A=s.offset.left+D+s.dimension.width+12;r="left"}}if(P=="right"){A=s.offset.left+D+s.dimension.width+12;O=s.offset.left-D-o-12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A+o>i&&O<0){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=i-A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A+o>i){A=s.offset.left-D-o-12;r="right"}}if(n.options.arrow){var R="tooltipster-arrow-"+P;if(n.options.arrowColor.length<1){var U=n.$tooltip.css("background-color")}else{var U=n.options.arrowColor}if(!r){r=""}else if(r=="left"){R="tooltipster-arrow-right";r=""}else if(r=="right"){R="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(P=="top"||P=="top-left"||P=="top-right"){var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}else if(P=="bottom"||P=="bottom-left"||P=="bottom-right"){var z=parseFloat(n.$tooltip.css("border-top-width")),W=n.$tooltip.css("border-top-color")}else if(P=="left"){var z=parseFloat(n.$tooltip.css("border-right-width")),W=n.$tooltip.css("border-right-color")}else if(P=="right"){var z=parseFloat(n.$tooltip.css("border-left-width")),W=n.$tooltip.css("border-left-color")}else{var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}if(z>1){z++}var X="";if(z!==0){var V="",$="border-color: "+W+";";if(R.indexOf("bottom")!==-1){V="margin-top: -"+Math.round(z)+"px;"}else if(R.indexOf("top")!==-1){V="margin-bottom: -"+Math.round(z)+"px;"}else if(R.indexOf("left")!==-1){V="margin-right: -"+Math.round(z)+"px;"}else if(R.indexOf("right")!==-1){V="margin-left: -"+Math.round(z)+"px;"}X='<span class="tooltipster-arrow-border" style="'+V+" "+$+';"></span>'}n.$tooltip.find(".tooltipster-arrow").remove();var J='<div class="'+R+' tooltipster-arrow" style="'+r+'">'+X+'<span style="border-color:'+U+';"></span></div>';n.$tooltip.append(J)}n.$tooltip.css({top:Math.round(M)+"px",left:Math.round(A)+"px"})}}};e.fn[u]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(a,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var i="#*$~&";this.each(function(){var n=e(this).data("tooltipster");if(n){switch(t[0]){case"content":case"update":if(typeof t[1]==="undefined"){i=n.content;return false}else{n.updateTooltip(t[1]);break};case"destroy":n.hideTooltip();if(n.$el[0]!==n.$elProxy[0])n.$elProxy.remove();var r=typeof n.content==="string"?n.content:e("<div></div>").append(n.content).html();n.$el.removeClass("tooltipstered").attr("title",r).removeData("tooltipster").off("."+n.namespace);break;case"disable":n.hideTooltip();n.enabled=false;break;case"elementIcon":i=n.$el[0]!==n.$elProxy[0]?n.$elProxy[0]:undefined;return false;case"elementTooltip":i=n.$tooltip?n.$tooltip[0]:undefined;return false;case"enable":n.enabled=true;break;case"hide":n.hideTooltip(t[1]);break;case"option":i=n.options[t[1]];return false;case"reposition":n.positionTooltip();break;case"show":n.showTooltipNow(t[1]);break;case"status":i=n.status;return false;default:throw new Error('Unknown method .tooltipster("'+t[0]+'")');break}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return i!=="#*$~&"?i:this}else{return this.each(function(){if(!e(this).data("tooltipster")){e(this).data("tooltipster",new r(this,t[0]))}})}}};var f=!!("ontouchstart"in t);var l=false;e("body").one("mousemove",function(){l=true})})(jQuery,window,document);$(document).ready(function(){$("#social-sec ul#social a").tooltipster({theme:"tooltipster-punk"})});
    
    $(document).on('click','#search-header button',function(){
      $( "#shide" ).animate({top:'0px'},"slow");
          });
    $(document).on('click','button.remove',function(){
      $( "#shide" ).animate({top:'-80px'},"slow");
          });
    
    /*
     SelectNav.js (v. 0.1)
     Converts your <ul>/<ol> navigation into a dropdown list for small screens
     https://github.com/lukaszfiszer/selectnav.js
    */
    window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"→",u=n.label||"- Navigation -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();selectnav('nav');
    
    /*! WOW - v0.1.9 - 2014-05-10
    * Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b,c=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in a)d=a[c],null!=d&&(b[c]=d);return b},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a}(),b=this.WeakMap||(b=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),this.WOW=function(){function d(a){null==a&&(a={}),this.scrollCallback=c(this.scrollCallback,this),this.scrollHandler=c(this.scrollHandler,this),this.start=c(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new b}return d.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0},d.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},d.prototype.start=function(){var a,b,c,d;if(this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){if(this.disabled())return this.resetStyle();for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},d.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},d.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},d.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},d.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),d.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.setAttribute("style","visibility: visible;"));return e},d.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},d.prototype.vendors=["moz","webkit"],d.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},d.prototype.vendorCSS=function(a,b){var c,d,e,f,g,h;for(d=window.getComputedStyle(a),c=d.getPropertyCSSValue(b),h=this.vendors,f=0,g=h.length;g>f;f++)e=h[f],c=c||d.getPropertyCSSValue("-"+e+"-"+b);return c},d.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=window.getComputedStyle(a).getPropertyValue("animation-name")}return"none"===b?"":b},d.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},d.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},d.prototype.scrollHandler=function(){return this.scrolled=!0},d.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},d.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},d.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},d.prototype.util=function(){return this._util||(this._util=new a)},d.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},d}()}).call(this);new WOW().init();
    
    $(document).on('click','.find span',function(){
      $( ".map" ).css( "position", "relative" );
      $( ".map" ).css( "left", "0" );
      $( this ).addClass( "removei" );
          });
    
    $(document).on('click','.find span.removei',function(){
      $( ".map" ).css( "position", "absolute" );
      $( ".map" ).css( "left", "-555px" );
      $( this ).removeClass( "removei" );
          });
    
    //]]>
    </script>
    
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <script type='text/javascript'> 
    //<![CDATA[
    // pages navi numbers
    var postperpage=7;var numshowpage=6;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/";var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}
    mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}
    if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}
    if(mulai>2){html+=' ... '}
    for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
    if(akhir<maksimal-1){html+='...'}
    if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}
    var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}
    var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
    if(pageArea&&pageArea.length>0){html=''}
    if(blogPager){blogPager.innerHTML=html}}
    function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}
    function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
    if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}
    document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}
    if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}
    document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}
    function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}
    function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}
    function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}
    location.href=alamat};
    
    //]]>
    </script>
    </b:if>
    
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    
    <script type='text/javascript'> 
    //<![CDATA[
    
    // smooth scroll
    $(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=$(this.hash);e=e.length?e:$("[name="+this.hash.slice(1)+"]");if(e.length){$("html,body").animate({scrollTop:e.offset().top},1e3);return false}}})});
    
    //]]>
    </script>
    
        </b:if>
    
        </div>
    
      </body>
    
    </html>
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.