Asia

Africa

Soundslides

Events

Photojournalism

Latest Post







<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <title>
        <data:blog.pageTitle/>
      </title>
      <b:else/>
      <title>
        <data:blog.pageName/>
        -
        <data:blog.title/>
      </title>
    </b:if>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <meta content='type your description here.' name='description'/>
    <meta content='type your keyword here' name='keywords'/>
    <meta content='INDEX, FOLLOW' name='ROBOTS'/>
    <link href='http://fonts.googleapis.com/css?family=Raleway:300,400,500,600' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Merriweather' media='all' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' media='all' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Vollkorn%3A400italic%2C700italic%2C400%2C700&amp;ver=4.1.7' id='google-vollkorn-css' media='all' rel='stylesheet' type='text/css'/>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&amp;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&amp;ver=4.1.7' id='google-roboto-cond-css' media='all' rel='stylesheet' type='text/css'/>
    <b:skin><![CDATA[
      /*
-----------------------------------------------
Free Blogger Template Designer
Theme Name:  NEOMAGz Responsive Magazine Blogger Template
Version:   1.0
Designed by : Uong Jowo
URI : http://uongjowo.blogspot.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#3A1F0A"/>
<Variable name="body.background" description="Body Background" type="background"
color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#3A1F0A url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYzc0YmY4NzItYzMzMC00MTNmLTg1ZTctMTlmMzNmMWMwMjRl) no-repeat fixed top center /* Credit: EricHood (http://www.istockphoto.com/googleimages.php?id=4573734&platform=blogger) */"/>
<Group description="Page Text" selector="body">
<Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd" value="#d78a4d"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#000000"/>
</Group>
<Group description="wrapper" selector="#wrapper">
<Variable name="btn.color" description="button tab menu Color" type="color" default="#FF8C00" value="#EC4C51"/>
</Group>
*/
* {margin:0;padding:0;}
body#layout .wrapper{width:1080px;}
body#layout .logo{width:30%;float:left;}
body#layout .menu-nav-top{width:40%;float:left;}
body#layout .sstop{width: 40%;float:right;}
body#layout #main-nav {width:100%;}
body#layout #main-nav .section{width: 20%;float:left;}
body#layout #main-nav li{list-style:none;}
body#layout .content{width:71.66666667%;float:left;}
body#layout .col-md-4{width:28.33333333%;float:right;}
body#layout .col-md-7{width: 58.33333333%;float:left;}
body#layout .col-md-3{width: 25%;float:right;}
body#layout .column2{width:48%;float:left;}
body#layout .footer-widgets-box{width:24%;float:left;}
*,*:after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:$(body.background);color:$(body.text.color);}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}.row{margin-right:-15px;margin-left:-15px;}
.roow{margin-right:0;margin-left:-25px;}
*{padding:0;margin:0;outline:0;list-style:none;border:0 none}
html{-ms-touch-action:manipulation;touch-action:manipulation}
body{color:#333;font-family:'Merriweather',Arial,Verdana,sans-serif;font-size:13px}
pre,code{direction:ltr;font:11px/19px 'andale mono','lucida console',monospace;padding:3px;display:block;overflow-x:visible;overflow-y:hidden;margin:0 0 20px 0;color:#666;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}
h1,h2,h4,h5,h6{font-weight:normal}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{clear:both;margin-left:auto;margin-right:auto}
a{color:#444;text-decoration:none;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
a:hover{color:#000}
.clear{clear:both}
.main{position:relative}
.post-title a,ul.slider-navigation li,.pagenavi a,a.more-link,.main-menu li a,.subscribe-icons a,.flickr_badge_image img,.mega-menu-link img{webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.button,a.button,#main-content input[type="submit"],#main-content input[type="submit"]:focus,span.onsale{padding:6px 8px;display:inline-block;border:0;font-family:Arial,sans-serif;font-weight:bold;cursor:pointer;line-height:17px;width:auto;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:$(btn.color);color:#FFF;text-decoration:none;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}
.button:hover,a.button:hover,#main-content input[type="submit"]:hover{background:#444!important;text-decoration:none!important}
textarea,input[type=text],input[type=password],input[type=email],select{border:1px solid #e0e0e0;padding:8px 6px;outline:0;font-size:13px;color:#888;margin:0;max-width:100%;display:block;background:#fff;-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 0 rgba(0,0,0,0.03);transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
input,select{cursor:pointer}
input[type=text],input[type=password],input[type=email]{cursor:text}
textarea{overflow:auto;width:97%}
textarea,input{padding:5px;outline:0}
select{padding:2px}
option{padding:0 4px}
input[type=button],button{padding:4px;cursor:pointer;vertical-align:middle}
input.text_input,textarea.textarea{border:1px solid #ccc;-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px}
input.text_input:focus,textarea.textarea:focus{border:1px solid #999}
::-moz-selection{background:$(btn.color);color:#fff;text-shadow:none}
::selection{background:$(btn.color);color:#fff;text-shadow:none}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#fff;-webkit-box-shadow:inset 1px 1px 2px #e0e0e0;border:1px solid #d8d8d8}
::-webkit-scrollbar-thumb{background:$(btn.color);-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4)}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3)}
::-webkit-scrollbar-thumb:active{background:#888;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3)}
.wrapper{position:relative;z-index:1;width:100%;margin:20px auto;-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5);box-shadow:0 0 10px 0 rgba(0,0,0,0.5);background:#FFF}
.wrapper:after,#main-content:after{display:block;visibility:hidden;clear:both;height:0;content:" "}
.container{width:100%;max-width:1160px;margin:0 auto}
header#theme-header{margin:0 0;position:relative;z-index:1}
header#theme-header:after,#signup_form:after,#buddypress:after,#main-nav:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.top-nav ul li a,.top-nav .breaking-news a{display:inline-block;height:30px;line-height:30px;color:#444;padding:0;font-size:12px}
.top-nav ul li a:hover,.top-nav .breaking-news a:hover{color:#000}
.banner{z-index:99999;width:100%;margin:0 auto;height:50px;position: relative;}
#main-nav{margin:0 auto;width:100%;background:#2d2d2d;min-height:0;height:53px;border-bottom:3px solid $(btn.color);}
.wrapper,.banner,#main-nav,#main-nav .container{max-width:1180px;}
#top_mobilenav{position:absolute;top:10px;left:10px}
#top_mobilenav,#mobilenav{display:none}
#mobilenav i{color:$(btn.color);font-size:27px}
#top_mobilenav i{color:$(btn.color);font-size:20px}
#top-menu-mob,#main-menu-mob{display:none}
#top-menu-mob{background:#222;width:710px;padding:5px;border:1px solid #000;color:#DDD;height:27px;margin:13px 0 0 10px}
#top-menu-mob{width:350px;margin:2px 0 0 0}
#main-nav:after{display:block;visibility:hidden;clear:both;height:0;content:" "}
#mobile-menu li.menu-item-home a:before,#main-nav .mega-cat-content.mega-cat-sub-exists .mega-cat-content-tab.loading-items:before,.woocommerce-pagination .page-numbers li .page-numbers.next:before,.woocommerce-pagination .page-numbers li .page-numbers.prev:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#theme-header{background:#FFF;margin:0 auto;position:relative}
#main-nav ul li.menu-item-has-children:after,#main-nav ul li.mega-menu:after,.top-menu ul li.menu-item-has-children:after{position:absolute;right:7px;top:50%;display:inline-block;content:'';width:0;height:0;border:4px solid transparent;border-top:4px solid #bbb}
#main-nav ul ul li.menu-item-has-children:after,#main-nav ul ul li.mega-menu:after,.top-nav .top-menu ul ul li.menu-item-has-children:after{border:4px solid transparent;border-left-color:#bbb}
.search-block{height:40px;overflow:hidden;float:right;margin-left:5px;position:relative}
.search-block:after{content:" ";display:block;width:0;height:0;position:absolute;top:14px;z-index:2;right:35px;border:4px solid transparent;border-right-color:$(btn.color)}
.search-block #s{background:#fefefe;float:right;font:normal 11px tahoma;padding:12px 12px 13px 12px;width:90px;color:#999;border:0 none;border-left:1px solid #eee;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;opacity:.7}
.search-block #s:focus{color:#444}
.search-block .search-button{cursor:pointer;float:right;height:40px;width:35px;display:block;border:0 none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;opacity:1;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;transition:all ease-in-out .4s;border-right:1px solid #222;padding:0 5px 0 0;margin:0}
.search-block:hover .search-button,.search-block:hover #s{opacity:1;color:#444}
.search-block button.search-button:before{content:'GO';font-size:14px;width:35px;height:40px;line-height:40px;color:#FFF}
.search-block .search-button{background:$(btn.color);cursor:pointer;float:right;height:40px;width:35px;display:block;border:0 none;box-shadow:none!important;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.search-block .search-button:active{top:0}
.search-block:hover .search-button,.search-block:hover #s-header{opacity:1;color:#444}
.menu-nav-top h2{display:none;}
.tn-navbar{line-height:38px;color:#666;border-top:3px solid $(btn.color);border-bottom:1px solid #e2e2e2;padding:0 30px;}
.menu-nav-top{float:left;display:block;width:50%;margin-left:0;margin-right:0;margin-bottom:0;text-align:center}
.menu-top{margin:0}.menu-nav-top li{display:block;float:left}.menu-nav-top li a{text-transform:uppercase;padding:0 10px;font-size:.75em;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.menu-nav-top li a:hover{background:#ec4c51;color:#fff}.menu-nav-top li a{text-decoration:none!important}
.social-icons{float:right;padding-top:0px}
.social-icons a{color:#fff;border-left:0px solid #ddd;margin:0;padding:0;}
.social-icons a,.footer-bottom .social-icons a{opacity:.5}
.social-icons a:hover,.footer-bottom .social-icons a:hover{top:0;opacity:1}
.social-icons i:before,.footer-bottom .social-icons i:before{padding:10px;line-height:26px;font-size:14px;background:#222}
.header-content{padding:10px 30px;margin:0 auto}
.logo{float:left;width:280px;}
.logo img{max-width:100%}
.logo h1,.logo h2{font:bold 32pt arial}
.logo strong{display:none}
.logo span{font-weight:normal;font-size:14px;display:block;clear:both}
.fixed-menu{-webkit-animation:showStickyMenu .35s;animation:showStickyMenu .35s;-webkit-transform-origin:0 0;-o-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden}@-webkit-keyframes showStickyMenu{from{-webkit-transform:scaleY(0);opacity:0}to{-webkit-transform:scaleY(1);opacity:1}}@keyframes showStickyMenu{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
#main-nav .container{position:relative;margin:0 auto;}
#main-nav .main-menu{margin-left:0}
#main-nav ul li{font-size:15px;position:relative;display:inline-block;float:left;border:1px solid #222;border-width:0 0 0 1px;height:50px;text-transform:uppercase;font-family:"Roboto Condensed",serif;font-weight:500;}
#main-nav ul li:first-child,#main-nav ul li:first-child a{border:0 none}
#main-nav ul li:last-child a{border-right-width:0}
#main-nav ul li a{display:inline-block;height:50px;position:relative;line-height:50px;color:#ddd;padding:0 20px;border:1px solid #383838;border-width:0 0 0 1px}
#main-nav ul li i.fa,#slide-out ul li i.fa,#mobile-menu li.menu-item-home a:before{margin-right:5px}
#main-nav ul li.menu-item-has-children a,#main-nav ul li.mega-menu a{padding-right:20px}
#menu-main-menu>li>a.current,#menu-main-menu>li>a.current:hover,#main-nav ul li.current-menu-item a,#main-nav ul li.current-menu-item a:hover,#main-nav ul li.current-menu-parent a,#main-nav ul li.current-menu-parent a:hover,#main-nav ul li.current_page_parent a,#main-nav ul li.current_page_parent a:hover,#main-nav ul li.current-page-ancestor a,#main-nav ul li.current-page-ancestor a:hover{background:$(btn.color);margin-top:0px;color:#FFF;height:50px;line-height:50px;text-align:center;border-width:0!important;}
#main-nav ul li.current-menu-item .menu-sub-content a,#main-nav ul li.current-menu-item .menu-sub-content a:hover,#main-nav ul li.current-menu-parent .menu-sub-content a,#main-nav ul li.current-menu-parent .menu-sub-content a:hover,#main-nav ul li.current_page_parent .menu-sub-content a,#main-nav ul li.current_page_parent .menu-sub-content a:hover,#main-nav ul li.current-page-ancestor .menu-sub-content a,#main-nav ul li.current-page-ancestor .menu-sub-content a:hover,#main-nav ul li.current-menu-item .menu-sub-content ul,#main-nav ul li.current-menu-parent .menu-sub-content ul,#main-nav ul li.current_page_parent .menu-sub-content ul,#main-nav ul li.current-page-ancestor .menu-sub-content ul{top:0}
#main-nav ul li.menu-item-has-children:after,#main-nav ul li.mega-menu:after{border-top-color:#ddd}
#main-nav ul ul li.menu-item-has-children:after{border-left-color:#ddd}
#main-nav ul>li.menu-item-has-children:hover>a:after,#main-nav ul>li.mega-menu:hover>a:after{content:"";position:absolute;left:20px;top:40px;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent $(btn.color);display:block;width:0;z-index:200;-webkit-animation:fadeInDown .2s ease-in;-moz-animation:fadeInDown .2s ease-in;animation:fadeInDown .2s ease-in}
#main-nav ul ul li.current-menu-item a,#main-nav ul ul li.current-menu-item a:hover,#main-nav ul ul li.current-menu-parent a,#main-nav ul ul li.current-menu-parent a:hover,#main-nav ul ul li.current_page_parent a,#main-nav ul ul li.current_page_parent a:hover,#main-nav ul ul li.current-page-ancestor a,#main-nav ul ul li.current-page-ancestor a:hover{border-width:1px!important}
#main-nav ul ul>li.menu-item-has-children:hover>a:after,#main-nav ul ul>li.mega-menu:hover>a:after,#main-nav ul li .mega-menu-block ul.sub-menu:before{display:none}
#main-nav ul>li.current-menu-item.menu-item-has-children:hover>a:after,#main-nav ul>li.current_page_parent.menu-item-has-children:hover>a:after{top:45px}
#main-nav ul ul.sub-menu{width:200px;z-index:250}
#main-nav ul ul ul.sub-menu,#main-nav ul ul li.current-menu-item ul,#main-nav ul ul li.current_page_parent ul,#main-nav ul ul li.current-menu-parent ul,#main-nav ul ul li.current-page-ancestor ul{top:-2px}
#main-nav ul .mega-menu-block ul ul.sub-menu,#main-nav ul .mega-menu-block ul li.current-menu-item ul,#main-nav ul .mega-menu-block ul li.current_page_parent ul,#main-nav ul .mega-menu-block ul li.current-menu-parent ul,#main-nav ul .mega-menu-block ul li.current-page-ancestor ul{top:0}
#main-nav .menu-sub-content{display:none;padding:0;position:absolute;z-index:205;border-top:2px solid $(btn.color);background:#fff;color:#333;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#main-nav ul li.current-menu-item ul,#main-nav ul li.current-menu-parent ul,#main-nav ul li.current_page_parent ul,#main-nav ul li.current-page-ancestor ul{top:52px}
#main-nav ul ul li,#main-nav ul ul li:first-child{background:none!important;width:100%;border:0 none;border-bottom:1px solid #eee;font-size:12px;height:auto!important;margin:0!important}
#main-nav ul ul ul,#main-nav ul li .mega-menu-block ul.sub-menu{border-top:0 none}
#main-nav ul ul li:first-child,#main-nav ul li.current-menu-item ul li:first-child,#main-nav ul li.current_page_parent ul li:first-child,#main-nav ul li.current-menu-parent ul li:first-child{border-top:0 none!important}
#main-nav ul ul ul{right:auto;left:100%;top:0;z-index:210}
#main-nav ul ul a,#main-nav .mega-menu-block a{border:0 none;background:none!important;height:auto!important;line-height:1.5em!important;padding:7px;display:block;margin-right:0;z-index:210;color:#ccc}
#main-nav .mega-menu-block a{color:#333;}
#main-nav .mega-menu-block a.mega-menu-link{padding:0;margin-top:10px}
#main-nav ul li.current-menu-item ul a,#main-nav ul li.current_page_parent ul a,#main-nav ul li.current-menu-parent ul a,#main-nav ul li.current-page-ancestor ul a{color:#eee}
#main-nav ul li:hover>a,#main-nav ul:hover>a{color:#999}
#main-nav ul ul li:hover>a,#main-nav ul ul:hover>a{color:#000;padding-left:15px;padding-right:5px}
#main-nav ul li:hover>ul,#main-nav ul li:hover>.mega-menu-block{display:block;-webkit-animation:fadeInDown .2s ease-in;-moz-animation:fadeInDown .2s ease-in;animation:fadeInDown .2s ease-in}
#main-nav ul li.current-menu-item,#main-nav ul li.current_page_parent,#main-nav ul li.current-menu-parent,#main-nav ul li.current-page-ancestor{margin-top:-5px;height:52px;border-width:0}
#main-nav ul li.menu-item-home a{font-size:32px;text-align:center;width:52px}
#main-nav ul li.menu-item-home.current-menu-item a{background-position:center 13px;height:52px}
#main-nav ul li.menu-item-home:after{display:none}
#main-nav ul li.menu-item-home ul li a,#main-nav ul ul li.menu-item-home a,#main-nav ul li.menu-item-home ul li a:hover{background-color:transparent!important;text-indent:0;background-image:none!important;height:auto!important;width:auto}
#main-nav ul li.mega-menu .mega-menu-block{width:1070px;left:0;padding:20px 10px}
#main-nav ul li.mega-menu .mega-menu-block img{max-width:100%;height:auto}
#main-nav ul li.mega-menu .post-thumbnail,#main-nav ul li.mega-menu .post-thumbnail a,#main-nav ul li .mega-menu-block .tie-date i.fa{margin:0;padding:0}
#main-nav ul li.mega-menu.mega-links .mega-menu-block{padding-right:0}
#main-nav ul li.mega-menu.mega-links .mega-menu-block .sub-menu-columns-item{-webkit-animation:none;-moz-animation:none;animation:none}
#main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column{float:left;border:0 none;margin-bottom:10px;padding-right:25px;width:50%}
#main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column:after{display:none}
#main-nav ul li.mega-menu.mega-links a.mega-links-head{padding:10px 0;text-align:center;display:block;font-size:14px;font-weight:bold;margin-bottom:10px}
#main-nav li.mega-menu.mega-links .mega-menu-block .mega-links-5col{padding:20px}
#main-nav li.mega-menu.mega-links .mega-menu-block .mega-links-3col ul li.mega-link-column{width:33.333%}
#main-nav li.mega-menu.mega-links .mega-menu-block .mega-links-4col ul li.mega-link-column{width:25%}
#main-nav li.mega-menu.mega-links .mega-menu-block .mega-links-5col ul li.mega-link-column{width:20%}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block{padding:0}
#main-nav .mega-cat-wrapper{clear:both}
#main-nav ul ul.sub-menu.mega-cat-more-links{width:100%;margin:10px 0}
#main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li{float:left;width:29.333333%;margin:0 2%!important}
#main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li ul li{float:none;width:100%;margin:0!important}
.mega-cat-wrapper .widget-content{float:left;width:20%;padding-top:0;background:#f6f6f6;}
#main-nav ul li.cat-active a{background:#eee!important;color:#444;}
#main-nav .mega-cat-content-tab{display:none;overflow:hidden}
#main-nav .mega-cat-content-tab a{cursor:default}
#main-nav .mega-cat-content-tab.already-loaded a{cursor:pointer}
#main-nav .mega-cat-content{float:left;padding:20px;padding-right:0}
#main-nav .mega-cat-content.mega-cat-sub-exists{background:#fff;float:left;width:80%;position:relative}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post{float:left;padding-right:20px;width:33.333%;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.mega-menu-post .post-thumbnail{width:100%;height:140px;overflow:hidden;margin-right:0;margin-left:0;margin-bottom:10px}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .already-loaded .mega-menu-post{opacity:1}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post a{border:0 none;padding:0}
#main-nav ul ul.sub-menu.mega-cat-more-links:after{content:' ';display:block;clear:both}
#main-nav .mega-recent-featured-list{width:100%;padding:20px 30px;float:left}
#main-nav ul li.mega-menu.mega-recent-featured .mega-menu-block .mega-recent-post a{border:0 none;padding:0}
#main-nav .mega-menu-content .mega-recent-post{float:left;height:300px;width:33%;padding-right:3%}
#main-nav .mega-menu-content .mega-recent-post.four{float:left;height:250px;width:25%;padding-right:3%}
#main-nav .mega-menu-content .mega-check-also{float:left;width:33%;padding-right:3%;height:100px;}
#main-nav .mega-menu-content .mega-check-also h3{padding-top:10px;font-size:12px;line-height:1.2em;}
#main-nav .mega-menu-block .mega-check-also a.mega-menu-link{display:inline;margin-top:0}
#main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail{margin-right:10px;float:left;width:120px;height:80px;overflow:hidden}
#main-nav .mega-menu-content .mega-recent-post .post-thumbnail{margin-bottom:10px;float:none;width:100%;height:160px;overflow:hidden}
#main-nav .mega-menu-content .mega-recent-post .post-thumbnail img,#main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail img{width:100%;height:auto}
#main-nav ul li ul.sub-menu li a{color:#333;}
#main-nav .mega-menu-content .widget{position:relative;}
#main-nav .mega-menu-content .widget h2{height:40px;text-indent:-99999px;}
.main-nav-logo{padding:10px 10px 0;float:left;display:none;opacity:.8}
.main-nav-logo:hover{opacity:1}
.main-nav-logo img{height:27px;width:auto}
.fixed-nav .main-nav-logo{display:block}
a.random-article,a.tie-cart{background:#494949;width:42px;height:47px;display:block;float:right;margin-left:1px;color:#FFF;text-align:center;position:relative}
a.random-article i:before,a.tie-cart i:before{font-size:18px;width:42px;line-height:50px}
a.random-article:hover,a.tie-cart:hover{background-color:#777}
a.tie-cart span.shooping-count{display:block;position:absolute;background:#f88c00;top:5px;right:4px;padding:1px 5px;font-size:11px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#main-nav-uber a.random-article,#main-nav-uber a.tie-cart{position:absolute;top:0;right:0;margin:0;height:40px;z-index:999}
#main-nav-uber a.random-article:before,#main-nav-uber a.tie-cart:before{line-height:40px}
.morepost{position:absolute;left:0;top:0;padding:0;color:#333;height:40px;line-height:40px;z-index:2}
.morepost a{color:#fff;font-size:18px}
#main-content{margin:20px auto 25px;position:relative;z-index:0}
.content{float:left}
#crumbs{margin-bottom:10px;clear:both;padding-bottom:5px;border-bottom:1px solid #DDD}
div.latest {position:relative}
div.latest li{width:100%;padding:10px 0;border-bottom:1px solid #DDD;float:left;padding-right:0}
div.latest li:last-child{border-bottom:0}
div.latest li h3{font-size:13px}
div.latest li .s-thumbnail{float:left;width:70px;height:60px;overflow:hidden;margin-right:10px;}
.cat-box .widget-content{margin-top:15px;color:#888;}
.cat-box .widget{margin-bottom:45px;position:relative}
.cat-box .widget h2{background:#333;position:relative;text-indent:-9999px;height:30px;border-bottom:1px solid $(btn.color)}
.empty-space{height:30px}
.wide-box .empty-space,.recent-box .recent-post1.recent-post-blog .empty-space{height:20px}
.recent-box .recent-post-blog .empty-space{height:0}
.cat-box-title{background:$(btn.color);color:#FFF;float:left;padding:0 10px;font-size:14px;line-height:30px;font-family:Oswald,arial,Georgia,serif;text-transform:uppercase;position:absolute;left:0;top:0;z-index:6}
.cat-box-title a{color:#FFF}
.cat-box-title a:hover{color:#DDD}
.cat-box-title:before{content:'';display:inline-block;width:10px;height:10px;position:relative;background:#fff;margin-right:10px}.recent-box h2:before,
.sidebar .widget h2:before{content:'';display:inline-block;width:10px;height:10px;position:relative;background:$(btn.color);margin-right:10px}
p.post-meta{text-transform:uppercase;color:#999;margin:7px 0;font-size:11px}
p.post-meta a{color:#aaa}
p.post-meta a:hover{border-bottom:1px #000 dotted;color:#000;text-decoration:none}
.post-meta .stars-small{float:left;margin:-1px 5px 0 0}
.cat-box.column2{float:left}
.cat-box.column2.last-col{padding-right:0!important}
.column2 li,.wide-box li:nth-child(odd){margin-left:0;margin-right:0}
.column2 li,li.other-news{overflow:auto;padding:10px 0;border-bottom:1px solid #eaeaea;-webkit-transition:all .40s;-moz-transition:all .40s;-o-transition:all .40s;transition:all .40s}
.list-box li h3,.column2 li h3,.wide-box li h3{font-size:14px;line-height:1.2em;font-family:Open Sans,serif;font-weight:600}
li:first-child p{padding:0}
.column2 li:first-child{border-bottom:1px solid #eaeaea;padding:0 0 10px}
.list-box li:first-child h3,.column2 li:first-child h3,.wide-box li:first-child h3{font-size:20px;padding-top:7px}
.list-box li:first-child h3{padding-bottom:10px}
.wide-box li:first-child{width:100%;float:left;height:auto;border-bottom:0;padding-top:0;}
.wide-box li{overflow:hidden;padding:10px 0;border-bottom:1px solid #eaeaea;-webkit-transition:all .40s;-moz-transition:all .40s;-o-transition:all .40s;transition:all .40s;width:50%;float:left;height:95px}
.wide-box ul{overflow:hidden}
.column2 li:first-child p.post-meta,.wide-box li:first-child p.post-meta{margin:10px 0}
.wide-box li:first-child .post-thumbnail{width:50%;height:160px;overflow:hidden;float:left;margin-right:15px}
.wide-box li:nth-child(2n){padding-right:10px}
.wide-cat-box .wide-news-item{width:282px;float:left;margin-right:10.5px}
.recent-box li:first-child .post-thumbnail{width:100%;height:120px;overflow:hidden;float:left;margin-bottom:15px}
.list-box,.wide-box{clear:both}
.list-box li{border-bottom:1px solid #eaeaea;overflow:hidden;padding:0 0 10px 0;margin-bottom:10px;width:48%;float:right;clear:right}
.list-box li:first-child p.post-meta{margin:0 0 10px}
.list-box li:first-child{padding:0;border-bottom:0;width:52%;float:left;padding-right:30px}
.pic-box .cat-box-content{padding:0}
.pic-box li:first-child,
.pic-box li{width:16.66666667%;overflow:hidden;float:left;padding:0 0 2px 2px}
.pic-box li:first-child .post-thumbnail,.pic-box li .post-thumbnail{position:relative;float:none}
.pic-box.pic-grid.cat-box li{width:16.65%}
.pic-boxx li:first-child,
.pic-boxx li{width:70px;height:75px;overflow:hidden;float:left;margin:0 0 10px 10px}
.pic-box li:first-child .post-thumbnail a{color:#FFF}
.wide-box li .post-thumbnail,.cat-box li .post-thumbnail{float:left;width:130px;height:80px;overflow:hidden}
.cat-box.pic-box li:first-child .post-thumbnail,.cat-box.pic-box li .post-thumbnail{margin:0;height:180px;width:100%}
.cat-box.pic-box li .post-thumbnail img{width:110%;height:auto}
.recent-box li:first-child .post-thumbnail img,.cat-box li .post-thumbnail img{width:100%;height:auto}
.scroll-box{clear:both}
.scroll-box .cat-box-content{position:relative}
.scroll-box .scroll-item{float:left;width:34.633%;padding-right:30px;height:190px}
.scroll-box.three .scroll-item:nth-child(3n){width:30.633%;padding-right:0}
.scroll-box .scroll-item .post-meta .stars-small{float:none;margin-top:3px}
.group_items-box,.group_items{height:190px!important;width:100%!important;overflow:hidden}
.group_items .scroll-item:last-child{margin-right:0!important}
.scroll-nav{z-index:10;position:absolute;top:2px;right:0;}
.scroll-nav a{background-color:$(btn.color);width:25px;height:25px;overflow:hidden;display:inline-block;margin-left:2px;-webkit-transition:all .40s;-moz-transition:all .40s;-o-transition:all .40s;transition:all .40s;float:right;text-align:center}
.scroll-nav a:hover{background-color:#939393!important}
.scroll-nav a i:before{width:25px;height:25px;line-height:25px;color:#FFF;font-size:14px}
.scroll-box-wide{margin-top:20px}
.scroll-box-wide .group_items-box,.scroll-box-wide .group_items{height:580px!important;width:640px}
.scroll-box.scroll-box-wide .scroll-item{width:52%;height:290px}
.scroll-box.menu-box-wide .scroll-item{width:25%;height:250px}
.scroll-box.menu-box-wide .scroll-item:nth-child(4n){padding-right:0}
.scroll-box.scroll-box-wide .scroll-item:nth-child(2n){width:48%;padding-right:0}
.scroll-box.menu-box-wide .widget-content{padding:20px 0}
.scroll-box.three .scroll-item h3 {font-size:16px;line-height:1.2em;}
.scroll-box .scroll-item h3 {font-size:16px;line-height:1.2em;}
.scroll-box.big{position:relative;margin-bottom:30px;overflow:hidden;}
.scroll-box.big .group_items-box,.scroll-box.big .group_items{ height:400px!important;position:relative;width:100%!important;overflow:hidden}
.scroll-box.big .scroll-item{position:relative;float:left;width:100%;padding-left:0;padding-right:0;height:400px;margin:0;background:#fff;overflow:hidden}
.scroll-box.big .scroll-item .post-thumbnail{width:100%;height:400px;overflow:hidden;position:relative;margin:0 0}
.scroll-box.big .scroll-item h3 {font-size:35px;line-height:1.2em;margin-bottom:15px;max-width:50%}
.scroll-box.big .scroll-item h3 a{color:#fff;}
.scroll-box.big .scroll-nav{z-index:10;position:absolute;top:auto;bottom:20px;right:auto;left:30px;}
.scroll-box.big .scroll-nav a{width:40px;height:40px;line-height:40px;background:rgba(0,0,0,0.2);}
.scroll-box.pop .scroll-nav a{background:rgba(0,0,0,0.7);}
.scroll-box.big .scroll-nav a i:before{width:40px;height:40px;line-height:40px;color:#FFF;font-size:18px}
.scroll-box.big .scroll-item  .post-wrap{width:100%;position:absolute;bottom:0;left:0;line-height:1.2em;padding:0 3% 7%;color:#fff;}
.scroll-box.pop{position:relative;margin:0 0 30px;}
.scroll-box.pop .widget h2{position:absolute;top:0;border:none;z-index:9;color:#fff;}
.scroll-box.pop .widget-content{position:relative;padding:0;}
.scroll-box.pop .group_items-box,.scroll-box.pop .group_items{height:400px!important;width:100%!important;overflow:hidden}
#nav4 { width: 40%;z-index:9; margin: 0;position:absolute;right:-40%;bottom:20px;opacity:0;
-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;-webkit-transition: all 0.9s ease;transition: all 0.9s ease;
}
#nav4 li { width: 49%;height:110px; float: left; margin:5px 0 5px 1%; list-style: none;overflow:hidden;
border: 5px double #eee;
padding:0px;
}
#nav4 a { width: 100%;height:110px; padding: 0; display: block; }
#nav4 li.activeSlide { border-color: $(btn.color) }
#nav4 a:focus { outline: none; }
#nav4 img { width: 110%;height:auto; border: none; display: block;text-align:center; }
.scroll-box.big .cat-box-content:hover #nav4 {width: 40%;right:10px;opacity:1}
#PopularPosts2 .scroll-item{position:relative;padding:0;height:185px;float:left;width:100%;margin-bottom:30px}
#PopularPosts2 .item-thumbnail{float:none;width:100%;height:185px;overflow:hidden;margin:0;padding:0}
#PopularPosts2 .item-thumbnail img{float:left;width:105%;height:auto}
#PopularPosts2 .item-title{position:absolute;bottom:0;padding:5px 10px 9px;line-height:1.2em;font-family:Open Sans,serif;font-weight:600;font-size:18px}
#PopularPosts2 .item-title a{color:#fff;}
#PopularPosts2 .item-snippet{color:#ddd;max-height:0;font-size:11px;line-height:1.2em;margin-top:5px;-moz-transition:max-height .8s;-ms-transition:max-height .8s;-o-transition:max-height .8s;-webkit-transition:max-height .8s;transition:max-height .8s;overflow:hidden}
#PopularPosts2 .scroll-item:hover .item-snippet{max-height:185px}
.thumb-overlay{position:absolute;display:block;left:0;right:0;bottom:0;top:50%;pointer-events:none;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=0)}
.scroll-box.related .scroll-item .post-wrap,
.scroll-box .scroll-item  .post-wrap
{padding-top:40px;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);}
.recent-box{clear:both}
.recent-box .cat-box-content{position:relative}
.recent-box .recent-item{float:left;width:200px;margin:0 10px 10px 0;height:190px}
.recent-box .recent-item:nth-child(3n+3){margin-right:0}
.recent-box .item-list{padding:15px 0}
.recent-box .item-list h2,.cat-box.wide-box .first-news h2{padding-top:10px}
.recent-box .item-list p.post-meta{margin-bottom:0}
.recent-box-pagination{position:relative;margin:-46px 0 45px;border-top:1px solid #f2f2f2}
.recent-box-pagination .pagination{margin:0}
.page-head{padding:3px 0;overflow:hidden}
.page-head .stripe-line{margin-top:7px}
.page-title{float:left;margin-bottom:10px;font-size:26px;font-family:Oswald,arial,Georgia,serif;color:#000}
a.rss-cat-icon{float:right;content:'\f09e';width:16px;height:16px;margin:6px 0 0 4px;display:block}
a.rss-cat-icon:before{content:'\f09e';width:16px;height:16px;font-size:16px;line-height:16px;color:#f8bc2e}
.archive-meta{padding:15px 0}
.author-bio{clear:both;overflow:hidden;padding:15px 3px}
#author-avatar{float:left;margin-right:15px}
#author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border-radius:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
.main{margin-bottom:30px}
.post-inner{padding:0 0 20px 0}
.single-post-thumb{line-height:0}
.single-post-thumb img{width:100%;height:auto}
.head-lightbox a{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.head-lightbox a:hover{opacity:.8}
.single-post-caption{background:#eee;text-align:center;color:#555;padding:5px;font-size:90%}
.post-inner p.post-meta{border-bottom:1px solid #f2f2f2;padding-bottom:5px;margin-bottom:10px}
p.post-meta span{display:inline-block;margin-right:8px}
span.tie-date:before,span.post-comments:before,span.post-views:before,span.post-meta-author:before,span.post-cats:before{font-size:12px;width:15px;height:15px;line-height:15px;text-align:left}
span.tie-date:before{content:'\e805'}
span.post-comments:before{content:'\e802'}
span.post-views:before{content:'\e804'}
span.post-cats:before{content:'\e803'}
span.post-meta-author:before{content:'\e806'}
.item-list{border-bottom:1px solid #f2f2f2;padding:0 0 20px 0;clear:both}
.item-list p.post-meta{margin:10px 0}
.page-link{margin:15px 0 0;padding:10px;background:#f2f2f2}
.page-link a{color:#FFF!important;padding:5px 6px;background:#555}
.page-link a:hover{background:#333}
.post-tag{margin:-10px 0 20px}
.post-tag a{border-color:#dedede #d8d8d8 #d3d3d3;text-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;-moz-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;background:#fff;background:-moz-linear-gradient(top,#ffffff 0,#f6f6f6 47%,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#ffffff 0,#f6f6f6 47%,#ededed 100%);background:-o-linear-gradient(top,#ffffff 0,#f6f6f6 47%,#ededed 100%);background:-ms-linear-gradient(top,#ffffff 0,#f6f6f6 47%,#ededed 100%);background:linear-gradient(top,#ffffff 0,#f6f6f6 47%,#ededed 100%);display:inline-block;text-decoration:none;font-size:10px;padding:3px 8px;line-height:20px;color:#555;text-transform:uppercase;border:1px solid #dedede;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;cursor:pointer}
.post-tag a:hover{background:#FFF}
a.more-link{background:$(btn.color);color:#FFF;padding:3px 7px;display:block;float:left;margin-top:8px}
a.more-link:hover{background:#444!important}
.cat-box li a.more-link{display:none}
.cat-box li:first-child a.more-link{display:block}
.post-thumbnail{margin:0 15px 10px 0;position:relative;line-height:0}
.post-thumbnail img{-webkit-transition:all .40s;-moz-transition:all .40s;-o-transition:all .40s;transition:all .40s;width:100%;height:auto}
.post-thumbnail a:hover img{opacity:.7}
.item-list .post-thumbnail{float:left;width:300px;height:160px;overflow:hidden;margin-bottom:0}
.cat-box li .post-thumbnail{margin:0 15px 0 0}
.column2 .post-thumbnail{float:left}
.column2 li:first-child .post-thumbnail{margin:0 0 10px 0;float:none}
.column2 li:first-child .post-thumbnail img{width:100%;height:auto}
.wide-box li:first-child .post-thumbnail img{width:100%;height:auto}
.list-box li .post-thumbnail{float:left}
.list-box li:first-child .post-thumbnail{margin:0 0 15px 0;float:none;width:100%;height:180px;overflow:hidden}
.list-box li:first-child .post-thumbnail img{width:100%;height:auto}
.pic-box li:first-child .post-thumbnail{position:relative}
.scroll-box .scroll-item .post-thumbnail img{width:100%;height:auto}
.recent-item .post-thumbnail,.wide-cat-box .wide-news-item .post-thumbnail{margin:0 0 10px 0}
.column2 li:first-child .post-thumbnail{width:100%;height:180px;overflow:hidden;margin:0 0 10px 0}
.scroll-box .post-thumbnail{width:100%;height:120px;overflow:hidden;margin:0 0 10px 0}
.scroll-box.scroll-box-wide .post-thumbnail{height:190px}
.recent-item .post-thumbnail img{width:100%;height:auto}
.post-thumbnail img.attachment-tie-small{width:65px;height:65px}
.scroll-box .scroll-item h3,.item-title,li h3{font-family:Open Sans,serif;font-weight:600}
.recent-item li .post-thumbnail{float:left}
.share-post{clear:both;margin:10px 0 0;padding:10px 0 10px 10px;background:#f7f7f7;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;height:20px}
.mini-share-post{clear:both;margin:10px -20px -20px;padding:10px 10px 10px 25px;height:20px}
.recent-box .mini-share-post{margin-bottom:-5px}
.share-post li,.mini-share-post li{text-align:left;float:left;width:106px}
.entry{line-height:1.5}
.content .entry iframe{max-width:100%}
.entry p{padding-top:0;padding-bottom:1em}.post-body{overflow:hidden}
.post-body img{max-width:740px;}
.entry h4,.entry h5,.entry h6{margin-top:25px;margin-bottom:10px;line-height:1em;font-family:Helvetica;font-weight:normal}
h1.post-title{font-size:36px;font-family:Roboto Condensed,serif;font-weight:600}
.entry h2{font-size:30px}
.entry h3{font-size:24px}
.entry h4{font-size:18px}
.entry h5{font-size:14px}
.entry h6{font-size:12px}
.entry ol,.entry ul{margin:0 0 25px 10px}
.entry ul li{list-style:outside disc;list-style-type:disc;list-style-image:none;list-style-position:outside}
.entry ol li{list-style:outside decimal}
.entry li{margin:0 0 5px 10px}
.reactions-label span{margin:0 0 15px}
.attachment img{display:block;margin:0 auto}
blockquote{font-size:12px;font-style:italic;line-height:22px;padding:0 0 0 60px;margin:0 0 30px 40px;min-height:60px}
blockquote:before{content:'\275d';color:#555;font-size:55px;width:55px;height:55px;line-height:55px;margin-left:-70px;margin-top:10px;float:left}
#related_posts,#author-box{clear:both}
.block-head{padding:3px 0 0;overflow:hidden}
.block-head h3,#comments-title,#respond h3{padding-bottom:5px;border-bottom:4px solid #333;font-size:18px;font-family:Oswald,arial,Georgia,serif;text-transform:uppercase}
#related_posts .post-listing,#author-box .post-listing{padding:10px 0;margin-bottom:20px}
.item-thumbnail{position:relative}
.post-thumbnail a:hover .overlay-icon:before,.item-thumbnail a:hover .overlay-icon:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.overlay-icon:before{font-family:"FontAwesome";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;min-width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}
.overlay-icon:before{content:'\f15c';color:#FFF;display:block;position:absolute;top:50%;left:50%;border:3px solid #FFF;border-radius:100%;width:40px;height:40px;text-align:center;font-size:18px;line-height:35px;margin:-20px 0 0 -20px;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.item-thumbnail .overlay-icon:before{content:"\f005"}
.scroll-box .overlay-icon:before{content:"\f03c"}
.cat-box.pic-box .overlay-icon:before{content:"\f03e"}
.tie_audio .overlay-icon:before,.tie_soundcloud .overlay-icon:before{content:"\f028"}
.wide-box .overlay-icon:before{content:"\f16a"}
.cat-box.column2 .overlay-icon:before{content:"\f00b"}
.navigation{margin:10px 0;clear:both;overflow:hidden}
.nav-previous{float:left}
.nav-next{float:right}
.sidebar{float:right}
.full-width .sidebar,.full-width .sidebar-narrow{display:none!important}
.sidebar-left .sidebar{float:left}
.sidebar-left .content,.sidebar-left .sidebar-narrow{float:right}
div.latest h2,.sidebar .widget h2{font-size:14px;font-family:Oswald,arial,Georgia,serif;text-transform:uppercase;line-height:24px;padding-bottom:5px;border-bottom:4px solid #333}
.sidebar .widget-content{padding:10px 0;clear:both}
.widget-container h3{font-size:inherit}
.sidebar .widget-content li{padding:0 0 5px 12px;line-height:18px;overflow:hidden}
.widget-container li ul.children,.footer-widget-container li ul.children{margin-left:10px}
.widget-container li ul.children li,.footer-widget-container li ul.children li,.footer-widget-container ul.children{border:0 none!important}
.widget-container p{padding-bottom:1.0em}
.widget-container a:hover{text-decoration:underline}
.widget-container li span.date,.footer-widget-container li span.date{color:#AAA;margin:5px 0;font-size:85%}
.widget-container li .stars-small,.footer-widget-container li .stars-small{float:left;margin:2px 5px 0 0}
.widget-container .post-thumbnail,.footer-widget-container .post-thumbnail{float:left;margin:0 10px 0 0}
.review-widget .review-box{margin:0}
.review-widget .review-box h2.review-box-header{display:none}
.review-widget .review-box p{padding-top:1.0em;padding-bottom:1.0em}
.text-html-box{margin-bottom:20px}
.widget_rss .widget-title img{width:11px;height:11px}
.news-pic .post-thumbnail{margin:3px 7px}
#tabbed-widget{margin:30px 0;}
#tabbed-widget .tabs-wrap li,.comments-avatar .widget-container li,.posts-list .widget-container li,.categort-posts .widget-container li,.authors-posts .widget-container li,.widget.woocommerce .widget-container li{background:transparent;padding:8px 0 4px;border-bottom:1px solid #f2f2f2}
#tabbed-widget .tabs-wrap li:last-child{background:transparent;padding:8px 0 4px;border-bottom:1px solid #f2f2f2}
.authors-posts .widget-container li strong{float:right;display:block}
.tabs-wrap{clear:both;display:none;}
.tabs-wrap#tab1{display:block}
#tabbed-widget ul.tabs li{float:left;position:relative;line-height:30px;background:transparent;width:33.33%;padding:0}
#tabbed-widget ul.tabs li a{display:block;text-align:center;color:#FFF;padding:4px 0;line-height:30px;background:#2c2c2c}
#tabbed-widget ul.tabs li a:hover{background:#4c4c4c;text-decoration:none}
#tabbed-widget ul.tabs li.active a{background:$(btn.color)}
.tagcloud a{padding:6px 8px;background:#ddd;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;display:inline-block;margin:0 -1px 2px 0;font-size:11px!important}
.tagcloud a:hover{background:$(btn.color);color:#FFF;text-decoration:none}
footer .tagcloud a{background:#2b2b2b}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border-radius:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
.author-description{font-size:95%;line-height:17px}
.author-social{float:left;margin-top:10px}
.author-social a{opacity:.7;margin-left:2px}
.author-social a:hover{opacity:1}
.author-social a img{width:18px}
.widget .post-thumbnail img,.footer-widget .post-thumbnail img{width:60px;height:60px}
.flickr-widget .flickr_badge_image,.news-pic .post-thumbnail{float:left;margin:2px}
.flickr-widget .flickr_badge_image img,.news-pic .post-thumbnail img{width:70px;height:70px}
.flickr-widget .flickr_badge_image a:hover,.news-pic .post-thumbnail a:hover{opacity:.5}
.social-icons{text-align:center}
.search-widget input{background:white;border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;box-shadow:0 1px 3px 0 #b5b5b5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #b5b5b5;border:1px solid #DDD;padding:10px;clear:both;margin-bottom:20px;width:278px;color:#999}
.search-widget input:hover,.search-widget input:focus{color:#000}
footer{opacity:.99;position:relative;color:#ddd;background:#333;text-shadow:0 0 1px #000;padding:20px 0;margin-top:20px;-webkit-box-shadow:0 -5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -8px 0 rgba(0,0,0,.1);box-shadow:0 -8px 0 rgba(0,0,0,.1)}
footer a{color:#ccc}
footer a:hover{color:#FFF}
.footer-widgets-box{float:left;margin-right:4%}
.footer-1c .footer-widgets-box{width:100%}
.footer-2c .footer-widgets-box{width:48%}
.footer-3c .footer-widgets-box{width:30.66666666666667%}
.footer-4c .footer-widgets-box{width:22%}
.narrow-wide-2c #footer-first,.wide-narrow-2c #footer-second{width:32%}
.narrow-wide-2c #footer-second,.wide-narrow-2c #footer-first{width:64%}
.wide-left-3c #footer-first,.wide-right-3c #footer-third{width:46%}
.wide-left-3c .footer-widgets-box,.wide-right-3c .footer-widgets-box{width:23%}
.footer-1c .footer-widgets-box,.narrow-wide-2c #footer-second,.wide-narrow-2c #footer-second,.footer-2c #footer-second,.footer-3c #footer-third,.footer-4c #footer-fourth,.wide-right-3c #footer-third,.wide-left-3c #footer-third{margin-right:0}
.footer-widgets-box .widget h2{border-bottom:1px solid #444;padding:10px 0;font-size:14px;font-family:Oswald,arial,Georgia,serif;text-transform:uppercase}
.footer-widgets-box .widget h2:before{content:'';display:inline-block;width:10px;height:10px;position:relative;background:#666;margin-right:10px}
.footer-widgets-box .widget-content{padding:10px 0}
.footer-widget-container p{padding-bottom:1.0em}
.footer-widget-container ul{border-bottom:1px solid #444}
.footer-widget-container li{padding:6px 0;line-height:18px;overflow:hidden;border-bottom:1px solid #232323!important;border-top:1px solid #444}
.footer-widget-container li:first-child{border-top:0 none}
.footer-bottom{position:relative;background:#333;min-height:45px;line-height:41px;color:#ccc;padding-bottom:20px;}
.footer-bottom .container{border-top:4px solid $(btn.color)}
.footer-bottom .social-icons{float:right;margin:9px 0 0;line-height:0}
.footer-bottom a{color:#ccc}
.footer-bottom a:hover{color:#FFF}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img{max-width:100%;height:auto}
.pagination{overflow:hidden;margin-bottom:25px;clear:both}
.pagination a,.pagination span.extend,.pagination span.current{float:left;text-shadow:0 1px 0 #FFF;margin-right:3px;color:#777;padding:6px 10px 3px}
.pagination a:hover{color:#000}
.pagination span.current{color:#FFF;background-color:$(btn.color);text-shadow:0 1px 0 #000;padding:4px 10px 6px}
.pagination .pages{float:right;display:block;font-size:85%;padding:7px 0 2px}
#main-nav .mega-cat-content.mega-cat-sub-exists .mega-cat-content-tab.loading-items:before{position:absolute;top:50%;left:50%;margin:-13.5px 0 0 -13.5px;height:27px;width:27px;font-size:30px;content:"\f110";color:#999;-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.related-posts{padding:0;background:#fff;margin:0 0 30px 0}
#related_posts ul{margin:10px 0}
#related_posts li{width:25%;float:left;padding:0 10px 0 0;margin-bottom:20px}
#related_posts li:last-child{padding-right:0}
.entry-related-thumbnail{margin-bottom:10px;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:140px;overflow:hidden}
.entry-related-thumbnail .overly{position:absolute;background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;z-index:1;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.entry-related-thumbnail .overly:before{content:'';display:inline-block;vertical-align:middle;height:100%}
.entry-related-thumbnail .feedback{color:#fff;font-family:"Ubuntu Mono",monospace;letter-spacing:4px;line-height:1;padding:8px 0;text-transform:uppercase;position:relative;display:inline-block;vertical-align:middle;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);-o-transform:translate(0,20px);transform:translate(0,20px);-webkit-transition:-webkit-transform .7s cubic-bezier(.19,1,.22,1);-moz-transition:-moz-transform .7s cubic-bezier(.19,1,.22,1);-o-transition:-o-transform .7s cubic-bezier(.19,1,.22,1);transition:transform .7s cubic-bezier(.19,1,.22,1)}
.entry-related-thumbnail .feedback:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#fff;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
.entry-related-thumbnail:hover .overly{opacity:1}
.entry-related-thumbnail:hover .feedback{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.entry-related-thumbnail:hover .feedback:after{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.entry-related-title{text-transform:uppercase;margin:0 0 8px;font-size:12px;color:#222;font-weight:600}
.entry-related-meta{display:block;line-height:1;letter-spacing:1px;font-style:italic;color:#777;font-size:12px}
.entry-related-meta a,.entry-related-title a{color:#222}
#related_posts li img{width:100%;height:auto}
#related_posts h3{padding-bottom:5px;border-bottom:4px solid #333;font-size:18px;font-family:'Raleway',serif;text-transform:uppercase}
.post-thumbnail{position:relative;background-color:#222;overflow:hidden;opacity:1;-webkit-transition:opacity .8s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .8s ease-in-out,transform .8s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.post-thumbnail:hover img{opacity:.8;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-o-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}
.post-thumbnail img{max-width:150%}
.tabs-side{margin:0;text-align:center;height:43px;border-bottom:0 solid $(btn.color)}
.tabs-side.tab-count-1 li{width:100%}
.tabs-side.tab-count-2 li{width:50%}
.tabs-side.tab-count-3 li{width:33.333%}
.tabs-side.tab-count-4 li{width:25%}
.tabs-side li{display:block;float:left}
.tabs-side li a{position:relative;font-size:22px;color:#b6b6b6;background:#eee;display:block;margin:0;padding:10px 0}
.tabs-side li a:hover{border-bottom-color:#ccc}
.tabs-side li.active a{color:#fff;background:$(btn.color)}
.tabs-side li a span{display:none}
.tabs-container .widget h2{display:none}
.post-navigation{clear:both;margin:0 0 20px;overflow:hidden}
.post-navigation div{display:block;width:245px;position:relative;font-size:16px;color:#999}
.post-previous{float:right;text-align:right;padding-right:40px}
.post-next{float:left;padding-left:40px}
.post-navigation div span{display:block;font-size:90%;color:#999}
.post-navigation .prv,.post-navigation .nxt{position:absolute;color:#ccc;font-size:36px;margin-top:-11px;height:22px;line-height:22px;top:34%;width:40px}
.post-previous .prv{right:0}
.post-next .nxt{left:0}
.showcase,.slider-pro,.slider-pro .widget{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.showcase{width:100%;overflow:hidden;position:relative;padding:0;margin:0 auto 30px}
.slider-left-date{font-weight:400;top:10px;right:10px;color:#fff;padding:1px 5px;position:absolute;border:1px solid #fff;text-transform:uppercase}
.slider-left-date .day{font-weight:700;font-size:35px;line-height:35px;text-transform:uppercase;float:left;margin:0;padding:0}
.slider-left-date .month{font-weight:700;font-size:14px;text-transform:uppercase;width:35px;float:right;margin-top:4px;margin-left:3px;line-height:15px;text-align:center}
.links{text-align:center;margin-top:10px}
.feat-content-cat{background:$(btn.color);z-index:99;float:left;font-weight:600;top:10px;left:10px;color:#fff;padding:2px 7px;position:absolute;font-size:12px;line-height:19px;text-transform:uppercase}
#blog-pager{padding:10px 0}
.showpage{clear:both;text-align:center;margin:20px auto 15px}
.showpageOf{display:none}
#blog-pager a,.showpagePoint,.showpage a{padding:4px 10px;text-decoration:none;color:555;margin:0 2px;font-family:'Fira Sans',sans-serif;font-weight:500;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;background:#333;color:#fff;font-size:18px}
#blog-pager a{font-size:15px}
.showpagePoint,#blog-pager a:hover,.showpage a:hover{background:#318ce7;color:#fff}
#PopularPosts1 li{float:left;width:48%;margin-right:2%;height:200px}
#PopularPosts1 li:nth-child(2n){float:left;width:48%;height:200px;margin-right:0;margin-left:2%}
#PopularPosts1 .item-thumbnail{float:none;width:100%;height:100px;overflow:hidden;margin:0;padding:0}
#PopularPosts1 .item-thumbnail img{float:left;width:105%;height:auto}
.sthumb img,li .uj_thumb img{display:block}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
.hidden{opacity:0}
.visible{opacity:1}
.post-body a{color:$(btn.color)}
.post-body a:hover{text-decoration:underline}
figure img{position:relative!important;display:block;opacity:.8;max-width:150%}
.post-thumbnail img,.small-post img,.item-list img{width:150%;height:auto;min-height:100%;position:relative;opacity:.8;margin:0!important}
figure .cappro{-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0;color:#fff;font-size:1.25em;position:absolute;top:0;left:0;width:100%;height:100%}
figure .cappro::before,figure .cappro::after{pointer-events:none}
figure .cappro,figure a{color:#fff}
figure a{text-indent:200%;font-size:0;position:relative}
.small-post figure h3 a,.item-list figure h3 a{color:#fff;font-size:16px}
.small-post figure h3,.item-list figure h3{font-weight:600;text-transform:uppercase;line-height:.8em}
.small-post figure h3,.item-list figure h3,figure p,figure p a{margin:0}
figure p,figure p a{letter-spacing:1px;font-size:12px;line-height:1.4em}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
figcaption,figure{display:block}
[hidden]{display:none}
figure{margin:0}
.caption{font-weight:normal;text-align:left;font-size:12px;margin:20px 0}
.cappro p,.cappro p a{line-height:1.2em;font-size:12px;background:none!important}
figure.Style-2 .cappro::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 75%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
.small-post figure.Style-2 h3,figure.Style-2 .resc{padding:0 7%;position:absolute;bottom:5%;left:0;width:100%;-webkit-transition:-webkit-transform .35s,color .35s;transition:transform .35s,color .35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
figure.Style-2 .resc span{font-size:12px}
figure.Style-2 .cappro::before,figure.Style-2 p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
figure.Style-2 p{position:absolute;bottom:0;left:0;padding:0 7% 20px;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
.small-post figure.Style-2:hover h3,figure.Style-2:hover .resc{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0)}
figure.Style-2 .cappro::before,figure.Style-2:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#top{position:fixed;right:15px;bottom:5px;text-align:center;font-size:30px;width:44px;height:40px;line-height:40px;opacity:0;cursor:pointer;z-index:99999;color:#fff}
#top:hover{border-color:#ccc}
.sstop{float:right;margin:0;width:100%;max-width:728px;height:90px;background:#aaa;}
.sstop h2{display:none}
a.ttip,a.tooldown{display:inline-block}
.tipsy{font-size:11px;position:absolute;padding:5px;z-index:100000}
.tipsy-inner{background-color:#000;color:#FFF;max-width:150px;padding:5px 8px 4px 8px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000}
.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}
.tipsy-arrow-n{border-bottom-color:#000}
.tipsy-arrow-s{border-top-color:#000}
.tipsy-arrow-e{border-left-color:#000}
.tipsy-arrow-w{border-right-color:#000}
.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}
.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent}
.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent}
.flexslider .slides>li,.full-width .content .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;position:relative;height:508px}
.flexslider .slides img{width:100%;height:100%;display:block}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider,.full-width .content .flexslider{margin:0 0 35px;position:relative;zoom:1;width:955px;height:508px;background:#000}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{position:absolute;top:5px;right:5px}
.flex-direction-nav a{width:30px;height:30px;margin:0 0 2px;display:block;background-color:$(btn.color);cursor:pointer;color:#FFF;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-align:center;font-variant:normal;text-transform:none;line-height:30px;font-size:20px;-webkit-font-smoothing:antialiased;-o-transform:scale(1);text-rendering:optimizeLegibility}
.flex-direction-nav .disabled{opacity:.3!important;cursor:default}
.slider-caption{position:absolute;left:15px;bottom:15px;max-width:90%;opacity:.85}
.slider-caption p{padding:10px;background:#000;color:#FFF}
.slider-caption h2,.full-width .content .slider-caption h2{background:$(btn.color);padding:5px 10px;color:#FFF;display:inline-block;font-family:Oswald,arial,Georgia,serif}
.content .post-listing .flexslider{margin:0 auto 5px}
.content .flexslider{width:620px;height:330px}
.content .flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;position:relative;height:330px}
.content .flexslider .slides img{width:100%;display:block}
.content .slider-caption h2 a,.content .slider-caption h2{font-size:22px;color:#FFF}
.post-tooltip{cursor:pointer;display:inline-block;border-bottom:1px #666 dotted;color:#ed5109}
.post-tooltip:hover{border-bottom-color:#ed5109}
.highlight{background:#FF9}
.dropcap{display:block;float:left;margin:0 8px 0 0;font-size:50px;line-height:50px;font-family:Georgia,Arial,"helvetica neue",Helvetica,Verdana,sans-serif}
.flickr-wrapper{overflow:hidden;margin-bottom:20px}
.flickr-wrapper .flickr_badge_image{float:left;margin:8px}
.flickr-wrapper .flickr_badge_image img{opacity:1;background:#FFF;padding:4px;box-shadow:0 0 3px #b2b2b2;-moz-box-shadow:0 0 3px #b2b2b2;-webkit-box-shadow:0 0 3px #b2b2b2}
.flickr-wrapper .flickr_badge_image a:hover img{opacity:.6}
.toggle{background:#f6f6f6;margin-bottom:15px;border:1px solid #e1e1e1;border-bottom:1px solid #979797;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1)}
.toggle h3{font-weight:normal;font-size:18px;padding:5px 0;margin:0;text-shadow:0 1px 1px #FFF;cursor:pointer}
h3.toggle-head-close{display:none}
h3.toggle-head-open .tieicon-up,h3.toggle-head-close .tieicon-down{float:right;margin:-6px}
.toggle-content{padding-top:15px}
.toggle.close .toggle-content,.toggle.close h3.toggle-head-open{display:none}
.toggle.close h3.toggle-head-close{display:block}
.author-info{background:#f6f6f6;margin-bottom:15px;border:1px solid #e1e1e1;border-bottom:1px solid #979797;padding:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;position:relative;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1)}
.author-info-content{padding-left:100px}
.author-info-content h3{margin:0 0 15px}
.author-info img.author-img{max-width:70px;float:left;margin-right:15px;background:#FFF;padding:4px;box-shadow:0 0 3px #b2b2b2;-moz-box-shadow:0 0 3px #b2b2b2;-webkit-box-shadow:0 0 3px #b2b2b2}
.entry .last{margin-right:0!important;clear:right}
.post-tabs,.post-tabs-ver{margin-bottom:20px}
.post-tabs ul.tabs-nav{height:33px;margin:0;padding-left:20px}
.post-tabs ul.tabs-nav li{border:1px solid #e1e1e1;border-radius:4px 4px 0 0;font-weight:bold;line-height:32px;cursor:pointer;display:block;float:left;margin:0 5px 0 0;padding:0 16px;background:#ddd;border-bottom:0 none;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease}
.post-tabs ul.tabs-nav li.current{background:#f6f6f6;z-index:1;height:33px}
.post-tabs .pane{background:#f6f6f6;margin-bottom:15px;border:1px solid #e1e1e1;border-bottom:1px solid #979797;padding:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1)}
.post-tabs-ver ul.tabs-nav{float:left;width:170px;margin:0;padding-top:10px}
.post-tabs-ver ul.tabs-nav li{border:1px solid #e1e1e1;border-radius:4px 0 0 4px;font-weight:bold;line-height:32px;cursor:pointer;display:block;margin:0 0 10px 0;padding:0 16px;background:#ddd;border-right-width:0;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease}
.post-tabs-ver ul.tabs-nav li.current{background:#f6f6f6;z-index:1;width:138px}
.post-tabs-ver .pane{margin-left:170px;background:#f6f6f6;margin-bottom:15px;border:1px solid #e1e1e1;border-bottom:1px solid #979797;padding:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);min-height:180px}
@-webkit-keyframes buffering-stripes{from{background-position:0 0}
to{background-position:30px 0}
}@-moz-keyframes buffering-stripes{from{background-position:0 0}
to{background-position:30px 0}
}@-ms-keyframes buffering-stripes{from{background-position:0 0}
to{background-position:30px 0}
}@-o-keyframes buffering-stripes{from{background-position:0 0}
to{background-position:30px 0}
}@keyframes buffering-stripes{from{background-position:0 0}
to{background-position:30px 0}
}
@-ms-keyframes fadeIn{0%{opacity:0}
100%{opacity:.99}
}@-o-keyframes fadeIn{0%{opacity:0}
100%{opacity:.99}
}@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:.99}
}@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:.99}
}@keyframes fadeIn{0%{opacity:0}
100%{opacity:.99}
}.wrapper.animated .fade-in{-ms-animation:fadeIn ease-in 1;-o-animation:fadeIn ease-in 1;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;-ms-animation-duration:.5s;-o-animation-duration:.5s;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s}
.wrapper.animated .list-box .post-thumbnail,.wrapper.animated .recent-post-blog .post-thumbnail,.wrapper.animated .recent-box .post-thumbnail,.wrapper.animated .cat-box.column2 .post-thumbnail,.wrapper.animated .pic-box .post-thumbnail,.wrapper.animated .wide-cat-box .post-thumbnail{-ms-animation:fadeIn ease-in 1;-o-animation:fadeIn ease-in 1;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-ms-animation-duration:.5s;-o-animation-duration:.5s;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s;-ms-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}
.wrapper.animated .animated1{-ms-animation-delay:.2s;-o-animation-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.wrapper.animated .animated2{-ms-animation-delay:.7s;-o-animation-delay:.7s;-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.wrapper.animated .animated3{-ms-animation-delay:1.2s;-o-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
.wrapper.animated .animated4{-ms-animation-delay:1.5s;-o-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}
.auvtar{float:left;width:50px;height:50px;overflow:hidden;margin:0 10px 5px 0}
.auvtar img{width:100%}
.item-list h3{padding-top:10px;font-size:18px}
.item-list .post-thumbnail img{width:100%;height:auto}
.cat-box.recent-box h2{height:37px;position:relative;margin-bottom:15px;font-size:22px;font-family:Oswald,arial,Georgia,serif;text-transform:uppercase;border-bottom:4px solid #333}
.mega-menu-post .post-thumbnail img{width:100%;height:auto}
@media only screen and (min-width::986px){.wrapper{width:986px!important}
.container,header,#main-nav,#footer-widget-area,.scroll-box-wide .group_items{width:944px!important}
.wide-cat-box .wide-news-item,.scroll-box-wide.scroll-box .scroll-item{width:228px!important}
.content-wrap-wide .content{width:620px}
.scroll-box-wide .group_items-box,.scroll-box-wide .group_items{height:220px!important;width:944px!important}
.layout-2c .scroll-box-wide .group_items-box,.layout-2c .scroll-box-wide .group_items{height:220px!important;width:944px!important}
}@media only screen and (max-width:985px) and (min-width:768px){.wrapper{width:760px!important}
.container{width:730px}
header,.group_items,.scroll-box-wide .group_items,#main-content,.content,.sidebar,.flexslider{width:100%}
.banner,#main-nav,#main-nav .container {width:100%;max-width:760px;margin:0 auto;display:block}
.header-content,.wrapper.layout-2c .header-content{margin:0;padding:25px 15px}
.wrapper.full-site .header-content,.wrapper.layout-2c.full-site .header-content{background:transparent}
.top-nav .container{position:relative}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-7,.col-md-8,.col-md-9{width:100%}
.sstop,
.logo{float:none;margin:0 auto;text-align:center}
.sstop{max-width:700px;overflow:hidden;}
.cats-review-box .reviews-cat,.wrapper.layout-2c .cats-review-box .reviews-cat{width:236px;margin-right:10px}
.cats-review-box .reviews-cat h4{overflow:visible;text-overflow:clip;width:auto;white-space:normal}
.scroll-box.scroll-box-wide .post-thumbnail{height:130px}
#top-menu-mob,#main-menu-mob{display:block;float:left}
.main-menu ul.menu,.top-menu ul.menu{display:none}
.sidebar{-webkit-column-count:2;-webkit-column-gap:10px;-moz-column-count:2;-moz-column-gap:10px;column-count:2;column-gap:10px}
.search-block #s{width:90px}
.widget,.search-widget input{clear:none!important;margin:0 3px 20px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid}
.widget-container .post-thumbnail a,.footer-widget-container .post-thumbnail a{-webkit-transition:none!important;transition:none!important}
.widget-container .post-thumbnail,.footer-widget-container .post-thumbnail{position:inherit}
.widget-container .post-thumbnail img,.footer-widget-container .post-thumbnail img{-webkit-transition:none!important;transition:none!important;opacity:1!important}
.flickr-widget .flickr_badge_image img,.news-pic .post-thumbnail img{width:66px;height:66px}
#topcontrol,.today-date{display:none}
.footer-widgets-box{width:48%!important;margin-right:4%!important}
#footer-second,#footer-fourth{margin-right:0!important}
.pic-box li:first-child,
.pic-box li{width:25%;float:left;margin-left:0;}
.cat-box.pic-box li:first-child .post-thumbnail,.cat-box.pic-box li .post-thumbnail{margin:0;height:120px;width:100%}
#tabbed-widget ul.tabs li a{padding:5px 15px 5px}
#related_posts .related-item{width:236px;height:200px}
#main-nav .main-menu{margin-left:0!important;margin-right:0!important}
.scroll-box.pop{position:relative;overflow:hidden;}
.scroll-box-wide .group_items-box,.group_items-box,.group_items,.scroll-box-wide .group_items,.layout-2c .scroll-box-wide .group_items-box,.layout-2c .scroll-box-wide .group_items{height:200px!important}
.flickr-widget .flickr_badge_image,.news-pic .post-thumbnail{margin:2px 10px}
.col-md-6{width:50%}
}
@media only screen and (max-width:767px) and (min-width:480px){#topcontrol{display:none!important}
.wrapper{width:470px!important}
header#theme-header,.container,#main-nav,#footer-widget-area,.content,.sidebar,.group_items,.scroll-box-wide .group_items,.wide-box li{width:410px!important}
.content,.sidebar{float:none}
.entry ul.best-reviews .best-reviews-content{width:100%}
.fixed-nav{position:initial}
#top-menu-mob,#main-menu-mob{display:block;float:left}
.main-menu ul.menu,.top-menu ul.menu{display:none}
#main-menu-mob{width:390px}
#theme-header{margin:0 auto;text-align:center;padding:25px 0}
.item-list .post-thumbnail,.pic-box li:first-child .post-thumbnail,.wide-box li:first-child .post-thumbnail{margin:0 0 10px 0;width:100%}
.item-list .post-thumbnail img,.pic-box li:first-child .post-thumbnail img,.wide-box li:first-child .post-thumbnail img{height:auto;width:100%}
.pic-box li:first-child,
.pic-box li{width:25%;float:left;margin-left:0;}
.cat-box.pic-box li:first-child .post-thumbnail,.cat-box.pic-box li .post-thumbnail{margin:0;height:120px;width:100%}
.widget,.search-widget input{clear:none;margin:0 0 20px}
.search-widget input{width:388px}
.recent-box .recent-item,.recent-box .recent-item:nth-child(3n+3),.wide-cat-box .wide-news-item,.wide-cat-box .wide-news-item.last-col{margin-right:10px;margin-bottom:10px}
.recent-box .recent-item:nth-child(2n+2),.wide-cat-box .wide-news-item.last-col2{margin-right:0!important}
.scroll-box-wide.scroll-box .scroll-item,.wide-cat-box .wide-news-item{width:200px!important}
.list-box li:first-child{float:none;width:auto;border-bottom:1px solid #eaeaea;padding-bottom:10px}
.list-box li{border-left:0 none!important;border-right:0 none!important;float:none!important;width:auto}
.cats-review-box .reviews-cat,.wrapper.layout-2c .cats-review-box .reviews-cat{width:100%;margin-right:0;float:none;margin-bottom:15px}
.footer-widgets-box{width:100%!important;margin-right:0!important}
.search-block #s,.search-block #s:focus{width:90px}
.top-nav .social-icons{float:left}
.top-nav.head_menu{height:61px}
.footer-bottom{text-align:center;padding:0 20px;height:auto;overflow:hidden}
.footer-bottom div{float:none!important;clear:both;margin:5px auto}
.post-body img{max-width:410px}
#related_posts .related-item,#related_posts .related-item:nth-child(3n+3){margin-right:10px!important}
#related_posts .related-item:nth-child(2n+2){margin-right:0!important}
.flickr-widget .flickr_badge_image,.news-pic .post-thumbnail{margin:3px 16px}
.flickr-widget .flickr_badge_image img,.news-pic .post-thumbnail img{width:70px;height:70px}
.share-post{height:48px}
.share-post li,.mini-share-post li{height:31px;width:133px!important}
.content .entry iframe,.content .single-post-video iframe,.google-map iframe{max-height:250px}
.review-top{float:none!important;width:auto!important;margin-right:0!important}
.scroll-box.pop{position:relative;overflow:hidden;}
#main-nav .main-menu{margin-left:0!important;margin-right:0!important}
.author-info-content{padding-left:0;padding-right:0}
.author-info img.author-img{margin:0 auto 15px;display:block;max-width:70px;float:none}
.scroll-box-wide .group_items-box,.group_items-box,.group_items,.scroll-box-wide .group_items,.layout-2c .scroll-box-wide .group_items-box,.layout-2c .scroll-box-wide .group_items{height:400px!important;width:100%}
.scroll-box.scroll-box-wide .post-thumbnail{height:130px}
.footer-bottom{line-height:20px;font-size:75%}
div.latest li{width:100%;}
}
@media only screen and (max-width:479px){#topcontrol,#cats-tabs-box,.share-post span.share-text{display:none!important}
.content,.sidebar{float:none}
.wrapper,.tn-navbar{width:320px!important}
.entry ul.best-reviews .best-reviews-content{width:100%}
header#theme-header,.container,#main-nav,#footer-widget-area,#main-content,.content,.sidebar,.group_items,.scroll-box-wide .group_items{width:280px!important}
.fixed-nav{position:initial}
.sstop,#main-nav .mega-menu-content .post-thumbnail{display:none;}
.top-nav{height:60px}
.top-nav.head_menu{height:93px}
.search-block{margin-left:0}
.search-block #s,.search-block #s:focus{width:90px}
.top-nav .social-icons{padding:5px 0;clear:both;float:none}
.banner{width:250px!important;margin:0 0 0 30px;padding:0;background:0;border:0;}
#main-nav{width:250px;background:0;border:0;position:relative;}
#main-nav ul li:hover>ul,#main-nav ul li:hover>.mega-menu-block{display:none;-webkit-animation:none;-moz-animation:none;animation:none}
#main-nav ul li{border-bottom:1px solid #eee}
.menu li{clear:both;width:250px;background:#6a5acd;height:50px}
#mobilenav{display:block;color:#fff;padding:10px 0}
#main-nav .mega-cat-content.mega-cat-sub-exists{width:60%}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post{width:35%}
.mega-cat-wrapper .widget-content{float:left;width:35%;padding-top:20px}
#main-nav .menu-sub-content{padding-right:15px;position:relative;}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post{padding-right:0;width:100%}
.mega-menu-post .post-thumbnail{height:100px}
.mega-menu-post p{display:none}
#main-nav .mega-menu-content .mega-check-also{width:100%;padding-right:0;height:auto}
.header-content{background:transparent}
.logo{float:none;text-align:center}
.pic-box li:first-child .post-thumbnail{margin:0!important}
.cats-review-box .reviews-cat{width:280px;margin-right:0;margin-bottom:15px}
.cats-review-box .reviews-cat h4{overflow:visible;text-overflow:clip;width:auto;white-space:normal}
#top-menu-mob,#main-menu-mob{display:block;margin:0 auto}
.main-menu ul.menu,.top-menu ul.menu,.menu-nav-top{display:none}
#top-menu-mob{width:280px}
#main-menu-mob{width:250px}
#main-menu-mob{margin-top:13px}
.share-post{overflow:hidden;height:auto}
#commentform textarea{padding:0;width:100%}
.pic-box li:first-child,
.pic-box li{width:50%;float:left;margin-left:0;}
.cat-box.pic-box li:first-child .post-thumbnail,.cat-box.pic-box li .post-thumbnail{margin:0;height:120px;width:100%}
.pic-box li .post-thumbnail img,
.pic-box li:first-child .post-thumbnail img{width:100%;height:auto}
.widget,.search-widget input{clear:none;margin:0 0 20px}
.search-widget input{width:258px}
.recent-box .recent-item,.scroll-box-wide.scroll-box .scroll-item,.wide-cat-box .wide-news-item,#related_posts .related-item{float:none;margin:0 0 20px 0;width:100%!important;height:auto;overflow:hidden}
.recent-item .post-thumbnail img{width:100%;height:auto}
.cat-box.column2{width:100%;float:none;margin-right:0}
.scroll-box .scroll-item{margin:0 0 10px;width:100%;height:auto;float:none}
.scroll-box .post-thumbnail,.post-navigation div{margin:0 0 10px 0}
.wide-box li:first-child,.wide-box li{width:100%;padding:0}
.wide-box li:nth-child(2n){padding-left:0}
.list-box li:first-child{float:none;width:280px;border-bottom:1px solid #eaeaea;padding-bottom:10px}
.list-box li{border-left:0 none!important;border-right:0 none!important;float:none!important;width:auto}
.list-box li:first-child .post-thumbnail{width:100%;height:auto;margin:0 auto 15px}
.footer-widgets-box{width:100%!important;margin-right:0!important}
.flickr-widget .flickr_badge_image,.news-pic .post-thumbnail{margin:2px 5px}
.flickr-widget .flickr_badge_image img,.news-pic .post-thumbnail img{width:60px;height:auto}
header{min-height:115px}
.logo img{max-height:70px;margin:0!important;margin-top:0}
.footer-bottom{text-align:center;padding:0 5px 40px;height:auto;overflow:hidden}
.footer-bottom div{float:none!important;clear:both;margin:5px auto}
.share-post{height:50px;padding-left:5px}
.share-post li,.mini-share-post li{height:31px;width:105px}
.item-list .post-thumbnail{float:left;width:100%}
.content .entry iframe,.content .single-post-video iframe,.google-map iframe{max-height:170px}
#related_posts li{width:100%;float:none;padding:0;margin-bottom:20px}
.wide-box li .post-thumbnail,.cat-box li .post-thumbnail{float:left;width:90px;}
#main-nav li.mega-menu.mega-links .mega-menu-block .mega-links-5col ul li.mega-link-column{width:100%;float:left}
#main-nav .main-menu{margin-left:0!important;margin-right:0!important}
.item-list .post-thumbnail{float:none;margin-left:auto;margin-right:auto;text-align:center}
#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post,
#main-nav .mega-menu-content .mega-recent-post.four,#main-nav .mega-menu-content .mega-check-also,
#main-nav .mega-menu-content .mega-recent-post{float:left;height:auto;width:100%;padding:5px 0 10px;padding-right:0%;border-bottom:1px solid #eee;}
.author-info-content{padding-left:0;padding-right:0}
.author-info img.author-img{margin:0 auto 15px;display:block;max-width:70px;float:none}
input[type=text],input[type=password],input[type=email],select{max-width:90%}
.scroll-box .group_items-box,.scroll-box .group_items{height:600px!important;width:260px!important}
.scroll-box-wide .group_items-box,.scroll-box-wide .group_items{height:950px!important;width:260px!important}
.scroll-box.scroll-box-wide .scroll-item{width:100%;height:auto;}
.scroll-box.scroll-box-wide .scroll-item .post-thumbnail{width:100%;height:140px}
.scroll-box.scroll-box-wide .scroll-item:nth-child(2n),
.scroll-box .scroll-item,
.scroll-box.three .scroll-item:nth-child(3n){width:100%;padding-right:10px;}
.wide-box li:first-child .post-thumbnail{float:left;margin-right:15px;width:45%}
#nav4,.social-icons{display:none}
.scroll-box.big .group_items-box,.scroll-box.big .group_items,.scroll-box.big .scroll-item,
.scroll-box.big .scroll-item .post-thumbnail{height:250px!important;overflow:hidden;}
.scroll-box.big .scroll-item h3 {font-size:15px;}
.footer-bottom{line-height:20px;font-size:85%}
.post-body img{max-width:250px;float:none}
}
.mega-cat-content-tab .mega-menu-post h3{margin-top:10px}
.mega-cat-content-tab .mega-menu-post p{display:none}
#feedContainer li{list-style:none;margin-bottom:10px;}
#feedContainer li img{float:left;margin-right:15px}
#feedContainer li a.toc-title{font-size:16px;}
#feedContainer li .date span{font-size:12px;margin-right:3px;color:#888;}
#sliderCont {
height: 475px;overflow:hidden;
position: relative;
z-index: 3;
margin-top: 30px;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
#slider {
width: 940px;
height: 475px;
z-index: 1;
margin: 0;
background: #ccc;
}
#slider li {
margin: 0;
}
div.caption {
display: block;
position: absolute;
bottom: 40px;
left: 35px;
z-index: 2;
font-weight: lighter;
}
div.captionHidden {
display: none;
}
div.caption span.item {
display: inline-block;
padding: 10px;
font-size: 20px;
background-color: #2C2C2C;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
color: #E7E7E7;
}
div.caption span.item.second {
margin-left: 15px;
margin-top: -5px;
}
span.slider-highlight {
color: #59b5e2;
}
/*
*    generated by WOW Slider 7.9
*    template Galaxy
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic,latin-ext);
#wowslider-container1 {
display: table;
zoom: 1;
position: relative;
width: 100%;
max-width: 1200px;
max-height:400px;
margin:0px auto 30px;
z-index:90;
text-align:left; /* reset align=center */
font-size: 10px;
text-shadow: none; /* fix some user styles */
/* reset box-sizing (to boostrap friendly) */
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
* html #wowslider-container1{ width:1200px }
#wowslider-container1 .ws_images ul{
position:relative;
width: 10000%;
height:100%;
left:0;
list-style:none;
margin:0;
padding:0;
border-spacing:0;
overflow: visible;
/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
position: relative;
width:1%;
height:100%;
line-height:0; /*opera*/
overflow: hidden;
float:left;
/*font-size:0;*/
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}
#wowslider-container1 .ws_images{
position: relative;
left:0;
top:0;
height:100%;
max-height:400px;
max-width: 1200px;
vertical-align: top;
border:none;
overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
width:100%;
height:100%;
max-height:400px;
display:block;
color:transparent;
}
#wowslider-container1 img{
max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
width:100%;
border:none 0;
max-width: none;
padding:0;
margin:0;
}
#wowslider-container1 .ws_images > div > img {
max-height:400px;
}
#wowslider-container1 .ws_images iframe {
position: absolute;
z-index: -1;
}
#wowslider-container1 .ws-title > div {
display: inline-block !important;
}
#wowslider-container1 a{
text-decoration: none;
outline: none;
border: none;
}
#wowslider-container1  .ws_bullets {
float: left;
position:absolute;
z-index:70;
}
#wowslider-container1  .ws_bullets div{
position:relative;
float:left;
font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
line-height: 0;
}
#wowslider-container1  .ws_script{
display:none;
}
#wowslider-container1 sound,
#wowslider-container1 object{
position:absolute;
}
/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
position: static;
width: 100%;
height: 100%;
}
#wowslider-container1 .ws_photoItem {
border: 2em solid #fff;
margin-left: -2em;
margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
background: #A6A5A9;
}
#wowslider-container1.ws_video_playing_ie a.ws_next,
#wowslider-container1.ws_video_playing_ie a.ws_prev {
display: block;
}
/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
position: absolute;
display: none;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
display: block;
}
#wowslider-container1 .ws_video_btn div {
position: absolute;
background-image: url(./playvideo.png);
background-size: 200%;
top: 50%;
left: 50%;
width: 7em;
height: 5em;
margin-left: -3.5em;
margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
background-position: 100% 100%;
}
#wowslider-container1 .ws_playpause.ws_hide {
display: none !important;
}
#wowslider-container1 .ws_fullscreen {
display: none;
position: absolute;
font-family: "FontAwesome";
top: .5em;
right: .5em;
font-size: 2.25em;
z-index: 61;
color: #fff;
}
#wowslider-container1:hover .ws_fullscreen {
display: block;
}
#wowslider-container1 .ws_fullscreen:after {
content: "\f0b2";
}
.ws_fs_wrapper {
width:100%;
height: 100%;
background: #181818;
}
.ws_fs_wrapper > #wowslider-container1 {
margin:0 auto;
max-width: 100%;
max-height: none;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ws_fs_wrapper > #wowslider-container1 .ws_images,
.ws_fs_wrapper > #wowslider-container1 .ws_images > div > img {
max-width: none;
max-height: none;
}
/*
.ws_fs_wrapper > #wowslider-container1 .ws_fullscreen {
position: fixed;
display: block;
}
*/
.ws_fs_wrapper > #wowslider-container1 .ws_fullscreen:after {
content: "\f066";
}
.ws_fs_wrapper > #wowslider-container1 {
border: 0;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* play/pause, arrows */
#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
position:absolute;
font: 2em "FontAwesome";
width: 2.6em;
height: 2.6em;
top:50%;
border-radius: 0.15em;
margin-top: -1.25em;
color: #f5f5f5;
z-index: 100;
box-shadow: inset 0 0 0 2px #fff;
-webkit-transition: background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
transition: background 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#wowslider-container1 a.ws_next {
right: 20px;
}
#wowslider-container1 a.ws_prev {
left: 20px;
}
#wowslider-container1 .ws_playpause {
left:50%;
margin-left:-1.25em;
}
#wowslider-container1 a.ws_next:hover,
#wowslider-container1 a.ws_prev:hover,
#wowslider-container1 .ws_playpause:hover {
background: #33bbd9;
box-shadow: inset 0 0 0 2px #33bbd9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#wowslider-container1 a.ws_next > span,
#wowslider-container1 a.ws_prev > span,
#wowslider-container1 .ws_playpause > span {
display: block;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
#wowslider-container1 a.ws_next:hover > span,
#wowslider-container1 a.ws_prev:hover > span,
#wowslider-container1 .ws_playpause:hover > span {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#wowslider-container1 a.ws_next > span:before,
#wowslider-container1 a.ws_prev > span:before,
#wowslider-container1 .ws_playpause > span:before {
display: block;
text-align: center;
line-height: 2.6em;
line-height: 3.2em\9; /* ie9 hack */
height:100%;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_next > span:before {line-height: 3.2em;}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_prev > span:before {line-height: 3.2em;}
_:-ms-input-placeholder, :root #wowslider-container1 a.ws_playpause > span:before {line-height: 3.2em;}
#wowslider-container1 .ws_play > span:before {
content:"\e800";
}
#wowslider-container1 .ws_pause > span:before {
content:"\e801";
}
#wowslider-container1 a.ws_next > span:before {
content: "\f054";
}
#wowslider-container1 a.ws_prev > span:before {
content: "\f053";
}
#wowslider-container1 .ws-title{
position:absolute;
display:block;
bottom: 9.2em;
left: 1.5em;
margin-right: 1em;
color:#FFFFFF;
z-index: 50;
font-family:'Tenor Sans',Arial,Helvetica,sans-serif;
line-height: 2.6em;
font-weight: bold;
text-transform: uppercase;
letter-spacing:-1px;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
display:inline-block;max-width:80%;
background:#E14E3D;
}
#wowslider-container1 .ws-title div{
display:block;
margin-top:0;
padding:0.6em 0.7em;
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
background:rgba(0,0,0,0.75);
}
#wowslider-container1 .ws-title span{
font-size: 2.6em;
padding:0.4em 0.5em;
}
#wowslider-container1 .ws-title span a{color:rgba(255,255,255,1);}
#wowslider-container1 .ws-title span a:hover{color:rgba(255,255,255,0.9);}
#wowslider-container1 .ws_images > ul{
animation: wsBasic 20s infinite;
-moz-animation: wsBasic 20s infinite;
-webkit-animation: wsBasic 20s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
#wowslider-container1.ws_video_playing_ie a.ws_next,
#wowslider-container1.ws_video_playing_ie a.ws_prev {
display: block;
}
#wowslider-container1  .ws_bullets a {
line-height: 0;
}
#wowslider-container1  .ws_bullets {
bottom: 10px;
left:50%;
}
#wowslider-container1  .ws_bullets div{
left:-50%;
}
/* bullets */
#wowslider-container1  .ws_bullets {
padding: 0px;
}
#wowslider-container1 .ws_bullets a {
position:relative;
display: inline-block;
width: 0;
margin: 3px 6px;
padding: 8px;border-radius: 3px;
box-shadow: inset 0 0 0 2px #fff;
}
#wowslider-container1 .ws_bullets a:hover{box-shadow: inset 0 0 0 2px #33bbd9;}
#wowslider-container1 .ws_bullets  a img{
text-indent:0;
display:block;
bottom:20px;
left:-120px;
visibility:hidden;
position:absolute;
border: 4px solid rgba(220, 220, 220, 0.6);
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
visibility:visible;
}
#wowslider-container1 .ws_bulframe div div{
height:90px;
overflow:visible;
position:relative;
}
#wowslider-container1 .ws_bulframe div {
left:0;
overflow:hidden;
position:relative;
width:240px;
background-color:rgba(220, 220, 220, 0.6);
}
#wowslider-container1  .ws_bullets .ws_bulframe{
display:none;
bottom:25px;
overflow:visible;
position:absolute;
cursor:pointer;
border: 4px solid rgba(220, 220, 220, 0.6);
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
#wowslider-container1 .ws_bulframe span{
display:block;
position:absolute;
bottom:-10px;
margin-left:-1px;
left:120px;
background:url(./triangle.png);
width:15px;
height:6px;
}
@media all and (max-width:760px) {
#wowslider-container1 .ws_fullscreen {
display: block;
}
}
@media all and (max-width:400px){
#wowslider-container1 .ws_controls,
#wowslider-container1 .ws_bullets,
#wowslider-container1 .ws_thumbs{
display: none
}
}

    ]]></b:skin>
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'/>
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
    <script src='http://yourjavascript.com/20991363158/neomagzcontent.js' type='text/javascript'/>


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

//]]>
</script>




    <style type='text/css'>
      .com-auth{width:60px;float:left;}
    </style>
    <script style='text/javascript'>
      //<![CDATA[
      function showrecentcomments(l){for(var f=0;f<5;f++){var h=l.feed.entry[f];var b;if(f==l.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){b=h.link[d].href;break}}b=b.replace("#","#comment-");var m=b.split("#");m=m[0];var e=m.split("/");e=e[5];e=e.split(".html");e=e[0];var a=e.replace(/-/g," ");a=a.link(m);if("content" in h){var g=h.content.$t}else{if("summary" in h){var g=h.summary.$t}else{var g=""}}var j=/<\S[^>]*>>/g;g=g.replace(j,"");if(f==0){document.write('<li style="margin-top:15px;">')}else{document.write('<li style="margin-top:15px;">')}document.write('<div class="com-auth"><img width="50" height="50" src="'+h.author[0].gd$image.src+'"/></div><a href="'+b+'"><b>'+h.author[0].name.$t+"</b></a> <i>says:</i>");if(g.length<70){document.write('<p style="font-size:11px;">'+g+' <a href="'+b+'"><b>more</b></a></p>')}else{g=g.substring(0,70);var c=g.lastIndexOf(" ");g=g.substring(0,c);document.write('<p style="font-size:11px;">'+g+'... <a href="'+b+'"><b>more</b></a></p>')}}document.write("</li>")};
      //]]>
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      imgr=new Array();
      imgr[0]="";
      showRandomImg=true;
      aBold=true;
      summaryPost=90;
      summaryPosti=130;
      summaryPost2=200;
      summaryTitle=25;
      numposts=12;
      numposts1=1;
      numposts2=2;
      numposts3=3;
      numposts4=4;
      numposts5=5;
      numposts6=6;
      numposts7=7;
      numposts8=8;
      function removeHtmlTag(l,m){var i=l.split("<");
                                  for(var k=0;
                                      k<i.length;
                                      k++){if(i[k].indexOf(">")!=-1){i[k]=i[k].substring(i[k].indexOf(">")+1,i[k].length)
                                                                    }}i=i.join("");
                                  i=i.substring(0,m-1);
                                  return i}
      //
      //
      $('body').ready(function() {
        $('.mega-menu,.menu-object').click(function() {
          $(this).find('.menu-sub-content').slideToggle();
        });
      });
      //
      var classicMode = false ;
      var summary = 25;
      var indent = 3;
      function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
      function getSummaryLikeWP(id) {
        return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
      }
      function getSummaryImproved(post,max){
        var re = /<.*?>/gi
        var re2 = /<br.*?>/gi
        var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
        var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
        post = post.replace(re4,'')
        post = post.replace(re3,'<br /> ').split(re2)
        for(var i=0; i<post.length; i++){
          post[i] = post[i].replace(re,'');
        }
        var post2 = new Array();
        for(var i in post) {
          //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
          if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
        }
        var s = "";
        var indentBlank = "";
        for(var i=0;i<indent;i++){
          indentBlank += " ";
        }
        if(post2.join('<br/>').split(' ').length < max-1 ){
          s = post2.join(indentBlank +' <br/>');
        } else {
          var i = 0;
          while(s.split(' ').length < max){
            s += indentBlank + ' ' + post2[i]+'<br/>';
            i++;
          }
        }
        return s;
      }
      function createSummaryAndThumb(pID,title,url,by,date,comment){
        var posturl= url;
        var title=title;
        var by = by;
        var date =date;
        var comment = comment;
        var div = document.getElementById(pID);
        var content = div.innerHTML;
        if (/<!--\s*more\s*-->/.test(content)) {
          div.innerHTML = getSummaryLikeWP(pID);
          div.style.display = "block";
        }
        else {
          var imgtag = "";
          var img = div.getElementsByTagName("img");
          var summ = summary;
          if(img.length>=1) {
            imgtag = '<div class="post-thumbnail"><a href="'+posturl+'"><img width="300" height="160" src="'+img[0].src+'"/><span class="overlay-icon"></span></a></div>';
          }
          var summary1 = imgtag+'<h3><a href="'+posturl+'">'+title+'</a></h3><p class="post-meta"><span class="fa fa-user"> '+by+'</span> <span class="fa fa-clock-o"> '+date+'</span><span class="fa fa-comments-o"> '+comment+'</span></p><div class="entry"><p>'+stripHtmlTags(content,summary)+'... </p></div>';
          div.innerHTML = summary1;
          div.style.display = "block";
        }
      }
      //
//

jQuery(document).ready(function(){
(function(){var $tabsNav=$('.posts-taps'),$tabsNavLis=$tabsNav.children('li'),$tabsContainer=$('.tabs-container');$tabsNav.each(function(){var $this=$(this);$this.next().children('.tabs-wrap').stop(true,true).hide().siblings($this.find('a').attr('href')).show();$this.children('li').first().addClass('active').stop(true,true).show();});$tabsNavLis.on('click',function(e){var $this=$(this);$this.siblings().removeClass('active').end().addClass('active');$this.parent().next().children('.tabs-wrap').stop(true,true).hide().siblings($this.find('a').attr('href')).fadeIn();e.preventDefault();}).children(window.location.hash?'a[href='+window.location.hash+']':'a:first').trigger('click');})();});
      //]]>
    </script>
    <style>
      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      #frontpage {
        display:none;
        visibility:hidden;
      }
    </b:if>
      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      #singlepage {
        display:none;
        visibility:hidden;
      }
    </b:if>
    </style>
    <script style='text/javascript'>
      //<![CDATA[
      //Script by uong jowo
      function authorshow(data) {
        for (var i = 0; i < 1; i++) {
          var entry = data.feed.entry[i];
          var avtr = entry.author[0].gd$image.src;
          document.write('<img width="80" height="80" src="' + avtr + '"/>');
        }
      }
      //
      //]]>
    </script>
  </head>
  <body>
    <div class='wrapper'>
      <div class='tn-navbar'>
        <b:section class='menu-nav-top' id='tn-menu-top' maxwidgets='1' showaddelement='yes'>
          <b:widget id='PageList1' locked='false' title='Pages' type='PageList' version='1' visible='true'>
            <b:includable id='main'>
              <b:if cond='data:title != &quot;&quot;'>
                <h2>
                  <data:title/>
                </h2>
              </b:if>
              <div class='widget-content'>
                <b:if cond='data:mobile'>
                  <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
                    <b:loop values='data:links' var='link'>
                      <b:if cond='data:link.isCurrentPage'>
                        <option expr:value='data:link.href' selected='selected'>
                          <data:link.title/>
                        </option>
                        <b:else/>
                        <option expr:value='data:link.href'>
                          <data:link.title/>
                        </option>
                      </b:if>
                    </b:loop>
                  </select>
                  <span class='pagelist-arrow'>
                    &amp;#9660;
                  </span>
                  <b:else/>
                  <ul class='menu-top' id='tn-menu-top-inner'>
                    <b:loop values='data:links' var='link'>
                      <b:if cond='data:link.isCurrentPage'>
                        <li class='selected'>
                          <a expr:href='data:link.href'>
                            <data:link.title/>
                          </a>
                        </li>
                        <b:else/>
                        <li>
                          <a expr:href='data:link.href'>
                            <data:link.title/>
                          </a>
                        </li>
                      </b:if>
                    </b:loop>
                  </ul>
                </b:if>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
          </b:widget>
        </b:section>
        <div class='search-block'>
          <form action='/search' id='searchform' method='get'>
            <button class='search-button' type='submit' value='Search'/>
            <input id='s' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search...&apos;;}' onfocus='if (this.value == &apos;Search...&apos;) {this.value = &apos;&apos;;}' type='text' value='Search...'/>
          </form>
        </div>
        <div class='social-icons'>
          <a class='tooldown' href='#' target='_blank' title='Google+'>
            <i class='fa fa-google-plus'/>
          </a>
          <a class='tooldown' href='http://www.facebook.com/' target='_blank' title='Facebook'>
            <i class='fa fa-facebook'/>
          </a>
          <a class='tooldown' href='https://twitter.com/' target='_blank' title='Twitter'>
            <i class='fa fa-twitter'/>
          </a>
          <a class='tooldown' href='http://www.youtube.com/' target='_blank' title='Youtube'>
            <i class='fa fa-youtube'/>
          </a>
          <a class='tooldown' href='#' target='_blank' title='instagram'>
            <i class='fa fa-instagram'/>
          </a>
        </div>
        <div class='clear'/>
      </div>
      <header id='theme-header'>
        <div class='col-md-12'>
          <div class='row'>
            <div class='header-content'>
              <b:section class='logo' id='logo' maxwidgets='1' showaddelement='no'>
                <b:widget id='Header1' locked='true' title='NEOMAGz (Header)' type='Header' version='1' visible='true'>
                  <b:includable id='main'>
                    <b:if cond='data:useImage'>
                      <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                        <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                        <b:if cond='data:mobile'>
                          <div id='header-inner'>
                            <div class='titlewrapper' style='background: transparent'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <h1 class='title' style='background: transparent; border-width: 0px'>
                                  <b:include name='title'/>
                                </h1>
                                <b:else/>
                                <p class='title' style='background: transparent; border-width: 0px'>
                                  <b:include name='title'/>
                                </p>
                              </b:if>
                            </div>
                            <b:include name='description'/>
                          </div>
                          <b:else/>
                          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                            <div class='titlewrapper' style='background: transparent'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <h1 class='title' style='background: transparent; border-width: 0px'>
                                  <b:include name='title'/>
                                </h1>
                                <b:else/>
                                <p class='title' style='background: transparent; border-width: 0px'>
                                  <b:include name='title'/>
                                </p>
                              </b:if>
                            </div>
                            <b:include name='description'/>
                          </div>
                        </b:if>
                        <b:else/>
                        <!--Show the image only-->
                        <div id='header-inner'>
                          <a expr:href='data:blog.homepageUrl' style='display: block'>
                            <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                          </a>
                          <!--Show the description-->
                          <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                            <b:include name='description'/>
                          </b:if>
                        </div>
                      </b:if>
                      <b:else/>
                      <!--No header image -->
                      <div id='header-inner'>
                        <div class='titlewrapper'>
                          <b:if cond='data:blog.pageType != &quot;item&quot;'>
                            <h1 class='title'>
                              <b:include name='title'/>
                            </h1>
                            <b:else/>
                            <p class='title'>
                              <b:include name='title'/>
                            </p>
                          </b:if>
                        </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='sstop' id='sdstop' showaddelement='yes'/>
              <div class='clear'/>
            </div>
          </div>
        </div>
        <div class='clear'/>
      </header>
      <!-- END: HEADER -->
      <div class='clear'/>
      <div class='row'>
        <div class='banner'>
          <nav class='fixed-enabled' id='main-nav'>
            <a href='#' id='mobilenav'>
              <i class='fa fa-bars'/>
            </a>
            <div class='container'>
              <div class='main-menu'>
                <ul class='menu' id='menu-main-menu'>
                  <li class='menu-item'>
                    <a href='/'>
                      Home
                    </a>
                  </li>
                  <li class='mega-menu mega-links'>
                    <a href='#'>
                      <i class='fa fa-gears'/>
                      Features
                    </a>
                    <div class='mega-menu-block menu-sub-content'>
                      <b:section class='mega-links-5col' id='portflo2' preferred='yes'>
                        <b:widget id='Label26' locked='false' title='Labels' type='Label' version='1' visible='true'>
                          <b:includable id='main'>
                            <b:if cond='data:title'>
                              <h2>
                                <data:title/>
                              </h2>
                            </b:if>
                            <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                              <b:if cond='data:display == &quot;list&quot;'>
                                <ul>
                                  <b:loop values='data:labels' var='label'>
                                    <li class='mega-link-column'>
                                      <b:if cond='data:blog.url == data:label.url'>
                                        <span expr:dir='data:blog.languageDirection'>
                                          <data:label.name/>
                                        </span>
                                        <b:else/>
                                        <a expr:class='data:label.name' expr:data-filter='data:label.name' expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'>
                                          <data:label.name/>
                                        </a>
                                      </b:if>
                                      <b:if cond='data:showFreqNumbers'>
                                        <span dir='ltr'>
                                          (
                                          <data:label.count/>
                                          )
                                        </span>
                                      </b:if>
                                    </li>
                                  </b:loop>
                                </ul>
                              </b:if>
                              <b:include name='quickedit'/>
                            </div>
                          </b:includable>
                        </b:widget>
                      </b:section>
                    </div>
                  </li>
                  <li class='mega-menu mega-cat '>
                    <a href='javascript:void(0)'>
                      <i class='fa fa-cloud'/>
                      Portfolio
                    </a>
                    <div class='mega-menu-block menu-sub-content'>
                      <ul>
                        <b:section class='mega-menu-content' id='portflo_5' preferred='yes'>
                          <b:widget id='Label88' locked='false' title='Portfolio' type='Label' version='1' visible='true'>
                            <b:includable id='main'>
                              <div class='mega-cat-wrapper'>
                                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                                  <b:if cond='data:display == &quot;list&quot;'>
                                    <ul class='mega-cat-sub-categories'>
                                      <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:class='data:label.name' expr:data-filter='data:label.name' 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:if>
                                  <b:include name='quickedit'/>
                                </div>
                                <div class='mega-cat-content mega-cat-sub-exists'>
                                  <script type='text/javascript'>
                                    //<![CDATA[
                                    var _0x9851=["\x74\x28\x66\x20\x39\x3D\x67\x2E\x79\x28\x22\x77\x22\x29\x2E\x76\x28\x22\x61\x22\x29\x2C\x34\x3D\x5B\x5D\x2C\x63\x3D\x30\x3B\x63\x3C\x39\x2E\x75\x3B\x63\x2B\x2B\x29\x34\x5B\x63\x5D\x3D\x2F\x5B\x5E\x2F\x5D\x2A\x24\x2F\x2E\x78\x28\x39\x5B\x63\x5D\x2E\x6B\x29\x2C\x67\x2E\x7A\x28\x27\x3C\x68\x20\x72\x3D\x22\x27\x2B\x34\x5B\x63\x5D\x2B\x27\x22\x20\x37\x3D\x22\x32\x2D\x36\x2D\x6E\x2D\x6D\x22\x3E\x3C\x64\x20\x6F\x3D\x22\x2F\x70\x2F\x71\x2F\x73\x2F\x2D\x2F\x27\x2B\x34\x5B\x63\x5D\x2B\x27\x3F\x4B\x3D\x4A\x26\x4C\x3D\x4D\x2D\x4F\x2D\x64\x26\x4E\x3D\x41\x26\x49\x2D\x43\x3D\x33\x22\x3E\x5C\x42\x2F\x64\x3E\x3C\x2F\x68\x3E\x27\x29\x3B\x24\x28\x22\x2E\x32\x2D\x36\x2D\x38\x2D\x62\x20\x65\x20\x61\x22\x29\x2E\x44\x28\x45\x28\x29\x7B\x66\x20\x61\x3D\x24\x28\x35\x29\x2E\x31\x28\x22\x69\x2D\x6A\x22\x29\x2C\x61\x3D\x61\x2E\x6C\x28\x22\x20\x22\x2C\x22\x2D\x22\x29\x3B\x24\x28\x35\x29\x2E\x31\x28\x22\x69\x2D\x6A\x22\x2C\x22\x23\x22\x2B\x61\x29\x3B\x61\x3D\x24\x28\x35\x29\x2E\x31\x28\x22\x37\x22\x29\x3B\x61\x3D\x61\x2E\x6C\x28\x22\x20\x22\x2C\x22\x2D\x22\x29\x3B\x24\x28\x35\x29\x2E\x31\x28\x22\x37\x22\x2C\x22\x2E\x22\x2B\x61\x29\x3B\x24\x28\x22\x2E\x32\x2D\x36\x2D\x38\x2D\x62\x20\x65\x20\x61\x22\x29\x2E\x31\x28\x22\x6B\x22\x2C\x22\x23\x22\x29\x3B\x24\x28\x22\x2E\x32\x2D\x36\x2D\x38\x2D\x62\x20\x65\x20\x61\x3A\x47\x22\x29\x2E\x46\x28\x22\x48\x22\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x7C\x61\x74\x74\x72\x7C\x6D\x65\x67\x61\x7C\x7C\x6C\x69\x6E\x6B\x73\x7C\x74\x68\x69\x73\x7C\x63\x61\x74\x7C\x63\x6C\x61\x73\x73\x7C\x73\x75\x62\x7C\x61\x73\x7C\x7C\x63\x61\x74\x65\x67\x6F\x72\x69\x65\x73\x7C\x7C\x73\x63\x72\x69\x70\x74\x7C\x6C\x69\x7C\x76\x61\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x64\x69\x76\x7C\x64\x61\x74\x61\x7C\x66\x69\x6C\x74\x65\x72\x7C\x68\x72\x65\x66\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x74\x61\x62\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x73\x72\x63\x7C\x66\x65\x65\x64\x73\x7C\x70\x6F\x73\x74\x73\x7C\x69\x64\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x66\x6F\x72\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x4C\x61\x62\x65\x6C\x38\x38\x7C\x65\x78\x65\x63\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x77\x72\x69\x74\x65\x7C\x70\x6F\x73\x74\x66\x6F\x6C\x69\x6F\x6E\x7C\x78\x33\x63\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x65\x61\x63\x68\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x61\x64\x64\x43\x6C\x61\x73\x73\x7C\x66\x69\x72\x73\x74\x7C\x73\x65\x6C\x65\x63\x74\x65\x64\x7C\x6D\x61\x78\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x6F\x72\x64\x65\x72\x62\x79\x7C\x61\x6C\x74\x7C\x6A\x73\x6F\x6E\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x69\x6E","","\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(_0x82b8x1,_0x82b8x2,_0x82b8x3,_0x82b8x4,_0x82b8x5,_0x82b8x6){_0x82b8x5=function(_0x82b8x3){return (_0x82b8x3<_0x82b8x2?_0x9851[4]:_0x82b8x5(parseInt(_0x82b8x3/_0x82b8x2)))+((_0x82b8x3=_0x82b8x3%_0x82b8x2)>35?String[_0x9851[5]](_0x82b8x3+29):_0x82b8x3.toString(36))};if(!_0x9851[4][_0x9851[6]](/^/,String)){while(_0x82b8x3--){_0x82b8x6[_0x82b8x5(_0x82b8x3)]=_0x82b8x4[_0x82b8x3]||_0x82b8x5(_0x82b8x3)};_0x82b8x4=[function(_0x82b8x5){return _0x82b8x6[_0x82b8x5]}];_0x82b8x5=function(){return _0x9851[7]};_0x82b8x3=1;};while(_0x82b8x3--){if(_0x82b8x4[_0x82b8x3]){_0x82b8x1=_0x82b8x1[_0x9851[6]]( new RegExp(_0x9851[8]+_0x82b8x5(_0x82b8x3)+_0x9851[8],_0x9851[9]),_0x82b8x4[_0x82b8x3])}};return _0x82b8x1;}(_0x9851[0],51,51,_0x9851[3][_0x9851[2]](_0x9851[1]),0,{}));
                                    //]]>
                                  </script>
                                </div>
                                <div class='clear'/>
                              </div>
                            </b:includable>
                          </b:widget>
                        </b:section>
                      </ul>
                    </div>
                  </li>
                  <li class='menu-item menu-item-type-custom menu-object menu-item-has-children menu-item-570'>
                    <a href='#'>
                      <i class='fa fa-folder'/>
                      Category
                    </a>
                    <ul class='sub-menu menu-sub-content'>
                      <li class='menu-item'>
                        <a href='tag/review/'>
                          <i class='fa fa-user'/>
                          Author Archive
                        </a>
                      </li>
                      <li class='menu-item'>
                        <a href='#'>
                          <i class='fa fa-folder-o'/>
                          Categories
                        </a>
                      </li>
                      <li class='menu-item'>
                        <a href='tag/review/'>
                          <i class='fa fa-tag'/>
                          Tag Archive
                        </a>
                      </li>
                      <li class='menu-item'>
                        <a href='2015/01/'>
                          <i class='fa fa-calendar'/>
                          Date Archive
                        </a>
                      </li>
                      <li class='menu-item'>
                        <a href='?s=transmissions'>
                          <i class='fa fa-search'/>
                          Search Results
                        </a>
                      </li>
                      <div class='clear'/>
                    </ul>
                  </li>
                  <li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-502 mega-menu mega-cat '>
                    <a href='#'>
                      <i class='fa fa-play-circle-o'/>
                      Culture
                    </a>
                    <div class='mega-menu-block menu-sub-content'>
                      <div class='mega-recent-featured-list'>
                        <b:section class='mega-menu-content' id='list3' preferred='yes'>
                          <b:widget id='HTML21' locked='false' mobile='yes' title='Culture' type='HTML' version='1' visible='true'>
                            <b:includable id='main'>
                              <!-- only display title if it's non-empty -->
                              <b:if cond='data:title != &quot;&quot;'>
                                <h2 class='title'>
                                  <data:title/>
                                </h2>
                              </b:if>
                              <div class='widget-content'>
                                <script>
                                  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=7&amp;start-index=1&amp;orderby=published&amp;alt=json-in-script&amp;callback=newsers\&quot;&gt;&lt;\/script&gt;&quot;);
                                </script>
                                <div class='clear'/>
                              </div>
                              <div class='morepost'>
                                <a expr:href='&quot;/search/label/&quot; + data:content + &quot;?&amp;max-results=7&quot;' itemprop='url'>
                                  <i class='fa fa-bookmark-o'/>
                                  <data:content/>
                                </a>
                              </div>
                              <div class='clear'/>
                              <b:include name='quickedit'/>
                            </b:includable>
                          </b:widget>
                        </b:section>
                      </div>
                      <div class='clear'/>
                    </div>
                  </li>
                  <li class='menu-item menu-item-type-taxonomy menu-item-object-category  mega-menu mega-recent-featured '>
                    <a href='#'>
                      <i class='fa fa-soccer-ball-o'/>
                      Photographic
                    </a>
                    <div class='mega-menu-block menu-sub-content'>
                      <div class='mega-recent-featured-list'>
                        <b:section class='mega-menu-content' id='list4' preferred='yes'>
                          <b:widget id='HTML20' locked='false' mobile='yes' title='Photograper' type='HTML' version='1' visible='true'>
                            <b:includable id='main'>
                              <!-- only display title if it's non-empty -->
                              <b:if cond='data:title != &quot;&quot;'>
                                <h2 class='title'>
                                  <data:title/>
                                </h2>
                              </b:if>
                              <div class='widget-content'>
                                <script>
                                  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=4&amp;start-index=1&amp;orderby=published&amp;alt=json-in-script&amp;callback=newser\&quot;&gt;&lt;\/script&gt;&quot;);
                                </script>
                                <div class='clear'/>
                              </div>
                              <div class='morepost'>
                                <a expr:href='&quot;/search/label/&quot; + data:content + &quot;?&amp;max-results=7&quot;' itemprop='url'>
                                  <i class='fa fa-bookmark-o'/>
                                  <data:content/>
                                </a>
                              </div>
                              <div class='clear'/>
                              <b:include name='quickedit'/>
                            </b:includable>
                          </b:widget>
                        </b:section>
                      </div>
                      <div class='clear'/>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        </div>
      </div>
      <div class='clear'/>
      <div class='container'>
        <div class='fade-in animated3' id='main-content'>
          <div class='col-md-12 content-wrap'>
            <div class='row'>
              <div class='col-md-8 content'>
                <div id='frontpage'>


          <b:section id='wowslider-container1' preferred='yes'>
            <b:widget id='HTML33' locked='false' mobile='yes' title='Slider' type='HTML' version='1' visible='true'>
              <b:includable id='main'>
                <div class='ws_images'>
                  <script>
                    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=7&amp;orderby=published&amp;alt=json-in-script&amp;callback=wowslides\&quot;&gt;&lt;\/script&gt;&quot;);
                  </script>
                </div>
                <div class='ws_bullets'>
                  <div>
                    <script>
                      document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=7&amp;orderby=published&amp;alt=json-in-script&amp;callback=showbull\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
                  </div>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
<script style='text/javascript'>
          //<![CDATA[
          jQuery('#wowslider-container1').wowSlider({
            effect:"fly",
            prev:"",
            next:"",
            duration: 23*100,
            delay:20*100,
            width:1140,
            height:400,
            autoPlay:true,
            autoPlayVideo:false,
            playPause:false,
            stopOnHover:false,
            loop:false,
            bullets:1,
            caption: true,
            captionEffect:"move",
            controls:true,
            responsive:1,
            fullScreen:true,
            gestures: 2,
            onBeforeStep:0,
            images:0
          });
          //]]>
        </script>
     <b:section class='cat-box scroll-box three' id='scroll-small' maxwidgets='1' showaddelement='no'>
       <b:widget id='HTML28' locked='false' mobile='yes' title='Asia' type='HTML' version='1' visible='true'>
         <b:includable id='main'>
                        <!-- only display title if it's non-empty -->
                        <b:if cond='data:title != &quot;&quot;'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content'>
                          <div class='cat-box-content'>
                            <div class='group_items-box' id='slideshow5'>
                              <script>
                                document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=12&amp;start-index=1&amp;orderby=published&amp;alt=json-in-script&amp;callback=ujpost\&quot;&gt;&lt;\/script&gt;&quot;);
                              </script>
                            </div>
                          </div>
                        </div>
                        <div class='cat-box-title'>
                          <a expr:href='&quot;/search/label/&quot; + data:content + &quot;?&amp;max-results=8&quot;' itemprop='url'>
                            <data:content/>
                          </a>
                        </div>
                        <div class='scroll-nav'>
                          <a href='#' id='next5'>
                            <i class='fa fa-angle-right'/>
                          </a>
                          <a class='prev-scroll' href='#' id='prev5'>
                            <i class='fa fa-angle-left'/>
                          </a>
                        </div>
                        <div class='clear'/>
                      </b:includable>
       </b:widget>
     </b:section>
                  <div class='clear'/>
                  <b:section class='cat-box list-box' id='column4' preferred='yes'>
                    <b:widget id='HTML26' locked='false' mobile='yes' title='Africa' type='HTML' version='1' visible='true'>
                      <b:includable id='main'>
                        <!-- only display title if it's non-empty -->
                        <b:if cond='data:title != &quot;&quot;'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content'>
                          <div id='midz'/>
                          <script type='text/javascript'>
                            ShowPost1({
                              idcontaint:&quot;#midz&quot;,
                              MaxPost:5,
                              ImageSize:320,
                              FirstImageSize:570,
                              textMore:&quot;Read More&quot;,
                              tagName:&quot;<data:content/>&quot;
                            });
                          </script>
                          <div class='clear'/>
                        </div>
                        <div class='clear'/>
                        <b:include name='quickedit'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                  <div class='clear'/>
                 
                  <div class='row'>
                    <b:section class='col-md-6 cat-box column2' id='list1' preferred='yes'>
                      <b:widget id='HTML22' locked='false' mobile='yes' title='Soundslides' type='HTML' version='1' visible='true'>
                        <b:includable id='main'>
                          <!-- only display title if it's non-empty -->
                          <b:if cond='data:title != &quot;&quot;'>
                            <h2 class='title'>
                              <data:title/>
                            </h2>
                          </b:if>
                          <div class='widget-content'>
                            <div id='calleft'/>
                            <script type='text/javascript'>
                              ShowPost1({
                                idcontaint:&quot;#calleft&quot;,
                                MaxPost:4,
                                ImageSize:320,
                                FirstImageSize:570,
                                textMore:&quot;Read More&quot;,
                                tagName:&quot;<data:content/>&quot;
                              });
                            </script>
                            <div class='clear'/>
                          </div>
                          <div class='clear'/>
                          <b:include name='quickedit'/>
                        </b:includable>
                      </b:widget>
                    </b:section>
                    <b:section class='col-md-6 cat-box column2' id='list2' preferred='yes'>
                      <b:widget id='HTML23' locked='false' mobile='yes' title='Events' type='HTML' version='1' visible='true'>
                        <b:includable id='main'>
                          <!-- only display title if it's non-empty -->
                          <b:if cond='data:title != &quot;&quot;'>
                            <h2 class='title'>
                              <data:title/>
                            </h2>
                          </b:if>
                          <div class='widget-content'>
                            <div id='colm2'/>
                            <script type='text/javascript'>
                              ShowPost1({
                                idcontaint:&quot;#colm2&quot;,
                                MaxPost:4,
                                ImageSize:320,
                                FirstImageSize:570,
                                textMore:&quot;Read More&quot;,
                                tagName:&quot;<data:content/>&quot;
                              });
                            </script>
                            <div class='clear'/>
                          </div>
                          <div class='clear'/>
                          <b:include name='quickedit'/>
                        </b:includable>
                      </b:widget>
                    </b:section>
                  </div>
                  <div class='clear'/>
                  <b:section class='cat-box scroll-box scroll-box-wide' id='big-small' maxwidgets='1' showaddelement='no'>
                    <b:widget id='HTML27' locked='false' mobile='yes' title='Photojournalism' type='HTML' version='1' visible='true'>
                      <b:includable id='main'>
                        <!-- only display title if it's non-empty -->
                        <b:if cond='data:title != &quot;&quot;'>
                          <h2 class='title'>
                            <data:title/>
                          </h2>
                        </b:if>
                        <div class='widget-content'>
                          <div class='cat-box-content'>
                            <div class='group_items-box' id='wslideshow7'>
                              <script>
                                document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=8&amp;start-index=1&amp;orderby=published&amp;alt=json-in-script&amp;callback=ujpost\&quot;&gt;&lt;\/script&gt;&quot;);
                              </script>
                            </div>
                          </div>
                        </div>
                        <div class='cat-box-title'>
                          <a expr:href='&quot;/search/label/&quot; + data:content + &quot;?&amp;max-results=8&quot;' itemprop='url'>
                            <data:content/>
                          </a>
                        </div>
                        <div class='scroll-nav'>
                          <a href='#' id='nextw7'>
                            <i class='fa fa-angle-right'/>
                          </a>
                          <a class='prev-scroll' href='#' id='prevw7'>
                            <i class='fa fa-angle-left'/>
                          </a>
                        </div>
                        <div class='clear'/>
                      </b:includable>
                    </b:widget>
                  </b:section>
                  <div class='clear'/>
                </div>
                <div id='singlepage'>
                  <b:section class='main' id='main' preferred='yes' showaddelement='no'>
                    <b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
                      <b:includable id='main' var='top'>
                        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:blog.pageType != &quot;item&quot;'>
                              <div class='cat-box recent-box'>
                                <h2>
                                  <b:if cond='data:blog.url == data:blog.homepageUrl'>
                                    Latest Post
                                    <b:else/>
                                    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                                      <data:blog.pageName/>
                                      <b:else/>
                                      <b:if cond='data:blog.searchQuery'>
                                        <data:blog.searchQuery/>
                                        <b:else/>
                                        <b:if cond='data:blog.searchLabel'>
                                          <data:blog.searchLabel/>
                                          <b:else/>
                                          Latest Post
                                        </b:if>
                                      </b:if>
                                    </b:if>
                                  </b:if>
                                </h2>
                              </div>
                            </b:if>
                          </b:if>
                        </b:if>
                        <div class='clear'/>
                        <b:if cond='data:mobile == &quot;false&quot;'>
                          <!-- posts -->
                          <div class='blog-posts hfeed'>
                            <data:defaultAdStart/>
                            <b:loop values='data:posts' var='post'>
                              <b:if cond='data:post.isDateStart'>
                                <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                                  &lt;/div&gt;&lt;/div&gt;
                                </b:if>
                              </b:if>
                              <b:if cond='data:post.isDateStart'>
                                &lt;div class=&quot;date-outer&quot;&gt;
                              </b:if>
                              <b:if cond='data:post.isDateStart'>
                                &lt;div class=&quot;date-posts&quot;&gt;
                              </b:if>
                              <div class='post-outer'>
                                <b:include data='post' name='post'/>
                                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                  <b:include data='post' name='comment_picker'/>
                                </b:if>
                              </div>
                            </b:loop>
                            <b:if cond='data:numPosts != 0'>
                              &lt;/div&gt;&lt;/div&gt;
                            </b:if>
                            <data:adEnd/>
                            <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
                              <b:include name='error_page_custom'/>
                            </b:if>
                          </div>
                          <div class='clear'/>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:blog.pageType != &quot;item&quot;'>
                              <!-- navigation -->
                              <b:include name='nextprev'/>
                            </b:if>
                          </b:if>
                          <!-- feed links -->
                          <b:include name='feedLinks'/>
                          <b:if cond='data:top.showStars'>
                            <script src='//www.google.com/jsapi' type='text/javascript'/>
                            <script type='text/javascript'>
                              google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                              function initialize() {
                                google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                                google.annotations.createAll();
                                google.annotations.fetch();
                              }
                              google.setOnLoadCallback(initialize);
                            </script>
                          </b:if>
                          <b:else/>
                          <b:include name='mobile-main'/>
                        </b:if>
                        <b:if cond='data:top.showDummy'>
                          <data:top.dummyBootstrap/>
                        </b:if>
                      </b:includable>
                      <b:includable id='Adsn'>
                        <b:if cond='data:post.includeAd'>
                          <div class='adsin'>
                            <span>
                              <data:adCode/>
                            </span>
                          </div>
                        </b:if>
                      </b:includable>
                      <b:includable id='authorblog'>
                        <style type='text/css'>
                          .com-auth{width:60px;float:left;}
                        </style>
                        <div id='author-box'>
                          <div class='block-head'>
                            <h3>
                              About
                              <data:post.author/>
                            </h3>
                          </div>
                          <div class='post-listing'>
                            <div id='author-avatar'>
                              <script src='/feeds/posts/default?alt=json-in-script&amp;callback=authorshow'/>
                            </div>
                            <div class='author-description'>
                              This is a short description in the author block about the author. You edit it by entering text in the &quot;Biographical Info&quot; field in the user admin panel.
                            </div>
                            <div class='clear'/>
                          </div>
                        </div>
                        <!--/entry author-->
                      </b:includable>
                      <b:includable id='authorpost'>
                        <script>
                          //<![CDATA[
                          function showAuth(user){
                            var b=user.entry.author[0];
                            c=b.name.$t;
                            d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s80$1/');
                            document.write('<div  class="auvtar"><img alt="'+c+'" src="'+d+'" title="'+c+'"/></div>')}
                          //]]>
                        </script>
                        <script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=showAuth&quot;'/>
                      </b:includable>
                      <b:includable id='backlinkDeleteIcon' var='backlink'>
                        <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                          <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                            <img src='//www.blogger.com/img/icon_delete13.gif'/>
                          </a>
                        </span>
                      </b:includable>
                      <b:includable id='backlinks' var='post'>
                        <a name='links'/>
                        <h4>
                          <data:post.backlinksLabel/>
                        </h4>
                        <b:if cond='data:post.numBacklinks != 0'>
                          <dl class='comments-block' id='comments-block'>
                            <b:loop values='data:post.backlinks' var='backlink'>
                              <div class='collapsed-backlink backlink-control'>
                                <dt class='comment-title'>
                                  <span class='backlink-toggle-zippy'>
                                    &#160;
                                  </span>
                                  <a expr:href='data:backlink.url' rel='nofollow'>
                                    <data:backlink.title/>
                                  </a>
                                  <b:include data='backlink' name='backlinkDeleteIcon'/>
                                </dt>
                                <dd class='comment-body collapseable'>
                                  <data:backlink.snippet/>
                                </dd>
                                <dd class='comment-footer collapseable'>
                                  <span class='comment-author'>
                                    <data:post.authorLabel/>
                                    <data:backlink.author/>
                                  </span>
                                  <span class='comment-timestamp'>
                                    <data:post.timestampLabel/>
                                    <data:backlink.timestamp/>
                                  </span>
                                </dd>
                              </div>
                            </b:loop>
                          </dl>
                        </b:if>
                        <p class='comment-footer'>
                          <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                            <data:post.createLinkLabel/>
                          </a>
                        </p>
                      </b:includable>
                      <b:includable id='breadcrumb'>
                        <div id='crumbs' style='margin-bottom:15px'>
                          <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                            <a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'>
                              <span itemprop='title'>
                                Home
                              </span>
                            </a>
                          </span>
                          /
                          <b:loop values='data:posts' var='post'>
                            <b:if cond='data:post.labels'>
                              <b:loop values='data:post.labels' var='label'>
                                <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
                                  <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'>
                                    <span itemprop='title'>
                                      <data:label.name/>
                                    </span>
                                  </a>
                                </span>
                                <b:if cond='data:label.isLast != &quot;true&quot;'>
                                  /
                                </b:if>
                              </b:loop>
                              <b:else/>
                              / Unlabelled
                            </b:if>
                            /
                            <span>
                              <data:post.title/>
                            </span>
                          </b:loop>
                        </div>
                      </b:includable>
                      <b:includable id='comment-form' var='post'>
                        <div class='sep'/>
                        <div id='respond'>
                          <h3>
                            Leave a Reply
                          </h3>
                          <p>
                            <data:blogCommentMessage/>
                          </p>
                          <p>
                            <data:blogTeamBlogMessage/>
                          </p>
                          <p>
                            <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
                          </p>
                        </div>
                      </b:includable>
                      <b:includable id='commentDeleteIcon' var='comment'>
                        <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                          <b:if cond='data:showCmtPopup'>
                            <div class='goog-toggle-button'>
                              <div class='goog-inline-block comment-action-icon'/>
                            </div>
                            <b:else/>
                            <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                              <img src='//www.blogger.com/img/icon_delete13.gif'/>
                            </a>
                          </b:if>
                        </span>
                      </b:includable>
                      <b:includable id='comment_count_picker' var='post'>
                        <b:if cond='data:post.forceIframeComments'>
                          <b:include data='post' name='iframe_comments'/>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:post.commentSource == 1'>
                            <b:include data='post' name='iframe_comments'/>
                            <b:else/>
                            <b:if cond='data:post.showThreadedComments'>
                              <b:include data='post' name='threaded_comments'/>
                              <b:else/>
                              <b:include data='post' name='comments'/>
                            </b:if>
                          </b:if>
                        </b:if>
                      </b:includable>
                      <b:includable id='comment_picker' var='post'>
                        <b:if cond='data:post.forceIframeComments'>
                          <b:include data='post' name='iframe_comments'/>
                          <b:if cond='data:post.showThreadedComments'>
                            <b:include data='post' name='threaded_comments'/>
                            <b:else/>
                            <b:include data='post' name='comments'/>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:post.commentSource == 1'>
                            <b:include data='post' name='iframe_comments'/>
                            <b:else/>
                            <b:if cond='data:post.showThreadedComments'>
                              <b:include data='post' name='threaded_comments'/>
                              <b:else/>
                              <b:include data='post' name='comments'/>
                            </b:if>
                          </b:if>
                        </b:if>
                      </b:includable>
                      <b:includable id='comments' var='post'>
                        <div class='comments' id='comments'>
                          <a name='comments'/>
                          <b:if cond='data:post.allowComments'>
                            <h2>
                              <span>
                                <data:post.commentLabelFull/>
                                :
                              </span>
                            </h2>
                            <b:if cond='data:post.commentPagingRequired'>
                              <span class='paging-control-container'>
                                <b:if cond='data:post.hasOlderLinks'>
                                  <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                                    <data:post.oldestLinkText/>
                                  </a>
                                  &#160;
                                  <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                                    <data:post.olderLinkText/>
                                  </a>
                                  &#160;
                                </b:if>
                                <data:post.commentRangeText/>
                                <b:if cond='data:post.hasNewerLinks'>
                                  &#160;
                                  <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                                    <data:post.newerLinkText/>
                                  </a>
                                  &#160;
                                  <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                                    <data:post.newestLinkText/>
                                  </a>
                                </b:if>
                              </span>
                            </b:if>
                            <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                              <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                                <b:loop values='data:post.comments' var='comment'>
                                  <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                                    <b:if cond='data:comment.favicon'>
                                      <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                    </b:if>
                                    <a expr:name='data:comment.anchorName'/>
                                    <b:if cond='data:blog.enabledCommentProfileImages'>
                                      <data:comment.authorAvatarImage/>
                                    </b:if>
                                    <b:if cond='data:comment.authorUrl'>
                                      <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                        <data:comment.author/>
                                      </a>
                                      <b:else/>
                                      <data:comment.author/>
                                    </b:if>
                                    <data:commentPostedByMsg/>
                                  </dt>
                                  <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                                    <b:if cond='data:comment.isDeleted'>
                                      <span class='deleted-comment'>
                                        <data:comment.body/>
                                      </span>
                                      <b:else/>
                                      <p>
                                        <data:comment.body/>
                                      </p>
                                    </b:if>
                                  </dd>
                                  <dd class='comment-footer'>
                                    <span class='comment-timestamp'>
                                      <a expr:href='data:comment.url' title='comment permalink'>
                                        <data:comment.timestamp/>
                                      </a>
                                      <b:include data='comment' name='commentDeleteIcon'/>
                                    </span>
                                  </dd>
                                </b:loop>
                              </dl>
                            </div>
                            <b:if cond='data:post.commentPagingRequired'>
                              <span class='paging-control-container'>
                                <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                                  <data:post.oldestLinkText/>
                                </a>
                                <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                                  <data:post.olderLinkText/>
                                </a>
                                &#160;
                                <data:post.commentRangeText/>
                                &#160;
                                <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                                  <data:post.newerLinkText/>
                                </a>
                                <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                                  <data:post.newestLinkText/>
                                </a>
                              </span>
                            </b:if>
                            <p class='comment-footer'>
                              <b:if cond='data:post.embedCommentForm'>
                                <b:if cond='data:post.allowNewComments'>
                                  <b:include data='post' name='comment-form'/>
                                  <b:else/>
                                  <data:post.noNewCommentsText/>
                                </b:if>
                                <b:else/>
                                <b:if cond='data:post.allowComments'>
                                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <data:postCommentMsg/>
                                  </a>
                                </b:if>
                              </b:if>
                            </p>
                            <b:if cond='data:showCmtPopup'>
                              <div id='comment-popup'>
                                <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                                </iframe>
                              </div>
                            </b:if>
                            <div id='backlinks-container'>
                              <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                                <b:if cond='data:post.showBacklinks'>
                                  <b:include data='post' name='backlinks'/>
                                </b:if>
                              </div>
                            </div>
                          </b:if>
                        </div>
                      </b:includable>
                      <b:includable id='error_page_custom'>
                        <div class='error-custom'>
                          <div style='padding:15px;'>
                            <h2>
                              Sorry..!
                            </h2>
                            <p class='error-body'>
                              We&#39;re sorry but we could not find the page you are looking for.
                              <br/>
                              This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.
                            </p>
                            <p>
                              You can try searching page again or go back to home
                            </p>
                            <form action='/search' id='searchform' method='get'>
                              <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/>
                              <input id='searchsubmit' type='submit' value='Go'/>
                            </form>
                          </div>
                        </div>
                      </b:includable>
                      <b:includable id='feedLinks'>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <!-- Blog feed links -->
                          <b:if cond='data:feedLinks'>
                            <div class='blog-feeds'>
                              <b:include data='feedLinks' name='feedLinksBody'/>
                            </div>
                          </b:if>
                          <b:else/>
                          <!--Post feed links -->
                          <div class='post-feeds'>
                            <b:loop values='data:posts' var='post'>
                              <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
                            </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 id='googlePlusComment'>
                            <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
                          </div>
                          <script type='text/javascript'>
                            //<![CDATA[
                            (function($){
                              function scrwid() {
                                var wid = $('#googlePlusComment').width();
                                $('.cmt_iframe_holder').css('width',wid);
                              }
                              $(window).resize(scrwid);
                            })(jQuery);
                            //]]>
                          </script>
                        </b:if>
                      </b:includable>
                      <b:includable id='imgpage'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
                          <b:else/>
                          <img src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
                        </b:if>
                        <script type='text/javascript'>
                          //<![CDATA[
                          function byThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/w"+b);d[a].width=b}}
                          //
                          byThumb("Blog2",0);
                          //]]>
                        </script>
                      </b:includable>
                      <b:includable id='mobile-index-post' var='post'>
                        <div class='mobile-date-outer date-outer'>
                          <b:if cond='data:post.dateHeader'>
                            <div class='date-header'>
                              <span>
                                <data:post.dateHeader/>
                              </span>
                            </div>
                          </b:if>
                          <div class='mobile-post-outer'>
                            <a expr:href='data:post.url'>
                              <h3 class='mobile-index-title entry-title'>
                                <data:post.title/>
                              </h3>
                              <div class='mobile-index-arrow'>
                                &amp;rsaquo;
                              </div>
                              <div class='mobile-index-contents'>
                                <b:if cond='data:post.thumbnailUrl'>
                                  <div class='mobile-index-thumbnail'>
                                    <div class='Image'>
                                      <img expr:src='data:post.thumbnailUrl'/>
                                    </div>
                                  </div>
                                </b:if>
                                <div class='post-body'>
                                  <b:if cond='data:post.snippet'>
                                    <data:post.snippet/>
                                  </b:if>
                                </div>
                              </div>
                              <div style='clear: both;'/>
                            </a>
                            <div class='mobile-index-comment'>
                              <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                <b:if cond='data:post.allowComments'>
                                  <b:if cond='data:post.numComments != 0'>
                                    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                      <b:if cond='data:post.numComments == 1'>
                                        1
                                        <data:top.commentLabel/>
                                        <b:else/>
                                        <data:post.numComments/>
                                        <data:top.commentLabelPlural/>
                                      </b:if>
                                    </a>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </div>
                          </div>
                        </div>
                      </b:includable>
                      <b:includable id='mobile-main' var='top'>
                        <!-- posts -->
                        <div class='blog-posts hfeed'>
                          <b:include data='top' name='status-message'/>
                          <b:if cond='data:blog.pageType == &quot;index&quot;'>
                            <b:loop values='data:posts' var='post'>
                              <b:include data='post' name='mobile-index-post'/>
                            </b:loop>
                            <b:else/>
                            <b:loop values='data:posts' var='post'>
                              <b:include data='post' name='mobile-post'/>
                            </b:loop>
                          </b:if>
                        </div>
                        <b:include name='mobile-nextprev'/>
                      </b:includable>
                      <b:includable id='mobile-nextprev'>
                        <div class='blog-pager' id='blog-pager'>
                          <b:if cond='data:newerPageUrl'>
                            <div class='mobile-link-button' id='blog-pager-newer-link'>
                              <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                                &amp;lsaquo;
                              </a>
                            </div>
                          </b:if>
                          <b:if cond='data:olderPageUrl'>
                            <div class='mobile-link-button' id='blog-pager-older-link'>
                              <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                                &amp;rsaquo;
                              </a>
                            </div>
                          </b:if>
                          <div class='mobile-link-button' id='blog-pager-home-link'>
                            <a class='home-link' expr:href='data:blog.homepageUrl'>
                              <data:homeMsg/>
                            </a>
                          </div>
                          <div class='mobile-desktop-link'>
                            <a class='home-link' expr:href='data:desktopLinkUrl'>
                              <data:desktopLinkMsg/>
                            </a>
                          </div>
                        </div>
                        <div class='clear'/>
                      </b:includable>
                      <b:includable id='mobile-post' var='post'>
                        <div class='date-outer'>
                          <b:if cond='data:post.dateHeader'>
                            <h2 class='date-header'>
                              <span>
                                <data:post.dateHeader/>
                              </span>
                            </h2>
                          </b:if>
                          <div class='date-posts'>
                            <div class='post-outer'>
                              <div class='post hentry uncustomized-post-template'>
                                <a expr:name='data:post.id'/>
                                <b:if cond='data:post.title'>
                                  <h3 class='post-title entry-title'>
                                    <b:if cond='data:post.link'>
                                      <a expr:href='data:post.link'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <b:if cond='data:post.url'>
                                        <b:if cond='data:blog.url != data:post.url'>
                                          <a expr:href='data:post.url'>
                                            <data:post.title/>
                                          </a>
                                          <b:else/>
                                          <data:post.title/>
                                        </b:if>
                                        <b:else/>
                                        <data:post.title/>
                                      </b:if>
                                    </b:if>
                                  </h3>
                                </b:if>
                                <div class='post-header'>
                                  <div class='post-header-line-1'/>
                                </div>
                                <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
                                  <data:post.body/>
                                  <div style='clear: both;'/>
                                  <!-- clear for photos floats -->
                                </div>
                                <div class='post-footer'>
                                  <div class='post-footer-line post-footer-line-1'>
                                    <span class='post-author vcard'>
                                      <b:if cond='data:top.showAuthor'>
                                        <b:if cond='data:post.authorProfileUrl'>
                                          <span class='fn'>
                                            <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                              <data:post.author/>
                                            </a>
                                          </span>
                                          <b:else/>
                                          <span class='fn'>
                                            <data:post.author/>
                                          </span>
                                        </b:if>
                                      </b:if>
                                    </span>
                                    <span class='post-timestamp'>
                                      <b:if cond='data:top.showTimestamp'>
                                        <data:top.timestampLabel/>
                                        <b:if cond='data:post.url'>
                                          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                            <abbr class='published' expr:title='data:post.timestampISO8601'>
                                              <data:post.timestamp/>
                                            </abbr>
                                          </a>
                                        </b:if>
                                      </b:if>
                                    </span>
                                    <span class='post-comment-link'>
                                      <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                          <b:if cond='data:post.allowComments'>
                                            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                              <b:if cond='data:post.numComments == 1'>
                                                1
                                                <data:top.commentLabel/>
                                                <b:else/>
                                                <data:post.numComments/>
                                                <data:top.commentLabelPlural/>
                                              </b:if>
                                            </a>
                                          </b:if>
                                        </b:if>
                                      </b:if>
                                    </span>
                                  </div>
                                  <div class='post-footer-line post-footer-line-2'>
                                    <b:if cond='data:top.showMobileShare'>
                                      <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                        <a href='javascript:void(0);'>
                                          <data:shareMsg/>
                                        </a>
                                      </div>
                                    </b:if>
                                    <b:if cond='data:top.showDummy'>
                                      <div class='goog-inline-block dummy-container'>
                                        <data:post.dummyTag/>
                                      </div>
                                    </b:if>
                                  </div>
                                </div>
                              </div>
                              <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                                <b:if cond='data:post.showThreadedComments'>
                                  <b:include data='post' name='threaded_comments'/>
                                  <b:else/>
                                  <b:include data='post' name='comments'/>
                                </b:if>
                              </b:if>
                              <b:if cond='data:blog.pageType == &quot;item&quot;'>
                                <b:if cond='data:post.showThreadedComments'>
                                  <b:include data='post' name='threaded_comments'/>
                                  <b:else/>
                                  <b:include data='post' name='comments'/>
                                </b:if>
                              </b:if>
                            </div>
                          </div>
                        </div>
                      </b:includable>
                      <b:includable id='nextprev'>
                        <div class='blog-pager' id='blog-pager'>
                          <b:if cond='data:newerPageUrl'>
                            <span id='blog-pager-newer-link'>
                              <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                                <data:newerPageTitle/>
                              </a>
                            </span>
                          </b:if>
                          <b:if cond='data:olderPageUrl'>
                            <span id='blog-pager-older-link'>
                              <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                                <data:olderPageTitle/>
                              </a>
                            </span>
                          </b:if>
                          <a class='home-link' expr:href='data:blog.homepageUrl'>
                            <data:homeMsg/>
                          </a>
                          <b:if cond='data:mobileLinkUrl'>
                            <div class='blog-mobile-link'>
                              <a expr:href='data:mobileLinkUrl'>
                                <data:mobileLinkMsg/>
                              </a>
                            </div>
                          </b:if>
                        </div>
                        <div class='clear'/>
                      </b:includable>
                      <b:includable id='nextprev-item'>
                        <div class='post-navigation'>
                          <div class='post-next'>
                            <div class='nxt'>
                              &#171;
                            </div>
                            <b:if cond='data:newerPageUrl'>
                              <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                                <h5>
                                  Next
                                </h5>
                                <h4>
                                  <data:newerPageTitle/>
                                </h4>
                              </a>
                              <b:else/>
                              <span class='linkin left'>
                                <h5>
                                  Next
                                </h5>
                                <h4>
                                  This is the most recent post.
                                </h4>
                              </span>
                            </b:if>
                          </div>
                          <div class='post-previous'>
                            <div class='prv'>
                              &#187;
                            </div>
                            <b:if cond='data:olderPageUrl'>
                              <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                                <h5>
                                  Previous
                                </h5>
                                <h4>
                                  <data:olderPageTitle/>
                                </h4>
                              </a>
                              <b:else/>
                              <span class='linkin right'>
                                <h5>
                                  Previous
                                </h5>
                                <h4>
                                  This is the last post.
                                </h4>
                              </span>
                            </b:if>
                          </div>
                        </div>
                        <script type='text/javascript'>
                          //<![CDATA[
                          (function($){   
                            var newerLink = $('a.blog-pager-newer-link');
                            var olderLink = $('a.blog-pager-older-link');
                            $.get(newerLink.attr('href'), function (data) {
                              newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post h1.post-title').text()+'</h5>');   
                            },"html");
                            $.get(olderLink.attr('href'), function (data2) {
                              olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post h1.post-title').text()+'</h5>');   
                            },"html");
                          })(jQuery);
                          //]]>
                        </script>
                      </b:includable>
                      <b:includable id='post' var='post'>
                        <article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
                          <b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <div class='post-inner'>
                              <b:include name='breadcrumb'/>
                              <h1 class='post-title'>
                                <b:if cond='data:post.link'>
                                  <a expr:href='data:post.link' itemprop='url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <b:if cond='data:post.url'>
                                    <a expr:href='data:post.url' itemprop='url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <data:post.title/>
                                  </b:if>
                                </b:if>
                              </h1>
                              <div class='clear'/>
                              <p class='post-meta'>
                            
                                <span>
                                  Posted by
                                  <b>
                                    <data:post.author/>
                                  </b>
                                </span>
                                <span class='fa fa-clock-o'>
                                  <data:post.timestamp/>
                                </span>
                                <span>
                                  <data:post.numComments/>
                                </span>
<span class='reaction-buttons' style='float:left'>
                                  <b:if cond='data:top.showReactions'>
                                    <table border='0' cellpadding='0' cellspacing='0' width='auto'>
                                      <tr>
                                       
                                        <td>
                                          <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
                                        </td>
                                      </tr>
                                    </table>
                                  </b:if>
                                </span>
                                 </p>
                              <!-- /metas -->
                              <div class='clear'/>
                             
                              <div class='post-body entry' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                                <data:post.body/>
                              </div>
                            </div>
                            <div class='clear'/>
                            <b:include data='post' name='postQuickEdit'/>
                            <!-- quickedit pencil -->
                            <br/>
                            <div class='clear'/>
                            <p class='post-tag'>
                              Tagged with:
                              <b:loop values='data:post.labels' var='label'>
                                <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' rel='tag'>
                                  <data:label.name/>
                                </a>
                                <b:if cond='data:label.isLast != &quot;true&quot;'>
                                </b:if>
                              </b:loop>
                            </p>
                            <b:include name='nextprev-item'/>
                            <b:include name='authorblog'/>
                            <b:include name='relatedpost'/>
                            <b:else/>
                            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                              <div class='post-inner'>
                                <h1 class='entry-title' itemprop='name headline'>
                                  <b:if cond='data:post.link'>
                                    <a expr:href='data:post.link' itemprop='url'>
                                      <data:post.title/>
                                    </a>
                                    <b:else/>
                                    <b:if cond='data:post.url'>
                                      <a expr:href='data:post.url' itemprop='url'>
                                        <data:post.title/>
                                      </a>
                                      <b:else/>
                                      <data:post.title/>
                                    </b:if>
                                  </b:if>
                                </h1>
                                <div class='clear'/>
                                <div class='post-body entry' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
                                  <data:post.body/>
                                </div>
                              </div>
                              <b:else/>
                              <article class='item-list '>
                                <div expr:id='&quot;summary&quot; + data:post.id'>
                                  <data:post.body/>
                                </div>
                                <script type='text/javascript'>
                                  createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.author/>&quot;,&quot;<data:post.timestamp/>&quot;,&quot;<data:post.numComments/>&quot;);</script>
                                <div class='clear'/>
                              </article>
                            </b:if>
                          </b:if>
                        </article>
                      </b:includable>
                      <b:includable id='postQuickEdit' var='post'>
                        <b:if cond='data:post.editUrl'>
                          <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                            <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                              <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                            </a>
                          </span>
                        </b:if>
                      </b:includable>
                      <b:includable id='relatedpost'>
                        <div class='related-posts'>
                          <div id='related_posts'/>
                          <script type='text/javascript'>
                            relatedPostsWidget({
                              rlt_thumb:220
                            });
                          </script>
                          <div class='clear'/>
                        </div>
                      </b:includable>
                      <b:includable id='shareButtons' var='post'>
                        <style>
                          .shared{float:right}
                          .btn-tweet,.btn-share,.btn-plus {margin-top:5px; float: left; width:120px; height:30px;}
                        </style>
                        <div class='btn-tweet'>
                          <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related=' ' data-via=' ' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'/>
                          <b:if cond='data:post.isFirstPost'>
                            <script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
                            </script>
                          </b:if>
                        </div>
                        <!-- .btn-tweet -->
                        <div class='btn-share'>
                          <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
                          <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
                        </div>
                        <!-- .btn-like -->
                        <div class='btn-plus'>
                          <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
                          <g:plusone count='true' expr:href='data:post.url' size='medium'/>
                        </div>
                        <!-- .btn-plus -->
                      </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'>
                            <div id='form-wrapper'>
                              <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%'/>
                            </div>
                            <b:else/>
                            <div id='form-wrapper'>
                              <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%'/>
                            </div>
                          </b:if>
                          <data:post.friendConnectJs/>
                          <data:post.cmtfpIframe/>
                          <script type='text/javascript'>
                            BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                          </script>
                        </div>
                      </b:includable>
                      <b:includable id='threaded_comment_css'>
                        <style>
                          .comments {
                            clear: both;
                            margin-top: 10px;
                            margin-bottom: 10px;
                            line-height: 1.5em;position:relative;
                          }
                          .comments .comments-content {
                            font-size: 12px;line-height: 1.5em;
                            margin-bottom: 16px;
                            margin:0 0 0 !important;
                          }
                          .comments .comment .comment-actions a {
                            display: inline-block;outline: none;float:right;color:#fff;background:#444;text-align: center;font-size:12px;line-height:12px;padding: 4px 10px;margin-top:-3px;
                          }
                          .comments .comment .comment-actions a:hover {
                            text-decoration:none; background:#FF6100;
                          }
                          .comments .comments-content .comment-thread ol {
                            list-style-type: none;
                            padding: 7px 0 30px;
                            text-align: left;line-height: 1.7em;
                          }
                          .comments .comments-content .comment-thread ol li.comment{ list-style-type: none;margin-bottom:20px;padding:15px 5px 10px;}
                          .comments .comments-content .inline-thread {
                            padding: 0.5em 1em;
                          }
                          .comments .comments-content .comment-thread {
                            margin: 8px 0px;
                          }
                          .comments .comments-content .comment-thread:empty {
                            display: none;
                          }
                          .comments .comments-content .comment-replies {
                            margin-top: 1em;
                            margin-left: 36px;
                          }
                          .comments .comments-content .comment {
                            margin-bottom:16px;
                            padding-bottom:8px;
                          }
                          .comments .comments-content .comment:first-child {
                            padding-top:16px;
                          }
                          .comments .comments-content .comment:last-child {
                            border-bottom:0;
                            padding-bottom:0;
                          }
                          .comments .comments-content .comment-body {
                            position:relative;
                          }
                          .comments .comments-content .user {
                            font-style:normal;font-size:11px;
                            font-weight:bold;margin-left:0px;
                          }
                          .comments .comments-content .icon.blog-author {
                            width: 18px;
                            height: 18px;
                            display: inline-block;
                            margin: 0 0 -4px 6px;
                          }
                          .comments .comments-content .datetime {
                            margin-right:6px;color:#999; font-style:italic; font-size:11px;float:right;
                          }
                          .comments .comments-content .comment-header{border-bottom:1px dotted #ddd;display:block;padding: 0;margin:0 0 7px;height:30px;}
                          .comments .comments-content .comment-content {
                            margin:0 0 8px;
                          }
                          .comments .comments-content .comment-content {
                            text-align:justify;line-height: 1.7em;
                          }
                          .comments .comments-content .owner-actions {
                            position:absolute;
                            right:0;
                            top:0;
                          }
                          .comments .comments-replybox {
                            border: none;
                            height: 250px;
                            width: 100%;
                          }
                          .comments .comment-replybox-single {
                            margin-top: 5px;
                            margin-left: 58px;padding-left:10px;
                          }
                          .comments .comment-replybox-thread {
                            margin-top: 5px;
                          }
                          .comments .comments-content .loadmore a {
                            display: block;
                            padding: 10px 16px;
                            text-align: center;
                          }
                          .comments .thread-toggle {
                            cursor: pointer;
                            display: inline-block;
                          }
                          .comments .continue {
                            cursor: pointer;
                          }
                          .comments .continue a {
                            display: block;
                            padding: 0.5em;
                            font-weight: bold;
                          }
                          .comments .comments-content .loadmore {
                            cursor: pointer;
                            max-height: 3em;
                            margin-top: 3em;
                          }
                          .comments .comments-content .loadmore.loaded {
                            max-height: 0px;
                            opacity: 0;
                            overflow: hidden;
                          }
                          .comments .thread-chrome.thread-collapsed {
                            display: none;
                          }
                          .comments .thread-toggle {
                            display: inline-block;
                          }
                          .comments .thread-toggle .thread-arrow {
                            display: inline-block;
                            height: 6px;
                            width: 7px;
                            overflow: visible;
                            margin: 0.3em;
                            padding-right: 4px;
                          }
                          .comments .thread-expanded .thread-arrow {
                            background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
                          }
                          .comments .thread-collapsed .thread-arrow {
                            background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
                          }
                          .comments .avatar-image-container {
                            float: left;
                            width: 50px;
                            max-height: 50px;
                            overflow: hidden;margin:0;
                          }
                          .comments .avatar-image-container img {
                            max-width: 50px; height: 50px;margin:0;
                          }
                          .comments .comment-block {
                            margin-left: 60px;border:1px solid #ddd;
                            position: relative;padding:10px 10px 25px;
                          }
                          /* Responsive styles. */
                          @media screen and (max-device-width: 470px) {
                            .comments .comments-content .comment-replies {
                              margin-left: 0;
                            }
                          }
                        </style>
                      </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(document.getElementById('form-wrapper'), 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'>
                        <b:include name='threaded_comment_css'/>
                        <div class='comments' id='comments'>
                          <a name='comments'/>
                          <b:if cond='data:post.numComments == 1'>
                            1
                            <data:commentLabel/>
                            <b:else/>
                            <data:post.numComments/>
                            <data:commentLabelPlural/>
                          </b:if>
                          <div class='comments-content'>
                            <b:if cond='data:post.embedCommentForm'>
                              <b:include data='post' name='threaded_comment_js'/>
                            </b:if>
                            <div id='comment-holder'>
                              <data:post.commentHtml/>
                            </div>
                          </div>
                          <p class='comment-footer'>
                            <b:if cond='data:post.allowNewComments'>
                              <b:include data='post' name='threaded-comment-form'/>
                              <b:else/>
                              <data:post.noNewCommentsText/>
                            </b:if>
                          </p>
                          <b:if cond='data:showCmtPopup'>
                            <div id='comment-popup'>
                              <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                              </iframe>
                            </div>
                          </b:if>
                          <div id='backlinks-container'>
                            <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                              <b:if cond='data:post.showBacklinks'>
                                <b:include data='post' name='backlinks'/>
                              </b:if>
                            </div>
                          </div>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
                <div class='clear'/>
              </div>
              <aside class='col-md-4 sidebar'>
                <b:section class='scroll-box pop' id='pop-wrap' preferred='yes' showaddelement='no'>
                  <b:widget id='PopularPosts2' locked='false' mobile='yes' title='Popular' type='PopularPosts' version='1' visible='true'>
                    <b:includable id='main'>
                      <b:if cond='data:title != &quot;&quot;'>
                        <h2>
                          <data:title/>
                        </h2>
                      </b:if>
                      <div class='widget-content'>
                        <ul class='group_items-box' id='slideshow6'>
                          <b:loop values='data:posts' var='post'>
                            <li class='scroll-item'>
                              <b:if cond='!data:showThumbnails'>
                                <b:if cond='!data:showSnippets'>
                                  <!-- (1) No snippet/thumbnail -->
                                  <a expr:href='data:post.href'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <!-- (2) Show only snippets -->
                                  <div class='item-title'>
                                    <a expr:href='data:post.href'>
                                      <data:post.title/>
                                    </a>
                                    <div class='item-snippet'>
                                      <data:post.snippet/>
                                    </div>
                                  </div>
                                </b:if>
                                <b:else/>
                                <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
                                <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
                                  <b:if cond='data:post.thumbnail'>
                                    <div class='item-thumbnail'>
                                      <a expr:href='data:post.href' target='_blank'>
                                        <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                      </a>
                                      <div class='thumb-overlay'/>
                                    </div>
                                  </b:if>
                                  <div class='item-title'>
                                    <a expr:href='data:post.href'>
                                      <data:post.title/>
                                    </a>
                                    <b:if cond='data:showSnippets'>
                                      <div class='item-snippet'>
                                        <data:post.snippet/>
                                      </div>
                                    </b:if>
                                  </div>
                                </div>
                                <div style='clear: both;'/>
                              </b:if>
                            </li>
                          </b:loop>
                        </ul>
                        <div class='scroll-nav'>
                          <a href='#' id='next6'>
                            <i class='fa fa-angle-right'/>
                          </a>
                          <a class='prev-scroll' href='#' id='prev6'>
                            <i class='fa fa-angle-left'/>
                          </a>
                        </div>
                        <div class='clear'/>
                      </div>
                      <div class='clear'/>
                    </b:includable>
                  </b:widget>
                </b:section>
                <div class='widget' id='tabbed-widget'>
                  <div class='tabs-container'>
                    <ul class='tabs posts-taps'>
                      <li class='tabs'>
                        <a href='#tab1'>
                          Recent
                        </a>
                      </li>
                      <li class='tabs'>
                        <a href='#tab2'>
                          Comments
                        </a>
                      </li>
                      <li class='tabs'>
                        <a href='#tab3'>
                          Label
                        </a>
                      </li>
                      <div class='clear'/>
                    </ul>
                    <div class='clearfix introfx more_posts'>
                      <div class='tabs-wrap' id='tab1'>
                        <div class='latest'>
                          <script>
                            document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=latestpost\&quot;&gt;&lt;\/script&gt;&quot;);
                          </script>
                          <div class='clear'/>
                        </div>
                      </div>
                      <div class='tabs-wrap' id='tab2'>
                        <div class='widget'>
                          <div class='recentpoststyle'>
                            <ul class='commt'>
                              <script src='/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'/>
                            </ul>
                          </div>
                          <div class='clear'/>
                        </div>
                      </div>
                      <b:section class='tabs-wrap' id='tab3' preferred='yes' showaddelement='no'>
                        <b:widget id='Label2' locked='false' mobile='yes' title='Labels' type='Label' version='1' visible='true'>
                          <b:includable id='main'>
                            <b:if cond='data:title'>
                              <h2 class='title'>
                                <data:title/>
                              </h2>
                            </b:if>
                            <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                              <b:if cond='data:display == &quot;list&quot;'>
                                <ul class='pane'>
                                  <b:loop values='data:labels' var='label'>
                                    <li>
                                      <b:if cond='data:blog.url == data:label.url'>
                                        <span expr:dir='data:blog.languageDirection'>
                                          <data:label.name/>
                                        </span>
                                        <b:else/>
                                        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'>
                                          <data:label.name/>
                                        </a>
                                      </b:if>
                                      <b:if cond='data:showFreqNumbers'>
                                        <span dir='ltr'>
                                          (
                                          <data:label.count/>
                                          )
                                        </span>
                                      </b:if>
                                    </li>
                                  </b:loop>
                                </ul>
                                <b:else/>
                                <div class='tagcloud'>
                                  <b:loop values='data:labels' var='label'>
                                    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                                      <b:if cond='data:blog.url == data:label.url'>
                                        <span expr:dir='data:blog.languageDirection'>
                                          <data:label.name/>
                                        </span>
                                        <b:else/>
                                        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'>
                                          <data:label.name/>
                                        </a>
                                      </b:if>
                                      <b:if cond='data:showFreqNumbers'>
                                        <span class='label-count' dir='ltr'>
                                          (
                                          <data:label.count/>
                                          )
                                        </span>
                                      </b:if>
                                    </span>
                                  </b:loop>
                                </div>
                              </b:if>
                              <div class='clear'/>
                            </div>
                          </b:includable>
                        </b:widget>
                      </b:section>
                    </div>
                    <div class='clear'/>
                  </div>
                </div>
                <b:section id='sidebar1' showaddelement='yes'>
                  <b:widget id='Profile1' locked='false' title='About Me' type='Profile' visible='true'>
                    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
          <b:if cond='data:hasgoogleprofile'>
            <br/>
            <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
          </b:if>
        </dt>

        <b:if cond='data:showlocation'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
                  </b:widget>
                </b:section>
                <div class='widget'>
                  <h2>
                    Facebook
                  </h2>
                  <div class='widget-content'>
                    <div class='fb-like-box' data-header='false' data-height='345' data-href='http://www.facebook.com/pages/Uongxxxx-Jowo/334650446576072' data-show-border='false' data-show-faces='true' data-stream='false' data-width='355'/>
                    <div id='fb-root'/>
                    <script>
                      (function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
                        fjs.parentNode.insertBefore(js, fjs);
                      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
                    <div class='clear'/>
                  </div>
                </div>
                <div class='clear'/>
              </aside>
              <!--/aside -->
            </div>
            <div class='clear'/>
            <b:section class='cat-box pic-box' id='cat-box pic-box' preferred='yes'>
              <b:widget id='HTML45' locked='false' mobile='yes' title='galery' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <div id='pic2'/>
                    <script type='text/javascript'>
                      ShowPost2({
                        idcontaint:&quot;#pic2&quot;,
                        MaxPost:12,
                        ImageSize:320,
                        FirstImageSize:570,
                        tagName:&quot;<data:content/>&quot;
                      });
                    </script>
                    <div class='clear'/>
                  </div>
                  <div class='clear'/>
                  <div class='clear'/>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
          <!-- /content-wrap -->
        </div>
        <!-- /main-content -->
      </div>
      <!-- /page content -->
      <div class='clear'/>
      <footer class='fade-in animated4'>
        <div class='footer-3c container' id='footer-widget-area'>
          <div class='col-md-12'>
            <b:section class='footer-widgets-box' id='footer-first' showaddelement='yes'>
              <b:widget id='Label4' locked='false' mobile='yes' title='Labels' type='Label' version='1' visible='true'>
                <b:includable id='main'>
                  <b:if cond='data:title'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                    <b:if cond='data:display == &quot;list&quot;'>
                      <ul class='pane'>
                        <b:loop values='data:labels' var='label'>
                          <li>
                            <b:if cond='data:blog.url == data:label.url'>
                              <span expr:dir='data:blog.languageDirection'>
                                <data:label.name/>
                              </span>
                              <b:else/>
                              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'>
                                <data:label.name/>
                              </a>
                            </b:if>
                            <b:if cond='data:showFreqNumbers'>
                              <span dir='ltr'>
                                (
                                <data:label.count/>
                                )
                              </span>
                            </b:if>
                          </li>
                        </b:loop>
                      </ul>
                      <b:else/>
                      <b:loop values='data:labels' var='label'>
                        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=8&quot;'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span class='label-count' dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </span>
                      </b:loop>
                    </b:if>
                    <div class='clear'/>
                  </div>
                </b:includable>
              </b:widget>
            </b:section>
            <b:section class='footer-widgets-box' id='footer-second' showaddelement='yes'>
              <b:widget id='FollowByEmail1' locked='false' mobile='yes' title='Follow by Email' type='FollowByEmail' version='1' visible='true'>
                <b:includable id='main'>
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <div class='follow-by-email-inner'>
                      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
                        <table width='100%'>
                          <tr>
                            <td>
                              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
                            </td>
                            <td width='64px'>
                              <input class='follow-by-email-submit' type='submit' value='Submit'/>
                            </td>
                          </tr>
                        </table>
                        <input expr:value='data:feedPath' name='uri' type='hidden'/>
                        <input name='loc' type='hidden' value='en_US'/>
                      </form>
                    </div>
                  </div>
                  <span class='item-control blog-admin'>
                  </span>
                </b:includable>
              </b:widget>
            </b:section>
            <b:section class='footer-widgets-box' id='footer-third' showaddelement='yes'>
              <b:widget id='HTML1' locked='false' title='Instagram' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
                  <!-- only display title if it's non-empty -->
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'>
                      <data:title/>
                    </h2>
                  </b:if>
                  <div class='widget-content'>
                    <data:content/>
                  </div>
                  <b:include name='quickedit'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
        </div>
        <div class='clear'/>
      </footer>
      <!-- /footer -->
      <div class='clear'/>
      <div class='footer-bottom fade-in animated4'>
        <div class='col-md-12'>
          <div class='container'>
            <div class='align-left'>
              Copyright &#169;
              <script type='text/javascript'>
                document.write(new Date().getFullYear());</script>
              <a expr:href='data:blog.homepageUrl'>
                <data:blog.title/>
              </a>
              . All Rights Reserved
            </div>
          </div>
          <div class='clear'/>
        </div>
        <!-- /last footer -->
        <div class='clear'/>
      </div>
    </div>
    <!-- /layout -->
    <div class='fa fa-angle-double-up' id='top' title='Scroll To Top'/>
    <script type='text/javascript'>
      /*
                            <![CDATA[ */
      var tie = {"mobile_menu_active":"true","mobile_menu_top":"","lightbox_all":"true","lightbox_gallery":"true","woocommerce_lightbox":"yes","lightbox_skin":"dark","lightbox_thumb":"vertical","lightbox_arrows":"","sticky_sidebar":"1","is_singular":"1","reading_indicator":"1","lang_no_results":"No Results","lang_results_found":"Results Found"};
      /* ]]> */
    </script>
    <script type='text/javascript'>
      //<![CDATA[
      $('#main-nav').scrollupbar();
      //]]>
    </script>

<script src='http://yourjavascript.com/51810969020/neomag2content.js' type='text/javascript'/>

<script type='text/javascript'>
  //<![CDATA[
  $(document).ready(function() {
    // change the dimension variable below to be the pixel size you want
    var dimension = 400;
    // this identifies the PopularPosts1 div element, finds each image in it, and resizes it
    $('#PopularPosts2,#PopularPosts1').find('.item-thumbnail img').each(function(n, image){
      var image = $(image);
      image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
      image.attr('width',dimension);
      image.attr('height',dimension);
    });
  });
  //
  (function($){   
    var newerLink = $('a.blog-pager-newer-link1');
    var olderLink = $('a.blog-pager-older-link1');
    $.get(newerLink.attr('href'), function (data) {
      newerLink.html('<h6>Next</h6><h5>'+$(data).find('.post h1.post-title').text()+'</h5>');   
    },"html");
    $.get(olderLink.attr('href'), function (data2) {
      olderLink.html('<h6>Previous</h6><h5>'+$(data2).find('.post h1.post-title').text()+'</h5>');   
    },"html");
  })(jQuery);
  //]]>
    </script>
    <script type='text/javascript'>
      actinave(jQuery);
    </script>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <script type='text/javascript'>
          var pageCount= 8 ;
          var displayPageNum= 5 ;
          var upPageWord =&#39;&#171; &#39;;
          var downPageWord =&#39; &#187;&#39;;
        </script>
        <script src='http://yourjavascript.com/1133073441/pagenumbr.js' type='text/javascript'/>
      </b:if>
    </b:if>
    <script type='text/javascript'>
      //<![CDATA[
      searching({
        blogURL:"",
        srcBlank:"",
        findText:"Search results for keyword",
        NotfindText:"No result!",
        Showthumb:true,
        LoadingText:"Searching...",
        summaryLength:100,
        scrthumbSize:50
      });
      jQuery('.cat-box h2, .inter h2').wrapInner('<span/>');
      //]]>
    </script>
    <b:include data='blog' name='google-analytics'/>
  </body>
</HTML>

galery