قالب مدونة بني باقسام مختلفة

<?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>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    
<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'/>
    <title>
        <b:if cond='data:blog.pageType == "index"'>
            <data:blog.pageTitle/>
        <b:else/>
            <b:if cond='data:blog.pageType != "error_page"'>
                <data:blog.pageName/> - <data:blog.title/>
            <b:else/>
                ERROR 404 - <data:blog.title/>
            </b:if>
        </b:if>
    </title>
    
    <b:if cond='data:blog.pageType == "index"'>
    <meta content='YOUR DESCRIPTION HERE' name='description'/>
    </b:if>
    <meta content='YOUR KEYWORDS HERE' name='keywords'/>
    
    <b:if cond='data:blog.pageType == "item"'>
        <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>
    <b:if cond='data:blog.postImageUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if></b:if>
    <b:if cond='data:blog.metaDescription != ""'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
      <meta content='summary' name='twitter:card'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    </b:if>
    
    <meta content='Facebook App ID here' property='fb:app_id'/>
    <meta content='Facebook Admin ID here' property='fb:admins'/>
    <meta content='@username' name='twitter:site'/>
    <meta content='@username' name='twitter:creator'/>

     <b:include data='blog' name='all-head-content'/>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:      Cleansis Blogger Template
Designer: Sora Templates
URL:       http://www.soratemplates.com
License:   Free Version
----------------------------------------------- */

/*=====================================
= Font Awesome
=====================================*/
/* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome */
@font-face{font-family:'FontAwesome';src:url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0');src:url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-clock-o:before{content:"\f017"}.fa-user:before{content:"\f007"}.fa-spinner:before{content:"\f110"}.fa-facebook:before{content:"\f09a"}.fa-twitter:before{content:"\f099"}.fa-linkedin:before{content:"\f0e1"}.fa-google-plus:before{content:"\f0d5"}.fa-search:before{content:"\f002"}
/*=====================================
= Css Reset
=====================================*/
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}
ins{text-decoration:underline}
del{text-decoration:line-through}
blockquote{background-color:#E2AE69;padding:20px;margin:5px 20px;font-style:italic}
dl,ol,ul{list-style-position:inside;font-weight:700;list-style:none}
li{list-style:none}
caption,th{text-align:center}
img{border:none;position:relative}
a,a:visited{text-decoration:none;font-weight:400}
a{color:#30292b}
a:hover,a:active,a:focus{color: #e2ae69;}
q:after,q:before{content:''}
abbr,acronym{border:0}
.clear{clear:both}
.section,.widget,.widget ul{margin:0;padding:0}
::-moz-selection{background-color:#19b5fe;color:#fff}
::selection{background-color:#19b5fe;color:#fff}
.blog-feeds,.post-feeds,.quickedit{display:none}
.status-msg-border{display:none}
.status-msg-body{position:relative;padding:0}
.status-msg-wrap{width:100%;background-color:#FFF;padding:30px 0;font-size:120%;margin-top:0}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
h1, h2, h3, h4, h5, h6 {
color: #30292B;
line-height: 1.4em;
font-family: 'Lora', Arial, Helvetica, sans-serif;
font-weight: 500;
}
img{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
/*=====================================
= Body
=====================================*/
body {
background:#ececec url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ96-BTZaC8ks_FLAQC6F28XgCIp2tWeWExPeXnn-7WdZaoFbwHx1unOsf3XpUHsslNMTDKEVrY_bgm9cHmXMW_B94X-GKqoAbfGTK09OI-M9Bu58UPQN1CLUnd_R-p6OjttO7IJfHIZ8/s1600-r/ricepaper_v6.jpg) repeat fixed top center;
font:normal normal 14px Raleway, sans-serif;
color: #635647;
margin:0;
padding:0;
}
.row{max-width:1100px;margin:0 auto}
@keyframes fadein {
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0}
60%{opacity:0}
70%{opacity:0}
80%{opacity:0}
90%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadein {
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0}
60%{opacity:0}
70%{opacity:0}
80%{opacity:0}
90%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadein {
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0}
60%{opacity:0}
70%{opacity:0}
80%{opacity:0}
90%{opacity:0}
100%{opacity:1}
}
@-ms-keyframes fadein {
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0}
60%{opacity:0}
70%{opacity:0}
80%{opacity:0}
90%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadein {
0%{opacity:0}
10%{opacity:0}
20%{opacity:0}
30%{opacity:0}
40%{opacity:0}
50%{opacity:0}
60%{opacity:0}
70%{opacity:0}
80%{opacity:0}
90%{opacity:0}
100%{opacity:1}
}
#outer-wrapper{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s;width:100%;margin:0 auto;padding:0;overflow:hidden}
/*=====================================
= Header
=====================================*/
#outer-wrapper{padding-top:95px}
.item #outer-wrapper,.static_page #outer-wrapper{padding-top:105px}
#header-wrapper{position:fixed;top:0;width:100%;z-index:99999}
#header-wrapper.sticky_header #header-content{height:60px}
#header-wrapper.sticky_header .Header img{height:40px;margin-top:10px}
#header-wrapper.sticky_header .Header h1{line-height:60px}
#header-wrapper.sticky_header .menu li{line-height:60px}
#header-wrapper.sticky_header #header-search .search-icn{top:13px}
#header-wrapper.sticky_header .menu li ul li{line-height:40px}
#header-wrapper.sticky_header .hasSub a:after{line-height:60px}
#header-wrapper.sticky_header .hasSub ul a:after{line-height:0}
#header-wrapper,#header-content,.Header img,.Header h1,.menu li,.search-icn,.menu li ul li{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
.hasSub a:after{font-family:'FontAwesome';content:'\f107';top:0;line-height:80px;position:relative;color:#e2ae69}
.hasSub ul a:after{content:'';line-height:0}
#header-wrapper{background-color:rgba(48,41,43,1);color:#fffaf3;margin-bottom:25px}
#header-content{height:80px;position:relative}
.Header img{height:50px;width:auto;margin-top:15px}
.header h1{line-height:80px;font-weight:400;text-transform:uppercase;font-size:20px;margin-bottom:0}
.menu li{display:inline-block;line-height:80px;position:relative;padding:0}
.menu li ul{display:none;position:absolute;z-index:99;min-width:200px;background-color:#30292b;max-width:250px;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;box-shadow:2px 2px 6px rgba(0,0,0,.2)}
#sub-menu{background-color:#222;border-top:2px solid #e2ae69}
.menu li a{padding:0 25px;display:block;text-transform:capitalize;font-size:14px;color:#fffaf3}
.menu li:hover a{color:#e2ae69}
.menu li ul li{display:block;line-height:40px}
.menu #sub-menu li a{background:rgba(48,41,43,1);color:#FFF;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.menu #sub-menu li:hover a{background:#e2ae69}
.menu #sub-menu li a{color:#fffaf3}
.menu #sub-menu li a:hover{background-color:rgba(48,41,43,1);color:#e2ae69}
/*=====================================
= Posts
=====================================*/
.item .slider{display: none}
.post-pager li{padding:0;display:inline-block;width:50%}
.post-pager li strong{display:block;padding:10px 0}
ul.post-pager{background-color:#FFF;border-top:1px solid #EEE;display:block;width:100%;overflow:hidden}
.post-pager li a{color:#635647;display:block;padding:20px 35px}
.post-pager li:hover{background-color:rgba(226, 174, 105, 0.05)}
.post-pager li:hover a{color:#635647;background:rgba(226, 174, 105, 0.05)}
ul.post-pager *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
.postarea-wrapper{height:82px;background-color:#fff;padding:25px 35px;position:relative}
.tags{display:block;width:50%}
.tags a{font:normal 10px tahoma;background:#ccc;line-height:100%!important;padding:8px;margin-bottom:5px;color:#fff;background-color:#E2AE69;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s}
.tags a:hover{color:#fff!important;background-color:#635647;transition:.4s}
.share a{text-align:center;line-height:22px;width:32px;height:31px;color:#fff}
.fa-share:before{content:"\f064"}
.share{overflow:hidden}
.share *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
.sharebox{display:none;position:absolute;top:-15px;z-index:9999;background-color:#E2AE69;color:#FFF;padding:0;font-weight:400;font-size:12px;white-space:nowrap;max-width:156px;min-width:32px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.sharebox:before{content:"";position:absolute;width:10px;height:10px;top:25px;z-index:-1;background:#E2AE69;border-style:solid;border-color:#E2AE69;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.share .note{padding:0;color:#635647;width:auto;display:inline-block;height:32px;cursor:pointer;font-family:Lato;font-weight:700;text-transform:uppercase;font-size:11px}
.share i.fa-share{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1}
.share a:hover{color:#E2AE69}
.sharebox a:hover{color:#fff!important}
.share .share-facebook:hover{border-radius: 2px 0px 0px 2px;background-color:#3b5998}
.share .share-twitter:hover{background-color:#55acee}
.share .share-gplus:hover{background-color:#dd4b39}
.share .share-linkedin:hover{border-radius: 0px 2px 2px 0px;background-color:#0976b4}
.author-profile{display:table;margin:0;width:100%;padding:25px;background-color:#FFF;border-top:1px solid #eee}
.item .author-profile img{width:100px;height:auto;margin-bottom:0!important;border-radius:50%;display:table-cell;vertical-align:middle}
.profile-info .g-profile{display:inline-block;background-color:#19b5fe;color:#FFF;padding:5px 10px;clear:both}
.profile-description{display:block;margin-top:15px}
.profile-info{display:table-cell;vertical-align:middle}
.index blockquote:before,.index blockquote:after{color:#fff}
.item blockquote,.static_page blockquote{background-color:#f8f8f8}
.item .quotebox blockquote,.static_page .quotebox blockquote{color:#555;display:none}
.item .post-outer.hasQuote .post-body{display:none}
.item #content-wrapper{margin:0 auto}
.static_page #content-wrapper{margin:0 auto}
.item #main-wrapper,.static_page #main-wrapper{width:68%}
.item .post, .static_page .post{background-color:#fff;padding:35px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:none}
.item .post img,.static_page .post img{max-width:100%;margin:0 0 25px}
.index #sidebar-wrapper {display: none;}
.index .post-outer{width:33.3%;padding:10px}
.index .post{background-color:#fff;padding:30px;font-size:14px;-webkit-border-radius:1px;-moz-border-radius:1px}
.post-image img{width:100%;height:auto}
.fa-heart:before{content:"\f004"}
.post-image{line-height:0}
.index .post-body{font-size:14px;line-height:1.3em;text-align:center}
.item .post-body{margin-top:30px;font-size:15px;line-height:25px}
.static_page .post-body {font-size:15px;line-height:25px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4{margin-bottom:10px}
.post .post-title {color:#30292b;line-height:30px;text-align:center;margin:0 0 20px;font-weight:500}
.post-title a,.static_page .post .post-title{color:#30292b;font-weight:600;transition:all .15s ease}
.post-title a:hover,.static_page .post .post-title:hover{color:#e2ae69}
.item .post .post-title, .static_page .post .post-title{font-size:30px;line-height:45px}
.post-meta a,.post-meta span{color:#635647;font-family:lato;font-weight:700;text-transform:uppercase;font-size:11px}
.post-meta{margin-bottom:8px;text-align:center}
.item .post-meta{font-size:14px}
.widget .post-body ul{padding:0;margin:0;line-height:1.4}
.post-body ul li{display:block;font-family:FontAwesome,Raleway,tahoma;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;color:#aaa;margin:10px 0}
.post-body ul li:before{content:"\f105"}
.widget .post-body ol{padding:0;margin:0;line-height:1.4}
.post-body blockquote:before,blockquote:after{color:#aaa}
.post-body h2{font-weight:700!important;font-size:30px!important;color:#888!important}
.post-body h3{font-weight:500;font-size:24px;color:#888}
.post-body h4{font-weight:400;font-size:18px;color:#888}
.post-body ol li{display:block;font-family:FontAwesome,Raleway,tahoma;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;color:#aaa;margin:10px 0}
.post-body ol li:before{content:"\f046"}
.loadmore{display:block;clear:both;text-align:center;padding:0 40px;height:60px;line-height:60px;margin-top:10px}
.loadmore a,.loadmore span{background-color:#fff;color:#555;display:inline-block;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.08);-o-box-shadow:0 1px 2px rgba(0,0,0,0.08);box-shadow:0 1px 2px rgba(0,0,0,0.08);border-bottom:1px solid #d5d5d5;border-radius:3px;padding:0 40px;height:40px;line-height:40px}
.showpageOf{display:none}
.showpage a,.showpageNum a,.showpagePoint{padding:7px 15px;font-size:15px;color:#fff;font-weight:300;margin:15px 5px 8px;display:inline-block;border-radius:3px}
.showpage a{text-decoration:none;background-color:#fffaf3}
.showpageNum a,.showpage a{text-decoration:none;color:#635647;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.showpageNum a{text-decoration:none;color:#635647;background-color:#fffaf3}
.showpagePoint{text-decoration:none;background-color:#e2ae69;font-weight:700}
.showpageNum a:hover,.showpage a:hover{text-decoration:none;background-color:#e2ae69;color:#FFF}
.item #blog-pager,.static_page #blog-pager{display:none}
/*=====================================
= Slider
=====================================*/
.page-load .slider img{visibility:visible}
.slider img{visibility:hidden}
.slider .recent-content:before{content:'';display:block;position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #FFF;top:-15px;z-index:7777}
.recent-content{position:relative}
.slider{height:350px;overflow:hidden}
.slider .recent-box{margin:0 10px;height:350px;width:346px;overflow:hidden}
.slider .recent-box .imageContainer{width:346px;height:250px;overflow:hidden;background-color:#222}
.imageContainer img{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;-ms-transition:all 0 ease}
.slider .recent-box .imageContainer a:before{content:'\f0c1';position:absolute;font-family:FontAwesome;height:250px;line-height:250px;text-align:center;width:100%;z-index:999;color:#e2ae69;opacity:0;font-size:2em;transform:scale(10);-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
.slider .recent-box:hover .imageContainer a:before{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.slider .inner-recent{position:relative}
.slider .recent-content{background-color:#FFF;height:100px;padding:20px 25px 25px}
.slider .label_title{color:#30292b;display:block;font-family:'Lora',sans-serif;font-size:21px;font-weight:700;line-height:1.3em;transition:all .15s ease}
.slider .label_title:hover{color:#e2ae69}
.post-date:before{content:'\f017'}
.recent-com:before{content:'\f086'}
.slider-container button{border:0;background-color:#e2ae69;color: #FFF;height:40px;width:40px;cursor:pointer;position:absolute;top:50%;margin-top:-25px;z-index:9;opacity:.5;border-radius:3px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
.slider-container button:hover {opacity:1;}
.slider-container{position:relative;overflow:hidden;margin:15px auto 20px}
/*=====================================
= Sidebar
=====================================*/
#sidebar-wrapper{width:30%;overflow:hidden}
.sidebar .widget{margin-bottom:20px;width:100%;line-height:22px;background-color:#fff;padding:25px;}
.sidebar .widget h2,.footer .widget h2{color:#30292B;padding:0px 0px 10px;font-size:18px;font-family:Raleway}
.cloud-label-widget-content{text-align:justify;padding:15px 0 0}
.cloud-label-widget-content li{margin:0;padding:0}
.cloud-label-widget-content a{font:normal 10px tahoma;line-height:100%!important;padding:8px;margin-bottom:5px;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s}
.cloud-label-widget-content .label-count{white-space:nowrap;display:none}
.sidebar .cloud-label-widget-content a{background:#e2ae69;color:#fff}
.footer-column .cloud-label-widget-content a{background:#444;color:#eee}
.footer-column .cloud-label-widget-content a:hover{background:#c9935c;}
.cloud-label-widget-content a:hover{color:#fff!important;background:#635647;transition:.4s}
.list-label-widget-content ul li{margin:0;display:block;list-style:none;clear:both;padding:0;width:100%;position: relative}
.list-label-widget-content ul li:last-child{border-bottom:none}
.list-label-widget-content li a{text-decoration:none;display:block;font:normal 12px tahoma;transition:.4s;padding: 5px}
.list-label-widget-content li a:hover{color:#666666;transition:.4s}
.list-label-widget-content li span:last-child:hover{background:#635647;transition:.4s;}
.list-label-widget-content li span:last-child{background-color:#E2AE69;color:#fff;line-height:1;padding:1px 6px;border-radius:2px;text-align:center;font-size:10px;position:absolute;top:0;font-size:11px}
.sidebar .list-label-widget-content li span:last-child{padding:5px 6px}
.footer-column .list-label-widget-content li span:last-child{background-color:#E2AE69}
.sidebar .list-label-widget-content li a{color:#aaaaaa}
.PopularPosts img{display:block;height:auto;width:100%;position:absolute;width:auto;transition:all 1s ease 0}
.item-content:hover img{transform:rotate(10deg) scale(1.2)}
.item-content{position:relative}
.widget-content.popular-posts ul{padding:0;margin:0}
.PopularPosts .widget-content ul li:last-child{border-bottom:none}
.widget-content.popular-posts ul li .item-content{position:relative;overflow:hidden}
.item-title a{margin:0;padding:0;text-transform:capitalize;font-family:Raleway;font-weight:400;font-size:14px;line-height:1.5em;color:#30292b;overflow:hidden;transition:all .15s ease!important}
.item-title a:hover{color:#E2AE69}
.footer-column .item-title a{transition: all 0.15s ease 0s !important;color:#DDD}
.footer-column .item-title a:hover{color:#E2AE69}
.widget-content.popular-posts ul li .item-content{position:relative;overflow:hidden;padding:5px 0!important}
.PopularPosts .widget-content ul li{display:block;margin:0 0 8px;padding:0 0 10px;overflow:hidden}
.item-snippet{font-size:12px;height:35px;overflow:hidden;line-height:18px;font-weight:400;color:#aaa}
.PopularPosts .item-thumbnail{display:block;overflow:hidden;position:relative;width:72px;height:60px;border-radius:2px}
.BlogArchive select{padding:10px;background:#fff;width:99%;border:none;font:normal normal 18px Lato;font-size:12px;color:#635647;border-radius:0;border:1px solid #eee}
.item-control{display:none!important}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{border:1px inset;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #EFEFEF!important;color:#848991;padding:10px;width:100%;height:auto!important;margin:10px 0 0;display:block;font:normal normal 13px Raleway,tahoma}
.footer-column .FollowByEmail .follow-by-email-inner .follow-by-email-address{border:1px solid #555!important;background-color:#444!important;color:#fff;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:before{content:"\f007"}
.FollowByEmail .follow-by-email-inner td{width:100%;display:block}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;font-size:13px;z-index:0;margin:10px 0 0;padding:8px 20px!important;text-align:center;cursor:pointer;background: #e2ae69;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF;font:normal normal 13px Raleway,tahoma}
.sidetabs *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;-ms-transition:all 0 ease}
.menu-tab li{width:33.3333%;display:inline-block;padding:0}
.menu-tab{overflow:hidden;clear:both;margin:0}
.menu-tab li a{text-align:center;padding:20px 0;display:block;color:#FFF;background-color:#30292b;font-size:16px;font-weight:700}
.menu-tab li.active a{color:#fffaf3;background-color:#e2ae69}
div#tabside3{overflow:hidden;margin-bottom:20px}
/*=====================================
= Footer
=====================================*/
#social-sec{margin:0}
#social-sec li{display:inline-block;padding:0;position:relative}
#social-sec .widget ul{padding:0}
#social-sec .social a{display:block;height:28px;width:28px;font-size:16px;color:#fff;text-align:center;position:relative;z-index:5;background-color:#c9935c;transition:.4s;border-radius:3px;-webkit-transform:rotate();-ms-transform:rotate();transform:rotate()}
.social li a:hover{transition:.4s;}
#social-sec .social a:hover{background-color: #635647;color:#fff;opacity:1}
#social-sec .social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:28px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}
.facebook a:before{content:"\f09a"}
.twitter a:before{content:"\f099"}
.gplus a:before{content:"\f0d5"}
.youtube a:before{content:"\f167"}
.skype a:before{content:"\f17e"}
.stumbleupon a:before{content:"\f1a4"}
.tumblr a:before{content:"\f173"}
.vine a:before{content:"\f1ca"}
.stack-overflow a:before{content:"\f16c"}
.linkedin a:before{content:"\f0e1"}
.dribbble a:before{content:"\f17d"}
.soundcloud a:before{content:"\f1be"}
.behance a:before{content:"\f1b4"}
.digg a:before{content:"\f1a6"}
.instagram a:before{content:"\f16d"}
.pinterest a:before{content:"\f0d2"}
.delicious a:before{content:"\f1a5"}
::-webkit-scrollbar{background:#ECF0F1;width:8px}
::-webkit-scrollbar-thumb{background:#E2AE69}
::-webkit-scrollbar-track{background:#f8f8f8}
#footer-wrapper h2{font-size: 18px;font-family: Raleway;color:#ededed;margin:0 0 25px;padding:0;font-weight:400;text-transform:uppercase}
#copyright-wrapper{position:relative;color:#635647;background:rgb(36, 30, 32);padding:25px 0;}
.copyright{overflow:hidden;padding:0}
.copyright .text a{color:#e2ae69}
.copyright .text{font-size:13px;padding-top:8px}
#footer-wrapper{position:relative;color:#ddd;background:rgba(48,41,43,1);padding-top:20px;font:normal 14px Raleway,tahoma,arial;border-top:4px solid #e2ae69;margin-top:20px}
#footer{overflow:hidden;padding:40px 0}
.footer-column ul.label_with_thumbs{margin:0;padding:0;overflow:hidden;border-bottom:1px solid #444}
.footer-column ul.label_with_thumbs li{border-bottom:1px solid #232323!important;border-top:1px solid #444}
.footer-column ul.label_with_thumbs li:first-child{border-top:0 none}
.footer-column .post_date,.footer-column .post_cmnt{color:#FFD600!important;opacity:1}
.footer-column{width:23%;margin-left:2%}
.footer-sider:first-child .footer-column:first-child {margin-left: 0;width: 25%}
.footer-column .list-label-widget-content ul{margin:0;padding:10px 0;overflow:hidden}
.footer-column .list-label-widget-content li{margin-bottom:5px;padding:0}
.footer-column .list-label-widget-content li a{color:#fff;}
.footer-column .list-label-widget-content li a:hover{background:#19b5fe;color:#fff;transition:.4s}
.about p{padding:10px;color:#EEE;font:normal 12px ges;line-height:3em}
.footer-column .widget{margin-bottom: 30px}
.footer-column .widget-content span{font:normal 11px ges,tahoma;color:#FFF;line-height:2em}
.footer-column .BlogArchive select{background-color:#2E2E2E;border:1px solid #555;color:#FFF}
.gototop{position:fixed;top:88%;margin-top:-20px;z-index:999999;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s;background:#fffaf3;color:#635647;height:40px;width:40px;line-height:40px;cursor:pointer;display:none}
.gototop:hover{background:#e2ae69;color:#FFF}
.fa-chevron-up:before{content:"\f077";font-size:12px}
.contact-form-widget{max-width:100%}
.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus {box-shadow: none;}
.footer-column .contact-form-name,.footer-column .contact-form-email,.footer-column .contact-form-email-message{background-color:#2E2E2E;border-color:#555;max-width:100%;margin-bottom:8px;color:#FFF}
.footer-column .contact-form-button-submit{background-color:#c9935c;background-image:none;border:0;color:#fff;width:100%;margin-top:5px;cursor:pointer;height:35px;font:normal normal 14px FontAwesome,Lato, Arial, Helvetica, sans-serif}
.footer-column .contact-form-button-submit:hover{background-color:#635647}
.sidebar .contact-form-name,.sidebar .contact-form-email,.sidebar .contact-form-email-message{background-color:#EEE;border-color:#DDD;max-width:100%;margin-bottom:8px;}
.sidebar .contact-form-button-submit{background-color:#c9935c;background-image:none;border:0;color:#fff;width:100%;margin-top:5px;cursor:pointer;height:35px;font:normal normal 14px FontAwesome,Lato, Arial, Helvetica, sans-serif}
.sidebar .contact-form-button-submit:hover{background-color:#635647}
/*=====================================
= Post Format
=====================================*/
.audioplayer{height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#30292b;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.audioplayer-mini{width:2.5em;margin:0 auto}
.audioplayer > div{position:absolute;overflow:hidden}
.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1)}
.audioplayer-mini .audioplayer-playpause{width:100%}
.audioplayer-playpause:hover,.audioplayer-playpause:focus{background-color:#222}
.audioplayer-playpause a{display:block}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.25em}
.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-.375em 0 0 -.375em}
.audioplayer-playing .audioplayer-playpause a:before,.audioplayer-playing .audioplayer-playpause a:after{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}
.audioplayer-playing .audioplayer-playpause a:before{left:0}
.audioplayer-playing .audioplayer-playpause a:after{right:0}
.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}
.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);left:2.5em}
.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);right:2.5em}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}
.audioplayer-bar{height:.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-.438em}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#30292b;z-index:1}
.audioplayer-bar-played{background:#007fd1;background:-webkit-gradient(linear,left top,right top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(left,#007fd1,#c600ff);background:-moz-linear-gradient(left,#007fd1,#c600ff);background:-ms-radial-gradient(left,#007fd1,#c600ff);background:-o-linear-gradient(left,#007fd1,#c600ff);background:linear-gradient(left,#007fd1,#c600ff);z-index:2}
.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:#222}
.audioplayer-volume-button{width:100%;height:100%}
.audioplayer-volume-button a{width:.313em;height:.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}
.audioplayer-volume-button a:before,.audioplayer-volume-button a:after{content:'';position:absolute}
.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-.25em;margin-top:-.5em}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #fff;border-width:.25em .25em 0 0;left:.563em;top:-.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#222;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}
.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}
.audioplayer-volume-adjust > div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1;background:-webkit-gradient(linear,left bottom,left top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(bottom,#007fd1,#c600ff);background:-moz-linear-gradient(bottom,#007fd1,#c600ff);background:-ms-radial-gradient(bottom,#007fd1,#c600ff);background:-o-linear-gradient(bottom,#007fd1,#c600ff);background:linear-gradient(bottom,#007fd1,#c600ff)}
.audioplayer-novolume .audioplayer-volume{display:none}
.audioplayer-play,.audioplayer-pause,.audioplayer-volume a{-webkit-filter:drop-shadow(1px 1px 0 #000);-moz-filter:drop-shadow(1px 1px 0 #000);-ms-filter:drop-shadow(1px 1px 0 #000);-o-filter:drop-shadow(1px 1px 0 #000);filter:drop-shadow(1px 1px 0 #000)}
.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audioplayer-bar,.audioplayer-volume-adjust > div{-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);-moz-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)}
.audioplayer-volume-adjust div div,.audioplayer-bar-played{-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5)}
.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)}
.audioplayer *,.audioplayer :before,.audioplayer :after{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}
div.audiobox{background:#E2AE69;background:-webkit-gradient(linear,right top,right bottom,from(#E2AE69),top(#E2AE69));background:-webkit-linear-gradient(top,#E2AE69,#E2AE69);background:-moz-linear-gradient(top,#E2AE69,#E2AE69);background:-ms-radial-gradient(top,#E2AE69,#E2AE69);background:-o-linear-gradient(top,#E2AE69,#E2AE69);background:linear-gradient(top,#E2AE69,#E2AE69);-webkit-border-radius:0px;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px;padding:10px;margin:0px 0px 0px}
.audioplayer{height:2.1em;font:normal 10px opensans,tahoma;color:#fff;text-shadow:none!important;border:none!important;position:relative;z-index:1;background:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-border-radius:none!important;-moz-border-radius:none!important;border-radius:none!important}
.audioplayer-playpause a{display:block;text-indent:9999em}
div.audioplayer-playpause{background:#19b5fe}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{text-indent:9999em}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-radius:3px}
.audioplayer-playpause:hover,.audioplayer-playpause:focus,div.audioplayer-volume-button:hover{background:none!important;border-radius:3px}
.audioplayer-volume:hover,.audioplayer-volume:focus{background:none!important}
.audioplayer{background:none!important}
div.audioplayer-volume-adjust{display:block}
.audioplayer-bar-loaded,.audioplayer-bar-played{height:5px!important}
.audioplayer-play,.audioplayer-pause,.audioplayer-volume a{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}
.audiobox_img .audioplayer-time{text-shadow:none}
.audiobox_img .audioplayer-bar-loaded{background-color:rgba(255,255,255,0.1);border:none!important;box-shadow:none!important;z-index:1}
.audioplayer-volume-button,.audioplayer-volume-button:{background:none!important}
.audioplayer-volume:hover,.audioplayer-volume:focus{background-color:none!important}
.audioplayer-playpause{background:none!important}
.audioplayer-bar{background:rgba(255,255,255,0.38)!important;box-shadow:none!important;height:5px!important;margin-top:-2px!important}
.audioplayer-bar-played{background:#19b5fe!important}
.yaw{width:100%;max-width:100%;padding-bottom:10px;height:auto;overflow:hidden}
.videobox{margin:0;padding:0;height:auto;width:100%;max-width:100%;overflow:hidden}
.postformat{line-height:0 !important}
.postformat-image{height:auto;width:100%;overflow:hidden}
.postformat-image img{height:auto;width:100%}
.audio_area .audioplayer-bar-loaded{background:#F5CC96!important}
.audio_area .audioplayer-bar-played{background:#FFFAF3!important}
.audio_area .audioplayer-time-current{border-left:1px solid #F5CC96!important;border-right-color:#F5CC96!important;}
.audio_area .audioplayer-time-duration{border-right:1px solid #F5CC96!important;border-right-color:#F5CC96!important;}
.audio_area .audioplayer-volume{border-left:1px solid transparent!important;}
div.audiobox_img{background:rgba(0,0,0,0.5);border-bottom:none;border-radius:2px 0 0;padding:5px;position:relative;top:140px;margin:0 auto;border-radius:4px;width:80%}
.audio_area_img{background-size: cover;height:200px;max-height:200px;}
.audio_area{overflow:hidden}
.soundcloud_area{height:150px}
.status-wrap{position:relative;display:inline-block;z-index:1;text-align:center;margin:0 auto;width:100%!important}
div#u_0_1{border-radius:0;border:none}
.Yc{width:67%!important}
.quotebox blockquote{font-size:20px;line-height:33px;margin:0;padding:50px;color:#fff}
.index .post-outer.hasQuote .post{display:none}
.item .post-outer.hasTweet .post-body{display:none}
.index .post-outer.hasTweet .post{display:none}
.tweetbox{background-color:#E2AE69;padding:35px;margin:0;font-style:italic;line-height:2em;font-size:18px;color:#fff}
.tweetbox a{color:#fff}
.tweetbox i.fa.fa-twitter{font-size:50px;opacity:.8}
.linkbox{background-color:#E2AE69;margin:0;font-style:normal;overflow:hidden;color:#fff}
.linkbox a{color:#fff;white-space:nowrap;overflow:hidden;display:block}
.linkbox a:hover{color:#eee}
.linkbox .fa.fa-link{font-size:26px;opacity:.8;position:absolute;top:38px}
.linkbox .fa-link:before{content:"\f0c1"}
.likebtn-wrapper{line-height:15px!important}
.lb-style-disk .lb-like-label,.lb-style-disk .lb-dislike-label{vertical-align:bottom;font-weight:700!important;padding-right:2px;color:#635647;font-family:Lato;text-transform:uppercase;font-size:11px}
span.lb-count{vertical-align:bottom;font-weight:700!important;font-size:11px;padding:2px;color:#635647;font-family: Lato;line-height:17px;}
.index .likebtn-wrapper{float:none;padding:0;line-height:15px!important}
.lb-style-disk .lb-count{border-left:0;font-weight:400;color:#686868;padding:0;line-height:18px;top:0}
/*=====================================
= Custom widgets
=====================================*/
.slider-side .recent-box{width:280px;padding:0;display:inline-block;height:200px;position:relative}
.slider-side .imageContainer{width:280px!important;height:200px;background-color:#222}
.slider-side{height:200px;overflow:hidden}
.slider-side .recent-content{position:absolute;bottom:15px;left:5%;width:90%;text-align:center;padding:10px 0;opacity:0}
.recent-com:before{content:'\f086'}
.post-date:before{content:'\f017'}
.slider-side .label_title{color:#FFF;width:100%;overflow:hidden;margin-bottom:5px;font-family:Lora;font-weight:700;line-height:1.4em;font-size:16px}
.slider-side .recent-box:hover .recent-content{opacity:1}
.slider .recent-box img,.slider-side .recent-box img{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease}
.slider .recent-box:hover img,.slider-side .recent-box:hover img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transition:all .2s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;opacity:.2}
#HTML204 button{border:0;background-color:#E2AE69;height:30px;width:30px;border-radius:3px;color:#fff;position:absolute;top:43%;z-index:99;cursor:pointer;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
#HTML204 button:hover{background-color:#635647;}
#HTML204{position:relative}
.recent-posts .imageContainer{width:72px;height:60px;border-radius:2px;overflow:hidden;border:none;box-shadow:none;padding:0}
.recent-posts .imageContainer img{width:72px;height:60px}
.recent-posts .inner-recent{display:block;margin:0 0 8px;padding:0 0 10px;overflow:hidden}
.recent-posts a.label_title{margin:0;padding:0;text-transform:capitalize;font-family:Raleway;font-weight:400;font-size:14px;line-height:1.5em;color:#30292b;overflow:hidden;transition:all .15s ease!important}
.recent-posts a.label_title:hover{color:#E2AE69}
.recent-posts a.post-date,.recent-posts a.recent-com{font-size:12px;color:#30292b;overflow:hidden;margin-bottom:7px}
.recent-posts .post-date:before,.recent-posts .recent-com:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.commentswidget li .avatarImage{padding:0;position:relative;overflow:hidden}
.commentswidget li{background:none!important;margin:0!important;padding:0 0 6px!important;display:block;clear:both;overflow:hidden;list-style:none;word-break:break-all;display:block;padding:15px 0!important;border-bottom:1px solid #f4f4f4;overflow:hidden}
.commentswidget li span{margin-top:4px;color:#ccc;display:block;font:normal 11px Raleway;line-height:1.4;text-transform:lowercase;}
.avatarRound{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.commentswidget a{color:#888;position:relative;bottom:-5px;font:normal normal 14px Raleway,Tahoma,Arila,Helvetica,FreeSans,sans-serif;font-size:13px;text-transform:uppercase;margin-bottom:10px;display:block;overflow:hidden}
ul.commentswidget{list-style:none;margin:-15px 0 -25px!important;padding:0}
/*=====================================
= Related Posts
=====================================*/
#related-posts{background:#fff;margin:0;padding:10px 25px;border-radius:0;overflow:hidden;position:relative;border-top:1px solid #eee}
#related-posts button{border:0 none;background-color:#E2AE69;height:30px;width:30px;color:#FFF;cursor:pointer;position:absolute;top:45%;z-index:99;border-radius:2px;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
#related-posts button:hover {background-color:#635647;}
#related-posts #related-title{display:block;margin-top:5px;font-family:Raleway;font-weight:400;font-size:16px;line-height:1.5em;color:#30292B;transition: all 0.15s ease 0s;}
#related-posts #related-title:hover {color:#E2AE69;}
#related-posts .related-co{margin:0;padding:0;overflow:hidden;height:250px}
#related-posts .related-box{width:330px;margin-left:10px;margin-right:10px;overflow:hidden;height:250px}
#related-posts .related_img{max-width:100%;height:200px;width:100%}
/*=====================================
= Comments
=====================================*/
#comments{background:#fafafa;margin:0;padding:25px 35px;border-top:1px solid #eee}
.comments h4{color:#30292b;padding:0;margin:0;text-transform:uppercase;font:normal normal 18px Raleway}
.comments .comments-content{margin:0;padding:0;overflow:hidden}
.comments .avatar-image-container{max-height:54px;overflow:hidden;width:54px}
.comments .avatar-image-container img{width:100%;height:100%;max-width:54px;border-radius:3px}
.comments .comment-block{position:relative;line-height:2em;color:#635647}
.comments .comments-content .comment{padding:25px 0 10px;font:normal normal 15px Maven Pro,tahoma;color:#635647;border-bottom:1px solid #eee}
.comments .comments-content .user,.comments .comments-content .user a{display:block;color:#635647;font:normal normal 18px Raleway;text-transform:uppercase;line-height:1.5em}
span.icon.user.blog-author{display:none!important}
.comments .comments-content .datetime{margin:0;font:normal 14px tahoma}
.comments .comments-content .datetime a{color:#635647;font-family:lato;font-weight:700;text-transform:uppercase;font-size:11px}
.comments .comments-content .comment-replies{overflow:hidden;background:#fff;border-radius:3px}
.comment-actions a{color:#fff;text-transform:uppercase;text-align:center;padding:6px 8px;border-radius:3px;-webkit-border-radius:3px;border:none;font-size:10px;line-height:10px;display:inline-block;background:#e2ae69;text-decoration:none;transition:.4s}
.comments .comment .comment-actions a:hover{color:#fff;background:#635647;transition:.4s}
.comments .continue a{color:#fff;text-transform:uppercase;text-align:center;font:normal 12px tahoma;padding:10px;-webkit-border-radius:3px;border:none;line-height:10px;display:inline-block;background:#e2ae69;text-decoration:none;transition:.4s;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1)}
.comment-replies .continue{border-top:1px solid #eee;padding-top:5px}
.comments .continue a:hover{background:#30292b;transition:.4s}
.comments .comments-content .comment-content{text-align:justify;color:#30292B;font-family:Raleway}
/*=====================================
= Header Search
=====================================*/
#header-search{height:58px}
#header-search input[type=text]{background:rgba(48,41,43,1);height:100%;width:100%;position:absolute;top:0;font-family:Raleway,tahoma;font-size:20px;color:#e2ae69;z-index:1;display:none;border:none}
#header-search .search-icn{font-size:14px;line-height:34px;color:#e2ae69;text-decoration:none;position:absolute;top:22px;z-index:2;display:inline-block;padding:0 7px;border-radius:100%}
#header-search input[type=text]{line-height:58px}
.main-search{text-align:center}
.main-search input[type="submit"]{padding:10px;cursor:pointer;border:0;font-size:12px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}
.main-search input[type="submit"]:hover{}
.main-search input[type="submit"]:active{-o-box-shadow:0 2px 0 0 rgba(255,255,255,0.3) inset;-ms-box-shadow:0 2px 0 0 rgba(255,255,255,0.3) inset;-moz-box-shadow:0 2px 0 0 rgba(255,255,255,0.3) inset;-webkit-box-shadow:0 2px 0 0 rgba(255,255,255,0.3) inset;box-shadow:0 2px 0 0 rgba(255,255,255,0.3) inset}
.main-search .s{*display:inline;zoom:1;display:inline-block;border-radius:2px;border:1px solid #ededed;color:#919191;font-size:12px;padding:10px;width:40%;background:rgba(48,41,43,1);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}
.main-search .s:focus{border-color:#61cf81}
.widget_search .s{width:100%}
/*=====================================
= Error page
=====================================*/
.error_page #sidebar-wrapper,.error_page #blog-pager,.error_page #footer-wrapper,.error_page #copyright-wrapper,.error_page .status-msg-wrap{display:none}
.error_page #error-page{margin:0 auto;text-align:center;padding:0;margin:0;line-height:4em}
.error_page .error{font-size:40px;text-align:center;font-family: Lora;font-weight: 700;color:#30292B}
.error_page .errornum{font-size:150px;text-align:center;color:#E2AE69;font-family: raleway;font-weight: 700;}
.error_page span.fa.fa-frown-o{font-size:115px;color:#30292B}
.error_page .fa-frown-o:before{content:"\f119"}
.error_page .fa-hand-o-down:before{content:"\f0a7";font-size:18px}
.error_page p.erro_p{padding: 0;margin: 0;}
.error_page a.botao{border: 1px solid;padding: 5px 8px;border-radius: 2px;}
/*=====================================
= Shortcodes
=====================================*/
.button.small{font-size:12px}
.button.medium{font-size:16px}
.button.large{font-size:20px}
.button{padding:10px 20px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;float:left;text-decoration:none;font-family:FontAwesome,Raleway,tahoma,arial;font-weight:400;-webkit-box-shadow:inset 0 -2px rgba(0,0,0,0.15);box-shadow:inset 0 -2px rgba(0,0,0,0.15);color:#fff}
.button{background:#E2AE69}
.button:hover{color:#fff!important;background:#635647}
.small-button{width:100%;overflow:hidden;clear:both}
.medium-button{width:100%;overflow:hidden;clear:both}
.large-button{width:100%;overflow:hidden;clear:both}
pre{background-color:#26292B;color:#30292b;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}
pre[data-codetype]{padding:37px 1em 5px}
pre[data-codetype]:before{content:attr(data-codetype);display:block;position:absolute;top:-5px;right:0;left:0;background-color:#95a5a6;padding:7px;color:#555}
pre[data-codetype="HTML"]{color:#CECECE}
pre[data-codetype="CSS"]{color:#30CCF3}
pre[data-codetype="JavaScript"]{color:#EDD091}
pre[data-codetype="JQuery"]{color:#889CAF}
pre[data-codetype="HTML"]:before{background-color:#F7F7F7}
pre[data-codetype="CSS"]:before{background-color:#F7F7F7}
pre[data-codetype="JavaScript"]:before{background-color:#F7F7F7}
pre[data-codetype="JQuery"]:before{background-color:#F7F7F7}
pre code,pre .line-number{display:block;color:#069}
pre .line-number{float:left;margin:0 1em 0 -1em;color:#ecf0f1;border-right:2px solid #3E5770;text-align:right;min-width:2.5em}
pre .line-number span{display:block;padding:0 .5em 0 1em}
pre .line-number span:nth-child(even){background-color:#243342}
pre .cl{display:block;clear:both}
#contact{background-color:#fff;margin:30px 0!important}
#contact .contact-form-widget{max-width:100%!important}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px!important;max-width:100%!important}
#contact .contact-form-name{width:47.7%;height:50px;margin-right:12px}
#contact .contact-form-email{width:49.7%;height:50px}
#contact .contact-form-email-message{height:150px}
#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:15px 20px!important;text-align:center;cursor:pointer;background:#E2AE69;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF;font:normal normal 13px Raleway,tahoma}
#contact .contact-form-button-submit:hover{background:#635647}
#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none!important}
.two-column{overflow:hidden}
.two-column .column{width:50%;float:left;padding:0 15px}
.two-column .column:first-child{border-right:1px solid #DDD}
.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;font-family:FontAwesome,Raleway,tahoma,arial;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239}
.alert-message span{font-size:14px!important}
.alert-message i{float:left;font-size:16px;margin-right:5px;line-height:20px}
.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}
.alert-message.success a,.alert-message.success span{color:#1d9d74}
.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}
.alert-message.alert a,.alert-message.alert span{color:#378FFF}
.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}
.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}
.alert-message.error a,.alert-message.error span{color:#F55D5D}
.fa-check-circle:before{content:"\f058"}
.fa-info-circle:before{content:"\f05a"}
.fa-exclamation-triangle:before{content:"\f071 "}
.fa-exclamation-circle:before{content:"\f06a"}
.simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0}
.simpleTab .tab-wrapper li a{background-color:#30292b;color:#FFF;padding:10px;display:block}
.simpleTab .tab-wrapper li:before{content:'';display:none}
.simpleTab{margin:10px 0}
.simpleTab .tab-content{padding:15px;background-color:#f2f2f2}
.simpleTab .tab-wrapper li a.activeTab{background-color:#E2AE69;color:#fff}
.simpleTab *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
.simpleTab.side .tab-wrapper{float:left;width:30%}
.simpleTab.side .tab-content{float:left;width:70%}
.simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center}
.simpleTab.side .tab-wrapper li a{padding:15px 0}
.simpleTab.side{overflow:hidden}

]]></b:skin>

<b:template-skin><![CDATA[
#layout #outer-wrapper{margin-top:80px}
#layout #header{float:left;width:30%}
#layout #menu{float:right;width:67%}
#layout #main-wrapper{width:70%;float:left}
#layout #sidebar-wrapper{width:30%;float:right}
#layout .footer-column{width:25%;float:left}
#layout {padding:15px 20px;overflow:hidden}
#layout #tabs-wrapper{width:100%;overflow:hidden}
#layout #tab li{float:left;width:33%;list-style:none}
#layout .menu-tab{display:none}
#layout ul.menu-tab{display:none}
#layout #sidetabs .section{width:46.5155%;float:left}
#layout #sidetabs{clear:both;overflow:hidden}
#layout #unwanted{display:none}
#layout #contact {display: none}
]]></b:template-skin>

<b:if cond='data:blog.languageDirection == "ltr"'>
<style>
/*=====================================
= Styles for LTR
=====================================*/
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
blockquote:before{content:"\f10d";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#aaa}
blockquote:after{content:"\f10e";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#aaa}
.post-pager .next{float:right;text-align:right;border-left:1px solid #eee}
.hasSub a:after{left:1em}
.header{float:left}
.menu{float:left;margin-left:25px}
.menu #sub-menu li a:hover{padding-left:35px}
ul.post-pager .next .fa{margin-left:5px}
ul.post-pager .previous .fa{margin-right:5px}
.tags{float:left}
.tagstitle{float:left;margin:4px 10px 0 0;color:#635647;font-family:Lato;font-weight:700;text-transform:uppercase;font-size:12px}
.tags a{float:left;margin-right:5px}
.share a{padding:5px 5px 5px 10px;float:left;border-right:0}
.share a .fa{margin-right:0}
.share{float:right}
.sharebox{float:left;right:15%}
.sharebox:before{right:22px;border-width:0 1px 1px 0}
.share .note{float:right;text-align:left}
.share a .fa{margin-right:5px}
.item .author-profile img{margin-right:0!important}
.item #main-wrapper,.static_page #main-wrapper{float:left}
.index .post-outer{float:left}
.post-timestamp{margin-left:5px}
.post-liker{margin-left:5px}
.post-meta .fa{margin-right:3px}
.post-body ul li{padding:0 8px 0 0}
.post-body ul li:before{margin-right:5px}
.post-body ol li{padding:0 8px 0 0}
.post-body ol li:before{margin-right:5px}
.slider .recent-content:before{left:30px}
.slider .recent-box{float:left}
.slider-container button.prev{left:-100px}
.slider-container button.next{right:-100px}
.slider-container:hover button.prev{left:30px}
.slider-container:hover button.next{right:30px}
#sidebar-wrapper{float:right}
.sidebar .widget{float:left}
.cloud-label-widget-content a{float:left;margin-right:5px}
.list-label-widget-content li a:before{content:"\f054";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px;margin-right:5px;color:#555}
.list-label-widget-content li span{right:0}
.PopularPosts .item-thumbnail{margin:0 20px 0 0;float:left}
#social-sec{text-align:left;float:right}
#social-sec li{margin-left:-4px}
#social-sec .social a{margin-right:5px}
.copyright .text{float:left}
.copyright .text a{padding:0 5px 0 0}
.footer-column{float:left}
.footer-column .list-label-widget-content li{float:left}
.slider-side .recent-box{float:left}
.recent-com:before{padding-right:5px}
.post-date:before{padding-right:5px}
#HTML204 button.next3{right:35px}
#HTML204 button.prev3{left:35px}
.recent-posts .imageContainer{float:left;margin-right:20px}
.recent-posts a.post-date{margin-right:10px}
.recent-posts .post-date:before,.recent-posts .recent-com:before{margin-right:5px}
#related-posts button.prev2{left:45px}
#related-posts button.next2{right:45px}
#related-posts h2{margin-left:9px;font-size:21px;font-family: Raleway;margin-bottom:5px}
#related-posts .related-box{float:left}
.comments h4{text-align:left}
.comments .avatar-image-container{float:left}
.comments .comment-block{margin-left:75px}
.comments .comments-content .comment-replies{margin:15px 0 15px 76px}
.comment-actions a{margin:10px 5px 0 0}
.comments .continue a{margin:10px 5px 0 0}
#header-search{float:right}
#header-search input[type=text]{float:left;left:0;padding:0 58px 0 20px}
#header-search .search-icn{margin-right:16px;right:0}
.menu-tab li{float:left}
.commentswidget li .avatarImage{float:left;margin:0 10px 0 0}
.linkbox{padding:30px 25px 30px 50px}
.linkbox .fa.fa-link{left:25px}
.gototop{right:20px}
.likebtn-wrapper{float:right;padding:0 0 0 10px}
.index .likebtn-wrapper{margin-left:-8px}
@media screen and (max-width: 1120px) {
.gototop{right:10px}
}
@media screen and (max-width: 1008px) {
.gototop{right:5px}
.footer-sider{float:left}
}
@media screen and (max-width: 550px) {
#menu{float:right;margin-left:0}
.selectnav{margin-left:0}
}
</style>
<b:else/>
<style>
/*=====================================
= Styles for RTL
=====================================*/
.fa-chevron-right:before{content:"\f053"}
.fa-chevron-left:before{content:"\f054"}
.fa-angle-double-right:before{content:"\f100"}
.fa-angle-double-left:before{content:"\f101"}
blockquote:after{content:"\f10d";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#aaa}
blockquote:before{content:"\f10e";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#aaa}
.post-pager .next{float:left;text-align:left;border-right:1px solid #eee}
.hasSub a:after{right:1em;float:left}
.header{float:right}
.menu{float:right;margin-right:25px}
.menu #sub-menu li a:hover{padding-right:35px}
ul.post-pager .next .fa{margin-right:5px}
ul.post-pager .previous .fa{margin-left:5px}
.tags{float:right}
.tagstitle{float:right;margin:4px 0 0 10px;color:#635647;font-family:Lato;font-weight:700;text-transform:uppercase;font-size:12px}.tags a{float:right;margin-left:5px}
.share a{padding:5px 10px 5px 5px;float:right;border-left:0}
.share a .fa{margin-left:0}
.share{float:left}
.sharebox{float:right;left:15%}
.sharebox:before{left:22px;border-width:0 0 1px 1px}
.share .note{float:left;text-align:right}
.share a .fa{margin-left:5px}
.item .author-profile img{margin-left:0!important}
.item #main-wrapper,.static_page #main-wrapper{float:right}
.item .post img{float:right}
.index .post-outer{float:right}
.post-timestamp{margin-right:5px}
.post-liker{margin-right:5px}
.post-meta .fa{margin-left:3px}
.post-body ul li{padding:0 0 0 8px}
.post-body ul li:before{margin-left:5px}
.post-body ol li{padding:0 0 0 8px}
.post-body ol li:before{margin-left:5px}
.slider .recent-content:before{right:30px}
.slider .recent-box{float:right}
.slider-container button.prev{right:-100px}
.slider-container button.next{left:-100px}
.slider-container:hover button.prev{right:30px}
.slider-container:hover button.next{left:30px}
#sidebar-wrapper{float:left}
.sidebar .widget{float:right}
.cloud-label-widget-content a{float:right;margin-left:5px}
.list-label-widget-content ul li{float:right}
.list-label-widget-content li a:before{content:"\f053";display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:10px;margin-left:5px;color:#555}
.list-label-widget-content li span{float:left;left:0}
.PopularPosts .item-thumbnail{margin:0 0 0 15px;float:right}
#social-sec{text-align:right;float:left}
#social-sec li{margin-right:-4px}
#social-sec .social a{margin-left:5px}
.copyright .text{float:right}
.copyright .text a{padding:0 0 0 5px}
.footer-column{float:right}
.footer-column .list-label-widget-content li{float:right}
.slider-side .recent-box{float:right}
.recent-com:before{padding-left:5px;float:right}
.post-date:before{padding-left:5px;float:right}
#HTML204 button.next3{left:35px}
#HTML204 button.prev3{right:35px}
.recent-posts .imageContainer{float:right;margin-left:10px}
.recent-posts a.post-date{margin-left:10px}
.recent-posts .post-date:before,.recent-posts .recent-com:before{margin-left:5px}
#related-posts button.prev2{right:45px}
#related-posts button.next2{left:45px}
#related-posts h2{margin-right:9px;font-size:21px;font-family: Raleway;margin-bottom:5px}
#related-posts .related-box{float:right}
.comments h4{text-align:right}
.comments .avatar-image-container{float:right}
.comments .comment-block{margin-right:75px}
.comments .comments-content .comment-replies{margin:15px 76px 15px 0}
.comment-actions a{margin:10px 0 0 5px}
.comments .continue a{margin:10px 0 0 5px}
#header-search{float:left}
#header-search input[type=text]{float:right;right:0;padding:0 20px 0 58px}
#header-search .search-icn{margin-left:16px;left:0}
.menu-tab li{float:right}
.commentswidget li .avatarImage{float:right;margin:0 0 0 10px}
.linkbox{padding:30px 50px 30px 25px}
.linkbox .fa.fa-link{right:25px}
.gototop{left:20px}
.likebtn-wrapper{float:left;padding:0 0 0 10px}
.index .likebtn-wrapper{margin-right:-8px}
@media screen and (max-width: 1120px) {
.gototop{left:10px}
}
@media screen and (max-width: 1008px) {
.gototop{left:5px}
.footer-sider{float:right}
}
@media screen and (max-width: 550px) {
#menu{float:left;margin-right:0}
.selectnav{margin-right:0}
}

</style>
</b:if>

<style>

/*=====================================
= Responsive
=====================================*/

@media screen and (max-width: 1120px) {
.row{max-width:1000px}
.slider{height:380px}
.slider .recent-box{width:313px;height:380px}
.slider .recent-box .imageContainer{width:313px}
.slider .recent-content{height:130px}
.slider-side .recent-box,.slider-side .imageContainer{width:260px}
#related-posts .related-box{width:295px}
}
@media screen and (max-width: 1008px) {
.row{max-width:800px}
.item #main-wrapper,.static_page #main-wrapper{width:100%;float:none;clear:both}
.item #sidebar-wrapper{width:100%;float:none;clear:both;max-width:350px;margin:20px auto}
.slider{height:380px}
.slider .recent-box{width:380px;height:380px}
.slider .recent-box .imageContainer{width:380px}
.slider .recent-content{height:130px}
.slider-side .recent-box,.slider-side .imageContainer{width:300px}
.index .post-outer{width:50%}
#related-posts .related-box{width:355px}
.footer-sider{width:50%;overflow:hidden;padding:15px}
.footer-sider .footer-column{width:100%;float:none;margin-bottom:50px}
.js #nav,#nav{display:none}
.js .selectnav{display:block}
.selectnav{display:none;border:0;width:250px;height:40px;padding:0 10px;margin-top:20px;font-style:normal;font-weight:400;font-size:13px;background-color:#413c3d;border:1px solid rgba(48,41,43,1);border-radius:5px;cursor:pointer;background-size:30px;overflow:hidden;-webkit-appearance:none;font:$(body.font);color:#fffaf3}
#menu{overflow:hidden}
#header-wrapper.sticky_header .selectnav{margin-top:10px}
}
@media screen and (max-width: 830px) {
.row{max-width:550px}
#menu {width:40%}
.slider{height:380px}
.slider .recent-box{width:550px;height:380px;margin:0}
.slider .recent-box .imageContainer{width:550px}
.slider .recent-content{height:130px}
.slider-side .recent-box,.slider-side .imageContainer{width:300px!important}
.index .post-outer{width:100%;padding:10px 0}
#related-posts .related-box{width:495px}
.footer-sider{width:100%;float:none;padding:0;max-width:350px;margin:0 auto}
.copyright .text{float:none;text-align:center}
#social-sec{float:none;text-align:center;margin-top:20px}
.footer-sider:first-child .footer-column:first-child {margin-left: 0;width: 100%}
.footer-column {margin-left: 0;}
.item .post .post-title, .static_page .post .post-title {font-size: 22px;line-height: 35px;}
.tags {display: none;}
}
@media screen and (max-width: 560px) {
.row{max-width:350px}
.slider .recent-box{width:350px}
.slider .recent-box .imageContainer{width:350px}
#related-posts .related-co {height: auto;}
#related-posts .imageContainer{width:280px!important;}
#header-search{display:none}
#menu{width:40%}
.selectnav{width:100%}
.header{width:50%}
.gototop {display: none !important;}
}
@media screen and (max-width: 370px) {
.header {width: 40%;}
.Header img {height: auto;max-width: 100%;}
#menu {width: 45%;}
.row{max-width:300px}
.slider .recent-box{width:300px}
.slider .recent-box .imageContainer{width:300px}
.slider-side .recent-box, .slider-side .imageContainer {width:250px}
#related-posts .imageContainer{width:230px !important}
#related-posts .related-box{width:250px !important}
li.related-box {height: auto!important;}
.menu-tab li a {font-size:14px}
.item .post .post-title, .static_page .post .post-title {font-size: 18px;line-height: 25px;}
}
@media screen and (max-width: 319px) {
.Header img {margin-top:18px;}
.row{max-width:220px}
.slider .recent-box{width:220px}
.slider .recent-box .imageContainer{width:220px}
.post .post-title {line-height: 23px;font-size: 18px;}
.post-pager li {width: 100%}
.post-pager .next {border-left: 0;border-bottom: 1px solid #eee;}
.post-timestamp,#related-posts,#sidebar-wrapper,#footer-wrapper {display: none;}
.error_page .errornum {font-size: 100px;}
}
.selectnav{display:none}

</style>

<b:include data='blog' name='google-analytics'/>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

<b:if cond='data:blog.pageType == "item"'>
    <script type='text/javascript'>
//<![CDATA[

// related posts
imgr=new Array();imgr[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikrO3mUUJw0bbl9xidYItXBNiP0sXRXDrzx6WDiNjKjyBLUv2eDNzTHOjrgsSnSN07Rd2uBEMpMMO3QqLCdD4DbgYY9CbAYqMag1pKslWYTYAwVR4xp4P-syMDPlli05KEgAqw1unlAM4/s1600-r/no-thumb.jpg";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikrO3mUUJw0bbl9xidYItXBNiP0sXRXDrzx6WDiNjKjyBLUv2eDNzTHOjrgsSnSN07Rd2uBEMpMMO3QqLCdD4DbgYY9CbAYqMag1pKslWYTYAwVR4xp4P-syMDPlli05KEgAqw1unlAM4/s1600-r/no-thumb.jpg'}if(relatedTitles[relatedTitlesNum].length>100)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,100)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div class="related-tom"><ul class="related-co">');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li class="related-box"><a');if(i!=0)document.write('');else document.write('');document.write(' href="'+relatedUrls[r]+'"><div class="imageContainer"><img class="related_img" src="'+thumburl[r]+'"/></div><div id="related-title">'+relatedTitles[r]+'</div></a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul></div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)};

// Label Results Number - by: http://www.romariobispo.com
$(window).bind("load",function(){$('.Label a,.tags a').each(function(){var labelPage=$(this).attr('href');$(this).attr('href',labelPage+'?&max-results=7')})});
//]]>
</script>
</b:if>

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

var _0x8ceb=["\x42\x20\x51\x28\x65\x29\x7B\x35\x20\x74\x3B\x74\x3D\x27\x3C\x43\x20\x76\x3D\x22\x51\x22\x3E\x27\x3B\x6B\x28\x35\x20\x6E\x3D\x30\x3B\x6E\x3C\x31\x41\x3B\x6E\x2B\x2B\x29\x7B\x35\x20\x72\x2C\x69\x2C\x73\x2C\x6F\x3B\x33\x28\x6E\x3D\x3D\x65\x2E\x44\x2E\x49\x2E\x64\x29\x31\x78\x3B\x74\x2B\x3D\x22\x3C\x7A\x3E\x22\x3B\x35\x20\x75\x3D\x65\x2E\x44\x2E\x49\x5B\x6E\x5D\x3B\x6B\x28\x35\x20\x61\x3D\x30\x3B\x61\x3C\x75\x2E\x6A\x2E\x64\x3B\x61\x2B\x2B\x29\x7B\x33\x28\x75\x2E\x6A\x5B\x61\x5D\x2E\x31\x77\x3D\x3D\x22\x31\x76\x22\x29\x7B\x72\x3D\x75\x2E\x6A\x5B\x61\x5D\x2E\x62\x7D\x7D\x6B\x28\x35\x20\x66\x3D\x30\x3B\x66\x3C\x75\x2E\x71\x2E\x64\x3B\x66\x2B\x2B\x29\x7B\x69\x3D\x75\x2E\x71\x5B\x66\x5D\x2E\x31\x70\x2E\x24\x74\x3B\x73\x3D\x75\x2E\x71\x5B\x66\x5D\x2E\x31\x6E\x24\x31\x6D\x2E\x54\x7D\x33\x28\x73\x2E\x38\x28\x22\x2F\x41\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x68\x28\x22\x2F\x41\x2F\x22\x2C\x22\x2F\x73\x22\x2B\x36\x2B\x22\x2D\x63\x2F\x22\x29\x7D\x34\x20\x33\x28\x73\x2E\x38\x28\x22\x2F\x47\x2F\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x68\x28\x22\x2F\x47\x2F\x22\x2C\x22\x2F\x73\x22\x2B\x36\x2B\x22\x2D\x63\x2F\x22\x29\x7D\x34\x20\x33\x28\x73\x2E\x38\x28\x22\x2F\x48\x2D\x63\x2F\x22\x29\x21\x3D\x2D\x31\x26\x26\x73\x2E\x38\x28\x22\x39\x3A\x22\x29\x21\x3D\x30\x29\x7B\x73\x3D\x22\x39\x3A\x22\x2B\x73\x2E\x68\x28\x22\x2F\x48\x2D\x63\x2F\x22\x2C\x22\x2F\x73\x22\x2B\x36\x2B\x22\x2D\x63\x2F\x22\x29\x7D\x34\x20\x33\x28\x73\x2E\x38\x28\x22\x70\x2E\x37\x2F\x67\x2F\x31\x68\x2D\x4E\x2E\x77\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x22\x39\x3A\x2F\x2F\x31\x2E\x50\x2E\x79\x2E\x37\x2F\x2D\x31\x65\x2F\x31\x39\x2F\x31\x36\x2F\x31\x33\x2F\x73\x22\x2B\x36\x2B\x22\x2F\x57\x2E\x55\x22\x7D\x34\x20\x33\x28\x73\x2E\x38\x28\x22\x70\x2E\x37\x2F\x67\x2F\x31\x67\x2D\x4E\x2E\x77\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x22\x39\x3A\x2F\x2F\x32\x2E\x50\x2E\x79\x2E\x37\x2F\x2D\x58\x2F\x59\x2F\x5A\x2F\x31\x30\x2F\x73\x22\x2B\x36\x2B\x22\x2F\x31\x31\x2E\x55\x22\x7D\x34\x20\x33\x28\x73\x2E\x38\x28\x22\x70\x2E\x37\x2F\x67\x2F\x31\x32\x2E\x77\x22\x29\x21\x3D\x2D\x31\x29\x7B\x33\x28\x6D\x2E\x38\x28\x22\x31\x34\x2E\x37\x22\x29\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x6D\x2B\x22\x26\x73\x3D\x22\x2B\x36\x7D\x34\x7B\x73\x3D\x6D\x7D\x7D\x34\x7B\x73\x3D\x73\x7D\x33\x28\x31\x35\x3D\x3D\x78\x29\x7B\x33\x28\x31\x37\x3D\x3D\x78\x29\x7B\x6F\x3D\x22\x31\x38\x22\x7D\x34\x7B\x6F\x3D\x22\x22\x7D\x74\x2B\x3D\x27\x3C\x52\x20\x76\x3D\x22\x31\x61\x20\x27\x2B\x6F\x2B\x27\x22\x3E\x3C\x67\x20\x76\x3D\x22\x27\x2B\x6F\x2B\x27\x22\x20\x54\x3D\x22\x27\x2B\x73\x2B\x27\x22\x20\x31\x62\x3D\x22\x27\x2B\x69\x2B\x27\x22\x20\x31\x63\x3D\x22\x27\x2B\x36\x2B\x27\x22\x20\x31\x64\x3D\x22\x27\x2B\x36\x2B\x27\x22\x2F\x3E\x3C\x2F\x52\x3E\x27\x7D\x74\x2B\x3D\x27\x3C\x61\x20\x62\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x27\x2B\x69\x2B\x22\x3C\x2F\x61\x3E\x22\x3B\x35\x20\x6C\x3D\x75\x2E\x31\x66\x2E\x24\x74\x3B\x35\x20\x63\x3D\x6C\x2E\x68\x28\x2F\x28\x3C\x28\x5B\x5E\x3E\x5D\x2B\x29\x3E\x29\x2F\x56\x2C\x22\x22\x29\x3B\x33\x28\x63\x21\x3D\x22\x22\x26\x26\x63\x2E\x64\x3E\x4D\x29\x7B\x63\x3D\x63\x2E\x31\x69\x28\x30\x2C\x4D\x29\x3B\x63\x2B\x3D\x22\x26\x31\x6A\x3B\x22\x3B\x33\x28\x31\x6B\x3D\x3D\x78\x29\x7B\x63\x2B\x3D\x27\x3C\x61\x20\x62\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x27\x2B\x31\x6C\x2B\x22\x3C\x2F\x61\x3E\x22\x7D\x7D\x34\x7B\x63\x3D\x63\x7D\x74\x2B\x3D\x22\x3C\x53\x3E\x22\x2B\x63\x2B\x22\x3C\x2F\x53\x3E\x22\x3B\x74\x2B\x3D\x22\x3C\x2F\x7A\x3E\x22\x7D\x74\x2B\x3D\x22\x3C\x2F\x43\x3E\x22\x3B\x4F\x2E\x31\x6F\x28\x74\x29\x7D\x4C\x2E\x31\x71\x3D\x42\x28\x29\x7B\x35\x20\x65\x3D\x4F\x2E\x31\x72\x28\x22\x31\x73\x22\x29\x3B\x33\x28\x65\x3D\x3D\x31\x74\x29\x7B\x4C\x2E\x31\x75\x2E\x62\x3D\x22\x39\x3A\x2F\x2F\x46\x2E\x45\x2E\x37\x2F\x22\x7D\x65\x2E\x4B\x28\x22\x62\x22\x2C\x22\x39\x3A\x2F\x2F\x46\x2E\x45\x2E\x37\x2F\x22\x29\x3B\x65\x2E\x4B\x28\x22\x31\x79\x22\x2C\x22\x20\x31\x7A\x20\x4A\x22\x29\x3B\x65\x2E\x31\x42\x3D\x22\x31\x43\x20\x4A\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x69\x66\x7C\x65\x6C\x73\x65\x7C\x76\x61\x72\x7C\x61\x76\x61\x74\x61\x72\x53\x69\x7A\x65\x7C\x63\x6F\x6D\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x68\x74\x74\x70\x7C\x7C\x68\x72\x65\x66\x7C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x7C\x7C\x69\x6D\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x7C\x6C\x69\x6E\x6B\x7C\x66\x6F\x72\x7C\x7C\x64\x65\x66\x61\x75\x6C\x74\x41\x76\x61\x74\x61\x72\x7C\x7C\x7C\x62\x6C\x6F\x67\x62\x6C\x6F\x67\x7C\x61\x75\x74\x68\x6F\x72\x7C\x7C\x7C\x7C\x7C\x63\x6C\x61\x73\x73\x7C\x67\x69\x66\x7C\x74\x72\x75\x65\x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x6C\x69\x7C\x73\x31\x36\x30\x30\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x75\x6C\x7C\x66\x65\x65\x64\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x77\x77\x77\x7C\x73\x32\x32\x30\x7C\x73\x35\x31\x32\x7C\x65\x6E\x74\x72\x79\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x63\x68\x61\x72\x61\x63\x74\x65\x72\x73\x7C\x72\x6F\x75\x6E\x64\x65\x64\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x62\x70\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x77\x69\x64\x67\x65\x74\x7C\x64\x69\x76\x7C\x73\x70\x61\x6E\x7C\x73\x72\x63\x7C\x70\x6E\x67\x7C\x69\x67\x7C\x62\x6C\x6F\x67\x67\x65\x72\x7C\x56\x67\x6E\x49\x6E\x75\x49\x55\x4B\x42\x55\x7C\x55\x72\x62\x7A\x79\x58\x54\x59\x57\x52\x49\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x46\x6D\x55\x7C\x33\x66\x5F\x56\x66\x6A\x33\x54\x49\x36\x41\x7C\x6F\x70\x65\x6E\x69\x64\x7C\x62\x6C\x61\x6E\x6B\x7C\x6F\x42\x76\x5F\x79\x4D\x65\x59\x6E\x4D\x51\x7C\x67\x72\x61\x76\x61\x74\x61\x72\x7C\x73\x68\x6F\x77\x41\x76\x61\x74\x61\x72\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x46\x6D\x49\x7C\x72\x6F\x75\x6E\x64\x41\x76\x61\x74\x61\x72\x7C\x61\x76\x61\x74\x61\x72\x52\x6F\x75\x6E\x64\x7C\x55\x72\x62\x79\x51\x52\x71\x76\x53\x4B\x49\x7C\x61\x76\x61\x74\x61\x72\x49\x6D\x61\x67\x65\x7C\x61\x6C\x74\x7C\x77\x69\x64\x74\x68\x7C\x68\x65\x69\x67\x68\x74\x7C\x37\x62\x6B\x63\x41\x4B\x64\x70\x47\x58\x49\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6F\x70\x65\x6E\x69\x64\x31\x36\x7C\x62\x31\x36\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x68\x65\x6C\x6C\x69\x70\x7C\x73\x68\x6F\x77\x4D\x6F\x72\x65\x6C\x69\x6E\x6B\x7C\x6D\x6F\x72\x65\x4C\x69\x6E\x6B\x74\x65\x78\x74\x7C\x69\x6D\x61\x67\x65\x7C\x67\x64\x7C\x77\x72\x69\x74\x65\x7C\x6E\x61\x6D\x65\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x6C\x7C\x62\x72\x65\x61\x6B\x7C\x74\x69\x74\x6C\x65\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x6E\x75\x6D\x43\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x53\x6F\x72\x61","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x18aax1,_0x18aax2,_0x18aax3,_0x18aax4,_0x18aax5,_0x18aax6){_0x18aax5=function(_0x18aax3){return (_0x18aax3<_0x18aax2?_0x8ceb[4]:_0x18aax5(parseInt(_0x18aax3/_0x18aax2)))+((_0x18aax3=_0x18aax3%_0x18aax2)>35?String[_0x8ceb[5]](_0x18aax3+29):_0x18aax3.toString(36))};if(!_0x8ceb[4][_0x8ceb[6]](/^/,String)){while(_0x18aax3--){_0x18aax6[_0x18aax5(_0x18aax3)]=_0x18aax4[_0x18aax3]||_0x18aax5(_0x18aax3)};_0x18aax4=[function(_0x18aax5){return _0x18aax6[_0x18aax5]}];_0x18aax5=function(){return _0x8ceb[7]};_0x18aax3=1;};while(_0x18aax3--){if(_0x18aax4[_0x18aax3]){_0x18aax1=_0x18aax1[_0x8ceb[6]]( new RegExp(_0x8ceb[8]+_0x18aax5(_0x18aax3)+_0x8ceb[8],_0x8ceb[9]),_0x18aax4[_0x18aax3])}};return _0x18aax1;}(_0x8ceb[0],62,101,_0x8ceb[3][_0x8ceb[2]](_0x8ceb[1]),0,{}));

var numposts = 6;
var showpostthumbnails = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var numComments = numComments || 5
    , avatarSize = avatarSize || 60
    , characters = characters || 40
    , defaultAvatar = defaultAvatar || "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzCl0iy_yvT_FnHWDJ38lVWiTTsGyh8wZkX5BdUmI2rRt5IXkhzmaXz3rcXHDlnUy-5FpJEVDHcXKANmEOAjz1SYUngHN1FM8lJjAi9m0ZH6H9JQJWLzw4hNKpVr-5vHqwPO1PHyw0j3_B/s1600/default-avatar.jpg"
    , moreLinktext = moreLinktext || " More »"
    , showAvatar = typeof showAvatar === "undefined" ? true : showAvatar
    , showMorelink = typeof showMorelink === "undefined" ? false : showMorelink
    , roundAvatar = typeof roundAvatar === "undefined" ? true : roundAvatar
    , hideCredits = typeof hideCredits === "undefined" ? false : roundAvatar;
var numposts = 5;
var showpostthumbnails = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var numComments = 5
    , showAvatar = true
    , avatarSize = 45
    , roundAvatar = true
    , characters = 40
    , showMorelink = false
    , moreLinktext = "More »"
    , defaultAvatar = "http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=45";

var _0x2a93=["\x31\x35\x20\x31\x43\x28\x65\x29\x7B\x7A\x2E\x42\x28\x27\x3C\x31\x39\x20\x32\x6A\x3D\x22\x32\x68\x22\x3E\x27\x29\x3B\x31\x33\x28\x6A\x20\x74\x3D\x30\x3B\x74\x3C\x31\x6F\x3B\x74\x2B\x2B\x29\x7B\x6A\x20\x6E\x3D\x65\x2E\x31\x36\x2E\x31\x38\x5B\x74\x5D\x3B\x6A\x20\x72\x3D\x6E\x2E\x51\x2E\x24\x74\x3B\x6A\x20\x69\x3B\x71\x28\x74\x3D\x3D\x65\x2E\x31\x36\x2E\x31\x38\x2E\x4A\x29\x5A\x3B\x31\x33\x28\x6A\x20\x6F\x3D\x30\x3B\x6F\x3C\x6E\x2E\x44\x2E\x4A\x3B\x6F\x2B\x2B\x29\x7B\x71\x28\x6E\x2E\x44\x5B\x6F\x5D\x2E\x31\x61\x3D\x3D\x22\x32\x67\x22\x26\x26\x6E\x2E\x44\x5B\x6F\x5D\x2E\x32\x66\x3D\x3D\x22\x32\x39\x2F\x32\x36\x22\x29\x7B\x6A\x20\x75\x3D\x6E\x2E\x44\x5B\x6F\x5D\x2E\x51\x3B\x6A\x20\x66\x3D\x6E\x2E\x44\x5B\x6F\x5D\x2E\x49\x7D\x71\x28\x6E\x2E\x44\x5B\x6F\x5D\x2E\x31\x61\x3D\x3D\x22\x32\x33\x22\x29\x7B\x69\x3D\x6E\x2E\x44\x5B\x6F\x5D\x2E\x49\x3B\x5A\x7D\x7D\x6A\x20\x6C\x3B\x32\x32\x7B\x6C\x3D\x6E\x2E\x32\x31\x24\x32\x30\x2E\x31\x57\x7D\x31\x56\x28\x68\x29\x7B\x73\x3D\x6E\x2E\x4B\x2E\x24\x74\x3B\x61\x3D\x73\x2E\x58\x28\x22\x3C\x31\x67\x22\x29\x3B\x62\x3D\x73\x2E\x58\x28\x27\x31\x69\x3D\x22\x27\x2C\x61\x29\x3B\x63\x3D\x73\x2E\x58\x28\x27\x22\x27\x2C\x62\x2B\x35\x29\x3B\x64\x3D\x73\x2E\x31\x55\x28\x62\x2B\x35\x2C\x63\x2D\x62\x2D\x35\x29\x3B\x71\x28\x61\x21\x3D\x2D\x31\x26\x26\x62\x21\x3D\x2D\x31\x26\x26\x63\x21\x3D\x2D\x31\x26\x26\x64\x21\x3D\x22\x22\x29\x7B\x6C\x3D\x64\x7D\x52\x20\x6C\x3D\x22\x31\x34\x3A\x2F\x2F\x32\x2E\x31\x54\x2E\x31\x53\x2E\x55\x2F\x2D\x31\x52\x2F\x31\x51\x2F\x31\x50\x2F\x31\x4C\x2F\x31\x4B\x2D\x72\x2F\x31\x49\x2D\x31\x46\x2E\x31\x44\x22\x7D\x6A\x20\x70\x3D\x6E\x2E\x31\x68\x2E\x24\x74\x3B\x6A\x20\x76\x3D\x70\x2E\x47\x28\x30\x2C\x34\x29\x3B\x6A\x20\x6D\x3D\x70\x2E\x47\x28\x35\x2C\x37\x29\x3B\x6A\x20\x67\x3D\x70\x2E\x47\x28\x38\x2C\x31\x30\x29\x3B\x6A\x20\x79\x3D\x31\x58\x20\x31\x42\x3B\x79\x5B\x31\x5D\x3D\x22\x31\x71\x22\x3B\x79\x5B\x32\x5D\x3D\x22\x31\x72\x22\x3B\x79\x5B\x33\x5D\x3D\x22\x31\x73\x22\x3B\x79\x5B\x34\x5D\x3D\x22\x31\x74\x22\x3B\x79\x5B\x35\x5D\x3D\x22\x31\x75\x22\x3B\x79\x5B\x36\x5D\x3D\x22\x31\x76\x22\x3B\x79\x5B\x37\x5D\x3D\x22\x31\x77\x22\x3B\x79\x5B\x38\x5D\x3D\x22\x31\x78\x22\x3B\x79\x5B\x39\x5D\x3D\x22\x31\x79\x22\x3B\x79\x5B\x31\x30\x5D\x3D\x22\x31\x7A\x22\x3B\x79\x5B\x31\x31\x5D\x3D\x22\x31\x70\x22\x3B\x79\x5B\x31\x32\x5D\x3D\x22\x31\x6D\x22\x3B\x7A\x2E\x42\x28\x27\x3C\x31\x6B\x20\x46\x3D\x22\x59\x2D\x31\x45\x22\x3E\x3C\x48\x20\x46\x3D\x22\x31\x47\x2D\x59\x22\x3E\x27\x29\x3B\x71\x28\x31\x48\x3D\x3D\x50\x29\x7A\x2E\x42\x28\x27\x3C\x48\x20\x46\x3D\x22\x31\x4A\x22\x3E\x3C\x61\x20\x49\x3D\x22\x27\x2B\x69\x2B\x27\x22\x20\x31\x63\x20\x3D\x22\x31\x62\x22\x3E\x3C\x31\x67\x20\x46\x3D\x22\x31\x4D\x22\x20\x31\x69\x3D\x22\x27\x2B\x6C\x2B\x27\x22\x20\x51\x3D\x22\x27\x2B\x72\x2B\x27\x22\x20\x31\x4E\x3D\x22\x27\x2B\x72\x2B\x27\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x48\x3E\x27\x29\x3B\x7A\x2E\x42\x28\x27\x3C\x48\x20\x46\x3D\x22\x59\x2D\x4B\x22\x3E\x27\x29\x3B\x7A\x2E\x42\x28\x27\x3C\x61\x20\x46\x3D\x22\x31\x4F\x22\x20\x49\x3D\x22\x27\x2B\x69\x2B\x27\x22\x20\x31\x63\x20\x3D\x22\x31\x62\x22\x3E\x27\x2B\x72\x2B\x22\x3C\x2F\x61\x3E\x22\x29\x3B\x6A\x20\x77\x3D\x22\x22\x3B\x6A\x20\x45\x3D\x30\x3B\x7A\x2E\x42\x28\x22\x22\x29\x3B\x70\x3D\x6E\x2E\x31\x68\x2E\x24\x74\x3B\x6A\x20\x53\x3D\x5B\x31\x2C\x32\x2C\x33\x2C\x34\x2C\x35\x2C\x36\x2C\x37\x2C\x38\x2C\x39\x2C\x31\x30\x2C\x31\x31\x2C\x31\x32\x5D\x3B\x6A\x20\x78\x3D\x5B\x22\x31\x71\x22\x2C\x22\x31\x72\x22\x2C\x22\x31\x73\x22\x2C\x22\x31\x74\x22\x2C\x22\x31\x75\x22\x2C\x22\x31\x76\x22\x2C\x22\x31\x77\x22\x2C\x22\x31\x78\x22\x2C\x22\x31\x79\x22\x2C\x22\x31\x7A\x22\x2C\x22\x31\x70\x22\x2C\x22\x31\x6D\x22\x5D\x3B\x6A\x20\x54\x3D\x70\x2E\x57\x28\x22\x2D\x22\x29\x5B\x32\x5D\x2E\x47\x28\x30\x2C\x32\x29\x3B\x6A\x20\x4E\x3D\x70\x2E\x57\x28\x22\x2D\x22\x29\x5B\x31\x5D\x3B\x6A\x20\x43\x3D\x70\x2E\x57\x28\x22\x2D\x22\x29\x5B\x30\x5D\x3B\x31\x33\x28\x6A\x20\x6B\x3D\x30\x3B\x6B\x3C\x53\x2E\x4A\x3B\x6B\x2B\x2B\x29\x7B\x71\x28\x31\x41\x28\x4E\x29\x3D\x3D\x53\x5B\x6B\x5D\x29\x7B\x4E\x3D\x78\x5B\x6B\x5D\x3B\x5A\x7D\x7D\x6A\x20\x4C\x3D\x54\x2B\x22\x20\x22\x2B\x4E\x2B\x22\x20\x22\x2B\x43\x3B\x71\x28\x31\x59\x3D\x3D\x50\x29\x7B\x7A\x2E\x42\x28\x29\x7D\x71\x28\x31\x5A\x3D\x3D\x50\x29\x7B\x71\x28\x45\x3D\x3D\x31\x29\x7B\x77\x3D\x77\x2B\x22\x20\x7C\x20\x22\x7D\x71\x28\x75\x3D\x3D\x22\x22\x29\x75\x3D\x22\x22\x3B\x71\x28\x75\x3D\x3D\x22\x22\x29\x75\x3D\x22\x22\x3B\x77\x3D\x77\x2B\x75\x3B\x45\x3D\x31\x3B\x7A\x2E\x42\x28\x29\x7D\x71\x28\x22\x4B\x22\x31\x37\x20\x6E\x29\x7B\x6A\x20\x41\x3D\x6E\x2E\x4B\x2E\x24\x74\x7D\x52\x20\x71\x28\x22\x56\x22\x31\x37\x20\x6E\x29\x7B\x6A\x20\x41\x3D\x6E\x2E\x56\x2E\x24\x74\x7D\x52\x20\x6A\x20\x41\x3D\x22\x22\x3B\x6A\x20\x4F\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x41\x3D\x41\x2E\x32\x34\x28\x4F\x2C\x22\x22\x29\x3B\x71\x28\x32\x35\x3D\x3D\x50\x29\x7B\x71\x28\x41\x2E\x4A\x3C\x31\x6C\x29\x7B\x7A\x2E\x42\x28\x22\x22\x29\x3B\x7A\x2E\x42\x28\x41\x29\x3B\x7A\x2E\x42\x28\x22\x22\x29\x7D\x52\x7B\x7A\x2E\x42\x28\x22\x22\x29\x3B\x41\x3D\x41\x2E\x47\x28\x30\x2C\x31\x6C\x2D\x30\x29\x3B\x6A\x20\x4D\x3D\x41\x2E\x32\x37\x28\x22\x20\x22\x29\x3B\x41\x3D\x41\x2E\x47\x28\x30\x2C\x4D\x29\x3B\x7A\x2E\x42\x28\x27\x3C\x70\x20\x46\x3D\x22\x32\x38\x2D\x56\x22\x3E\x27\x2B\x41\x2B\x22\x2E\x2E\x2E\x3C\x2F\x70\x3E\x22\x29\x7D\x7D\x7A\x2E\x42\x28\x22\x3C\x2F\x48\x3E\x3C\x2F\x48\x3E\x3C\x2F\x31\x6B\x3E\x22\x29\x3B\x71\x28\x74\x21\x3D\x31\x6F\x2D\x31\x29\x7A\x2E\x42\x28\x22\x22\x29\x7D\x7A\x2E\x42\x28\x22\x3C\x2F\x31\x39\x3E\x22\x29\x7D\x3B\x31\x66\x2E\x32\x61\x3D\x31\x35\x28\x29\x7B\x6A\x20\x65\x3D\x7A\x2E\x32\x62\x28\x22\x32\x63\x22\x29\x3B\x71\x28\x65\x3D\x3D\x32\x64\x29\x7B\x31\x66\x2E\x32\x65\x2E\x49\x3D\x22\x31\x34\x3A\x2F\x2F\x31\x65\x2E\x31\x64\x2E\x55\x2F\x22\x7D\x65\x2E\x31\x6E\x28\x22\x49\x22\x2C\x22\x31\x34\x3A\x2F\x2F\x31\x65\x2E\x31\x64\x2E\x55\x2F\x22\x29\x3B\x65\x2E\x31\x6E\x28\x22\x51\x22\x2C\x22\x20\x32\x69\x20\x31\x6A\x22\x29\x3B\x65\x2E\x32\x6B\x3D\x22\x32\x6C\x20\x31\x6A\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x69\x66\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x7C\x77\x72\x69\x74\x65\x7C\x7C\x6C\x69\x6E\x6B\x7C\x7C\x63\x6C\x61\x73\x73\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x64\x69\x76\x7C\x68\x72\x65\x66\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x7C\x7C\x7C\x7C\x74\x72\x75\x65\x7C\x74\x69\x74\x6C\x65\x7C\x65\x6C\x73\x65\x7C\x7C\x7C\x63\x6F\x6D\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x73\x70\x6C\x69\x74\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x72\x65\x63\x65\x6E\x74\x7C\x62\x72\x65\x61\x6B\x7C\x7C\x7C\x7C\x66\x6F\x72\x7C\x68\x74\x74\x70\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x66\x65\x65\x64\x7C\x69\x6E\x7C\x65\x6E\x74\x72\x79\x7C\x75\x6C\x7C\x72\x65\x6C\x7C\x5F\x74\x6F\x70\x7C\x74\x61\x72\x67\x65\x74\x7C\x73\x6F\x72\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x77\x77\x77\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x69\x6D\x67\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x73\x72\x63\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x6C\x69\x7C\x6E\x75\x6D\x63\x68\x61\x72\x73\x7C\x44\x65\x63\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x6E\x75\x6D\x70\x6F\x73\x74\x73\x7C\x4E\x6F\x76\x7C\x4A\x61\x6E\x7C\x46\x65\x62\x7C\x4D\x61\x72\x7C\x41\x70\x72\x7C\x4D\x61\x79\x7C\x4A\x75\x6E\x65\x7C\x4A\x75\x6C\x79\x7C\x41\x75\x67\x7C\x53\x65\x70\x74\x7C\x4F\x63\x74\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x41\x72\x72\x61\x79\x7C\x6C\x61\x62\x65\x6C\x74\x68\x75\x6D\x62\x73\x7C\x6A\x70\x67\x7C\x62\x6F\x78\x7C\x74\x68\x75\x6D\x62\x7C\x69\x6E\x6E\x65\x72\x7C\x73\x68\x6F\x77\x70\x6F\x73\x74\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x73\x7C\x6E\x6F\x7C\x69\x6D\x61\x67\x65\x43\x6F\x6E\x74\x61\x69\x6E\x65\x72\x7C\x73\x31\x36\x30\x30\x7C\x64\x50\x32\x32\x6D\x59\x64\x63\x6D\x35\x67\x7C\x6C\x61\x62\x65\x6C\x5F\x74\x68\x75\x6D\x62\x7C\x61\x6C\x74\x7C\x6C\x61\x62\x65\x6C\x5F\x74\x69\x74\x6C\x65\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x42\x71\x45\x7C\x56\x6A\x36\x4A\x37\x77\x6F\x57\x30\x6F\x49\x7C\x4A\x67\x41\x66\x50\x38\x46\x36\x57\x74\x59\x7C\x62\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x62\x70\x7C\x73\x75\x62\x73\x74\x72\x7C\x63\x61\x74\x63\x68\x7C\x75\x72\x6C\x7C\x6E\x65\x77\x7C\x73\x68\x6F\x77\x70\x6F\x73\x74\x64\x61\x74\x65\x7C\x73\x68\x6F\x77\x63\x6F\x6D\x6D\x65\x6E\x74\x6E\x75\x6D\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x6D\x65\x64\x69\x61\x7C\x74\x72\x79\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x73\x68\x6F\x77\x70\x6F\x73\x74\x73\x75\x6D\x6D\x61\x72\x79\x7C\x68\x74\x6D\x6C\x7C\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66\x7C\x70\x6F\x73\x74\x7C\x74\x65\x78\x74\x7C\x6F\x6E\x6C\x6F\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6D\x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x74\x79\x70\x65\x7C\x72\x65\x70\x6C\x69\x65\x73\x7C\x6C\x61\x62\x65\x6C\x5F\x77\x69\x74\x68\x5F\x74\x68\x75\x6D\x62\x73\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x69\x64\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x53\x6F\x72\x61","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x27e1x1,_0x27e1x2,_0x27e1x3,_0x27e1x4,_0x27e1x5,_0x27e1x6){_0x27e1x5=function(_0x27e1x3){return (_0x27e1x3<_0x27e1x2?_0x2a93[4]:_0x27e1x5(parseInt(_0x27e1x3/_0x27e1x2)))+((_0x27e1x3=_0x27e1x3%_0x27e1x2)>35?String[_0x2a93[5]](_0x27e1x3+29):_0x27e1x3.toString(36))};if(!_0x2a93[4][_0x2a93[6]](/^/,String)){while(_0x27e1x3--){_0x27e1x6[_0x27e1x5(_0x27e1x3)]=_0x27e1x4[_0x27e1x3]||_0x27e1x5(_0x27e1x3)};_0x27e1x4=[function(_0x27e1x5){return _0x27e1x6[_0x27e1x5]}];_0x27e1x5=function(){return _0x2a93[7]};_0x27e1x3=1;};while(_0x27e1x3--){if(_0x27e1x4[_0x27e1x3]){_0x27e1x1=_0x27e1x1[_0x2a93[6]]( new RegExp(_0x2a93[8]+_0x27e1x5(_0x27e1x3)+_0x2a93[8],_0x2a93[9]),_0x27e1x4[_0x27e1x3])}};return _0x27e1x1;}(_0x2a93[0],62,146,_0x2a93[3][_0x2a93[2]](_0x2a93[1]),0,{}));

// Masonry PACKAGED v3.1.5 - MIT License http://masonry.desandro.com
!function(a){function b(){}function c(a){function c(b){b.prototype.option||(b.prototype.option=function(b){a.isPlainObject(b)&&(this.options=a.extend(!0,this.options,b))})}function e(b,c){a.fn[b]=function(e){if("string"==typeof e){for(var g=d.call(arguments,1),h=0,i=this.length;i>h;h++){var j=this[h],k=a.data(j,b);if(k)if(a.isFunction(k[e])&&"_"!==e.charAt(0)){var l=k[e].apply(k,g);if(void 0!==l)return l}else f("no such method '"+e+"' for "+b+" instance");else f("cannot call methods on "+b+" prior to initialization; attempted to call '"+e+"'")}return this}return this.each(function(){var d=a.data(this,b);d?(d.option(e),d._init()):(d=new c(this,e),a.data(this,b,d))})}}if(a){var f="undefined"==typeof console?b:function(a){console.error(a)};return a.bridget=function(a,b){c(b),e(a,b)},a.bridget}}var d=Array.prototype.slice;"function"==typeof define&&define.amd?define("jquery-bridget/jquery.bridget",["jquery"],c):c(a.jQuery)}(window),function(a){function b(b){var c=a.event;return c.target=c.target||c.srcElement||b,c}var c=document.documentElement,d=function(){};c.addEventListener?d=function(a,b,c){a.addEventListener(b,c,!1)}:c.attachEvent&&(d=function(a,c,d){a[c+d]=d.handleEvent?function(){var c=b(a);d.handleEvent.call(d,c)}:function(){var c=b(a);d.call(a,c)},a.attachEvent("on"+c,a[c+d])});var e=function(){};c.removeEventListener?e=function(a,b,c){a.removeEventListener(b,c,!1)}:c.detachEvent&&(e=function(a,b,c){a.detachEvent("on"+b,a[b+c]);try{delete a[b+c]}catch(d){a[b+c]=void 0}});var f={bind:d,unbind:e};"function"==typeof define&&define.amd?define("eventie/eventie",f):"object"==typeof exports?module.exports=f:a.eventie=f}(this),function(a){function b(a){"function"==typeof a&&(b.isReady?a():f.push(a))}function c(a){var c="readystatechange"===a.type&&"complete"!==e.readyState;if(!b.isReady&&!c){b.isReady=!0;for(var d=0,g=f.length;g>d;d++){var h=f[d];h()}}}function d(d){return d.bind(e,"DOMContentLoaded",c),d.bind(e,"readystatechange",c),d.bind(a,"load",c),b}var e=a.document,f=[];b.isReady=!1,"function"==typeof define&&define.amd?(b.isReady="function"==typeof requirejs,define("doc-ready/doc-ready",["eventie/eventie"],d)):a.docReady=d(a.eventie)}(this),function(){function a(){}function b(a,b){for(var c=a.length;c--;)if(a[c].listener===b)return c;return-1}function c(a){return function(){return this[a].apply(this,arguments)}}var d=a.prototype,e=this,f=e.EventEmitter;d.getListeners=function(a){var b,c,d=this._getEvents();if(a instanceof RegExp){b={};for(c in d)d.hasOwnProperty(c)&&a.test(c)&&(b[c]=d[c])}else b=d[a]||(d[a]=[]);return b},d.flattenListeners=function(a){var b,c=[];for(b=0;b<a.length;b+=1)c.push(a[b].listener);return c},d.getListenersAsObject=function(a){var b,c=this.getListeners(a);return c instanceof Array&&(b={},b[a]=c),b||c},d.addListener=function(a,c){var d,e=this.getListenersAsObject(a),f="object"==typeof c;for(d in e)e.hasOwnProperty(d)&&-1===b(e[d],c)&&e[d].push(f?c:{listener:c,once:!1});return this},d.on=c("addListener"),d.addOnceListener=function(a,b){return this.addListener(a,{listener:b,once:!0})},d.once=c("addOnceListener"),d.defineEvent=function(a){return this.getListeners(a),this},d.defineEvents=function(a){for(var b=0;b<a.length;b+=1)this.defineEvent(a[b]);return this},d.removeListener=function(a,c){var d,e,f=this.getListenersAsObject(a);for(e in f)f.hasOwnProperty(e)&&(d=b(f[e],c),-1!==d&&f[e].splice(d,1));return this},d.off=c("removeListener"),d.addListeners=function(a,b){return this.manipulateListeners(!1,a,b)},d.removeListeners=function(a,b){return this.manipulateListeners(!0,a,b)},d.manipulateListeners=function(a,b,c){var d,e,f=a?this.removeListener:this.addListener,g=a?this.removeListeners:this.addListeners;if("object"!=typeof b||b instanceof RegExp)for(d=c.length;d--;)f.call(this,b,c[d]);else for(d in b)b.hasOwnProperty(d)&&(e=b[d])&&("function"==typeof e?f.call(this,d,e):g.call(this,d,e));return this},d.removeEvent=function(a){var b,c=typeof a,d=this._getEvents();if("string"===c)delete d[a];else if(a instanceof RegExp)for(b in d)d.hasOwnProperty(b)&&a.test(b)&&delete d[b];else delete this._events;return this},d.removeAllListeners=c("removeEvent"),d.emitEvent=function(a,b){var c,d,e,f,g=this.getListenersAsObject(a);for(e in g)if(g.hasOwnProperty(e))for(d=g[e].length;d--;)c=g[e][d],c.once===!0&&this.removeListener(a,c.listener),f=c.listener.apply(this,b||[]),f===this._getOnceReturnValue()&&this.removeListener(a,c.listener);return this},d.trigger=c("emitEvent"),d.emit=function(a){var b=Array.prototype.slice.call(arguments,1);return this.emitEvent(a,b)},d.setOnceReturnValue=function(a){return this._onceReturnValue=a,this},d._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},d._getEvents=function(){return this._events||(this._events={})},a.noConflict=function(){return e.EventEmitter=f,a},"function"==typeof define&&define.amd?define("eventEmitter/EventEmitter",[],function(){return a}):"object"==typeof module&&module.exports?module.exports=a:this.EventEmitter=a}.call(this),function(a){function b(a){if(a){if("string"==typeof d[a])return a;a=a.charAt(0).toUpperCase()+a.slice(1);for(var b,e=0,f=c.length;f>e;e++)if(b=c[e]+a,"string"==typeof d[b])return b}}var c="Webkit Moz ms Ms O".split(" "),d=document.documentElement.style;"function"==typeof define&&define.amd?define("get-style-property/get-style-property",[],function(){return b}):"object"==typeof exports?module.exports=b:a.getStyleProperty=b}(window),function(a){function b(a){var b=parseFloat(a),c=-1===a.indexOf("%")&&!isNaN(b);return c&&b}function c(){for(var a={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},b=0,c=g.length;c>b;b++){var d=g[b];a[d]=0}return a}function d(a){function d(a){if("string"==typeof a&&(a=document.querySelector(a)),a&&"object"==typeof a&&a.nodeType){var d=f(a);if("none"===d.display)return c();var e={};e.width=a.offsetWidth,e.height=a.offsetHeight;for(var k=e.isBorderBox=!(!j||!d[j]||"border-box"!==d[j]),l=0,m=g.length;m>l;l++){var n=g[l],o=d[n];o=h(a,o);var p=parseFloat(o);e[n]=isNaN(p)?0:p}var q=e.paddingLeft+e.paddingRight,r=e.paddingTop+e.paddingBottom,s=e.marginLeft+e.marginRight,t=e.marginTop+e.marginBottom,u=e.borderLeftWidth+e.borderRightWidth,v=e.borderTopWidth+e.borderBottomWidth,w=k&&i,x=b(d.width);x!==!1&&(e.width=x+(w?0:q+u));var y=b(d.height);return y!==!1&&(e.height=y+(w?0:r+v)),e.innerWidth=e.width-(q+u),e.innerHeight=e.height-(r+v),e.outerWidth=e.width+s,e.outerHeight=e.height+t,e}}function h(a,b){if(e||-1===b.indexOf("%"))return b;var c=a.style,d=c.left,f=a.runtimeStyle,g=f&&f.left;return g&&(f.left=a.currentStyle.left),c.left=b,b=c.pixelLeft,c.left=d,g&&(f.left=g),b}var i,j=a("boxSizing");return function(){if(j){var a=document.createElement("div");a.style.width="200px",a.style.padding="1px 2px 3px 4px",a.style.borderStyle="solid",a.style.borderWidth="1px 2px 3px 4px",a.style[j]="border-box";var c=document.body||document.documentElement;c.appendChild(a);var d=f(a);i=200===b(d.width),c.removeChild(a)}}(),d}var e=a.getComputedStyle,f=e?function(a){return e(a,null)}:function(a){return a.currentStyle},g=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define("get-size/get-size",["get-style-property/get-style-property"],d):"object"==typeof exports?module.exports=d(require("get-style-property")):a.getSize=d(a.getStyleProperty)}(window),function(a,b){function c(a,b){return a[h](b)}function d(a){if(!a.parentNode){var b=document.createDocumentFragment();b.appendChild(a)}}function e(a,b){d(a);for(var c=a.parentNode.querySelectorAll(b),e=0,f=c.length;f>e;e++)if(c[e]===a)return!0;return!1}function f(a,b){return d(a),c(a,b)}var g,h=function(){if(b.matchesSelector)return"matchesSelector";for(var a=["webkit","moz","ms","o"],c=0,d=a.length;d>c;c++){var e=a[c],f=e+"MatchesSelector";if(b[f])return f}}();if(h){var i=document.createElement("div"),j=c(i,"div");g=j?c:f}else g=e;"function"==typeof define&&define.amd?define("matches-selector/matches-selector",[],function(){return g}):window.matchesSelector=g}(this,Element.prototype),function(a){function b(a,b){for(var c in b)a[c]=b[c];return a}function c(a){for(var b in a)return!1;return b=null,!0}function d(a){return a.replace(/([A-Z])/g,function(a){return"-"+a.toLowerCase()})}function e(a,e,f){function h(a,b){a&&(this.element=a,this.layout=b,this.position={x:0,y:0},this._create())}var i=f("transition"),j=f("transform"),k=i&&j,l=!!f("perspective"),m={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"otransitionend",transition:"transitionend"}[i],n=["transform","transition","transitionDuration","transitionProperty"],o=function(){for(var a={},b=0,c=n.length;c>b;b++){var d=n[b],e=f(d);e&&e!==d&&(a[d]=e)}return a}();b(h.prototype,a.prototype),h.prototype._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},h.prototype.handleEvent=function(a){var b="on"+a.type;this[b]&&this[b](a)},h.prototype.getSize=function(){this.size=e(this.element)},h.prototype.css=function(a){var b=this.element.style;for(var c in a){var d=o[c]||c;b[d]=a[c]}},h.prototype.getPosition=function(){var a=g(this.element),b=this.layout.options,c=b.isOriginLeft,d=b.isOriginTop,e=parseInt(a[c?"left":"right"],10),f=parseInt(a[d?"top":"bottom"],10);e=isNaN(e)?0:e,f=isNaN(f)?0:f;var h=this.layout.size;e-=c?h.paddingLeft:h.paddingRight,f-=d?h.paddingTop:h.paddingBottom,this.position.x=e,this.position.y=f},h.prototype.layoutPosition=function(){var a=this.layout.size,b=this.layout.options,c={};b.isOriginLeft?(c.left=this.position.x+a.paddingLeft+"px",c.right=""):(c.right=this.position.x+a.paddingRight+"px",c.left=""),b.isOriginTop?(c.top=this.position.y+a.paddingTop+"px",c.bottom=""):(c.bottom=this.position.y+a.paddingBottom+"px",c.top=""),this.css(c),this.emitEvent("layout",[this])};var p=l?function(a,b){return"translate3d("+a+"px, "+b+"px, 0)"}:function(a,b){return"translate("+a+"px, "+b+"px)"};h.prototype._transitionTo=function(a,b){this.getPosition();var c=this.position.x,d=this.position.y,e=parseInt(a,10),f=parseInt(b,10),g=e===this.position.x&&f===this.position.y;if(this.setPosition(a,b),g&&!this.isTransitioning)return void this.layoutPosition();var h=a-c,i=b-d,j={},k=this.layout.options;h=k.isOriginLeft?h:-h,i=k.isOriginTop?i:-i,j.transform=p(h,i),this.transition({to:j,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},h.prototype.goTo=function(a,b){this.setPosition(a,b),this.layoutPosition()},h.prototype.moveTo=k?h.prototype._transitionTo:h.prototype.goTo,h.prototype.setPosition=function(a,b){this.position.x=parseInt(a,10),this.position.y=parseInt(b,10)},h.prototype._nonTransition=function(a){this.css(a.to),a.isCleaning&&this._removeStyles(a.to);for(var b in a.onTransitionEnd)a.onTransitionEnd[b].call(this)},h.prototype._transition=function(a){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(a);var b=this._transn;for(var c in a.onTransitionEnd)b.onEnd[c]=a.onTransitionEnd[c];for(c in a.to)b.ingProperties[c]=!0,a.isCleaning&&(b.clean[c]=!0);if(a.from){this.css(a.from);var d=this.element.offsetHeight;d=null}this.enableTransition(a.to),this.css(a.to),this.isTransitioning=!0};var q=j&&d(j)+",opacity";h.prototype.enableTransition=function(){this.isTransitioning||(this.css({transitionProperty:q,transitionDuration:this.layout.options.transitionDuration}),this.element.addEventListener(m,this,!1))},h.prototype.transition=h.prototype[i?"_transition":"_nonTransition"],h.prototype.onwebkitTransitionEnd=function(a){this.ontransitionend(a)},h.prototype.onotransitionend=function(a){this.ontransitionend(a)};var r={"-webkit-transform":"transform","-moz-transform":"transform","-o-transform":"transform"};h.prototype.ontransitionend=function(a){if(a.target===this.element){var b=this._transn,d=r[a.propertyName]||a.propertyName;if(delete b.ingProperties[d],c(b.ingProperties)&&this.disableTransition(),d in b.clean&&(this.element.style[a.propertyName]="",delete b.clean[d]),d in b.onEnd){var e=b.onEnd[d];e.call(this),delete b.onEnd[d]}this.emitEvent("transitionEnd",[this])}},h.prototype.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(m,this,!1),this.isTransitioning=!1},h.prototype._removeStyles=function(a){var b={};for(var c in a)b[c]="";this.css(b)};var s={transitionProperty:"",transitionDuration:""};return h.prototype.removeTransitionStyles=function(){this.css(s)},h.prototype.removeElem=function(){this.element.parentNode.removeChild(this.element),this.emitEvent("remove",[this])},h.prototype.remove=function(){if(!i||!parseFloat(this.layout.options.transitionDuration))return void this.removeElem();var a=this;this.on("transitionEnd",function(){return a.removeElem(),!0}),this.hide()},h.prototype.reveal=function(){delete this.isHidden,this.css({display:""});var a=this.layout.options;this.transition({from:a.hiddenStyle,to:a.visibleStyle,isCleaning:!0})},h.prototype.hide=function(){this.isHidden=!0,this.css({display:""});var a=this.layout.options;this.transition({from:a.visibleStyle,to:a.hiddenStyle,isCleaning:!0,onTransitionEnd:{opacity:function(){this.isHidden&&this.css({display:"none"})}}})},h.prototype.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},h}var f=a.getComputedStyle,g=f?function(a){return f(a,null)}:function(a){return a.currentStyle};"function"==typeof define&&define.amd?define("outlayer/item",["eventEmitter/EventEmitter","get-size/get-size","get-style-property/get-style-property"],e):(a.Outlayer={},a.Outlayer.Item=e(a.EventEmitter,a.getSize,a.getStyleProperty))}(window),function(a){function b(a,b){for(var c in b)a[c]=b[c];return a}function c(a){return"[object Array]"===l.call(a)}function d(a){var b=[];if(c(a))b=a;else if(a&&"number"==typeof a.length)for(var d=0,e=a.length;e>d;d++)b.push(a[d]);else b.push(a);return b}function e(a,b){var c=n(b,a);-1!==c&&b.splice(c,1)}function f(a){return a.replace(/(.)([A-Z])/g,function(a,b,c){return b+"-"+c}).toLowerCase()}function g(c,g,l,n,o,p){function q(a,c){if("string"==typeof a&&(a=h.querySelector(a)),!a||!m(a))return void(i&&i.error("Bad "+this.constructor.namespace+" element: "+a));this.element=a,this.options=b(
{},this.constructor.defaults),this.option(c);var d=++r;this.element.outlayerGUID=d,s[d]=this,this._create(),this.options.isInitLayout&&this.layout()}var r=0,s={};return q.namespace="outlayer",q.Item=p,q.defaults={containerStyle:{position:"relative"},isInitLayout:!0,isOriginLeft:!0,isOriginTop:!0,isResizeBound:!0,isResizingContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}},b(q.prototype,l.prototype),q.prototype.option=function(a){b(this.options,a)},q.prototype._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),b(this.element.style,this.options.containerStyle),this.options.isResizeBound&&this.bindResize()},q.prototype.reloadItems=function(){this.items=this._itemize(this.element.children)},q.prototype._itemize=function(a){for(var b=this._filterFindItemElements(a),c=this.constructor.Item,d=[],e=0,f=b.length;f>e;e++){var g=b[e],h=new c(g,this);d.push(h)}return d},q.prototype._filterFindItemElements=function(a){a=d(a);for(var b=this.options.itemSelector,c=[],e=0,f=a.length;f>e;e++){var g=a[e];if(m(g))if(b){o(g,b)&&c.push(g);for(var h=g.querySelectorAll(b),i=0,j=h.length;j>i;i++)c.push(h[i])}else c.push(g)}return c},q.prototype.getItemElements=function(){for(var a=[],b=0,c=this.items.length;c>b;b++)a.push(this.items[b].element);return a},q.prototype.layout=function(){this._resetLayout(),this._manageStamps();var a=void 0!==this.options.isLayoutInstant?this.options.isLayoutInstant:!this._isLayoutInited;this.layoutItems(this.items,a),this._isLayoutInited=!0},q.prototype._init=q.prototype.layout,q.prototype._resetLayout=function(){this.getSize()},q.prototype.getSize=function(){this.size=n(this.element)},q.prototype._getMeasurement=function(a,b){var c,d=this.options[a];d?("string"==typeof d?c=this.element.querySelector(d):m(d)&&(c=d),this[a]=c?n(c)[b]:d):this[a]=0},q.prototype.layoutItems=function(a,b){a=this._getItemsForLayout(a),this._layoutItems(a,b),this._postLayout()},q.prototype._getItemsForLayout=function(a){for(var b=[],c=0,d=a.length;d>c;c++){var e=a[c];e.isIgnored||b.push(e)}return b},q.prototype._layoutItems=function(a,b){function c(){d.emitEvent("layoutComplete",[d,a])}var d=this;if(!a||!a.length)return void c();this._itemsOn(a,"layout",c);for(var e=[],f=0,g=a.length;g>f;f++){var h=a[f],i=this._getItemLayoutPosition(h);i.item=h,i.isInstant=b||h.isLayoutInstant,e.push(i)}this._processLayoutQueue(e)},q.prototype._getItemLayoutPosition=function(){return{x:0,y:0}},q.prototype._processLayoutQueue=function(a){for(var b=0,c=a.length;c>b;b++){var d=a[b];this._positionItem(d.item,d.x,d.y,d.isInstant)}},q.prototype._positionItem=function(a,b,c,d){d?a.goTo(b,c):a.moveTo(b,c)},q.prototype._postLayout=function(){this.resizeContainer()},q.prototype.resizeContainer=function(){if(this.options.isResizingContainer){var a=this._getContainerSize();a&&(this._setContainerMeasure(a.width,!0),this._setContainerMeasure(a.height,!1))}},q.prototype._getContainerSize=k,q.prototype._setContainerMeasure=function(a,b){if(void 0!==a){var c=this.size;c.isBorderBox&&(a+=b?c.paddingLeft+c.paddingRight+c.borderLeftWidth+c.borderRightWidth:c.paddingBottom+c.paddingTop+c.borderTopWidth+c.borderBottomWidth),a=Math.max(a,0),this.element.style[b?"width":"height"]=a+"px"}},q.prototype._itemsOn=function(a,b,c){function d(){return e++,e===f&&c.call(g),!0}for(var e=0,f=a.length,g=this,h=0,i=a.length;i>h;h++){var j=a[h];j.on(b,d)}},q.prototype.ignore=function(a){var b=this.getItem(a);b&&(b.isIgnored=!0)},q.prototype.unignore=function(a){var b=this.getItem(a);b&&delete b.isIgnored},q.prototype.stamp=function(a){if(a=this._find(a)){this.stamps=this.stamps.concat(a);for(var b=0,c=a.length;c>b;b++){var d=a[b];this.ignore(d)}}},q.prototype.unstamp=function(a){if(a=this._find(a))for(var b=0,c=a.length;c>b;b++){var d=a[b];e(d,this.stamps),this.unignore(d)}},q.prototype._find=function(a){return a?("string"==typeof a&&(a=this.element.querySelectorAll(a)),a=d(a)):void 0},q.prototype._manageStamps=function(){if(this.stamps&&this.stamps.length){this._getBoundingRect();for(var a=0,b=this.stamps.length;b>a;a++){var c=this.stamps[a];this._manageStamp(c)}}},q.prototype._getBoundingRect=function(){var a=this.element.getBoundingClientRect(),b=this.size;this._boundingRect={left:a.left+b.paddingLeft+b.borderLeftWidth,top:a.top+b.paddingTop+b.borderTopWidth,right:a.right-(b.paddingRight+b.borderRightWidth),bottom:a.bottom-(b.paddingBottom+b.borderBottomWidth)}},q.prototype._manageStamp=k,q.prototype._getElementOffset=function(a){var b=a.getBoundingClientRect(),c=this._boundingRect,d=n(a),e={left:b.left-c.left-d.marginLeft,top:b.top-c.top-d.marginTop,right:c.right-b.right-d.marginRight,bottom:c.bottom-b.bottom-d.marginBottom};return e},q.prototype.handleEvent=function(a){var b="on"+a.type;this[b]&&this[b](a)},q.prototype.bindResize=function(){this.isResizeBound||(c.bind(a,"resize",this),this.isResizeBound=!0)},q.prototype.unbindResize=function(){this.isResizeBound&&c.unbind(a,"resize",this),this.isResizeBound=!1},q.prototype.onresize=function(){function a(){b.resize(),delete b.resizeTimeout}this.resizeTimeout&&clearTimeout(this.resizeTimeout);var b=this;this.resizeTimeout=setTimeout(a,100)},q.prototype.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},q.prototype.needsResizeLayout=function(){var a=n(this.element),b=this.size&&a;return b&&a.innerWidth!==this.size.innerWidth},q.prototype.addItems=function(a){var b=this._itemize(a);return b.length&&(this.items=this.items.concat(b)),b},q.prototype.appended=function(a){var b=this.addItems(a);b.length&&(this.layoutItems(b,!0),this.reveal(b))},q.prototype.prepended=function(a){var b=this._itemize(a);if(b.length){var c=this.items.slice(0);this.items=b.concat(c),this._resetLayout(),this._manageStamps(),this.layoutItems(b,!0),this.reveal(b),this.layoutItems(c)}},q.prototype.reveal=function(a){var b=a&&a.length;if(b)for(var c=0;b>c;c++){var d=a[c];d.reveal()}},q.prototype.hide=function(a){var b=a&&a.length;if(b)for(var c=0;b>c;c++){var d=a[c];d.hide()}},q.prototype.getItem=function(a){for(var b=0,c=this.items.length;c>b;b++){var d=this.items[b];if(d.element===a)return d}},q.prototype.getItems=function(a){if(a&&a.length){for(var b=[],c=0,d=a.length;d>c;c++){var e=a[c],f=this.getItem(e);f&&b.push(f)}return b}},q.prototype.remove=function(a){a=d(a);var b=this.getItems(a);if(b&&b.length){this._itemsOn(b,"remove",function(){this.emitEvent("removeComplete",[this,b])});for(var c=0,f=b.length;f>c;c++){var g=b[c];g.remove(),e(g,this.items)}}},q.prototype.destroy=function(){var a=this.element.style;a.height="",a.position="",a.width="";for(var b=0,c=this.items.length;c>b;b++){var d=this.items[b];d.destroy()}this.unbindResize(),delete this.element.outlayerGUID,j&&j.removeData(this.element,this.constructor.namespace)},q.data=function(a){var b=a&&a.outlayerGUID;return b&&s[b]},q.create=function(a,c){function d(){q.apply(this,arguments)}return Object.create?d.prototype=Object.create(q.prototype):b(d.prototype,q.prototype),d.prototype.constructor=d,d.defaults=b({},q.defaults),b(d.defaults,c),d.prototype.settings={},d.namespace=a,d.data=q.data,d.Item=function(){p.apply(this,arguments)},d.Item.prototype=new p,g(function(){for(var b=f(a),c=h.querySelectorAll(".js-"+b),e="data-"+b+"-options",g=0,k=c.length;k>g;g++){var l,m=c[g],n=m.getAttribute(e);try{l=n&&JSON.parse(n)}catch(o){i&&i.error("Error parsing "+e+" on "+m.nodeName.toLowerCase()+(m.id?"#"+m.id:"")+": "+o);continue}var p=new d(m,l);j&&j.data(m,a,p)}}),j&&j.bridget&&j.bridget(a,d),d},q.Item=p,q}var h=a.document,i=a.console,j=a.jQuery,k=function(){},l=Object.prototype.toString,m="object"==typeof HTMLElement?function(a){return a instanceof HTMLElement}:function(a){return a&&"object"==typeof a&&1===a.nodeType&&"string"==typeof a.nodeName},n=Array.prototype.indexOf?function(a,b){return a.indexOf(b)}:function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1};"function"==typeof define&&define.amd?define("outlayer/outlayer",["eventie/eventie","doc-ready/doc-ready","eventEmitter/EventEmitter","get-size/get-size","matches-selector/matches-selector","./item"],g):a.Outlayer=g(a.eventie,a.docReady,a.EventEmitter,a.getSize,a.matchesSelector,a.Outlayer.Item)}(window),function(a){function b(a,b){var d=a.create("masonry");return d.prototype._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns();var a=this.cols;for(this.colYs=[];a--;)this.colYs.push(0);this.maxY=0},d.prototype.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var a=this.items[0],c=a&&a.element;this.columnWidth=c&&b(c).outerWidth||this.containerWidth}this.columnWidth+=this.gutter,this.cols=Math.floor((this.containerWidth+this.gutter)/this.columnWidth),this.cols=Math.max(this.cols,1)},d.prototype.getContainerWidth=function(){var a=this.options.isFitWidth?this.element.parentNode:this.element,c=b(a);this.containerWidth=c&&c.innerWidth},d.prototype._getItemLayoutPosition=function(a){a.getSize();var b=a.size.outerWidth%this.columnWidth,d=b&&1>b?"round":"ceil",e=Math[d](a.size.outerWidth/this.columnWidth);e=Math.min(e,this.cols);for(var f=this._getColGroup(e),g=Math.min.apply(Math,f),h=c(f,g),i={x:this.columnWidth*h,y:g},j=g+a.size.outerHeight,k=this.cols+1-f.length,l=0;k>l;l++)this.colYs[h+l]=j;return i},d.prototype._getColGroup=function(a){if(2>a)return this.colYs;for(var b=[],c=this.cols+1-a,d=0;c>d;d++){var e=this.colYs.slice(d,d+a);b[d]=Math.max.apply(Math,e)}return b},d.prototype._manageStamp=function(a){var c=b(a),d=this._getElementOffset(a),e=this.options.isOriginLeft?d.left:d.right,f=e+c.outerWidth,g=Math.floor(e/this.columnWidth);g=Math.max(0,g);var h=Math.floor(f/this.columnWidth);h-=f%this.columnWidth?0:1,h=Math.min(this.cols-1,h);for(var i=(this.options.isOriginTop?d.top:d.bottom)+c.outerHeight,j=g;h>=j;j++)this.colYs[j]=Math.max(i,this.colYs[j])},d.prototype._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var a={height:this.maxY};return this.options.isFitWidth&&(a.width=this._getContainerFitWidth()),a},d.prototype._getContainerFitWidth=function(){for(var a=0,b=this.cols;--b&&0===this.colYs[b];)a++;return(this.cols-a)*this.columnWidth-this.gutter},d.prototype.needsResizeLayout=function(){var a=this.containerWidth;return this.getContainerWidth(),a!==this.containerWidth},d}var c=Array.prototype.indexOf?function(a,b){return a.indexOf(b)}:function(a,b){for(var c=0,d=a.length;d>c;c++){var e=a[c];if(e===b)return c}return-1};"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],b):a.Masonry=b(a.Outlayer,a.getSize)}(window);

//]]>
</script>

</head>

<body expr:class='data:blog.pageType'>

<div class='admin row' style='display:none'>
    <b:section class='option' id='option' maxwidgets='1' showaddelement='yes'>
      <b:widget id='HTML868' locked='true' title='Audio Image Background.' type='HTML'>
        <b:includable id='main'>
          <b:if cond='data:content == ""'>
            <style>.audio_area_img{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgALsR69bgJ044ug1wxC-wYynYmDjTjF6yOMyFohcniFJgFhH5ZbygElXQv6oFUmOj1RfAIoggAled50MszDUY-PP2coCx4R_iG2ssIq3FNMh9XFdmHvJYW67vLDIiGHWAj5MWiDuMLEX0/s750/tumblr_n5e5tyYJkE1st5lhmo1_1280.jpg);}</style>
            <b:else/>
<style>.audio_area_img{background-image:url(<data:content/>);}</style>
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>
    </div>

<div id="pages-wrapper" class="<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> home</b:if><b:if cond='data:blog.pageType == "static_page"'>item</b:if><b:if cond='data:blog.pageType == "archive"'>index</b:if>">

<div id='top'/>

<div id='outer-wrapper'>

<div id='header-wrapper'>
<div class='row' id='header-content'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
      <b:widget id='Header1' locked='true' title='مدونة جمالك سيدتي   (رأس الصفحة)' type='Header'>
        <b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <b:if cond='data:mobile'>
        <div id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      <b:else/>
        <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height                      + "_height: " + data:height                      + "background-repeat: no-repeat; "' id='header-inner'>
          <div class='titlewrapper' style='background: transparent'>
            <h1 class='title' style='background: transparent; border-width: 0px'>
              <b:include name='title'/>
            </h1>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
<b:else/>
    
    <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='menu' id='menu' maxwidgets='1' showaddelement='yes'>
      <b:widget id='LinkList150' locked='true' title='Main Menu' type='LinkList'>
        <b:includable id='main'>
<div class='widget-content'>
   <ul id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
     <b:loop values='data:links' var='link'>
       <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
     </b:loop>
   </ul>

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

$("#LinkList150").each(function(){var e="<ul id='nav'><li><ul id='sub-menu'>";$("#LinkList150 li").each(function(){var t=$(this).text(),n=t.substr(0,1),r=t.substr(1);"_"==n?(n=$(this).find("a").attr("href"),e+='<li><a href="'+n+'">'+r+"</a></li>"):(n=$(this).find("a").attr("href"),e+='</ul></li><li><a href="'+n+'">'+t+"</a><ul id='sub-menu'>")});e+="</ul></li></ul>";$(this).html(e);$("#LinkList150 ul").each(function(){var e=$(this);if(e.html().replace(/\s| /g,"").length==0)e.remove()});$("#LinkList150 li").each(function(){var e=$(this);if(e.html().replace(/\s| /g,"").length==0)e.remove()})});
$('ul#sub-menu').parent('li').addClass('hasSub');
//]]>
</script>

</div>
</b:includable>
      </b:widget>
    </b:section>
<div id='header-search'>
<form action='/search' class='searchform clearfix' method='get' role='search'>
<a class='search-icn icon icon-search-1 fa fa-search' href='#'/>
<input class='searchbox' name='s' placeholder='Type and hit enter to search...' style='display: none;' type='text'/>
</form>
</div>
<script type='text/javascript'>
//<![CDATA[

/**
    *    HEADER SEARCH
    ************************************************/

    $('#header-search .search-icn').click(function(){

        var input = $('#header-search input');

        if( input.is(':hidden') ){
            input.fadeIn(300);
            $(this).removeClass('icon-search');
            $(this).addClass('icon-cancel');
            $("#menu, #header").hide();
        }else{
            input.fadeOut(300);
            $(this).removeClass('icon-cancel');
            $(this).addClass('icon-search');
            $("#menu, #header").show();
        }
        return false;

    });

    $(document).bind( 'click', function(event) {

        if ( $(event.target).parents('#header-search').length === 0) {
            $('#header-search input').fadeOut(300);
            $('#header-search .search-icn').removeClass('icon-cancel');
            $('#header-search .search-icn').addClass('icon-search');
            $("#menu, #header").show();
        }
    });

//]]>
</script>
</div>
</div>

<div class='clear'/>

<div class='clear'/>

<div class='row' id='content-wrapper'>

<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
    <h1 class='errornum'>4<span class='fa fa-frown-o'/>4</h1>
    <h2 class='error'>Page Not Found!</h2>
    <p>Sorry, the page you were looking for in this blog does not exist.</p>
    <p class='erro_p'>Go To Homepage by Button Below</p>
    <span class='fa fa-hand-o-down'/>
    <div class='clear'/>
    <a class='botao' href='/'>Back to Home</a>
<br/>
</div>
</b:if>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Image1' locked='false' title='j' type='Image'>
    <b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <b:if cond='data:link'>
        <a expr:href='data:link'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
        </a>
      <b:else/>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:if>
      <br/>
      <b:if cond='data:caption'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
    <b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

      <b:include data='top' name='status-message'/>

    
    <div class='blog-posts'>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <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>

    
    <b:include name='nextprev'/>

    
    <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("annotations", "1", {"locale": "<data:top.languageCode/>"});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

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

<b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
</b:if>

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</b:includable>
    <b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
</b:if>
<p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
    <b:includable id='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 + "_comment-editor-toggle-link"' 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='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
</span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
<b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
</b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
<b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
</b:if>
</b:includable>
    <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><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 + "_comments-block-wrapper"'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='"comment-author " + 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 + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
    <b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> 
    <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 == "false"'>
      <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 != "static_page"'>
          <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'>
    
    <div class='blog-posts hfeed'>

      <b:include data='top' name='status-message'/>

      <b:if cond='data:blog.pageType == "index"'>
        <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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
      </div>
    </b:if>

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

    <div class='mobile-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='"post-body-" + data:post.id' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/> 
          </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 != "item"'>
                  <b:if cond='data:blog.pageType != "static_page"'>
                    <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 == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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'>

<b:loop index='i' values='data:post.enclosures' var='enclosure'>
        <b:if cond='data:i == "0"'>
        <b:if cond='data:enclosure.mimeType == "quote"'>
         <a expr:href='data:post.url'>
         <div class='quotebox'>
           <blockquote><data:post.snippet/></blockquote>
         </div>
         </a>
         </b:if>

        <b:if cond='data:enclosure.mimeType == "tweet"'>
         <a expr:href='data:post.url'>
         <div class='tweetbox'>
           <i class='fa fa-twitter'/>
         <span><data:post.snippet/></span>
         </div>
         </a>
         </b:if>

        <b:if cond='data:enclosure.mimeType == "link"'>
         <a expr:src='data:enclosure.url' target='blank'>
         <div class='linkbox'>
           <a expr:href='data:enclosure.url' target='blank'><data:enclosure.url/></a>
           <a class='fa fa-link'/>
         </div>
         </a>
         </b:if>
     </b:if>
   </b:loop>

<b:loop index='i' values='data:post.enclosures' var='enclosure'>
        <b:if cond='data:i == "0"'>

          <b:if cond='data:enclosure.mimeType == "image"'>
           <div class='postformat postformat-image'>
              <div class='postformat-image'>
             <a expr:href='data:post.url'><img class='enclosure image' expr:alt='data:post.title' expr:src='data:enclosure.url'/></a>
           </div>
           </div>

<b:else/>

         <b:if cond='data:enclosure.mimeType == "youtube"'>
           <div class='postformat postformat_area'>
             <div class='videobox'>
               <iframe allowfullscreen='' class='postformat video' expr:alt='data:post.title' expr:src='data:enclosure.url' frameborder='0' height='250px' width='100%'/>
             </div>
           </div>
         </b:if>

         <b:if cond='data:enclosure.mimeType == "vimeo"'>
           <div class='postformat postformat_area'>
             <div class='vimeobox'>
               <iframe allowfullscreen='true' class='postformat vimeo' expr:alt='data:post.title' expr:src='data:enclosure.url' frameborder='0' height='auto' mozallowfullscreen='true' webkitallowfullscreen='true' width='100%'/>
             </div>
           </div>
         </b:if>

         <b:if cond='data:enclosure.mimeType == "dailymotion"'>
           <div class='postformat postformat_area'>
             <div class='dailymotionbox'>
               <iframe class='postformat dailymotion' expr:alt='data:post.title' expr:src='data:enclosure.url' frameborder='0' height='300px' width='100%'/>
             </div>

           </div>
         </b:if>

         <b:if cond='data:enclosure.mimeType == "audio"'>
           <div class='audio_area'>
             <div class='audiobox'>
               <audio class='postformat audio' controls='true' expr:alt='data:post.title' height='auto' preload='auto' width='100%'><source expr:src='data:enclosure.url'/></audio>
               </div>
           </div>
         </b:if>

            <b:if cond='data:enclosure.mimeType == "audio/img"'>
           <div class='audio_area_img'>
             <div class='audiobox_img'>
               <audio class='postformat audio_img' controls='true' expr:alt='data:post.title' height='auto' preload='auto' width='100%'><source expr:src='data:enclosure.url'/></audio>
               </div>
           </div>
         </b:if>



         <b:if cond='data:enclosure.mimeType == "soundcloud"'>
           <div class='postformat soundcloud_area'>
             <div class='soundcloudbox'>
               <iframe class='postformat soundcloud' expr:alt='data:post.title' expr:src='data:enclosure.url' frameborder='0' height='auto' scrolling='no' width='100%'/>
             </div>
           </div>
         </b:if>



         <b:if cond='data:enclosure.mimeType == "mixcloud"'>
           <div class='postformat mixcloud_area'>
             <div class='mixcloudbox'>
               <object class='postformat mixcloud' frameborder='0' height='182' scrolling='no' width='100%'>
                 <param name='movie'/>
                 <param name='allowFullScreen' value='true'/>
                 <param name='wmode' value='opaque'/>
                 <param name='allowscriptaccess' value='always'/>
                 <embed allowfullscreen='true' allowscriptaccess='always' expr:alt='data:post.title' expr:src='data:enclosure.url' frameborder='0' height='182' scrolling='no' type='application/x-shockwave-flash' width='100%' wmode='opaque'/>
               </object>
             </div>
           </div>
         </b:if>

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

<div class='post'>
    <b:if cond='data:blog.pageType == "item"'>
    <div itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
   <b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
   </b:if>
<div class='hreview' style='display:none;'>
        <span class='item'>
          <span class='fn'><data:post.title/></span>
          <img class='photo' expr:src='data:post.thumbnailUrl'/>
        </span>
        Reviewed by <span class='reviewer'><data:post.author/></span>
        on
        <span class='dtreviewed'>
          <data:post.timestamp/>
          <span class='value-title' expr:title='data:post.timestamp'/>
        </span>
        Rating: <span class='rating'>5</span>
      </div>
    </b:if>
    <b:if cond='data:post.title'>
    <b:if cond='data:blog.pageType == "item"'>
      <h1 class='post-title entry-title' itemprop='name headline'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h1>
    <b:else/>
      <h2 class='post-title'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
    </b:if>
    <div class='post-header'>
      <div class='post-meta'>
        <b:if cond='data:blog.pageType == "item"'>
          <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 timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
        <b:else/>
    <b:if cond='data:blog.pageType == "static_page"'>
        <b:else/>
          <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'>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' title='author profile'>
                  <span><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'>
          <a class='timestamp-link' expr:href='data:post.url'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
        </b:if></b:if>
        </div>
    </div>
    <article>
    <b:if cond='data:blog.pageType == "item"'>
    <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
      <b:if cond='data:blog.metaDescription == ""'>
        <meta expr:content='data:post.snippet' name='twitter:description'/>
      </b:if>
         <div expr:id='"adsmiddle1" + data:post.id'/>
          <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:blog.pageType != "static_page"'>
          <div style='clear:both; margin:10px 0'>
          
          </div>
          </b:if>
          </b:if>
          <div expr:id='"adsmiddle2" + data:post.id'>
          <data:post.body/>
          </div>
          <script type='text/javascript'>
          var obj0=document.getElementById("adsmiddle1<data:post.id/>");
          var obj1=document.getElementById("adsmiddle2<data:post.id/>");
          var s=obj1.innerHTML;
          var r=s.search(/\x3C!-- adsense --\x3E/igm);
          if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
          </script>
        <div style='clear: both;'/>
      </div>
    <b:else/>
    <b:if cond='data:blog.pageType == "static_page"'>
    <div class='post-body'>
      <data:post.body/>
    </div>
    <b:else/>
      <div class='post-body'>
        <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
      </div>
    </b:if></b:if>
    </article>
      <b:if cond='data:blog.pageType == "item"'>
        <div style='display:none'>
          <a class='updated timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
          <abbr class='updated published timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </div>
        <div style='display:none'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
         </b:loop>
        </div>
      </b:if>
    <div class='post-footer'>
    </div>
      <b:if cond='data:blog.pageType == "item"'>
    </div>
    </b:if>
</div>

      <b:if cond='data:blog.pageType == "item"'>
      <div class='postarea-wrapper'>
      <div class='tags'>
      <p class='tagstitle'>Tags :</p>
      <b:if cond='data:post.labels'>
      <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 != "true"'/>
      </b:loop>
      </b:if>
      </div>
      <div class='share'>
        
        <span class='likebtn-wrapper' data-counter_zero_show='true' data-dislike_enabled='false' data-icon_dislike_show='false' data-lang='auto' data-lazy_load='true' data-like_dislike_at_the_same_time='true' data-popup_enabled='false' data-revote_period='0' data-share_enabled='false' data-show_like_label='true' data-style='disk' data-tooltip_enabled='false' expr:data-identifier='data:post.id'/>
        <script async='async' src='//w.likebtn.com/js/w/widget.js' type='text/javascript'/>
        
        <a class='note'><i class='fa fa-share'/>Share</a>
        <div class='sharebox'>
        <a class='share-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span/></a>
        <a class='share-twitter' expr:href='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span/></a>
        <a class='share-gplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span/></a>
        <a class='share-linkedin' expr:href='"http://www.linkedin.com/cws/share?url=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/><span/></a>
     </div>
     </div>
     </div>
      </b:if>
<b:if cond='data:blog.pageType == "item"'>
<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 + "_blog-pager-newer-link"' rel='next'/>
<b:else/>
<a rel='next'><strong>Next <i class='fa fa-angle-double-right'/></strong> <span>You are viewing Most Recent 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 + "_blog-pager-older-link"' rel='previous'/>
<b:else/>
<a rel='previous'><strong><i class='fa fa-angle-double-left'/> Previous</strong> <span>You are viewing Last 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 <i class="fa fa-angle-double-right"></i></strong> <span>'+$(data).find('.post h2.post-title').text()+'</span>');
    },"html");
    $.get(olderLink.attr('href'), function (data2) {
     olderLink.html('<strong><i class="fa fa-angle-double-left"></i> Previous</strong> <span>'+$(data2).find('.post h2.post-title').text()+'</span>');
    },"html");
})(jQuery);
//]]>
</script>
      </b:if>
      <b:if cond='data:blog.pageType == "item"'>
        <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'/>
            </b:if>
            <div class='profile-info'>
              <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
                <span itemprop='name'><data:post.author/></span>
              </a>
              <span class='profile-description' itemprop='description'><data:post.authorAboutMe/></span>
            </div>
          </div>
        </b:if>
      </b:if>
<b:if cond='data:blog.pageType == "item"'>
         <b:if cond='data:post.labels'>
        <div class='clear'/>
        <div id='related-posts'>

          <button class='prev2'><i class='fa fa-chevron-left'/></button>
          <button class='next2'><i class='fa fa-chevron-right'/></button>

          <b:loop values='data:post.labels' var='label'>
            <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/>
           </b:loop>
           <script type='text/javascript'>
             var currentposturl="<data:post.url/>";
             var maxresults=9;
             var relatedpoststitle="<span>Related Posts</span>";
             removeRelatedDuplicates_thumbs();
             printRelatedLabels_thumbs();
           </script>
        </div>
        <div class='clear'/>
        </b:if>
      </b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + 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 + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 + "&target=pinterest"' 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' 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 + "_backlinks-container"'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' showaddelement='yes'>
    <b:widget id='HTML204' locked='true' title='Slider Side' type='HTML'>
      <b:includable id='main'>

<button class='prev3'><i class='fa fa-chevron-left'/></button>
<button class='next3'><i class='fa fa-chevron-right'/></button>

        <div class='slider-side'>
            <script type='text/javascript'>var numposts = 10;var showpostthumbnails = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
         <b:if cond='data:content == "recent"'>
            <script expr:src='"/feeds/posts/default?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/>
           <b:else/>
         <b:if cond='data:content == ""'>
            <script expr:src='"/feeds/posts/default?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/>
          </b:if>
           <b:else/>
            <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/>
           </b:if>
        </div>
</b:includable>
    </b:widget>
    <b:widget id='Label2' locked='false' title='Post Fomats' type='Label'>
      <b:includable id='main'>
<b:if cond='data:title != ""'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + 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 class='sidetabs' id='sidetabs'>

    <ul class='menu-tab'>
      <li class='item-1'><a href='#tabside1'/></li>
      <li class='item-2'><a href='#tabside2'/></li>
      <li class='item-3'><a href='#tabside3'/></li>
    </ul>

    <b:section class='sidebar' id='tabside1' showaddelement='yes'>
      <b:widget id='HTML3' locked='false' title='Recent' type='HTML'>
        <b:includable id='main'>

<b:if cond='data:title != ""'>
    <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>
    <b:section class='sidebar' id='tabside2' showaddelement='yes'>
      <b:widget id='PopularPosts5' locked='false' title='Popular' 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'>
          <b:if cond='!data:showSnippets'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <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/>
          
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
      </b:widget>
    </b:section>
    <b:section class='sidebar' id='tabside3' showaddelement='yes'>
      <b:widget id='HTML4' locked='false' title='Comments' type='HTML'>
        <b:includable id='main'>

<b:if cond='data:title != ""'>
    <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>

<b:section class='sidebar' id='sidebar2' showaddelement='yes'>
    <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
      <b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <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='PopularPosts1' locked='false' title='Featured 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'>
          <b:if cond='!data:showSnippets'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <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/>
          
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
    </b:widget>
    <b:widget id='Label1' locked='false' title='Tags' type='Label'>
      <b:includable id='main'>
<b:if cond='data:title != ""'>
    <h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + 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='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 + "_ArchiveList"'>
    <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
    <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
    <b:include cond='data:style == "MENU"' data='data' name='menu'/>
</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='interval'>
    <ul class='hierarchy'>
      <li expr:class='"archivedate " + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
</b:loop>
</b:includable>
      <b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <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='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
</ul>
</b:includable>
      <b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
    <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
      <b:if cond='data:interval.expclass == "expanded"'>
        ▼ 
      <b:elseif cond='data:blog.languageDirection == "rtl"'/>
        ◄ 
      <b:else/>
        ► 
      </b:if>
    </span>
</a>
</b:includable>
    </b:widget>
</b:section>

</div>

</div>

<div class='clear'/>

<div id='footer-wrapper'>

<div class='row' id='footer'>

   <div class='footer-sider'>

    <div class='footer-column'>
      <b:section class='column' id='column1' maxwidgets='2' showaddelement='yes'>
        <b:widget id='HTML10' locked='false' title='' type='HTML'>
          <b:includable id='main'>

<b:if cond='data:title != ""'>
    <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 class='footer-column'>
      <b:section class='column' id='column2' maxwidgets='2' showaddelement='yes'>
        <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='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <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='"label-size label-size-" + 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 class='footer-sider'>

    <div class='footer-column'>
      <b:section class='column' id='column3' maxwidgets='2' showaddelement='yes'>
        <b:widget id='PopularPosts2' 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'>
          <b:if cond='!data:showSnippets'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <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/>
          
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
        </b:widget>
      </b:section>
    </div>

    <div class='footer-column'>
      <b:section class='column' id='column4' maxwidgets='2' showaddelement='yes'>
        <b:widget id='ContactForm1' locked='false' title='Contact us' type='ContactForm'>
          <b:includable id='main'>
<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
</div>
<b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
    </div>

</div>

</div>

</div>

<div class='clear'/>

<div id='copyright-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='copyright row'>
    <div class='text'>
Created By <a href='http://www.soratemplates.com/' id='mycontent' title='Blogger Templates'>Sora Templates</a> & <a href='http://mybloggerthemes.com' title='Blogger Templates'>Blogger Templates</a>
</div>
    <a class='gototop fa fa-chevron-up'/>
    <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'>
          <ul class='social'>
            <b:loop values='data:links' var='link'>
              <li expr:class='data:link.name'><a expr:href='data:link.target' expr:title='data:link.name'/></li>
            </b:loop>
          </ul>
        </b:includable>
      </b:widget>
    </b:section>
</div>
</div>

<div class='clear'/>

</div>

</div>


<div class='hidden-contact' style='display:none'>
<b:section class='contact' id='contact' maxwidgets='1' showaddelement='no'>
<b:widget id='ContactForm10' locked='true' title='Contact us' type='ContactForm'>
    <b:includable id='main'>

<div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>

        <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>

        <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>

        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>

        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>

        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
        </div>
      </form>
    </div>
</div>

</b:includable>
</b:widget>
</b:section>
</div>

<b:if cond='data:blog.languageDirection == "ltr"'>

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

// jcarousellite jquery plugin - www.gmarwaha.com/jquery/jcarousellite
(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);

//]]>
</script>

<b:else/>

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

// jcarousellite jquery plugin - www.gmarwaha.com/jquery/jcarousellite
(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":"right",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":"right"});ul.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"});c.css({overflow:"hidden",position:"relative","z-index":"2",right:"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=="right"?{right:-(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);

//]]>
</script>

</b:if>

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

// Audio Player JS
(function(e,t,n,r){var i="ontouchstart"in t,s=i?"touchstart":"mousedown",o=i?"touchmove":"mousemove",u=i?"touchend":"mouseup",a=i?"touchcancel":"mouseup",f=function(e){var t=e/3600,n=Math.floor(t),r=e%3600/60,i=Math.floor(r),s=Math.ceil(e%3600%60);if(s>59){s=0;i=Math.ceil(r)}if(i>59){i=0;n=Math.ceil(t)}return(n==0?"":n>0&&n.toString().length<2?"0"+n+":":n+":")+(i.toString().length<2?"0"+i:i)+":"+(s.toString().length<2?"0"+s:s)},l=function(e){var t=n.createElement("audio");return!!(t.canPlayType&&t.canPlayType("audio/"+e.split(".").pop().toLowerCase()+";").replace(/no/,""))};e.fn.audioPlayer=function(t){var t=e.extend({classPrefix:"audioplayer",strPlay:"Play",strPause:"Pause",strVolume:"Volume"},t),n={},r={playPause:"playpause",playing:"playing",stopped:"stopped",time:"time",timeCurrent:"time-current",timeDuration:"time-duration",bar:"bar",barLoaded:"bar-loaded",barPlayed:"bar-played",volume:"volume",volumeButton:"volume-button",volumeAdjust:"volume-adjust",noVolume:"novolume",muted:"muted",mini:"mini"};for(var u in r)n[u]=t.classPrefix+"-"+r[u];this.each(function(){if(e(this).prop("tagName").toLowerCase()!="audio")return false;var r=e(this),u=r.attr("src"),c=r.get(0).getAttribute("autoplay"),c=c===""||c==="autoplay"?true:false,h=r.get(0).getAttribute("loop"),h=h===""||h==="loop"?true:false,p=false;if(typeof u==="undefined"){r.find("source").each(function(){u=e(this).attr("src");if(typeof u!=="undefined"&&l(u)){p=true;return false}})}else if(l(u))p=true;var d=e('<div class="'+t.classPrefix+'">'+(p?e("<div>").append(r.eq(0).clone()).html():'<embed src="'+u+'" width="0" height="0" volume="100" autostart="'+c.toString()+'" loop="'+h.toString()+'" />')+'<div class="'+n.playPause+'" title="'+t.strPlay+'"><a href="#">'+t.strPlay+"</a></div></div>"),v=p?d.find("audio"):d.find("embed"),v=v.get(0);if(p){d.find("audio").css({width:0,height:0,visibility:"hidden"});d.append('<div class="'+n.time+" "+n.timeCurrent+'"></div><div class="'+n.bar+'"><div class="'+n.barLoaded+'"></div><div class="'+n.barPlayed+'"></div></div><div class="'+n.time+" "+n.timeDuration+'"></div><div class="'+n.volume+'"><div class="'+n.volumeButton+'" title="'+t.strVolume+'"><a href="#">'+t.strVolume+'</a></div><div class="'+n.volumeAdjust+'"><div><div></div></div></div></div>');var m=d.find("."+n.bar),g=d.find("."+n.barPlayed),y=d.find("."+n.barLoaded),b=d.find("."+n.timeCurrent),w=d.find("."+n.timeDuration),E=d.find("."+n.volumeButton),S=d.find("."+n.volumeAdjust+" > div"),x=0,T=function(e){theRealEvent=i?e.originalEvent.touches[0]:e;v.currentTime=Math.round(v.duration*(theRealEvent.pageX-m.offset().left)/m.width())},N=function(e){theRealEvent=i?e.originalEvent.touches[0]:e;v.volume=Math.abs((theRealEvent.pageY-(S.offset().top+S.height()))/S.height())},C=function(){var e=setInterval(function(){if(v.buffered.length<1)return true;y.width(v.buffered.end(0)/v.duration*100+"%");if(Math.floor(v.buffered.end(0))>=Math.floor(v.duration))clearInterval(e)},100)};var k=v.volume,L=v.volume=.111;if(Math.round(v.volume*1e3)/1e3==L)v.volume=k;else d.addClass(n.noVolume);w.html("…");b.html(f(0));v.addEventListener("loadeddata",function(){C();w.html(e.isNumeric(v.duration)?f(v.duration):"…");S.find("div").height(v.volume*100+"%");x=v.volume});v.addEventListener("timeupdate",function(){b.html(f(v.currentTime));g.width(v.currentTime/v.duration*100+"%")});v.addEventListener("volumechange",function(){S.find("div").height(v.volume*100+"%");if(v.volume>0&&d.hasClass(n.muted))d.removeClass(n.muted);if(v.volume<=0&&!d.hasClass(n.muted))d.addClass(n.muted)});v.addEventListener("ended",function(){d.removeClass(n.playing).addClass(n.stopped)});m.on(s,function(e){T(e);m.on(o,function(e){T(e)})}).on(a,function(){m.unbind(o)});E.on("click",function(){if(d.hasClass(n.muted)){d.removeClass(n.muted);v.volume=x}else{d.addClass(n.muted);x=v.volume;v.volume=0}return false});S.on(s,function(e){N(e);S.on(o,function(e){N(e)})}).on(a,function(){S.unbind(o)})}else d.addClass(n.mini);d.addClass(c?n.playing:n.stopped);d.find("."+n.playPause).on("click",function(){if(d.hasClass(n.playing)){e(this).attr("title",t.strPlay).find("a").html(t.strPlay);d.removeClass(n.playing).addClass(n.stopped);p?v.pause():v.Stop()}else{e(this).attr("title",t.strPause).find("a").html(t.strPause);d.addClass(n.playing).removeClass(n.stopped);p?v.play():v.Play()}return false});r.replaceWith(d)});return this}})(jQuery,window,document)
$('audio').audioPlayer({classPrefix:'audioplayer',strPlay:'Play',strPause:'Pause',strVolume:'Volume'});

// SelectNav.js (v. 0.1) - 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||"- Menu -",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)}}();$(document).ready(function(){selectnav('nav');});

// Tabslet jQuery plugin - http://vdw.staytuned.gr
(function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,pauseonhover:true,delay:2000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);options.mouseevent=$this.data("mouseevent")||options.mouseevent;options.attribute=$this.data("attribute")||options.attribute;options.animation=$this.data("animation")||options.animation;options.autorotate=$this.data("autorotate")||options.autorotate;options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover;options.delay=$this.data("delay")||options.delay;options.active=$this.data("active")||options.active;$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(){if(options.pauseonhover){clearTimeout(t)}})}if(options.autorotate){setTimeout(forward,0);if(options.pauseonhover){$this.on("mouseleave",function(){setTimeout(forward,1000)})}}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")});$this.on("destroy",function(){$(this).removeData()})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);

// JQuery hover event with timeout by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
(function(c){c.fn.hoverTimeout=function(d,e,f,g){return this.each(function(){var a=null,b=c(this);b.hover(function(){clearTimeout(a);a=setTimeout(function(){e.call(b)},d)},function(){clearTimeout(a);a=setTimeout(function(){g.call(b)},f)})})}})(jQuery);

// Timeago jQuery plugin ~ URL: http://timeago.yarp.com
(function(e){if(typeof define==="function"&&define.amd){define(["jquery"],e)}else{e(jQuery)}})(function(e){function r(){var n=i(this);var r=t.settings;if(!isNaN(n.datetime)){if(r.cutoff==0||Math.abs(o(n.datetime))<r.cutoff){e(this).text(s(n.datetime))}}return this}function i(n){n=e(n);if(!n.data("timeago")){n.data("timeago",{datetime:t.datetime(n)});var r=e.trim(n.text());if(t.settings.localeTitle){n.attr("title",n.data("timeago").datetime.toLocaleString())}else if(r.length>0&&!(t.isTime(n)&&n.attr("title"))){n.attr("title",r)}}return n.data("timeago")}function s(e){return t.inWords(o(e))}function o(e){return(new Date).getTime()-e.getTime()}e.timeago=function(t){if(t instanceof Date){return s(t)}else if(typeof t==="string"){return s(e.timeago.parse(t))}else if(typeof t==="number"){return s(new Date(t))}else{return s(e.timeago.datetime(t))}};var t=e.timeago;e.extend(e.timeago,{settings:{refreshMillis:6e4,allowPast:true,allowFuture:false,localeTitle:false,cutoff:0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"in a moment",seconds:"a few seconds",minute:"%d minute",minutes:"%d mins",hour:"%d hour",hours:"%d hrs",day:"%d day",days:"%d days",month:"month",months:"%d months",year:"%d year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(t){function l(r,i){var s=e.isFunction(r)?r(i,t):r;var o=n.numbers&&n.numbers[i]||i;return s.replace(/%d/i,o)}if(!this.settings.allowPast&&!this.settings.allowFuture){throw"timeago allowPast and allowFuture settings can not both be set to false."}var n=this.settings.strings;var r=n.prefixAgo;var i=n.suffixAgo;if(this.settings.allowFuture){if(t<0){r=n.prefixFromNow;i=n.suffixFromNow}}if(!this.settings.allowPast&&t>=0){return this.settings.strings.inPast}var s=Math.abs(t)/1e3;var o=s/60;var u=o/60;var a=u/24;var f=a/365;var c=s<45&&l(n.seconds,Math.round(s))||s<90&&l(n.minute,1)||o<45&&l(n.minutes,Math.round(o))||o<90&&l(n.hour,1)||u<24&&l(n.hours,Math.round(u))||u<42&&l(n.day,1)||a<30&&l(n.days,Math.round(a))||a<45&&l(n.month,1)||a<365&&l(n.months,Math.round(a/30))||f<1.5&&l(n.year,1)||l(n.years,Math.round(f));var h=n.wordSeparator||"";if(n.wordSeparator===undefined){h=" "}return e.trim([r,c,i].join(h))},parse:function(t){var n=e.trim(t);n=n.replace(/\.\d+/,"");n=n.replace(/-/,"/").replace(/-/,"/");n=n.replace(/T/," ").replace(/Z/," UTC");n=n.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2");n=n.replace(/([\+\-]\d\d)$/," $100");return new Date(n)},datetime:function(n){var r=t.isTime(n)?e(n).attr("datetime"):e(n).attr("title");return t.parse(r)},isTime:function(t){return e(t).get(0).tagName.toLowerCase()==="time"}});var n={init:function(){var n=e.proxy(r,this);n();var i=t.settings;if(i.refreshMillis>0){this._timeagoInterval=setInterval(n,i.refreshMillis)}},update:function(n){var i=t.parse(n);e(this).data("timeago",{datetime:i});if(t.settings.localeTitle)e(this).attr("title",i.toLocaleString());r.apply(this)},updateFromDOM:function(){e(this).data("timeago",{datetime:t.parse(t.isTime(this)?e(this).attr("datetime"):e(this).attr("title"))});r.apply(this)},dispose:function(){if(this._timeagoInterval){window.clearInterval(this._timeagoInterval);this._timeagoInterval=null}}};e.fn.timeago=function(e,t){var r=e?n[e]:n.init;if(!r){throw new Error("Unknown function name '"+e+"' for timeago")}this.each(function(){r.call(this,t)});return this};document.createElement("abbr");document.createElement("time")});

// Template main functions
$(document).ready(function(e){e("abbr.timeago").timeago()});$(document).ready(function(){$(".note").click(function(){$(".sharebox").fadeToggle(1e3)});$(window).scroll(function(){var e=$(this),t=$("#header-wrapper");if(e.scrollTop()>80){t.addClass("sticky_header")}else{t.removeClass("sticky_header")}});$(".tweetbox").parent(".post-outer").addClass("hasTweet");$(".quotebox").parent(".post-outer").addClass("hasQuote");$(".widget-content").each(function(){var e=$(this).text();if(e.substr(0,10).match("fbbox")){e=e.replace("fbbox/","");$(this).html('<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href='+e+'&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=1760806057479925" style="border:none; overflow:hidden; width:100%; height:258px;"></iframe>')}});var e=$("#sidetabs #tabside1 .widget h2").text();$(".menu-tab .item-1 a").text(e);var t=$("#sidetabs #tabside2 .widget h2").text();$(".menu-tab .item-2 a").text(t);var n=$("#sidetabs #tabside3 .widget h2").text();$(".menu-tab .item-3 a").text(n);$("#tabside1 .widget h2,#tabside2 .widget h2,#tabside3 .widget h2,#tabside1 .widget-title,#tabside2 .widget-title,#tabside3 .widget-title").remove();$(".sidetabs").tabslet({mouseevent:"click",attribute:"href",animation:true});if($(".related-box").length!==0){$(function(){$(".related-tom").jCarouselLite({btnNext:".next2",btnPrev:".prev2",visible:2,start:0,auto:1e4})})}if($(".related-box").length===0){$("#related-posts").remove()}var r=function(e){e=$.extend({length:200,ellipsis:""},e);$(".label_title").each(function(){var t=$(this);var n=t.text();var r=n.substring(0,e.length)+e.ellipsis;t.text(r)})};r();$(".menu li").each(function(){$(this).hoverTimeout(0,function(){$(this).children("ul").slideDown()},0,function(){$(this).children("ul").hide()})});if($(".slider .recent-box").length!==0){$(function(){$(".slider-label").jCarouselLite({btnNext:".next",btnPrev:".prev",visible:3,scroll:1,start:1,auto:5e3})})}if($(".slider-side .recent-box").length!==0){$(function(){$(".slider-side").jCarouselLite({btnNext:".next3",btnPrev:".prev3",visible:1,scroll:1,start:1,auto:1e4})})}var i=document.querySelector(".index .blog-posts");var s=new Masonry(i,{itemSelector:".post-outer"});$(function(){$(window).scroll(function(){if($(this).scrollTop()>100){$(".gototop").fadeIn()}else{$(".gototop").fadeOut()}});$(".gototop").click(function(){$("body,html").animate({scrollTop:0},800);return false})})});

// Resize Image to Parent Container - 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);

// Slider Image Load
$(document).ready(function(){$(".slider .label_thumb, .slider-side .label_thumb").each(function(){$(this).attr("src",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("src",function(e,t){return t.replace("s72-c","s320")})});$(".slider .label_thumb, .slider-side .label_thumb").resizeToParent()});

// After Page Load functoins
$(window).bind("load",function(){$(".slider .label_thumb, .slider-side .label_thumb").resizeToParent();var e=document.querySelector(".index .blog-posts");var t=new Masonry(e,{itemSelector:".post-outer"});$("html").addClass("page-load");$(".item .soundcloudbox iframe").attr("height","300px");$(".item .soundcloudbox").parent().css("height","300px");var n=$(".item .vimeobox").width();var r=n*480/853;$(".item .vimeobox iframe").attr("height",r).attr("width","100%");var i=$(".item .videobox").width();var s=i*480/853;$(".item .videobox iframe").attr("height",s).attr("width","100%");$(".slider script,#related-posts script,ul.post-pager script,.slider-side script,.recent-posts script,.recent-comments script").remove()});

// Simple Tab JQuery Plugin by Taufik Nurrohman With some help: http://css-tricks.com/forums/discussion/18008/jquery-plugin-patterns-that-can-be-applied-for-multiple-elements - https://plus.google.com/108949996304093815163/about
(function(a){a.fn.simpleTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simpleTab").prepend('<ul class="tab-wrapper"></ul>');c.addClass("tab-content").each(function(){a(this).hide();e.find(".tab-wrapper").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".tab-wrapper a").on("click",function(){var f=a(this).parent().index();a(this).closest(".tab-wrapper").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);

// Shortcodes
(function(){var e=document.getElementsByTagName("pre"),t=e.length;for(var n=0;n<t;n++){e[n].innerHTML='<span class="line-number"></span>'+e[n].innerHTML+'<span class="cl"></span>';var r=e[n].innerHTML.split(/\n/).length;for(var i=0;i<r;i++){var s=e[n].getElementsByTagName("span")[0];s.innerHTML+="<span>"+(i+1)+"</span>"}}})();$(document).ready(function(){$("#contact").appendTo(".contact-form");$(".contact-form #contact").css("display","block");$(".post-tabs").simpleTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400})});
   //]]>
</script>

<script type='text/javascript'>
//<![CDATA[
var pageCount=7;
var displayPageNum=1;
var upPageWord ='<i class="fa fa-angle-double-left"></i>';
var downPageWord ='<i class="fa fa-angle-double-right"></i>';
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
// Page Navigation
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #30292b;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #30292b;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
   //]]>
</script>
</b:if>
</b:if>

</body>
</html>

مدونة تصميم قوالب

الاثنين، 29 فبراير 2016

قالب مدونة بني باقسام مختلفة

ليست هناك تعليقات:

إرسال تعليق

Author

Facebook

Subscribe

Ads

Categories

Flickr

Popular Posts

Recent

Random

Send Quick Message