Expresso

Expresso 'Masonry' Blogger Template

| Creator: Yo..! Templates
| Platform: Blogger

Layout
- Full Responsive Theme
- SEO Friendly
- 2 Columns: Left Post, Right Sidebar
- Footer Widget

Navigation
- Menu Dropdown
- Search Bar

Home
- Portofolio Author Profile
- Gallery Masonry Post
- 3 Columns Post
- Post Thumbnail / Summary Text

Post
- Related Post
- Author Profil

Widget
- Social Bookmark
- Newsletter Subscription
- Beautiful Instagram

Original Redesign

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'/>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Montserrat+Alternates' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Raleway:600,500,700' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Oxygen:400,300' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:       Responsive Blogger Template
Designer:   Yo..! Templates
Designer url : http://www.Yotemplates.com/
License:     Full version
----------------------------------------------- */
body#layout .header_right,.status-msg-wrap,body#layout .socials,#navbar,.date-header,.feed-links,.post-location,.post-icons{display: none !important;}

body#layout #header-wrapper {
min-height: 0px;
width: 40%;
margin-top: 47px;
}
body#layout div.topimg{float:left;width:100%}
body#layout .Blog .widget-content {
height: 16em;
width: 60%;
float: left;
}
body#layout #sidebar-wrapper {
overflow: visible;
float: right;
width: 37%;
}

body#layout div#Header1 {
    position: absolute;
    z-index: 999;
}
::selection {
    color: #fff;
    background: #57BDAD;
}
.section, .widget, .widget-content, .widget ul, .widget li, body, h1, h2, h3, h4, h5, ul, li, a, p, span, img, dd {
    border: medium none;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
body {
    color: #666666;
    font: 400 13px/1.6 'Oxygen', sans-serif;
    word-wrap: break-word;
 background: #e6e6db;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9X5g-O-ASty_2JnTMYAeYHW_-__drHxS7qhIOb6_cBbJVr1kVPNOhRE2PQlUZmEoZ08P9JYU3lkxMGE3xtLJQiMZZODuhxeaJtP5M02-cm6n6mcddx3WMlO3DdHO5QcQ-fPuB-G8o2k/s1600/bg+%25281%2529.jpg);
    background-repeat: repeat;
    background-position: top center;
    background-attachment: fixed;
}
a {
    color: #888888;
}
a:hover {
    color: #888888;
}
h1, h2, h3, h4, h5 {
    font-family:'Raleway', sans-serif;
    font-weight: normal;
    line-height: inherit;
}

.top_wrapper {
margin-bottom: 0px;
width: 100%;
height: auto;
background-size: cover;
background-position: center;
position: relative;
margin: 0 auto;   
}

.large_thumb.thumb_hover {

border-radius: 2px;
text-align: center;
}

.large_thumb:hover .img_wrapper {
opacity: .4;
}

#header-wrapper {
 background: #171717;
position: relative;
z-index: 100;
height: 270px;
background-color: rgba(000, 0, 0, 0.5) !important;
}

#header {
    float: left;
    margin-right: 20px;
}
#header, #header a {
    color: #FFFFFF;
}
#header h1 {
    font-size: 30px;
 color: #000;
}

#header img {
    
    width: 70%;
padding:5px 0 0 5px;
}

#header {
background: none;
padding: 0px;
}

#top_menu {

width: 100%;

height:13px;

background: black;
border-top: 4px solid #ffd41a;
}
.sf-menu.hide {
    display: none;
}
.select_menu {
    cursor: pointer;
    display: none;
    font-size: 12px;
    height: 3em;
    line-height: 3em;
    margin: 0;
    padding-left: 10px;
    position: relative;
    width: 100%;
    z-index: 10;
}
#top_menu span.nav_select {
    -moz-box-sizing: border-box;
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOx7qfZ5hCF3Jy4aVtugRL91KRjYpwlnM0J_7mo3XRmIFOOxHhllyrCjy67ZI8F48k88TauzJbZvdYj_rVqQbhYVev6TQACacoODo29LhvrMyCbTO8UkgiYfM7mw9DEM_iVSH1kvG75zq2/s32/button_gray.png") repeat-x scroll center bottom #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    display: none;
    font-size: 12px;
    height: 3em;
    left: 0;
    line-height: 3em;
    padding: 0 1em;
    position: absolute;
    text-shadow: 0 1px 1px #FFFFFF;
    top: 0;
    width: 100%;
    z-index: 1;
}

#top_menu {
width: 100%;
padding: 0px 0 50px 0;
background: rgba(38, 38, 38, 0.7);
bottom: 0;
position: absolute;
z-index: 100;
}

#top_menu span.nav_select span.menu_icon_wrapper {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hEsMx3rQYcSFtz8zgyYC-KF8bo3pmPQ7bzaEi-Bzxj6p2fv2x2OWFb7f_16ESbNGAR7KinxjBrD_GLCBKPlbF0uSJTnDfc6MQ_jSh9nladzKl-AWZbO_5SjDpGVOBVh2Wy4hVtRWFF_p/s32/button.png") repeat-x scroll center bottom #E74C3C;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    font-size: 12px;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0;
    width: 3em;
display:none;
}
#top_menu span.nav_select span.menu_icon_wrapper span.menu_icon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbYXlIfZDhnwgDPTCkRB3OdZnfKcs_rcyUz7dr3ke1ssp-FdfpZXs21ro6tMMicTlDxIedAy1ZfCifSB-z7BUdYrGRKqaP-qyedvuGeLPSYMpMzAB3BgG94FSsB56yovqeVny6vvEOXlW/s15/menu_icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
display:none;
}
.header_search {
    -moz-user-select: none;
    float: right;
    margin-left: 5px;
    padding-top: 5px;
}
.header_search .search_zoom {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2wQhN6puID3zD2VIPBLXDLd3CkTc6nWmh1l284OYQK3EZHq_yRfPFn5cPjwOYGPnFZLzFTq0HU2Nbnfu0yVjAOBGNO84tB7fWMLyrtaoesbbpwA4nDRrOyPAZwd1rVXwS5PlwBIP7Zw/s1600/search-icon.png) 4px center no-repeat;
    cursor: pointer;
    float: right;
    height: 28px;
    width: 30px;
}
.header_search .search_zoom.close {
    background-position: 0 100%;
}
.header_search .search_box {
    display: none;
    height: 36px;
    margin-top: -17px;
    position: absolute;
    right: 40px;
    top: 50%;
    width: 200px;
}
.header_search .search_box.show {
    display: block;
}
.header_search .search_box input.search_input {
    height: 36px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
}
.sf-menu, .sf-menu * {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 15em;
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    margin-right: 5px;
    position: relative;
 padding: 12px;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 3.1em;
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 15em;
    padding-top: 0;
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu {
    float: left;
}
.sf-menu a {
    padding: 0.9em 1em;
    text-decoration: none;
}
.sf-menu a, .sf-menu a:visited {
    border-radius: 2px;
    color: #E8F0F3;
    font-weight: bold;
    line-height: 1em;
    outline: medium none;
    padding: 1em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sf-menu li li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    border-radius: 0;
}
.sf-menu li:first-child {
    
 margin-left: 50px;
 background: #ffd41a;
}

.sf-menu li:last-child {
    border: medium none;
    
}
.sf-menu li li a, .sf-menu li li a:visited {
    color: #666666;
    text-shadow: none;
}
.sf-menu > li.current-menu-ancestor > a, .sf-menu > li.current-menu-parent > a, .sf-menu > li.current-post-ancestor > a, .sf-menu > li.current-post-parent > a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a, .sf-menu > li.current > a {
   
    color: #FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover {
    
    color: #FFFFFF;
    outline: 0 none;
}
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a {
    color: #FFFFFF;
}
.sf-menu li li.current-menu-ancestor > a, .sf-menu li li.current-menu-parent > a, .sf-menu li li.current-post-ancestor > a, .sf-menu li li.current-post-parent > a, .sf-menu li li.current-menu-item a, .sf-menu li li.current_page_item a, .sf-menu li li.current a {
    background: none repeat scroll 0 0 #F0F0F0;
    box-shadow: none;
    color: #F4836A;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37DKPlyDwQltGVr5354hXYYXwy2HNFBNKpAQcZ4YnR77U6-gRr46l81v5EEUNW8QyTjXeP3NupVNDNpqzdWKdDuZuxpXy_ggFVmpOcWtVBSdmapBowlgWZ4E2hu1GLa-gTS1Q2niCHxZv/s67/pattern.png") repeat-x scroll 0 0 #F9F9F9;
}
.sf-menu li li:hover a, .sf-menu li li.sfHover a {
    color: #333333;
}
.sf-menu a.sf-with-ul {
    min-width: 1px;
    padding-right: 1.7em;
}
.sf-sub-indicator {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhD3Nt2hyphenhyphenDH5kafSMi-izc2QqnHm6w5EjFWyi6ZEWYWZDuA_zM5Wq-cmQYOkUSiP1Ggo4D7aAyRjTfqTnIWHgwRv4QoZ0SPbdKRePVY4gGqtTknqCaW7KHHM7_QDVWktidzahKkwZl98p0/s110/arrows-ffffff.png") no-repeat scroll -10px -100px rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0.6em;
    text-indent: -999em;
    top: 1.05em;
    width: 10px;
}
a > .sf-sub-indicator {
    background-position: 0 -100px;
    top: 1.1em;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-shadow ul {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwCX83hcRZjiOCI0D4U2DgLR1kCq1c5Tif1VKWPr_pSBzTH6viDcEsOpYnQClx-cN6cAdblafa61lt_smwbm8L_8apBRHtqUk2rKJJMcaOfh16gZpnJZAT_xI4S3SHINWpFGabDPcezOGS/s19/menu_arrow.png") no-repeat scroll 20px 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding-top: 8px;
}
.sf-shadow ul.sf-shadow-off {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.sf-shadow ul ul {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuMAfZ_10iRseHfoZyGeepwoKvkF9AQeeGBGmEd2uXdYWxrLgrmTGB1BnhlM0xI8m_mj_364YyEh5uy56mGZVy5VNyzr995ENX0KjjWaN22QhwtHCNG81e_-82kiyYl1bl5VHSwWXaSLB3/s19/menu_arrow_sub.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
    padding: 0 0 0 8px;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #F9F9F9;
    border: medium none;
    border-radius: 2px;
        color: #888888;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1em;
    margin: 0;
    max-width: 100%;
    outline: medium none;
    
    width: 300px;
}
select {
    line-height: 1em;
    padding: 1em;
    width: 200px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    background-color: #FFF5CD;
    color: #333333;
}
textarea {
    min-height: 60px;
}
label, legend {
    display: block;
    font-weight: bold;
}
label {
    display: block;
    margin-bottom: 10px;
}
input[type="checkbox"] {
    display: inline;
}
@media not all {
input[type="text"], input[type="password"], input[type="email"] {
    padding: 0.9em;
}
}

html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

#sidebar-wrapper {
    float: right;
    width: 300px;
}
.post_item, #comments {
    background-color: #FFFFFF;
border-bottom: 4px solid #57bdad;

}

.post_item{
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear ease-in-out .2s;
-moz-transition: all 0.2s linear ease-in-out .2s;
-o-transition: all 0.2s linear ease-in-out .2s;
transition: all 0.2s linear ease-in-out .2s;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;

}
.post_item h3 {
    font-size: 28px;    clear: both;    padding-top: 10px;
    line-height: 40px;

}
.post_item h1 {
    font-size: 38px;
    margin-bottom: 18px;
}
.post_item_title a {
color: #4B4B4B;
display: block;
padding: 1px 20px 10px;
    font-family: 'Raleway', sans-serif;
}
.post_item_title a:hover {
   color: #57bdad;
}
.large_thumb {
    position: relative;
}
.post-body img {
    max-width: 100%;

}
.thumb {
    
    display: block;
    height: auto !important;
    width: 100% !important;
 border-radius: 4px;
}

.post_meta {
   
    border-bottom: 1px dashed #ddd;
    padding: 8px 20px;
}
.post_meta span {
   color: #999999;
    font-size: 13px;
   
    line-height: 1;
    margin-right: 12px;
    padding: 5px 0;
    white-space: nowrap;
    font-family: 'Montserrat Alternates', sans-serif;
}
span.user {
padding: 6px 10px 10px 8px;
float: left;
font-family: 'Montserrat Alternates', sans-serif;
text-transform: lowercase;
}

.post_meta span.time {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit03uLge5Z6XadUY5tGG5NiWSu7hn3I2nh0ksW2Z2lfpTWzvnih6qdWN49nyo0sw4dG6tQOiry-IaLONJ1urjMqFBBMCnCh_7z_naXRH88MACZRnqAKRuBlia7nI0z2Ib-dDt_rdrWFF7v/s16/meta_time.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px;
}

.post_meta span.comment {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidNi-eits1bCm5qH-9pSN2z85Ym6gIcr6Fx2q1DHr7El86G0ZhTJ9UGXFafjfB899B1IvVJHrmerqNf7Mh_7iRYA5NPrLwLHV2EqlZIrMc2JJgmWn_MMvPIzkVtMkwJoYji98VSSxF1E_P/s16/meta_comment.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 20px;
}
.post_item_inner {
    padding: 20px;
    position: relative;
}
.post_item_inner p {
     margin-bottom: 30px;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    color: #4e4d4d;
    font-size: 14px;
    line-height: 28px;
}
.button.normal {
    background-color: #E74C3C;
}
.button, .post_tag a, .letter_submit {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hEsMx3rQYcSFtz8zgyYC-KF8bo3pmPQ7bzaEi-Bzxj6p2fv2x2OWFb7f_16ESbNGAR7KinxjBrD_GLCBKPlbF0uSJTnDfc6MQ_jSh9nladzKl-AWZbO_5SjDpGVOBVh2Wy4hVtRWFF_p/s32/button.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1em;
    outline: medium none;
    padding: 1em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.button:hover {
    opacity: 0.8;
}
.like_post {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37DKPlyDwQltGVr5354hXYYXwy2HNFBNKpAQcZ4YnR77U6-gRr46l81v5EEUNW8QyTjXeP3NupVNDNpqzdWKdDuZuxpXy_ggFVmpOcWtVBSdmapBowlgWZ4E2hu1GLa-gTS1Q2niCHxZv/s67/pattern.png") repeat scroll 0 0 #F7F7F7;
    border-radius: 2px;
    float: right;
}
.post blockquote {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVwoEPnYQz4zmYU8o8urhwi16dzqSJrdn_6kLX1dV3e0wveSkSy3qOo79thjFpWG0E4GrF80RwmMxJv6vGnTSeCL6nF1RxVCku5XpMoHcFpZkNyZtr6U6vAFD3URbdRksEExuvv0XxlBli/s19/quote.png") no-repeat scroll 25px 20px #34495E;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
}
.post-footer {
    border-top: 1px solid #EEEEEE;
    margin-top: 30px;
    padding-top: 20px;
}
.post_tag a {
    background-color: #EDEDED;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOx7qfZ5hCF3Jy4aVtugRL91KRjYpwlnM0J_7mo3XRmIFOOxHhllyrCjy67ZI8F48k88TauzJbZvdYj_rVqQbhYVev6TQACacoODo29LhvrMyCbTO8UkgiYfM7mw9DEM_iVSH1kvG75zq2/s32/button_gray.png");
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #666666 !important;
    font-weight: normal;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0.7em 0.9em;
    text-shadow: 0 1px 1px #FFFFFF;
}
.post_tag a:hover {
    background-color:#57BDAD;
    color: #FFFFFF !important;
    opacity: 1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.sidebar .widget {
    background-color: #FFFFFF;
       box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;    border-top: 4px solid #75C3B7;
}
.sidebar h2 {
        color: #fff;
    background: #383636;
    border-bottom: 1px solid #DEDEDE;

font-size: 17px;
    margin: 0;
    padding: 10px 20px;
  
}
.sidebar ul li {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8EMiKPnNwOpTJvNc3_Hhq-a-e-SptfAbUCVbKQoEGXMVQIw1nT9NmIHrPwWoUShdD2IrJCFywF-jm2osgFZdkcsFSYeRQskhHcnj7sSvR6UalAw5L_jXU1WIAMMT9E-odgthVas_Tq6Rj/s16/folder.png") no-repeat scroll 20px center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #EEEEEE;
    padding: 15px 20px 15px 45px;
}
.sidebar ul li:hover {
    background-color: #F9F9F9;
}
.sidebar ul li:last-child, #PopularPosts1 dd:last-child {
    border: medium none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sidebar li a {
    color: #666666;
}
#comments {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px;
}
#comments h4 {
    display: inline;
    line-height: 40px;
    padding: 10px;
}
#comments h4, .comments .comment-header, .comments .comment-thread.inline-thread .comment {
    position: relative;
}
#comments h4, .comments .continue a {
    background: none repeat scroll 0 0 #57BDAD;
}
#comments h4, .comments .user a, .comments .continue a {
    font-size: 16px;
}
#comments h4, .comments .continue a {
    color: #FFFFFF;
    font-weight: normal;
}
#comments h4:after {
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #57BDAD;
    bottom: -10px;
    content: "";
    height: 0;
    left: 10px;
    line-height: 0;
    position: absolute;
    width: 0;
}
#comments .avatar-image-container img {
    border: 0 none;
}
.comment-thread {
    color: #111111;
}
.comment-thread a {
    color: #777777;
}
.comment-thread ol {
    margin: 0 0 20px;
}
.comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a {
    color: #57BDAD;
}
.comments .avatar-image-container, .comments .avatar-image-container img {
    height: 48px;
    max-height: 48px;
    max-width: 48px;
    width: 48px;
}
.comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single {
    margin-left: 60px;
}
.comments .comment-block, .comments .comment-thread.inline-thread .comment {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #DDDDDD;
    padding: 10px;
}
.comments .comments-content .comment {
    line-height: 1em;
    margin: 15px 0 0;
    padding: 0;
    width: 100%;
}
.comments .comments-content .icon.blog-author {
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjV_F-ZQf2rgLpQSzyWpA7attGerubVtz0CFFSwKap3MvykfPt-oz1_d0vFc7Xbv6wd3-rL4P81nM5n0DjGAhMnmqRZvJ0k8SFrDTnjYWfTSlLCxfg7oMm98OVfwPRgBQ7XrLXY0MtFXGB/s36/author.png");
    height: 36px;
    margin: 0;
    position: absolute;
     right: -30px;
    background-repeat: no-repeat;
    top: -12px;
    width: 36px;
}
.comments .comments-content .inline-thread {
    padding: 0 0 0 20px;
}
.comments .comments-content .comment-replies {
    margin-top: 0;
}
.comments .comment-content {
    line-height: 1.4em;
    padding: 5px 0;
}
.comments .comment-thread.inline-thread {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #DDDDDD;
}
.comments .comment-thread.inline-thread .comment {
    width: auto;
}
.comments .comment-thread.inline-thread .comment:after {
    border-top: 1px solid #DDDDDD;
    content: "";
    height: 0;
    left: -20px;
    position: absolute;
    top: 10px;
    width: 10px;
}
.comments .comment-thread.inline-thread .comment .comment-block {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
}
.comments .comment-thread.inline-thread .comment-block {
    margin-left: 48px;
}
.comments .comment-thread.inline-thread .user a {
    font-size: 13px;
}
.comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img {
    height: 36px;
    max-height: 36px;
    max-width: 36px;
    width: 36px;
}
.comments .continue {
    border-top: 0 none;
    width: 100%;
}
.comments .continue a {
    padding: 10px 0;
    text-align: center;
}
.comment .continue {
    display: none;
}
#comment-editor {
    width: 103% !important;
}
.comment-form {
    max-width: 100%;
    width: 100%;
}
.comments .comments-content .loadmore, .comments .comments-content {
    margin: 0;
}

a#Blog1_blog-pager-newer-link {
    color: #fff;
  
}

a#Blog1_blog-pager-older-link{
  color: #fff;
}

#blog-pager-newer-link {
    float: left;
background: #363838;
    padding: 10px 20px;
}
#blog-pager-older-link {
    float: right;
background: #363838;
    padding: 10px 20px;
}
#blog-pager {
    clear: both;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}
#footer {
    background: #222;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1);
    font-size: 0.9em;
    padding: 20px 0;
color: #CECECE;
}
#footer a {
     font-family: 'Raleway', sans-serif;
}
#PopularPosts1 img {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    float: left;
    margin-right: 15px;
    padding: 3px;
}
#PopularPosts1 dd {
    border-bottom: 1px solid #EEEEEE;
    padding: 20px;
}
#PopularPosts1 dd:hover {
    background-color: #F9F9F9;
}
#PopularPosts1 dd a {
    color: #666666;
}
.status-msg-body {
    position: relative !important;
}
.CSS_LIGHTBOX {
    z-index: 9999 !important;
}
.fblike {
    height: 20px;
    max-width: 84px;
    padding: 8px 0 3px 13px;
}
.post-share-buttons {
    margin-left: 46px;
    margin-top: 20px;
}
.post_author {
    background:#FFFFFF;
    border-top: 1px solid #EDEDED;
    margin-bottom: 30px;
    padding: 20px;
}
.post_author {
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 4px solid #57BDAD;
}
.post_author h4 {
    font-size: 18px;
}
.post_author .author_avatar {
    float: left;
    height: 100px;
    width: 100px;
}
.post_author .author_avatar img {
    display: block;
}
.post_author .author_wrapper {
    margin-left: 120px;
}
.post_author h4 {
    margin-bottom: 5px;
}
.post_author p {
    margin: 0;
    padding: 0;
}
.small_thumb {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    padding: 3px;
}
#related-posts {
    background-color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    border-bottom: 4px solid #75C3B7;
}
#related-posts ul {
    padding: 0 10px;
}
#related-posts ul li {
    -moz-box-sizing: border-box;
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 17%;
}
.pthumb {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    
    height: 97px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 3px;
    width: 129px;
}
.pthumb img {
    height: 97px;
    width: 129px;
}
#related-posts img:hover {
    opacity: 0.7;
}
#related-posts ul li:nth-child(4n+4) {
    margin-right: 0;
}
.heading-border {
      
    border-bottom: 1px solid #DEDEDE;
    font-size: 22px;
    background: #383636;
    color: #fff;
    margin: 0 0 20px;
    padding: 10px 20px;
}
.FollowByEmail {
    background-color: #57bdad !important;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37DKPlyDwQltGVr5354hXYYXwy2HNFBNKpAQcZ4YnR77U6-gRr46l81v5EEUNW8QyTjXeP3NupVNDNpqzdWKdDuZuxpXy_ggFVmpOcWtVBSdmapBowlgWZ4E2hu1GLa-gTS1Q2niCHxZv/s67/pattern.png");
    background-repeat: repeat-x;
    border: 5px solid #FFFFFF;
    color: #FFFFFF;
}
.FollowByEmail h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    border-radius: 0;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.FollowByEmail .newsletter_inner {
    padding: 25px 20px;
}
.FollowByEmail p {
    margin-bottom: 30px;
}
.FollowByEmail .letter_email {
    line-height: normal;
    margin-bottom: 10px;
    width: 85%;
}
.FollowByEmail .letter_submit {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hEsMx3rQYcSFtz8zgyYC-KF8bo3pmPQ7bzaEi-Bzxj6p2fv2x2OWFb7f_16ESbNGAR7KinxjBrD_GLCBKPlbF0uSJTnDfc6MQ_jSh9nladzKl-AWZbO_5SjDpGVOBVh2Wy4hVtRWFF_p/s32/button.png") repeat-x scroll center bottom #666666;
    border: medium none;
    margin: 0;
}
.FollowByEmail .letter_submit:hover {
    opacity: 0.8;
}
.widget_socials .social_wrapper {
    padding: 20px 20px 10px;
}
.widget_socials .social_inner {
    margin-right: -20px;
}
.widget_socials p {
    margin-bottom: 30px;
}
.widget_socials a {
    background-color: #888888;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 10%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    float: left;
    height: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-indent: 9999em;
    width: 80px;
}
.widget_socials a:hover {
    background-color: #383636 !important;
}
.widget_socials a.facebook {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1w4hSCHXRLrpJ7N3-g34PfR15RaFuSpx1kf5iFw5-RKzzNkvZLjUZWnpneIWkXttIsc3gY2dsK1nwHLeEPcnO4dZUF9t6rwx6WfB1FdPSDCwDeoYeJ90SuRPxsrLq5_xb9dkCeqQmBIMk/s24/facebook.png");
}
.widget_socials a.twitter {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisZUw21fLhhaoDWMewA_japk-9ZX84APjgSBiRG1CXYdxdoJo6G8W0D2M6j8YvmpAKG8ZrqhdN8M43g-n1q6x7ro38NYjrAoXEgty6lvvtMIJztGTN-5h19Wo1v6F3sQhxBNgR683Jg8Hm/s24/twitter.png");
}
.widget_socials a.flickr {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgodltrR9wXRwMF-RbzNO342vodq5k7Nn2tKuDKVV-2mg3uso8XW8jAOb8rcfIngQgeZAAjMVq-jKVfeDTko_uvz0DZdkDJT6wf3yoPRgJ_jVm8yjM7XN6lpIZVhW8jVTCtTlx3j5WF122w/s24/flickr.png");
}
.widget_socials a.dribbble {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZvre412tYhXQr3D0YkDXzk0kcXyKzSm_dHXoJRse5SPo43Kem_LA4u6ecoc6vSiwP-aAF55Vxjgv9GH8vqk9Hums5RAtoHaJESnvLIRB4BN0tvfWG-Nzy31HvbA7Vkb5bjK4gYLXcUUDI/s24/dribbble.png");
}
.widget_socials a.vimeo {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMUENtXR4fv5PgOeKE6GB0FE-5D5kkLEQ4-F2ZxY3EnhwwR6xuYWeW2edZCaq3FmZr_Q8mO4oUqofGhUdH2goOLlUfxBCZx5tfdAlPtQxzs8Bqr8yaA10ZQ1aH8R7sYx66dfJw7t3zsMSK/s24/vimeo.png");
}
.widget_socials a.tumblr {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP1uJt9PeSrsLOT5Q3l4JYIQsjgxZFD93QlOkcu0d2TL8llx2QjfZqEueTeseBIucZNSuXpziPaGIO6qweTuQJ9DUuN2VIiwNRgwPhE-FiOvBrFZDNJFKypMNSVNHbC4vdIHenavpLGo68/s24/tumblr.png");
}
.widget_socials a.rss {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRKQQsT1DimHsVuPIskWFcK-CTpcUEAglXqpfdNYYjC3QOrC3qV9XCStNCpDwnI9aqLiFPx5qxyl9VHfJN6AJgHkMJNi9XQ4wG_j_hafVKAzNXC7-yxlgrIC8L5eTPfoG2fq5NwaEzCM2f/s24/rss.png");
}
.widget_socials a.linkedin {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNaLEa_4dxGOWBI_XFUO0zPPblpqCrkSbPigJI-RCBQVat8JU4lviuz55pK5vu5k1bO2ObM9VU2vPlRyvFIQJwEEnpYLrlme7V_M3rSj_2YNGTSxXzl85BM0ryBdCIJ0pZQRsz2QAAuhJX/s24/linkedin.png");
}
.widget_socials a.youtube {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ctxQm2HLWOQ_htUo_Yq-if92utGme74gBWqu-BhURi1H5XR2giQdGqSCxKqBfHnxxSDj7kTVaQBm1lr2mRMBSf5QR6h6Zt74VraPLoC4ohVPf2NlnGTGmBVdDUqQtl3Oco8cHMolLWJ0/s24/youtube.png");
}
.widget_socials a.google_plus {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTLyzCMw-N9K_yl8Wkv2HtdEdL8LxcgSGiP6Gm8G01hqYViJ-NFp_tbmQMUBM8zNrI1DqaBWLID7ZEVUdrFq3HXSFpp4JNCO1lV-kyN1evuCjFKALNqyoe9aXpJcEsNHZN35mTsMSu-_JU/s24/google%252B.png");
}
.widget_socials a.pinterest {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo8qKNQZrh_pQ2M2J9eM8tgvKrOU5IdlyzSg_enQQgVeMcZreV4cI2umqwWG8-t51nrykVcuMHp0SYxhxzqSCoIEH5rNXaAzaXZSfq84pwGnTIdvHoBJYgkrduUlWVpcWLVpy4k8NPojar/s24/pinterest.png");
}
.widget_socials a.instagram {
    background-color: #75C3B7;
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia8ug3bAwUZ3C5e2ZCEaCbywyKjTvGfKigNoN6ag-lgVwj7SNq69iGuxdQhpfLqJlF6-BahgjhN5ySphJZk9ai85OI5bhoeq6XFTcZKQo_rvGVloxjbij0xGN5JkGpZQ_7F4e0-eZe3g_I/s24/instagram.png");
}

div#topimg {
margin: 25px auto;
width: 728px;
}

.twelve.columns {
margin-top: 32px;}

div#footer a {
color: #57bdad;
font-size:14px;
}

.showpageArea {
    float: left;
    margin-left: 10px;
}

.showpageNum a,.showpage a {
    background: #57bdad;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 15px;
}

.showpage a:hover,.showpageNum a:hover {
    background: #222;
}

.showpagePoint {
    background: #222;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
}

.showpageNum a,.showpage a {
    background: #57bdad;
    float: left;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 15px;
}

.showpage a:hover,.showpageNum a:hover {
    background: #222;
}

.showpageOf {
    display: none;
}

.search-bar {
-moz-transition: .3s linear;
-webkit-transition: .3s ease-out;
transition: .3s linear;
float: right;
right: 0;
cursor: pointer;
background-image: url();
background-repeat: no-repeat;
padding: 0px 20px 23px;
background-size: 100px 100px;
top: 0;
z-index: 99999;
margin-top: 0px;
  }

.search-bar:hover {
    -moz-transition: .01s linear;
    -webkit-transition: .01s ease-out;
    transition: .01s linear;
    opacity: 1; 
background-image:none;
}

.nav-search {
    width: auto;
    height: 30px;
    position: relative;
    left: 0;
    float: left;
    line-height: 10px;
    color: #fff !important;
}

.nav-search label {
    display: none;
}

.nav-search input {
    float: left;
    width: 0;
    background: none;
    height: 30px;
    line-height: 20px;
    margin: 10px 0 0;
    padding: 0 10px 0 0;
    font-size: 15px;
    color: #fff !important;
    outline: 0;
    border-radius: 0;
    border: 0;
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    -webkit-appearance: none;
}

.search-bar:hover .nav-search input {
    width: 160px;
    margin-left: 33px;
    background: none;
    border-bottom: 1px solid #f1f1f1;
    opacity: 1;
}

.nav-search input::-webkit-input-placeholder {
    color: #eee;
}

.nav-search input::-moz-placeholder {
    color: #eee;
}

.nav-search input:-moz-placeholder {
    color: #eee;
}

.nav-search input:-ms-input-placeholder {
    color: #eee;
}

.nav-search input:focus {
    color: #fff;
}

.nav-search .srch_btn {
    height: 50px;
    width: 23px;
    margin-top: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifB_uSC-suEUI5hyiuTvfICK5eKZqeQXj51xaaq_B8kPRNbnvkKi8Gf8JWRG69Flssz_Hi0a9dqQBokTS6QDbMvZT_MueQPwACmY7UwugYAfkf817IWS2GXvhpMyjsZZlijeEd8S4ySLA/s1600/search-icon.png) 2px center no-repeat;
    text-indent: 9999px;
    position: relative;
}

#layout .b-by-b-item {
 background-color: transparent;
color: #423434;
  width: 33.33%;
}
#layout.no-grid .b-by-b-item {
  width: 100%!important;
}
.single-column .b-by-b-item {
  width: 100%!important;
}
@media (min-width: 0px) and (max-width: 768px) {
  #layout .b-by-b-item {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #layout .b-by-b-item {
    width: 33.33%;
  }
}

ul.social-menu {
display: block;

opacity: .7;
background:#222;
height:50px

}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.social-menu li
{

display: inline-block;
float: right;
margin: 7px;
font-size: 15px;
}

.footer-wrapper .widget{
float:left;
width:30.33%;
display:inline-block;

}

.top-wrap {
width: 100%;
height: 36px;
margin: 0 auto;
padding: 0 0px;
background-color: rgba(000, 0, 0, 0.5) !important;
}

ul.top-social{
width: auto;
float: right;
margin: -31px 30px 0 0;
}

ul.top-social li {
float: left;
line-height: 15px;
padding: 11px 0 0 20px;
font-size: 18px;
}
.popular-words {
width: auto;
height: 30px;
margin: 14px 10px 0 30px;
float: left;
text-align: left;
font-size: 13px!important;}

/*top-menu*/

.ul-nav ul li
{
display: inline-block;
list-style: none;
font-size: 13px;
border-left: 1px solid #111;
-webkit-box-shadow: 1px 0 0 #323232 inset;
-moz-box-shadow: 1px 0 0 #323232 inset;
box-shadow: 1px 0 0 #323232 inset;
}

.ul-nav ul li.current-menu-item a, .ul-nav ul li:hover a {
-webkit-box-shadow: 0 -3px 0 #FFD41A inset;
-moz-box-shadow: 0 -3px 0 #FFD41A inset;
box-shadow: 0 -3px 0 #FFD41A inset;
}

.ul-nav ul {
margin-bottom: 0px;
padding: 0px;
width: 50%;
}

.ul-nav ul li a {
color: #eaeaea;
line-height: 35px;
padding: 0 11px;
display: block;
margin-right: -3px;
margin-left: 1px;
text-decoration: none;
-webkit-box-shadow: 0 -3px 0 #212121 inset;
-moz-box-shadow: 0 -3px 0 #212121 inset;
box-shadow: 0 -3px 0 #212121 inset;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.sf-menu>li:hover {
background: rgb(255, 212, 26) !important;
}

*/overlay on post*/
.entry-share-icons{
 margin-top: 20px;
}

.share-title {
color: #ffffff;
color: #FFF;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
}

.entry-share-icons {
position: absolute;
z-index: 9999;
display: none;
width: 100%;
bottom: 0;
margin: auto 0;
padding-bottom: 5%;

}

.large_thumb.thumb_hover:hover>.entry-share-icons {
display: block;
}

.entry-share-icons a {
margin: 4px;
font-size: 18px;
}

i.fa.fa-share-square-o {
font-size: 56px;
}

i.fa.fa-share-square-o:hover {
color: rgb(255, 212, 26);
}

.img_wrapper a:after{

content: '';
position: absolute;
width: 48px;
height: 48px;
background-repeat: no-repeat;
background-position: center top;
margin-top: -24px;
margin-left: -24px;
left: 50%;
top: 50%;
transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transition: all .2s ease-out;
-moz-transition: -moz-transform .2s ease-out;
-ms-transition: -ms-transform .2s ease-out;
-o-transition: -o-transform .2s ease-out;
-webkit-transition: -webkit-transform .2s ease-out;

background-image: url(http://pinthis-tangerine.pixelbeautify.com/wp-content/themes/PinThis/skins/tangerine/images/icon-view-pin.png);
}

]]></b:skin>

<style>

/*cUSTOM-CSS*/

.item-snippet {
    font-size: 13px;
    padding: 0px 20px;
}

.About p {
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
}

.author img {
    width: 35px;
    border-radius: 50%;
}

.author {
    display: inline-block;
    float: left;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ETZTp3OBJzL2UADjjIRqdRILkhCXeOr3POg1Hg46SEw6m8OWw3DWvItZ2wi8WwcxGHi7VdIeIL6EDyqXcLh4E2Hp1dnNvCfm6bcErGx91KKrApOETUe_rjWj9zXqv95vnfF5uWoDAD0/s1600/author-aarron-walter+%25281%2529.jpg);
    width: 40px;
    height: 40px;
    /* object-fit: cover; */
    background-size: contain;
    border-radius: 50%;
}

.label2 {
    display: block;
    padding: 20px 20px 0px;
    clear: both;font-family: 'Montserrat Alternates', sans-serif;
}
.label2 a {
    color: #57bdad;
}
div#HTML4 {
    padding: 13px;
}

div#header-inner {
    width: 85%;
}

.separator>a {
    margin: 0!important;
}

.wrap {
    width: 100%;
}

/* Post-Header*/
  div#HTML6{ width: 66%;
    float: left;margin: 10px 10px 10px 10px;background-color: #fff;
webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
}
.Author-info {
       width: 1150px;
    margin: 0 auto;    padding: 15px;
    display: inline-block;
    background-position: center center;
    background-color: #fafafa;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: 4px solid #75C3B7;
}
div#HTML21 {
       width: 27.3%;
    float: left;
    /* border: 1px solid; */
    height: 450px;
    margin: 10px 20px;
    background-color: rgba(255, 255, 255, 0.34);

}
div#HTML5 {
    width: 66%;
    float: left;height: auto;margin: 10px 10px 10px 10px;background-color: #fff;
webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
}
div#Text1 {
    width: 66%;
    float: left;height: auto;margin: 10px 10px 10px 10px;background-color: #fff;
webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
}

div#HTML7{ width: 66%;
    float: left;height: auto;margin: 10px 10px 10px 10px;background-color: #fff;
webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    -o-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.222);    padding-bottom: 20px;
}
h2.title {
 
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    padding: 8px 10px;
    color: #57BCAC;
    font-weight: 600;
}

.My-pix {
    text-align: center;
}
.My-pix img {
  width: 220px;
    border-radius: 100%;
    min-height: 220px;
    object-fit: cover;
  }
 .profile-datablock {
    margin: .5em 0;
}
.bt_author_bio h3 {
    text-align: center;
}
.profile-textblock {
    /* margin: .5em 0; */
    text-align: center;
    width: 250px;
    margin: 0 auto;
    line-height: 23px;
   font-family: 'Oxygen', sans-serif;
       color: #423F3F;
    font-weight: 600;
}
.author-text {
       padding: 5px 30px 15px;
    text-align: center;
}
.Post-header {
    margin: 20px;text-align: center;
}

.social-links-wrap {
    text-align: center;    margin: 5px;
}
ul.social-links.clearfix {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "
    line-height: 0;
}

.social-links li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 2.5px 5px 2.5px;
}
ul.social-links.clearfix li a {
      font-size: 25px;
    color: #57BCAC;
    height: 60px;
    width: 70px;
    border: 1px solid;
    display: inline-block;
    text-align: center;
    
    margin-right: 10px;
    margin-bottom: 10px;
    /* border-radius: 50%; */
    line-height: 2.5;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
ul.social-links.clearfix li a:hover {
    background-color: #57BCAC;
    color: #fff;
}

.introduction h1{font-size:30px}.introduction p{font-size:18px}}.instagram_scroller{width:100%;height:170px;position:relative;}.instagram_scroller .simply-scroll-clip{width:100%;height:170px;position:relative;background: rgba(0, 0, 0, 0.67);overflow:hidden}#instagram_spinner{display:block;margin:0 auto;width:30px;height:30px;position:relative;top:146px}@media screen and (max-width:420px){#instagram_spinner{top:100px}}#instagram_list{height:170px;overflow:hidden;white-space:nowrap;text-align:left;position:relative}#instagram_list a{vertical-align:top;display:block;width:170px;height:210px;float:left}#instagram_list a:hover img{box-shadow:0 0 20px rgba(0,0,0,.4);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}#instagram_list img{width:170px;display:block;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out}@media screen and (max-width:420px){.instagram_scroller{height:170px;margin-top:40px}.instagram_scroller .simply-scroll-clip{height:170px}#instagram_list{height:210px}#instagram_list a{width:130px;height:170px}#instagram_list img{width:130px;height:170px}}.project{font-size:18px;line-height:24px;color:#6b696e;font-weight:200}.project.fixel{background:#fff}.project.fixel h2 a,.project.fixel p a:hover,.project.fixel .visit_link{color:#e64d34}.project.fixel a{color:#39383b}.project.fixel .project_description{float:left;padding-top:60px;padding-top:6.185567%}.project.fixel h2 a:hover{color:rgba(230,77,52,.6)}.project.fixel .visit_link:hover{border-bottom:1px solid rgba(230,77,52,.25)}.project.cubtab{background:#2b95d2;color:#fff}.project.cubtab h2 a,.project.cubtab p a:hover,.project.cubtab .visit_link{color:#fff}.project.cubtab a{color:#fff}.project.cubtab .project_description{float:right;padding-top:48px}.project.cubtab h2 a:hover{color:rgba(255,255,255,.6)}.project.cubtab .visit_link:hover{border-bottom:1px solid rgba(255,255,255,.4)}.project a{text-decoration:none}.project .container{padding-top:60px;padding-bottom:60px}.project h2{font-size:30px;line-height:30px;margin-bottom:42px}.project h2 a{-webkit-transition:all 220ms;-moz-transition:all 220ms;-o-transition:all 220ms;transition:all 220ms}.project .project_description{width:38.1443299%;position:relative;z-index:60}.project .project_description p{margin-bottom:30px}.project .visit_link{text-transform:uppercase;font-size:14px;letter-spacing:2px;font-weight:500;border-bottom:1px solid transparent;padding-bottom:2px;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out}.project .fixel_projects{width:56.7010309%;float:right;position:relative;z-index:65}.project .fixel_projects:hover img.left{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-10deg) translate(-80px,-30px);-moz-transform:rotate(-10deg) translate(-80px,-30px);-ms-transform:rotate(-10deg) translate(-80px,-30px);--transform:rotate(-10deg) translate(-80px,-30px)}.project .fixel_projects:hover img.right{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(10deg) translate(80px,-30px);-moz-transform:rotate(10deg) translate(80px,-30px);-ms-transform:rotate(10deg) translate(80px,-30px);--transform:rotate(10deg) translate(80px,-30px)}.project .fixel_projects:hover img.center{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.project .fixel_projects img{display:block;box-shadow:0 1px 12px rgba(0,0,0,.2);border-radius:4px;-webkit-transition:all 320ms ease-in-out;-moz-transition:all 320ms ease-in-out;-o-transition:all 320ms ease-in-out;transition:all 320ms ease-in-out}.project .fixel_projects img.left,.project .fixel_projects img.right{position:absolute;top:32px;z-index:30;width:56.3636364%;height:auto}.project .fixel_projects img.left{left:0}.project .fixel_projects img.right{right:0}.project .fixel_projects img.center{margin:0 auto;position:relative;z-index:32;width:67.2727273%;height:auto}.project .ipad{width:58.7628866%;float:left;position:relative;z-index:30}.project .ipad img{display:block;margin-left:-40px;margin-top:-74px;width:110.5263158%;height:auto}@media screen and (max-width:870px){.project .fixel_projects,.project .ipad{width:100%;max-width:550px;margin:0 auto 42px;float:none}.project .ipad{max-width:100%;text-align:center}.project .ipad img{margin-left:0;max-width:100%;width:auto;display:inline-block}.project.fixel .project_description,.project.cubtab .project_description{float:none;text-align:center;width:100%;max-width:550px;margin:0 auto;padding-top:0}.project.fixel .project_description h2,.project.cubtab .project_description h2{margin-bottom:30px}}@media screen and (max-width:420px){.project .container{padding-left:20px;padding-right:20px}.project .fixel_projects img.left,.project .fixel_projects img.right{width:52%}}section.current-projects{padding:60px 0 0;background:#fff}section.current-projects h2{color:#E84E89;font-size:30px;line-height:30px;margin-bottom:60px;text-align:center}section.current-projects h2 a{color:#E84E89;text-decoration:none;-webkit-transition:all 180ms ease;-moz-transition:all 180ms ease;-o-transition:all 180ms ease;transition:all 180ms ease}section.current-projects h2 a:hover{opacity:.7}section.current-projects .dribbble-projects-list{*zoom:1}section.current-projects .dribbble-projects-list:before,section.current-projects .dribbble-projects-list:after{display:table;content:"";line-height:0}section.current-projects .dribbble-projects-list:after{clear:both}section.current-projects .dribbble-projects-list a{display:block;float:left;margin:0;width:16.66666667%;height:auto}section.current-projects .dribbble-projects-list a:hover{opacity:.7}section.current-projects .dribbble-projects-list img{display:block;width:100%;height:auto}@media screen and (max-width:1269px){section.current-projects .dribbble-projects-list a{width:33.333333333%}}@media screen and (max-width:540px){section.current-projects h2{font-size:26px}section.current-projects .dribbble-projects-list a{width:50%}}section.links{background:#261a31;padding:100px 0}section.links h2{font-size:30px;color:#fff;line-height:30px;margin-bottom:42px;text-align:center}section.links ul{margin-left:-15px;margin-right:-15px}section.links li{width:48.4536082%;float:left;margin:0 0 30px;position:relative}section.links li:nth-child(2n+1){margin-right:3.0927835%}section.links li:hover:before{color:#F36341}section.links li:before{display:block;content:"\e2cf";font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;color:#10999e;width:18px;height:18px;font-size:18px;top:30px;left:30px}section.links li a{display:block;padding:30px;padding-left:60px;background:#fff;border-radius:4px;text-decoration:none;color:#6b696e;font-size:16px;line-height:20px}section.links li a:hover h3{color:#F36341}section.links li h3{color:#10999e;font-size:18px;margin-bottom:6px}section.links li p{margin-bottom:0}@media screen and (max-width:700px){section.links li{width:100%;margin-bottom:20px}}@media screen and (max-width:420px){section.links{padding-top:60px;padding-bottom:60px}section.links li a{padding:20px;padding-left:20px}section.links li:before{left:20px;top:20px}section.links h3{padding-left:26px}}section.work_together{background:#66527d;padding:120px 0;color:#fff;font-size:18px;line-height:24px;text-align:center}section.work_together h2{font-size:30px;line-height:30px;margin-bottom:42px}section.work_together p{max-width:530px;margin:0 auto 42px}section.work_together .email_circle{display:block;margin:0 auto 42px;width:120px;height:120px;background:#fff;border-radius:120px;text-align:center;line-height:120px;color:#66527d;text-decoration:none;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out}section.work_together .email_circle:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}section.work_together .email_circle .icon-email{font-size:30px;width:48px;height:48px;text-align:center;line-height:48px;display:inline-block;position:relative;top:8px;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out}section.work_together .email_link{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-decoration:none;padding-bottom:2px;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out;border-bottom:1px solid transparent}section.work_together .email_link:hover{border-bottom:1px solid rgba(255,255,255,.2)}@media screen and (max-width:420px){section.work_together{padding-top:80px;padding-bottom:80px}section.work_together .container{padding-left:20px;padding-right:20px}}.footer{background:#57BDAD;padding:10px 0;text-align:center;color: #fff;}.footer a{text-decoration:none;font-size:20px;-webkit-transition:all 220ms ease-in-out;-moz-transition:all 220ms ease-in-out;-o-transition:all 220ms ease-in-out;transition:all 220ms ease-in-out}.footer a:hover{opacity:.7}.footer li{display:inline-block;margin:0 18px;width:30px;text-align:center}.footer li:first-child{margin-left:10px}.footer .icon-twitter{color:#00acee}.footer .icon-dribbble{color:#ea4c89}.footer .icon-email{color:#66527d}

.author-text p {
        font-family: 'Oxygen', sans-serif;
    color: #312F2F;
}

div#copyright a {
    color: #fff;
    padding: 5px 10px;
  }

/*tab landscape*/
  @media only screen and (max-width:1219px){
.Author-info {
    width: 97%;
    margin: 0 auto;
  }
  }

/*tablet port*/
  @media (min-width: 768px) and (max-width: 979px) {

#sidebar-wrapper {
    float: left;
    width: 300px;
    clear: both;
}
.post_item h3 {
    font-size: 22px;
    
    line-height: 30px;
}
.My-pix img {
    width: 190px;
    border-radius: 100%;
    min-height: 190px;
    object-fit: cover;
}
div#HTML21 {
    width: 28.3%;
    float: left;
  
    height: auto;
    margin: 10px 10px;
    }
.profile-textblock {
  
    text-align: center;
    width: 90%;

}
ul.social-links.clearfix li a {
    font-size: 25px;
    color: #DDBE85;
    height: 60px;
      width: 70px;}
  }
/*---- mobile landscape-----*/
@media (max-width: 768px) and (min-width: 0px)  {

#sidebar-wrapper {
    float: right;
    width: 100%;
}

div#HTML6 {
        border: none;
    margin: 5px;
    }

div#HTML5{   
margin: 5px;border: none;
}

div#HTML21 {
      width: 92%;
height: auto;
}
.My-pix img {
    width: 190px;
    border-radius: 100%;
    min-height: 185px;
    object-fit: cover;
    }

.My-pix {
    text-align: center;
    width: 50%;
    float: left;
}

.profile-datablock {
    width: 50%;
    float: left;
    }
.profile-textblock {
  
    width: 80%;
    }
div#HTML6 {
    width: 100%;
    float: left;
 margin: 0 auto;
    height: auto;
    }

div#HTML5 {
    width: 100%;
 margin: 0 auto;
    height: auto;
    }

ul.social-links.clearfix li a {
    font-size: 14px;
    color: #DDBE85;
    height: 31px;
    width: 35px;
    }

.Author-info {
   
    margin: 0 auto;
    height: auto;
    display: inline-block;
    }
div#HTML7 {
    width: 100%;
    float: left;
 margin: 0 auto;
    }
  }

#search_box {

height: 40px;
}
#search_box #search {
  float: right;
  top: 65px;
  right: 27px;
  position: absolute;
  border: 1px solid #808080;
  /* border-right: 0; */
  display: none;
  z-index: 99;
}
#search_box #search #search_text {
  color: #888;
  width: 290px;
  padding: 16px 10px;
  font-size: 16px;
  font-family: 'Maven Pro', sans-serif;
  border: 0 none;
  height: 40px;
  margin-right: 0;
  outline: none;
  background: #FFF;
  float: left;
  box-sizing: border-box;
  transition: all 0.15s;
  margin-bottom: 0px;

}
#search_box #search #search_text:focus {
background:#efefef;
}
#search_box .search_button {
    float: right;
    /* border-left: 1px solid #d9e0e2; */
    color: #FFFFFF;
    height: 40px;
    width: 50px;
    text-align: center;
    line-height: 40px;
    background: #57BCAC;
    display: inline-block;
    cursor: pointer;
}
#search_box .search_button:hover, #search_box .search_button.active {
background: rgba(103, 131, 129, 0);
  color: #57BCAC;}
#searchbox {

width: 300px;
    height: 50px;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
#searchbox input {
    outline: none;
}
#searchbox input[type="text"] {
    background:rgba(242, 242, 242, 1);
    margin: 3px 0px 0px 20px;
    padding: 5px 0px 5px 10px;
    border-width: 0px;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 15px;
    color: #828282;
   height: 40px;
    width: 78%;
    display: inline-table;
    vertical-align: top;
}
#button-submit {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNqz2Zn7EYRm4K19CZiAuxdg8Bb3P9I2Ps001-m7J2bko1qHHx0dBQMtoyUIgFsNEeyGQk3cYkVS5C02HmpKvqx1Aeo6G9MKszMB08Ju6ZQX5KHtWp1EvXveYVUyYAlA_edTcI-gp2-zAW/s1600/magnifier.png) no-repeat;
    border-width: 0px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
    width: 21px;
    height: 22px;
}
#button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEqMxACNc944q7QLBlBQ_cKgZGBCZqqSSeq69INpq-7_xUQs2hTw95mVBVoA-IkDsMWau7FoA-dSq_qvzANp-5i9jVC2m3ZkYBykzB9XGZGpFk5tF2kAvIzqTJ_maxFZ6BX9HQ6-af9Kur/s1600/magnifier-hover.png) no-repeat;
}
#button-submit:active {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEqMxACNc944q7QLBlBQ_cKgZGBCZqqSSeq69INpq-7_xUQs2hTw95mVBVoA-IkDsMWau7FoA-dSq_qvzANp-5i9jVC2m3ZkYBykzB9XGZGpFk5tF2kAvIzqTJ_maxFZ6BX9HQ6-af9Kur/s1600/magnifier-hover.png) no-repeat;
    outline: none;
}
#button-submit::-moz-focus-inner {
    border: 0;
}

.post-share {
    padding: 10px 10px;
    width: 90%;

margin-top: 60px;
}
.post-share:before,
.post-share:after {
    content: " ";
    display: table
}
.post-share:after {
    clear: both
}
.post-share span.share-text {    
    display: inline-block;
    padding-top: 5px;
    color: #666
}
.post-share ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right
}
.post-share ul li {
    margin:0 0 0 5px;
    float: left
}
.post-share ul li p {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    height: 30px;
    min-width: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #eee;
    font-weight: normal;
    color: #999;
}
.post-share ul li p:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px;
}
.post-share a {
 float: left;
    text-align: center;
    line-height: 34px;
    width: 26px;
    height: 35px;
    padding: 0 5px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 0 2px;
    color: #57BDAD;
    border: 1px solid;
}
.post-share a:hover {
color: #FFFDFD;
    background: #57BDAD;
    transition: .3s;
webkit-transition: .3s -webkit-filter linear;
-moz-transition: .3s -moz-filter linear;
-moz-transition: .3s filter linear;
-ms-transition: .3s -ms-filter linear;
-o-transition: .3s -o-filter linear;

}

.post-share span.share-text {
    display: inline-block;
    padding-top: 5px;
    color: #666;
}

/* Icons */

/* Tooltips */
[data-sharetip] {
    position:relative
}
[data-sharetip]:before {
    content: '';
    visibility: hidden;
    opacity: 0;
    border: 5px solid #000;
    border-top-color: #000;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: -7px;
    left: 10px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
         -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
}
[data-sharetip]:after {
    visibility: hidden;
    opacity: 0;
    content: attr(data-sharetip);
    position: absolute;
    top: -35px;
    left: 0px;
    padding: 0 0.5em;
    background: #000;
    color: #fff;
    z-index: 9;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: opacity 0.2s;
       -moz-transition: opacity 0.2s;
         -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
}
[data-sharetip]:hover:before,
[data-sharetip]:hover:after {
    visibility: visible;
    opacity: 1
}

.goog-inline-block {
    display: none !important;
  }

/*---- Unique header Ends here-----*/

/*Custom-Css*/

div#sidebar-wrapper .title {
    color: #fff;
}

div#top-search {
    display: block;
    position: relative;
    top: 16px;
}

div#PopularPosts2 h2 {
    color: #57bdad;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.About img {
    width: 80%;
    margin-bottom: 20px;
    text-align: center;
}

div#PopularPosts2 {
    padding: 0px 15px;
}
div#Label2 {
    padding: 0px 15px;
}
div#HTML1 {
    padding: 0px 15px;
}

s pan.fixed-char a {
    font-family: 'Montserrat Alternates', sans-serif;
}

a.read-more {
    font-size: 13px;
    color: #57BDAD;
}

span.author-share {
    margin-top: 20px;
    display: block;
}

.round-icon, a i.round-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    border: 1px solid #57BDAD;
    font-size: 14px;
    color: #57BDAD;
    text-align: center;
    line-height: 32px;
    margin: 0 2px 4px 2px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.post_author .author-img {
 float:left;
 margin-right:20px;margin-top: 10px;
}

.post_author .author-img img {
 border-radius:200px;
}

.author-text h4 {
    font-family: 'playball';
  
}

.post_author .author-text {
    margin: 20px 30px;
}

.post_author .author-text h4 a {
 font-size:22px;
 color:#000;
 display:block;
 margin-bottom:6px;
 letter-spacing:1px;
font-family: 'Oxygen', sans-serif;
}
.post_author .author-text h4 a:hover {
 text-decoration:underline;
}

.post-author .author-text p {
 font-size:13px;
 margin-bottom:8px;
 color:#666;
}

.post_author .author-share a .round-icon {
 width:25px;
 height:25px;
 line-height:25px;
 display:inline-block;
}

img.avatar.avatar-110.photo {
    width: 140px;
    margin-left: 30px;
}

.author img {
    height: auto;
}

.author-img {
    float: left;
    margin-right: 20px;
}

.author-img img {
    border-radius: 200px;
}

a.scrollToTop.scrollToTop_default.scrollToTop_show {
    background: #75C3B7 url(https://codyhouse.co/demo/back-to-top/img/cd-top-arrow.svg)no-repeat center 50%;
padding: 20px;
}

a.scrollToTop.scrollToTop_default.scrollToTop_show:hover {
    background: #3BB3A0 url(https://codyhouse.co/demo/back-to-top/img/cd-top-arrow.svg)no-repeat center 50%;
}

html {
 overflow-y: scroll;
}
/* core */
.scrollToTop {
 position: fixed;
 right: 20px;
 bottom: -100px;
 opacity: 0;
 
 overflow: hidden;
 outline: none;
}

.scrollToTop_show {
 opacity: 1;
 bottom: 20px;
}

@-webkit-keyframes scrollToTop_fade {
 0%  {opacity: 0;}
 100% {opacity: 1;}
}
@keyframes scrollToTop_fade {
 0%   {opacity: 0;}
 100% {opacity: 1;}
}

@-webkit-keyframes scrollToTop_slide {
 0%   {bottom: -100px;}
 100% {bottom: 20px;}
}
@keyframes scrollToTop_slide {
 0%   {bottom: -100px;}
 100% {bottom: 20px;}
}

.scrollToTop_animating,
.scrollToTop_animating * {
 pointer-events: none !important;
}

/* skin(default) */
.scrollToTop {
 width: 50px;
 height: 50px;
 color: #000;
 font-family: sans-serif;
 font-size: 0px;
 text-decoration: none;
 text-transform: uppercase;
 text-indent: 100%;
 white-space: nowrap;
 background: no-repeat center center transparent;
}

.scrollToTop_default {
 display: block;
 width: auto;
 height: auto;
 padding: 10px;
 text-indent: 0;
 background: #eee;
 -webkit-border-radius: 10px;
 border-radius: 50%;
}
.scrollToTop_default:hover {
 background-color: #ddd;
}

/* skin(cycle) */
.scrollToTop_cycle {
 background-image: url("../img/cycle.png");
}
.scrollToTop_cycle:hover {
 background-image: url("../img/cycle-hover.png");
}

/* skin(square) */
.scrollToTop_square {
 background-image: url("../img/square.png");
}
.scrollToTop_square:hover {
 background-image: url("../img/square-hover.png");
}

/* skin(text) */
.scrollToTop_text {
 background-image: url("../img/text.png");
}
.scrollToTop_text:hover {
 background-image: url("../img/text-hover.png");
}

/* skin(triangle) */
.scrollToTop_triangle {
 background-image: url("../img/triangle.png");
}
.scrollToTop_triangle:hover {
 background-image: url("../img/triangle-hover.png");
}

/* easing.css - v0.1.0 - 2013-08-26
* https://github.com/amazingSurge/easing.css
* Copyright (c) 2013 amazingSurge; Licensed GPL */
.easing_linear {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.easing_ease {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.easing_easeIn {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.easing_easeOut {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.easing_easeInOut {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.easing_easeInQuad {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.easing_easeInCubic {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.easing_easeInQuart {
  -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
          transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.easing_easeInQuint {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.easing_easeInSine {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.easing_easeInExpo {
  -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
          transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.easing_easeInCirc {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.easing_easeInBack {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */

-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.easing_eastOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.easing_easeOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.easing_easeOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.easing_easeOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.easing_easeOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.easing_easeOutExpo {
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.easing_easeOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.easing_easeOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */

-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.easing_easeInOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.easing_easeInOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.easing_easeInOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.easing_easeInOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.easing_easeInOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.easing_easeInOutExpo {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
          transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.easing_easeInOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.easing_easeInOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */

-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.easing_easeInOutElastic {
  -webkit-transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
          transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}

.easing_custom {
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
          transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
}

.overlay{display:none;}
.nav > li > .parent {
    background-position: 95% 50%;
}
.nav li li .parent {
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhRassq2EzbPKn9bfG5GC6JZxjvwNDHO6ilyfymAONX8IZWeML3FWIH1Ui8m8-yQCfBhZxs8agTGIs3plnwaWj9V6KK8AJv-BrtnffwlGY_pbVsnj4zxjjVDipLUu-11ZnGoK-gDhfUU/s1600/downArrow.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
}
@media screen and (max-width: 800px) {
 .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhRassq2EzbPKn9bfG5GC6JZxjvwNDHO6ilyfymAONX8IZWeML3FWIH1Ui8m8-yQCfBhZxs8agTGIs3plnwaWj9V6KK8AJv-BrtnffwlGY_pbVsnj4zxjjVDipLUu-11ZnGoK-gDhfUU/s1600/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
}

a {text-decoration: none;}
.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
.toggleMenu {
    display:  none;
   background: #57bdad;
    padding: 15px 15px;
    color: #fff;
    width: 410px;
    font-size: 17px
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#fff;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
   
}
.nav > li > .parent {
    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhRassq2EzbPKn9bfG5GC6JZxjvwNDHO6ilyfymAONX8IZWeML3FWIH1Ui8m8-yQCfBhZxs8agTGIs3plnwaWj9V6KK8AJv-BrtnffwlGY_pbVsnj4zxjjVDipLUu-11ZnGoK-gDhfUU/s1600/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: rgb(117, 195, 183);
    position: relative;
    z-index:100;
    border-top: 1px solid #383636;
}
.nav li li li a {
       background: #383636;
    z-index: 200;
    border-top: 1px solid #75C3B7;
  }

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhRassq2EzbPKn9bfG5GC6JZxjvwNDHO6ilyfymAONX8IZWeML3FWIH1Ui8m8-yQCfBhZxs8agTGIs3plnwaWj9V6KK8AJv-BrtnffwlGY_pbVsnj4zxjjVDipLUu-11ZnGoK-gDhfUU/s1600/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}
.header-main {
    padding: 4px 0 4px;
    width: 100%;
    position: relative;
    z-index: 999;
    background: #383636;
    transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
  }
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.header-tab {
    overflow: visible;
}
 /** Search **/
 
 #top-search a {
  display: block;
  padding: 20px;
  color: #0e0e0e;
  font-size: 0.9em;
  font-weight: bold;
 font-family: 'Merriweather Sans', sans-serif;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  
  display:block;
  -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
 }
 #top-search a:hover {
  color:#ccc;
  
 }
 .show-search {
  position: absolute;
  top: 68%;
  right: 146px;
  display: none;
  z-index: 10000;
 }
 .show-search #searchform input#s {
  width:190px;
  background:#FFF;
  webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
  -moz-box-shadow:  0 8px 6px -6px rgba(206,206,206,.2);
     box-shadow:  0 8px 6px -6px rgba(206,206,206,.2);
 }
 .show-search #searchform input#s:focus {
  border:1px solid #d5d5d5;
 }

.grid {
    width: 100%;
    max-width: 1180px;
    min-width: 755px;
    margin: 0 auto;
  
}
.col-3-12 {
    width: 25%;
}
[class*='col-'] {
    float: left;
    padding: 0px 10px;/* column-space */
}
div#Header1 {
    text-align: center;
}
.Header h1 {
    margin-bottom: 10px;
}
.col-8-12 {
    width: 60%;
}
ul.nav {
    background: rgba(255, 255, 255, 0);
  }
div#header-menu1 {
    position: relative;
    z-index: 999;
    background:rgba(255, 255, 255, 0);
    width: 100%;
    min-height: 64px;
}
.header-menu h2 {
    display: none;
}

.widget-item-control {
    float: right;
    height: 20px;
    margin-top: -20px;
    position: relative;
    z-index: 10;
}
.col-1-12 {
    width: 8.33%;
}
#top-search a {
    display: block;
    padding: 20px;
    color: #0e0e0e;
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Merriweather Sans', sans-serif;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#top-search a:hover {
    color: #ccc;
}
.fa-search:before {
    content: "\f002";
}
.show-search {
    position: absolute;
    top: 68%;
    right: 146px;
    display: none;
    z-index: 10000;
}
.show-search #searchform input#s {
    width: 190px;
    background: #FFF;
    webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
    box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
}

input, textarea {
    color: #989898;
    letter-spacing: .02em;
    display: block;
    padding: 0 18px;
    margin: 0;
    width: 100%;
    height: 50px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 100%;
    outline: 0;
    line-height: inherit;
    vertical-align: bottom;
}
.grid:after {
    content: "";
    display: table;
    clear: both;
}

.sf-menu>li:hover {
background: rgb(251, 84, 2);
}

.loader {
background-color: #111111;
background-image: url(http://demo.limitless.company/cordoba/launch/img/misc/loader.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: 80px 80px;
bottom: 0px;
left: 0px;
position: fixed;
right: 0px;
top: 0px;
z-index: 9999;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

/*Responsive code*/

@media (min-width: 768px) and (max-width: 979px)
    {
.col-3-12 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
display: block;
}
 
#header img {
    width: 50%;
    margin: 0 auto;
}

div#header-inner {
    width: 100%;
}
#header {
    float: none;
 
}

.col-8-12 {
    width: 80%;
float:left;
}

}
/*MObile-Landscape*/

@media (max-width: 768px) and (min-width: 0px)  {

.col-1-12.mobile-col-1-1.hide-on-mobile {
    display: none;
}
div#header-inner {
    width: 100%;
}

.col-3-12 {
    width: auto;
}
.grid {
    width: 100%;    max-width: 500px;
    min-width: 490px;

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

</style>

#footer{padding-top:20px}
} 
@media only screen and (max-width: 767px) {
    div#topimg{width:460px ; height:auto}
.row .row{width:auto;max-width:none;min-width:0;margin:0 -10px}
.container{width:auto;max-width:500px;margin:0 auto;min-width:0}
#post_grids .column,#post_grids .columns{width:100%;float:none;padding:0 14px;margin-bottom:14px}
.column:last-child,.columns:last-child{float:none}
[class*="column"] + [class*="column"]:last-child{float:none}
.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}
.column:after,.columns:after{clear:both}
.top_wrapper{margin-bottom:14px}
#header-wrapper{padding-top:14px}
#header-wrapper .header_left,#header-wrapper .header_right{float:none;width:auto}
#header-wrapper .header_left{margin-bottom:30px}
#top_menu{position:relative;background-color:#06F;right:0}
#header{float:none;text-align:center;margin:0;margin-bottom:10px}
#header img{display:inline;margin:0 auto}
#top_menu{float:none;width:450px}
#top_menu .sf-menu,.header_search{display:none}
#top_menu span.nav_select,.select_menu{display:block}
#leftContent{width:auto;float:none;margin:0}
#leftContent .inner{margin:0}
.white_box .white_box_inner{padding:10px}
.post_item_inner,.post_single_inner{padding:14px}
.post_single{margin-bottom:14px}
.social_share,.post_author{display:none}
#related-posts ul li{width:50%}
#footer{padding:15px;}
#top_menu {
width: 440px;
}

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

#flickr_badge_wrapper {
    width: auto !important;
    
}
#top_menu {
width: 280px;
}
 div#topimg{width:300px ; height:auto}
.related_posts .rp_col { float: none; width:auto; }

.grid {
    width: 100%;
    max-width: 350px;
    min-width: 333px;
}
.toggleMenu {
    
    width: 249px;
    padding: 10px 15px;
    
    }

}
</style>
<script type='text/javascript'>//<![CDATA[
function stripTags(s, n) {
    return s.replace(/<.*?>/ig, "").split(/\s+/).slice(0, n - 1).join(" ")
}

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

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="100" height="100" src="' + avtr + '"/>');
}
}
 //]]>
</script>

<div id='fb-root'/>
<script style='text/javascript'>
 //<![CDATA[

(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

//]]>
</script>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>
<header class='header-main animation' data-animate='fadeInUp'>
<div class='grid grid-pad header-tab'>
    <div class='col-3-12 mobile-col-1-1 '>
       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
         <b:widget id='Header1' locked='true' title='Expresso (Header)' type='Header'>
           <b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "BEHIND"'>
      
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
           <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
           <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
         </b:widget>
       </b:section>
    </div>
    <div class='col-8-12 mobile-col-1-1 '>
       
<b:section class='header-menu section' id='header-menu1' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML4' locked='false' title='Navigation Menu' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

</header>
  <div class='clear'/>
<b:if cond='data:blog.pageType == "index"'>
<div class='Post-header'>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML6' locked='false' title='About Me' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML5' locked='false' title='Social media' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='HTML7' locked='false' title='Instagram' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

</div>

</b:if>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

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

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

</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

</p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

<b:else/> 
    <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 class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <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'>&rsaquo;</div>

<b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
      </div>
    </b:if>

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

</div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <div class='date-posts'>
      <div class='post-outer'>

</div>
        </div>

<b:if cond='data:blog.pageType != "index"'>
          <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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
 
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
 
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>

<div class='post-body'>
<b:if cond='data:blog.pageType == "index"'>
 <span expr:id='"p" + data:post.id'><data:post.body/></span>
  <script type='text/javascript'>var x="<data:post.title/>",y="<data:post.url/>",z="<data:post.author/>",t="<data:post.timestamp/>";readmore("p<data:post.id/>","<b:loop index='x' values='data:post.labels' var='label'><b:if cond='data:x==0'><a expr:href='data:label.url + "?max-results=12"' rel='tag nofollow'><data:label.name/></a></b:if></b:loop>")</script><b:else/><data:post.body/></b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == "item"'>

<div class='post-share'>
        <span class='share-text'>Share this post:</span>
        <ul>
            <li>
                <a class='twitter df-share' data-hashtags='' data-sharetip='Share on Twitter!' expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'>
                  <i class='fa fa-twitter'/>
                </a>
               
            </li>
            <li>
                <a class='facebook df-share' data-sharetip='Share on Facebook!' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' rel='nofollow' target='_blank'>
                    <i class='fa fa-facebook'/>
                </a>
                
            </li>
            <li>
                <a class='google df-pluss' data-sharetip='Share on Google+!' expr:href='"https://plus.google.com/u/0/share?url=" + data:post.url' rel='nofollow' target='_blank'>
                    <i class='fa fa-google-plus'/>
                </a>
               
            </li>
 <li>
                <a class='pinterest df-pinterest' data-sharetip='Pin it' expr:href='"http://pinterest.com/pin/create/button/?source_url=" + data:post.url + "&media=" + data:post.firstImageUrl + "&description=" + data:post.title' target='_blank'>
                    <i class='fa fa-pinterest'/>
                </a>
               
            </li>
           
           
        </ul>
    </div>
<div class='post-footer'>
<div class='post_tag'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
          </b:loop>
        </b:if>
</div>

<span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> 
    </div>
</b:if>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='post_author'>
<div class='author-img'>
          <img alt='' class='avatar avatar-110 photo' height='110' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ETZTp3OBJzL2UADjjIRqdRILkhCXeOr3POg1Hg46SEw6m8OWw3DWvItZ2wi8WwcxGHi7VdIeIL6EDyqXcLh4E2Hp1dnNvCfm6bcErGx91KKrApOETUe_rjWj9zXqv95vnfF5uWoDAD0/s1600/author-aarron-walter+%25281%2529.jpg' width='110'/>
         </div>
         <div class='author-text'>
          <h4><a href='' rel='author' title=''>Denizer Carter</a></h4>
          <p>Lorem ipsum dolor sit amet, cotur acing elit. Ut euis eget dolor sit amet congue. Ut vira codo matis. Sed lacia luctus magna ut sodales lorem.</p>
          <span class='author-share'>
           <a href='#'><i class='fa fa-facebook round-icon'/></a>  
           <a href='#'><i class='fa fa-twitter round-icon'/></a>     
           <a href='#'><i class='fa fa-instagram round-icon'/></a>  
           <a href='#'><i class='fa fa-google-plus round-icon'/></a>  
           <a href='#'><i class='fa fa-pinterest round-icon'/></a>       <a href='http://#.tumblr.com/'><i class='fa fa-tumblr round-icon'/></a>  
          </span>
         </div>
<div class='clear'/>
</div>

<div id='related-posts'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3 class="heading-border"><span>Related Posts</span></h3>';rn='<h3 class="heading-border"><span>No related post available</span></h3>';rcomment='comments';rdisable='disable comments';commentYN='yes';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRuxmXRTFMr5-wq51_Pg5Roqn9mCbqziJip2R7Q_2SlmbpyXEj-QIpGNoHm1SF8X3pOCHXvmslRq0-sytueUZAZY60iyUp4hdsLFCrzBc6nfPGbMuGpPtfT8DFU2tSvyZ0UjWhvURaxUn/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><div class="pthumb"><a href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" src="'+ thumb[c].replace("/s72-c/","/w129/")+'"/></a></div><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></li></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='<div class="clear"></div></ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div class='clear'/>
</b:if>
</div>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
  </div>
  <div class='clear'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='210' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![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 replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

<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>

<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='HTML8' locked='false' title='Follow Us' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='FollowByEmail1' locked='false' title='Newsletter' type='FollowByEmail'>
    <b:includable id='main'>
    <div class='widget-content'>
    <div class='newsletter_inner'>
    <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
  <p>Were this world an endless plain, and by sailing eastward we could for ever reach new distances</p>
    <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
    <input class='letter_email' name='email' placeholder='Email address...' type='text'/>
    <input class='letter_submit' type='submit' value='Submit'/>
    <input expr:value='data:feedPath' name='uri' type='hidden'/>
    <input name='loc' type='hidden' value='en_US'/>
    </form>
    </div>
</div>
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span>
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
    <b:if cond='data:display == "list"'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='"label-size label-size-" + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='HTML3' locked='false' title='Facebook' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <dd>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
           
        <b:if cond='data:post.thumbnail'>
            <img expr:alt='data:post.title' expr:src='data:post.thumbnail' height='50' width='50'/>
<b:else/>
            <img alt='no image' height='50' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/s50/no-image.png' width='50'/>
        </b:if>
        <a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'><data:post.title/></a>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </dd>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='clear'/>
</div> 
</div> 
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
//<![CDATA[
var pageCount=6;
var displayPageNum=6;
var upPageWord ='«';
var downPageWord ='»';
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}

//]]>
</script>

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

<style>

.footer-container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 940px;
}
.footer-container:before, .footer-container:after {
display: table;
content: "";
line-height: 0;
}

@media (min-width: 1200px)
{
.footer-container{
width: 1200px;
}
  }
.footer-container {
margin-right: auto;
margin-left: auto;
}

@media (max-width: 979px) and (min-width: 768px){
.footer-container{
width: 724px;
}
  }

@media (max-width: 979px) and (min-width: 768px){
.footer-container {
width: auto;
}
  
#footer .widget {
width: 48%;
margin-right: 2px;
}
    }

@media (max-width: 767px)
{

.footer-container {
width: auto;
}

#footer .widget {
width: auto;
    padding: 15px;
}

}
.footer-wrapper {
background: #222;
}

</style>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='HTML2' locked='false' title='Flickr' type='HTML'>
    <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

<div class='footer' id='footer1'>
  
  <div class='container clearfix'>
   
<div id='copyright'>Copyright (C) 2015 Created By<a href='http://www.yotemplates.com' id='mycontent' rel='follow' title='Blogger Templates'>Yo..! Templates</a> <a href="https://syamszone.blogspot.com/">Zone</a>
</div>
      
  </div>
  
  </div>

$('.image-pop').magnificPopup({ 
  type: 'image'
 // other options
});
//]]>
</script>

$(window).load(function() {

fixSizes();
 $(".loader").delay(1000).fadeOut('slow');

});

$(window).resize(function() {

fixSizes();

});

function fixSizes() {

var windowHeight = $(window).height();
 var windowWidth = $(window).width();

$(".fullscreen").css('height', windowHeight);
 var c = $(".demo .variation").length;

if (windowWidth > 768) {

$(".demo .variation").css('width', 100/c + '%');
  $(".demo .variation").css('height', windowHeight);

} else {

$(".demo .variation").css('height', windowHeight/c + 'px');
  $(".demo .variation").css('width', windowWidth);

}

$(".demo .variation .inner").each(function() {
  $(this).css('margin-top', ($(".demo .variation").height() - $(this).height()) / 2);
 });

}

//]]></script>

// Generated by CoffeeScript 1.3.3
(function(){var e,t;e=function(){function e(e){var t,n;this.options={target:"instafeed",get:"popular",resolution:"thumbnail",sortBy:"most-recent",links:!0,limit:15,mock:!1};if(typeof e=="object")for(t in e)n=e[t],this.options[t]=n;this.unique=this._genKey()}return e.prototype.run=function(){var t,n,r;if(typeof this.options.clientId!="string"&&typeof this.options.accessToken!="string")throw new Error("Missing clientId or accessToken.");if(typeof this.options.accessToken!="string"&&typeof this.options.clientId!="string")throw new Error("Missing clientId or accessToken.");return this.options.before!=null&&typeof this.options.before=="function"&&this.options.before.call(this),typeof document!="undefined"&&document!==null&&(r=document.createElement("script"),r.id="instafeed-fetcher",r.src=this._buildUrl(),t=document.getElementsByTagName("head"),t[0].appendChild(r),n="instafeedCache"+this.unique,window[n]=new e(this.options),window[n].unique=this.unique),!0},e.prototype.parse=function(e){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v;if(typeof e!="object"){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"Invalid JSON data"),!1;throw new Error("Invalid JSON response")}if(e.meta.code!==200){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,e.meta.error_message),!1;throw new Error("Error from Instagram: "+e.meta.error_message)}if(e.data.length===0){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"No images were returned from Instagram"),!1;throw new Error("No images were returned from Instagram")}this.options.success!=null&&typeof this.options.success=="function"&&this.options.success.call(this,e);if(this.options.sortBy!=="most-recent"){this.options.sortBy==="random"?c=["","random"]:c=this.options.sortBy.split("-"),l=c[0]==="least"?!0:!1;switch(c[1]){case"random":e.data.sort(function(){return.5-Math.random()});break;case"recent":e.data=this._sortBy(e.data,"created_time",l);break;case"liked":e.data=this._sortBy(e.data,"likes.count",l);break;case"commented":e.data=this._sortBy(e.data,"comments.count",l);break;default:throw new Error("Invalid option for sortBy: '"+this.options.sortBy+"'.")}}if(typeof document!="undefined"&&document!==null&&this.options.mock===!1){document.getElementById(this.options.target).innerHTML="",u=e.data,u.length>this.options.limit&&(u=u.slice(0,this.options.limit+1||9e9));if(this.options.template!=null&&typeof this.options.template=="string"){i="",o="";for(h=0,d=u.length;h<d;h++)s=u[h],o=this._makeTemplate(this.options.template,{model:s,id:s.id,link:s.link,image:s.images[this.options.resolution].url,caption:this._getObjectProperty(s,"caption.text"),likes:s.likes.count,comments:s.comments.count,location:this._getObjectProperty(s,"location.name")}),i+=o;document.getElementById(this.options.target).innerHTML=i}else{n=document.createDocumentFragment();for(p=0,v=u.length;p<v;p++)s=u[p],a=document.createElement("img"),a.src=s.images[this.options.resolution].url,this.options.links===!0?(t=document.createElement("a"),t.href=s.link,t.appendChild(a),n.appendChild(t)):n.appendChild(a);document.getElementById(this.options.target).appendChild(n)}r=document.getElementsByTagName("head")[0],r.removeChild(document.getElementById("instafeed-fetcher")),f="instafeedCache"+this.unique,delete window[f]}return this.options.after!=null&&typeof this.options.after=="function"&&this.options.after.call(this),!0},e.prototype._buildUrl=function(){var e,t,n;e="https://api.instagram.com/v1";switch(this.options.get){case"popular":t="media/popular";break;case"tagged":if(typeof this.options.tagName!="string")throw new Error("No tag name specified. Use the 'tagName' option.");t="tags/"+this.options.tagName+"/media/recent";break;case"location":if(typeof this.options.locationId!="number")throw new Error("No location specified. Use the 'locationId' option.");t="locations/"+this.options.locationId+"/media/recent";break;case"user":if(typeof this.options.userId!="number")throw new Error("No user specified. Use the 'userId' option.");if(typeof this.options.accessToken!="string")throw new Error("No access token. Use the 'accessToken' option.");t="users/"+this.options.userId+"/media/recent";break;default:throw new Error("Invalid option for get: '"+this.options.get+"'.")}return n=""+e+"/"+t,this.options.accessToken!=null?n+="?access_token="+this.options.accessToken:n+="?client_id="+this.options.clientId,n+="&count="+this.options.limit,n+="&callback=instafeedCache"+this.unique+".parse",n},e.prototype._genKey=function(){var e;return e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)},""+e()+e()+e()+e()},e.prototype._makeTemplate=function(e,t){var n,r,i,s,o;r=/(?:\{{2})([\w\[\]\.]+)(?:\}{2})/,n=e;while(r.test(n))i=n.match(r)[1],s=(o=this._getObjectProperty(t,i))!=null?o:"",n=n.replace(r,""+s);return n},e.prototype._getObjectProperty=function(e,t){var n,r;t=t.replace(/\[(\w+)\]/g,".$1"),r=t.split(".");while(r.length){n=r.shift();if(!(e!=null&&n in e))return null;e=e[n]}return e},e.prototype._sortBy=function(e,t,n){var r;return r=function(e,r){var i,s;return i=this._getObjectProperty(e,t),s=this._getObjectProperty(r,t),n?i>s?1:-1:i<s?1:-1},e.sort(r.bind(this)),e},e}(),t=typeof exports!="undefined"&&exports!==null?exports:window,t.Instafeed=e}).call(this);!function(e,t){"object"==typeof exports?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Spinner=t()}(this,function(){"use strict";function e(e,t){var n,r=document.createElement(e||"div");for(n in t)r[n]=t[n];return r}function t(e){for(var t=1,n=arguments.length;n>t;t++)e.appendChild(arguments[t]);return e}function n(e,t,n,r){var i=["opacity",t,~~(100*e),n,r].join("-"),s=.01+n/r*100,o=Math.max(1-(1-e)/t*(100-s),e),u=l.substring(0,l.indexOf("Animation")).toLowerCase(),a=u&&"-"+u+"-"||"";return h[i]||(p.insertRule("@"+a+"keyframes "+i+"{0%{opacity:"+o+"}"+s+"%{opacity:"+e+"}"+(s+.01)+"%{opacity:1}"+(s+t)%100+"%{opacity:"+e+"}100%{opacity:"+o+"}}",p.cssRules.length),h[i]=1),i}function r(e,t){var n,r,i=e.style;for(t=t.charAt(0).toUpperCase()+t.slice(1),r=0;r<c.length;r++)if(n=c[r]+t,void 0!==i[n])return n;return void 0!==i[t]?t:void 0}function i(e,t){for(var n in t)e.style[r(e,n)||n]=t[n];return e}function s(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)void 0===e[r]&&(e[r]=n[r])}return e}function o(e){for(var t={x:e.offsetLeft,y:e.offsetTop};e=e.offsetParent;)t.x+=e.offsetLeft,t.y+=e.offsetTop;return t}function u(e,t){return"string"==typeof e?e:e[t%e.length]}function a(e){return"undefined"==typeof this?new a(e):(this.opts=s(e||{},a.defaults,d),void 0)}function f(){function n(t,n){return e("<"+t+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',n)}p.addRule(".spin-vml","behavior:url(#default#VML)"),a.prototype.lines=function(e,r){function s(){return i(n("group",{coordsize:l+" "+l,coordorigin:-f+" "+ -f}),{width:l,height:l})}function o(e,o,a){t(h,t(i(s(),{rotation:360/r.lines*e+"deg",left:~~o}),t(i(n("roundrect",{arcsize:r.corners}),{width:f,height:r.width,left:r.radius,top:-r.width>>1,filter:a}),n("fill",{color:u(r.color,e),opacity:r.opacity}),n("stroke",{opacity:0}))))}var a,f=r.length+r.width,l=2*f,c=2*-(r.width+r.length)+"px",h=i(s(),{position:"absolute",top:c,left:c});if(r.shadow)for(a=1;a<=r.lines;a++)o(a,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(a=1;a<=r.lines;a++)o(a);return t(e,h)},a.prototype.opacity=function(e,t,n,r){var i=e.firstChild;r=r.shadow&&r.lines||0,i&&t+r<i.childNodes.length&&(i=i.childNodes[t+r],i=i&&i.firstChild,i=i&&i.firstChild,i&&(i.opacity=n))}}var l,c=["webkit","Moz","ms","O"],h={},p=function(){var n=e("style",{type:"text/css"});return t(document.getElementsByTagName("head")[0],n),n.sheet||n.styleSheet}(),d={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};a.defaults={},s(a.prototype,{spin:function(t){this.stop();var n,r,s=this,u=s.opts,a=s.el=i(e(0,{className:u.className}),{position:u.position,width:0,zIndex:u.zIndex}),f=u.radius+u.length+u.width;if(t&&(t.insertBefore(a,t.firstChild||null),r=o(t),n=o(a),i(a,{left:("auto"==u.left?r.x-n.x+(t.offsetWidth>>1):parseInt(u.left,10)+f)+"px",top:("auto"==u.top?r.y-n.y+(t.offsetHeight>>1):parseInt(u.top,10)+f)+"px"})),a.setAttribute("role","progressbar"),s.lines(a,s.opts),!l){var c,h=0,p=(u.lines-1)*(1-u.direction)/2,d=u.fps,v=d/u.speed,m=(1-u.opacity)/(v*u.trail/100),y=v/u.lines;!function b(){h++;for(var e=0;e<u.lines;e++)c=Math.max(1-(h+(u.lines-e)*y)%v*m,u.opacity),s.opacity(a,e*u.direction+p,c,u);s.timeout=s.el&&setTimeout(b,~~(1e3/d))}()}return s},stop:function(){var e=this.el;return e&&(clearTimeout(this.timeout),e.parentNode&&e.parentNode.removeChild(e),this.el=void 0),this},lines:function(r,s){function o(t,n){return i(e(),{position:"absolute",width:s.length+s.width+"px",height:s.width+"px",background:t,boxShadow:n,transformOrigin:"left",transform:"rotate("+~~(360/s.lines*f+s.rotate)+"deg) translate("+s.radius+"px,0)",borderRadius:(s.corners*s.width>>1)+"px"})}for(var a,f=0,c=(s.lines-1)*(1-s.direction)/2;f<s.lines;f++)a=i(e(),{position:"absolute",top:1+~(s.width/2)+"px",transform:s.hwaccel?"translate3d(0,0,0)":"",opacity:s.opacity,animation:l&&n(s.opacity,s.trail,c+f*s.direction,s.lines)+" "+1/s.speed+"s linear infinite"}),s.shadow&&t(a,i(o("#000","0 0 4px #000"),{top:"2px"})),t(r,t(a,o(u(s.color,f),"0 0 1px rgba(0,0,0,.1)")));return r},opacity:function(e,t,n){t<e.childNodes.length&&(e.childNodes[t].style.opacity=n)}});var v=i(e("group"),{behavior:"url(#default#VML)"});return!r(v,"transform")&&v.adj?f():l=r(v,"animation"),a});var dug=function(opts){function render(tpl,data,delims){function dotData(d,dotKey){var invert="",filters=dotKey.split("|"),name=filters.shift();if(name.indexOf("!")>-1){name=name.replace(/!/ig,"");invert="!"}try{val=eval(invert+"d['"+name.split(".").join("']['")+"']");if(filters)for(var i=0,max=filters.length;i<max;++i){var chunks=filters[i].split(":"),filter=chunks.shift(),params=chunks;f=eval(filter);typeof f=="function"&&(newval=f.apply(d,[val].concat(params)));val=newval}}catch(e){val=""}return val}tpl=unescape(tpl);var delims=delims||["{{","}}"],scopeMatch=new RegExp(delims[0]+"[^"+delims[1]+"]*"+delims[1],"igm"),matches=tpl.match(scopeMatch);if(!matches)return tpl;for(var i=0,matchCount=matches.length,m;m=matches[i],i<matchCount;i++){tagMatch=new RegExp(delims[0]+"|"+delims[1],"ig"),scopeName=m.replace(tagMatch,"");if(scopeName[0]=="#"){name=scopeName.slice(1,scopeName.length);startFrag=tpl.indexOf(m);endFrag=tpl.indexOf(m.replace("#","/"))+m.length;frag=tpl.substring(startFrag+m.length,endFrag-m.length);dataFrag=dotData(data,name);rendered="";if(dataFrag){if(dataFrag.constructor==Array)for(var i=0,max=dataFrag.length;i<max;++i)rendered+=render(frag,dataFrag[i]);else rendered=render(frag,dataFrag,delims);startFrag=tpl.indexOf(m);endFrag=tpl.indexOf(m.replace("#","/"))+m.length;tpl=tpl.slice(0,startFrag)+rendered+tpl.slice(endFrag,tpl.length)}}else{val=dotData(data,scopeName)||"";tpl=tpl.replace(m,val)}}return tpl}if(this.constructor!=dug){dug.instance=(new dug(opts)).show();return dug.instance}var options={target:null,endpoint:"",templateDelimiters:["{{","}}"],callbackParam:"callback",cacheExpire:12e4,beforeRender:function(){},afterRender:function(){},success:function(){},error:function(){},template:"You need a template, silly :P"},getTemplate=function(e){var e=e||options.template,t;if(e.match(/^(#|\.)\w/)){if("querySelectorAll"in document){t=document.querySelectorAll(e);t.length>0&&(t=t[0])}else t=document.getElementById(e.replace(/^#/,""));t&&"tagName"in t&&(e=t.innerHTML)}return e},ext=function(e,t){for(var n in t)n in e&&(e[n]&&e[n].constructor==Object?ext(e[n],t[n]):e[n]=t[n])},ago=function(e){var t=new Date(e||""),n=((new Date).getTime()-t.getTime())/1e3,r=Math.floor(n/86400);if(isNaN(r)||r<0)return;return r==0&&(n<60&&"just now"||n<120&&"1 minute ago"||n<3600&&Math.floor(n/60)+" minutes ago"||n<7200&&"1 hour ago"||n<86400&&Math.floor(n/3600)+" hours ago")||r==1&&"Yesterday"||r<7&&r+" days ago"||r<31&&Math.ceil(r/7)+" week"+(Math.ceil(r/7)>1?"s":"")+" ago"||r<365&&Math.ceil(r/30)+" months ago"||r>=365&&Math.ceil(r/365)+" year"+(Math.ceil(r/365)>1?"s":"")+" ago"},cache=function(e,t){if(typeof localStorage===undefined||typeof JSON===undefined)return null;var n=(new Date).getTime(),r=null;if(t==undefined){try{r=JSON.parse(unescape(localStorage.getItem(e)))}catch(i){}if(r)if(n-r.time<options.cacheExpire)r=r.data;else{localStorage.removeItem(e);r=null}else r=null;return r}try{localStorage.setItem(e,escape(JSON.stringify({time:n,data:t})))}catch(i){console.log(i)}},get=function(){dug.requests=dug.requests==undefined?1:dug.requests+1;var e=document.createElement("script"),t="callback"+dug.requests,n=document.body.children,r=document.scripts[document.scripts.length-1],i=render(options.endpoint),s=r.parentNode.nodeName!="head";dug[t]=function(e,t){e=e.results?e.results:e;t!==!0&&cache(i,e);var n=document.createElement("div");options.beforeRender.call(this,e);n.innerHTML=render(getTemplate(),e,options.templateDelimiters);if(options.target==null){r.parentNode.insertBefore(n,r);options.target=n}else options.target.nodeName?options.target.innerHTML=n.innerHTML:typeof options.target=="string"&&(document.getElementById(options.target).innerHTML=n.innerHTML);options.afterRender.call(this,options.target);options.success.call(this,e)};e.onerror=options.error;if(cachedData=cache(i))dug[t](cachedData,!0);else{e.src=i+(i.indexOf("?")>-1?"&":"?")+options.callbackParam+"=dug."+t;document.getElementsByTagName("head")[0].appendChild(e)}},init=function(e){e&&e!=undefined&&e.constructor==Object&&ext(options,e)};for(var o in options)(function(e){this[e]=function(t){if(!arguments.length)return options[e];options[e]=t}}).call(this,o);this.show=function(e){init(e);get();return this};dug.render=render;dug.extend=ext;dug.cache=cache;dug.ago=ago;init(opts)};dug._script=document.scripts[document.scripts.length-1];(function(e,t,n){e.fn.simplyScroll=function(t){return this.each(function(){new e.simplyScroll(this,t)})};var r={customClass:"simply-scroll",frameRate:24,speed:1,orientation:"horizontal",auto:!0,autoMode:"loop",manualMode:"end",direction:"forwards",pauseOnHover:!0,pauseOnTouch:!0,pauseButton:!1,startOnLoad:!1};e.simplyScroll=function(n,i){var s=this;this.o=e.extend({},r,i||{});this.isAuto=!1!==this.o.auto&&null!==this.o.autoMode.match(/^loop|bounce$/);this.isRTL=(this.isHorizontal=null!==this.o.orientation.match(/^horizontal|vertical$/)&&this.o.orientation==r.orientation)&&"rtl"==e("html").attr("dir");this.isForwards=!this.isAuto||this.isAuto&&null!==this.o.direction.match(/^forwards|backwards$/)&&this.o.direction==r.direction&&!this.isRTL;this.isLoop=this.isAuto&&"loop"==this.o.autoMode||!this.isAuto&&"loop"==this.o.manualMode;this.events=(this.supportsTouch="createTouch"in document)?{start:"touchstart MozTouchDown",move:"touchmove MozTouchMove",end:"touchend touchcancel MozTouchRelease"}:{start:"mouseenter",end:"mouseleave"};this.$list=e(n);var o=this.$list.children();this.$list.addClass("simply-scroll-list").wrap('<div class="simply-scroll-clip"></div>').parent().wrap('<div class="'+this.o.customClass+' simply-scroll-container"></div>');this.isAuto?this.o.pauseButton&&(this.$list.parent().parent().prepend('<div class="simply-scroll-btn simply-scroll-btn-pause"></div>'),this.o.pauseOnHover=!1):this.$list.parent().parent().prepend('<div class="simply-scroll-forward"></div>').prepend('<div class="simply-scroll-back"></div>');if(1<o.length){var u=!1,a=0;this.isHorizontal?(o.each(function(){a+=e(this).outerWidth(!0)}),u=o.eq(0).outerWidth(!0)*o.length!==a):(o.each(function(){a+=e(this).outerHeight(!0)}),u=o.eq(0).outerHeight(!0)*o.length!==a);u&&(this.$list=this.$list.wrap("<div></div>").parent().addClass("simply-scroll-list"),this.isHorizontal?this.$list.children().css({"float":"left",width:a+"px"}):this.$list.children().css({height:a+"px"}))}this.o.startOnLoad?e(t).load(function(){s.init()}):this.init()};e.simplyScroll.fn=e.simplyScroll.prototype={};e.simplyScroll.fn.extend=e.simplyScroll.extend=e.extend;e.simplyScroll.fn.extend({init:function(){this.$items=this.$list.children();this.$clip=this.$list.parent();this.$container=this.$clip.parent();this.$btnBack=e(".simply-scroll-back",this.$container);this.$btnForward=e(".simply-scroll-forward",this.$container);this.isHorizontal?(this.itemMax=this.$items.eq(0).outerWidth(!0),this.clipMax=this.$clip.width(),this.dimension="width",this.moveBackClass="simply-scroll-btn-left",this.moveForwardClass="simply-scroll-btn-right",this.scrollPos="Left"):(this.itemMax=this.$items.eq(0).outerHeight(!0),this.clipMax=this.$clip.height(),this.dimension="height",this.moveBackClass="simply-scroll-btn-up",this.moveForwardClass="simply-scroll-btn-down",this.scrollPos="Top");this.posMin=0;this.posMax=this.$items.length*this.itemMax;var t=Math.ceil(this.clipMax/this.itemMax);if(this.isAuto&&"loop"==this.o.autoMode)this.$list.css(this.dimension,this.posMax+this.itemMax*t+"px"),this.posMax+=this.clipMax-this.o.speed,this.isForwards?(this.$items.slice(0,t).clone(!0).appendTo(this.$list),this.resetPosition=0):(this.$items.slice(-t).clone(!0).prependTo(this.$list),this.resetPosition=this.$items.length*this.itemMax,this.isRTL&&(this.$clip[0].dir="ltr",this.$items.css("float","right")));else if(!this.isAuto&&"loop"==this.o.manualMode){this.posMax+=this.itemMax*t;this.$list.css(this.dimension,this.posMax+this.itemMax*t+"px");this.posMax+=this.clipMax-this.o.speed;this.$items.slice(0,t).clone(!0).appendTo(this.$list);this.$items.slice(-t).clone(!0).prependTo(this.$list);this.resetPositionForwards=this.resetPosition=t*this.itemMax;this.resetPositionBackwards=this.$items.length*this.itemMax;var r=this;this.$btnBack.bind(this.events.start,function(){r.isForwards=!1;r.resetPosition=r.resetPositionBackwards});this.$btnForward.bind(this.events.start,function(){r.isForwards=!0;r.resetPosition=r.resetPositionForwards})}else this.$list.css(this.dimension,this.posMax+"px"),this.isForwards?this.resetPosition=0:(this.resetPosition=this.$items.length*this.itemMax,this.isRTL&&(this.$clip[0].dir="ltr",this.$items.css("float","right")));this.resetPos();this.interval=null;this.intervalDelay=Math.floor(1e3/this.o.frameRate);if(this.isAuto||"end"!=this.o.manualMode)for(;0!==this.itemMax%this.o.speed;)if(this.o.speed--,0===this.o.speed){this.o.speed=1;break}r=this;this.trigger=null;this.funcMoveBack=function(e){e!==n&&e.preventDefault();r.trigger=!r.isAuto&&r.o.manualMode=="end"?this:null;r.isAuto?r.isForwards?r.moveBack():r.moveForward():r.moveBack()};this.funcMoveForward=function(e){e!==n&&e.preventDefault();r.trigger=!r.isAuto&&r.o.manualMode=="end"?this:null;r.isAuto?r.isForwards?r.moveForward():r.moveBack():r.moveForward()};this.funcMovePause=function(){r.movePause()};this.funcMoveStop=function(){r.moveStop()};this.funcMoveResume=function(){r.moveResume()};if(this.isAuto){this.paused=!1;var s=function(){if(r.paused===!1){r.paused=!0;r.funcMovePause()}else{r.paused=!1;r.funcMoveResume()}return r.paused};this.supportsTouch&&this.$items.find("a").length&&(this.supportsTouch=!1);if(this.isAuto&&this.o.pauseOnHover&&!this.supportsTouch)this.$clip.bind(this.events.start,this.funcMovePause).bind(this.events.end,this.funcMoveResume);else if(this.isAuto&&this.o.pauseOnTouch&&!this.o.pauseButton&&this.supportsTouch){var o,u;this.$clip.bind(this.events.start,function(e){s();var t=e.originalEvent.touches[0];o=r.isHorizontal?t.pageX:t.pageY;u=r.$clip[0]["scroll"+r.scrollPos];e.stopPropagation();e.preventDefault()}).bind(this.events.move,function(e){e.stopPropagation();e.preventDefault();e=e.originalEvent.touches[0];e=o-(r.isHorizontal?e.pageX:e.pageY)+u;e<0?e=0:e>r.posMax&&(e=r.posMax);r.$clip[0]["scroll"+r.scrollPos]=e;r.funcMovePause();r.paused=!0})}else this.o.pauseButton&&(this.$btnPause=e(".simply-scroll-btn-pause",this.$container).bind("click",function(t){t.preventDefault();s()?e(this).addClass("active"):e(this).removeClass("active")}));this.funcMoveForward()}else this.$btnBack.addClass("simply-scroll-btn "+this.moveBackClass).bind(this.events.start,this.funcMoveBack).bind(this.events.end,this.funcMoveStop),this.$btnForward.addClass("simply-scroll-btn "+this.moveForwardClass).bind(this.events.start,this.funcMoveForward).bind(this.events.end,this.funcMoveStop),"end"==this.o.manualMode&&(this.isRTL?this.$btnForward.addClass("disabled"):this.$btnBack.addClass("disabled"))},moveForward:function(){var e=this;this.movement="forward";null!==this.trigger&&this.$btnBack.removeClass("disabled");e.interval=setInterval(function(){e.$clip[0]["scroll"+e.scrollPos]<e.posMax-e.clipMax?e.$clip[0]["scroll"+e.scrollPos]+=e.o.speed:e.isLoop?e.resetPos():e.moveStop(e.movement)},e.intervalDelay)},moveBack:function(){var e=this;this.movement="back";null!==this.trigger&&this.$btnForward.removeClass("disabled");e.interval=setInterval(function(){e.$clip[0]["scroll"+e.scrollPos]>e.posMin?e.$clip[0]["scroll"+e.scrollPos]-=e.o.speed:e.isLoop?e.resetPos():e.moveStop(e.movement)},e.intervalDelay)},movePause:function(){clearInterval(this.interval)},moveStop:function(t){this.movePause();null!==this.trigger&&("undefined"!=typeof t&&e(this.trigger).addClass("disabled"),this.trigger=null);this.isAuto&&"bounce"==this.o.autoMode&&("forward"==t?this.moveBack():this.moveForward())},moveResume:function(){"forward"==this.movement?this.moveForward():this.moveBack()},resetPos:function(){this.$clip[0]["scroll"+this.scrollPos]=this.resetPosition}})})(jQuery,window);jQuery(document).ready(function(e){var t={lines:9,length:6,width:3,radius:9,corners:1,rotate:0,direction:1,color:"#fff",speed:1,trail:60,shadow:!1,hwaccel:!1,className:"spinner",zIndex:2e9,top:"auto",left:"auto"},n=document.getElementById("instagram_spinner"),r=(new Spinner(t)).spin(n),i=new Instafeed({get:"user",target:"instagram_list",userId:3931765,limit:15,accessToken:"283772272.1677ed0.0f821b3c452946658e6c037147583e97",resolution:"low_resolution",after:function(){e("#instagram_list").simplyScroll({speed:1,frameRate:20,orientation:"horizontal",direction:"forwards",customClass:"instagram_scroller"});e("#instagram_spinner").remove()}});i.run()});

var ww = document.body.clientWidth;

$(document).ready(function() {
 $(".nav li a").each(function() {
  if ($(this).next().length > 0) {
   $(this).addClass("parent");
  };
 })
 
 $(".toggleMenu").click(function(e) {
  e.preventDefault();
  $(this).toggleClass("active");
  $(".nav").toggle();
 });
 adjustMenu();
})

$(window).bind('resize orientationchange', function() {
 ww = document.body.clientWidth;
 adjustMenu();
});

//]]>
    </script>

/*! jQuery scrollToTop - v0.3.1 - 2014-05-07
* https://github.com/amazingSurge/jquery-scrollToTop
* Copyright (c) 2014 amazingSurge; Licensed GPL */
!function(a,b,c,d){"use strict";var e=function(f){this.$doc=c("body"),this.options=c.extend(e.defaults,f);var g=this.options.namespace;null===this.options.skin&&(this.options.skin="default"),this.classes={skin:g+"_"+this.options.skin,trigger:g,animating:g+"_animating",show:g+"_show"},this.disabled=!1,this.useMobile=!1,this.isShow=!1;var h=this;c.extend(h,{init:function(){h.transition=h.transition(),h.build(),h.options.target?"number"==typeof h.options.target?h.target=h.options.target:"string"==typeof h.options.target&&(h.target=Math.floor(c(h.options.target).offset().top)):h.target=0,h.$trigger.on("click.scrollToTop",function(){return h.$doc.trigger("ScrollToTop::jump"),!1}),h.$doc.on("ScrollToTop::jump",function(){if(!h.disabled){h.checkMobile();var b,d;if(h.useMobile?(b=h.options.mobile.speed,d=h.options.mobile.easing):(b=h.options.speed,d=h.options.easing),h.$doc.addClass(h.classes.animating),!h.transition.supported)return void c("html, body").stop(!0,!1).animate({scrollTop:h.target},b,function(){h.$doc.removeClass(h.classes.animating)});var e=c(a).scrollTop();h.$doc.css({"margin-top":-e+h.target+"px"}),c(a).scrollTop(h.target),h.insertRule(".duration_"+b+"{"+h.transition.prefix+"transition-duration: "+b+"ms;}"),h.$doc.addClass("easing_"+d+" duration_"+b).css({"margin-top":""}).one(h.transition.end,function(){h.$doc.removeClass(h.classes.animating+" easing_"+d+" duration_"+b)})}}).on("ScrollToTop::show",function(){h.isShow||(h.isShow=!0,h.$trigger.addClass(h.classes.show))}).on("ScrollToTop::hide",function(){h.isShow&&(h.isShow=!1,h.$trigger.removeClass(h.classes.show))}).on("ScrollToTop::disable",function(){h.disabled=!0,h.$doc.trigger("ScrollToTop::hide")}).on("ScrollToTop::enable",function(){h.disabled=!1,h.toggle()}),c(a).on("scroll",h._throttle(function(){h.disabled||h.toggle()},h.options.throttle)),h.options.mobile&&c(a).on("resize",h._throttle(function(){h.disabled||h.checkMobile()},h.options.throttle)),h.toggle()},checkMobile:function(){var b=c(a).width();h.useMobile=b<h.options.mobile.width?!0:!1},build:function(){h.$trigger=h.options.trigger?c(h.options.trigger):c('<a href="#" class="'+h.classes.trigger+" "+h.classes.skin+'">'+h.options.text+"</a>").appendTo(c("body")),h.insertRule("."+h.classes.show+"{"+h.transition.prefix+"animation-duration: "+h.options.animationSpeed+"ms;"+h.transition.prefix+"animation-name: "+h.options.namespace+"_"+h.options.animation+";}"),h.options.mobile&&h.insertRule("@media (max-width: "+h.options.mobile.width+"px){."+h.classes.show+"{"+h.transition.prefix+"animation-duration: "+h.options.mobile.animationSpeed+"ms !important;"+h.transition.prefix+"animation-name: "+h.options.namespace+"_"+h.options.mobile.animation+"  !important;}}")},can:function(){var b;return b=h.useMobile?h.options.mobile.distance:h.options.distance,c(a).scrollTop()>b?!0:!1},toggle:function(){h.$doc.trigger(h.can()?"ScrollToTop::show":"ScrollToTop::hide")},transition:function(){var c,e,f="",g=!1,h=b.createElement("fakeelement"),i={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionend",transition:"transitionend"};for(c in i)if(h.style[c]!==d){e=i[c],g=!0;break}return/(WebKit)/i.test(a.navigator.userAgent)&&(f="-webkit-"),{prefix:f,end:e,supported:g}},insertRule:function(a){if(!h.rules||!h.rules[a])if(h.rules===d?h.rules={}:h.rules[a]=!0,b.styleSheets&&b.styleSheets.length)b.styleSheets[0].insertRule(a,0);else{var c=b.createElement("style");c.innerHTML=a,b.head.appendChild(c)}},_throttle:function(a,b){var c,d,e,f=Date.now||function(){return(new Date).getTime()},g=null,h=0,i=function(){h=f(),g=null,e=a.apply(c,d),c=d=null};return function(){var j=f(),k=b-(j-h);return c=this,d=arguments,0>=k?(clearTimeout(g),g=null,h=j,e=a.apply(c,d),c=d=null):g||(g=setTimeout(i,k)),e}}}),this.init()};e.defaults={distance:200,speed:1e3,easing:"linear",animation:"fade",animationSpeed:500,mobile:{width:768,distance:100,speed:1e3,easing:"easeInOutElastic",animation:"slide",animationSpeed:200},trigger:null,target:null,text:"Scroll To Top",skin:null,throttle:250,namespace:"scrollToTop"},e.prototype={constructor:e,jump:function(){this.$doc.trigger("ScrollToTop::jump")},disable:function(){this.$doc.trigger("ScrollToTop::disable")},enable:function(){this.$doc.trigger("ScrollToTop::enable")},destroy:function(){this.$trigger.remove(),this.$doc.data("ScrollToTop",null),this.$doc.off("ScrollToTop::enable").off("ScrollToTop::disable").off("ScrollToTop::jump").off("ScrollToTop::show").off("ScrollToTop::hide")}},c.fn.scrollToTop=function(a){if("string"==typeof a){var b=a,f=arguments.length>1?Array.prototype.slice.call(arguments,1):d;return this.each(function(){var a=c.data(this,"scrollToTop");a&&"function"==typeof a[b]&&a[b].apply(a,f)})}return this.each(function(){var b=c.data(this,"scrollToTop");b||(b=new e(a),c.data(this,"scrollToTop",b))})}}(window,document,jQuery);

//]]>
    </script>

mobile: {
    width: 768,
    distance: 100,
    speed: 1000,
    easing: 'easeInOutElastic',
    animation: 'slide',
    animationSpeed: 200
},

trigger: null, // Set a custom triggering element. Can be an HTML string or jQuery object
target: null, // Set a custom target element for scrolling to. Can be element or number

skin: null,
throttle: 250,

namespace: 'scrollToTop'
});
});
</script>

//]]>
    </script>

//]]>
    </script>

SyamsZone

Expresso

Expresso 'Masonry' Blogger Template