Академический Документы
Профессиональный Документы
Культура Документы
>
<!DOCTYPE html>
<html b:version='2' expr:class='"v2 " + data:blog.pageType'
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,minimum-scale=1,maximum-
scale=1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<b:include data='blog' name='all-head-content'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Gridz Clean & Responsive Blogger Template
Designer: ThemeXpose
URL: http://www.themexpose.com
Version: Free Version
-----------------------------------------------
*/]]></b:skin>
<b:template-skin><![CDATA[
body#layout .pi-navigation{display:}
body#layout .pi-navigation li {list-style: none;}
body#layout #header{width:300px;margin:0 auto 30px}
body#layout #featured{width:756px;margin:0 auto 30px}
body#layout .blog-grid .container{margin:0 20px}
body#layout #header:before {content: "This is a property of ThemeXpose.com
";}
body#layout .blog-grid .col-md-9{width:440px;float:left}
body#layout .blog-grid .col-md-3{width:300px;float:right}
body#layout footer{margin:30px 20px 0}
body#layout footer .col-md-4{float:left;width:33.3333%;}
body#layout footer .col-md-3{float:left;width:25%}
body#layout footer .col-md-2{float:left;width:16.6667%}
]]></b:template-skin>
<style type='text/css'>
/* Global
----------------------------------------------- */
html {
font-size: 10px;
font-family: sans-serif;
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
:before,
:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
a,
input,
textarea,
button,
select {
outline: none;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top: 10px;
margin-bottom: 10px;
}
a:hover,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
outline: none !important;
text-decoration: none;
}
hr{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
body {
position: relative;
font-family: sans-serif;
font-size: 15px;
color: #7b7b7b;
background-color: #fff;
background-repeat: no-repeat;
padding: 0;
margin: 0;
letter-spacing: 0.014em;
line-height: 1.42857;
}
input, textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"] {
background: none;
border: 0;
background-color: #f7f8f8;
height: 42px;
line-height: 42px;
padding: 0 15px;
color: #888888;
font-family: "Lato", sans-serif !important;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
select {
border: 1px solid #eee;
height: 42px;
line-height: 42px;
padding: 0 10px;
color: #888888;
font-family: "Lato", sans-serif;
font-size: 14px;
}
textarea {
background: none;
border: 0;
background-color: #f7f8f8;
resize: none;
padding: 15px;
height: 100px;
color: #888888;
font-family: "Lato", sans-serif;
font-size: 14px;
vertical-align: middle;
}
input::-webkit-input-placeholder {
color: #888888;
}
input:-moz-placeholder {
color: #888888;
}
input::-moz-placeholder {
color: #888888;
}
input:-ms-input-placeholder {
color: #888888;
}
textarea::-webkit-input-placeholder {
color: #888888;
}
textarea:-moz-placeholder {
color: #888888;
}
textarea::-moz-placeholder {
color: #888888;
}
textarea:-ms-input-placeholder {
color: #888888;
}
a {
color: #e15d5d;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
letter-spacing: 0.02em;
}
a:hover {
color: #000;
}
code, kbd, pre, samp {
font-family: "Raleway", sans-serif;
font-size: inherit;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
letter-spacing: 0.015em;
}
code {
background-color: #eee;
letter-spacing: 0.015em;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
p {
line-height: 1.8em;
letter-spacing: 0.02em;
}
ol li, ul li {
letter-spacing: 0.02em;
}
::-moz-selection {
color: #fff;
background-color: #e15d5d;
}
::selection {
color: #fff;
background-color: #e15d5d;
}
#page-wrap {
position: relative;
overflow: hidden;
background-color: #fff;
z-index: 9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #FFF url("http://4.bp.blogspot.com/-
u8ZOp2KyBdo/VWcsFN545bI/AAAAAAAAFbY/fptXy6fX66k/s1600/header-top.png") repeat-
x top center;
}
.container {
width: 1170px;
position: relative;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.tb {
display: table;
width: 100%;
}
.tb-cell {
display: table-cell;
vertical-align: middle;
}
.h1, h1 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 40px;
color: #484848;
line-height: 1.4em;
letter-spacing: 0.01em;
}
.h1 a, h1 a {
color: inherit;
}
.h2, h2 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 30px;
color: #484848;
line-height: 1.4em;
letter-spacing: 0.02em;
}
.h2 a, h2 a {
color: inherit;
}
.h3, h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 22px;
color: #484848;
line-height: 1.5em;
letter-spacing: 0.01em;
}
.h3 a, h3 a {
color: inherit;
}
.h4, h4 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
color: #484848;
line-height: 1.5em;
letter-spacing: 0.01em;
}
.h4 a, h4 a {
color: inherit;
}
.h5, h5 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 14px;
color: #484848;
line-height: 1.5em;
letter-spacing: 0.01em;
}
.h5 a, h5 a {
color: inherit;
}
.h6, h6 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 12px;
color: #484848;
line-height: 1.5em;
letter-spacing: 0.01em;
}
.h6 a, h6 a {
color: inherit;
}
.pi-btn {
display: inline-block;
background: none;
box-shadow: none;
outline: none;
cursor: pointer;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: 400;
color: #535353;
border: 4px double #D8D8D8;
text-align: center;
text-transform: uppercase;
padding: 13px 22px;
}
.pi-btn:hover {
border-color: #e15d5d;
color: #e15d5d;
}
.fl {
float: left;
}
.fr {
float: right;
}
blockquote, .blockquote {
padding: 10px 20px;
margin: 0 0 20px;
}
blockquote, .blockquote {
border: 0;
font-size: 14px;
font-style: italic;
padding-left: 30px;
margin-top: 15px;
margin-bottom: 20px;
border-left: 3px solid #e15d5d;
}
blockquote cite, .blockquote cite {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-style: normal;
margin-top: 5px;
text-transform: uppercase;
text-decoration: underline;
}
abbr {
color: #A1D71A;
border-width: 2px;
}
mark, .mark {
background-color: #e15d5d;
}
.icon {
display: inline-block;
font-style: normal;
}
.autoHeight {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.text-center {
text-align: center;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main,
nav, section, summary {
display: block;
}
.section, .widget {
margin: 0;
padding: 0;
}
.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-9 {
float:left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-9 {
width:67%;
}
.col-md-6 {
width:50%;
}
.col-md-4 {
width:33.33333333%;
}
.col-md-3 {
width:33%;
}
.col-md-2 {
width:16.66666667%;
}
.clearfix::after, .dl-horizontal dd::after, .container::after, .container-
fluid::after, .row::after, .form-horizontal .form-group::after, .btn-
toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after,
.navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after,
.panel-body::after, .modal-footer::after {
clear: both;
}
.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-
horizontal dd::after, .container::before, .container::after, .container-
fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal
.form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before,
.btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-
vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before,
.navbar::after, .navbar-header::before, .navbar-header::after, .navbar-
collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-
body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
display: table;
content: " ";
}
/* Preloader
----------------------------------------------- */
#preloader {
position: fixed;
display: table;
text-align: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.85);
z-index: 999999999;
}
#preloader .page-loading .item-icon {
width: 40px;
height: 40px;
margin: auto;
opacity: .9;
border-right: 3px solid #e15d5d;
border-bottom: 3px solid transparent;
border-radius: 100%;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
50% {
-o-transform: rotate(180deg);
}
100% {
-o-transform: rotate(359deg);
}
}
/* Header
----------------------------------------------- */
.needo {
height: 58px;
}
.header {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.header .logo {
padding: 35px 20px;
}
.header .logo a {
display: inline-block !important;
margin: 0 auto;
}
.header .logo img {
}
.header.header-responsive .logo {
margin-bottom: 0;
margin-top: 52px;
}
.header.header-responsive .pi-navigation {
position: fixed;
top: 0;
bottom: auto;
border-top: 0;
}
div#topnav h2 {
display: none;
}
.pi-navigation .navlist{text-align:center}
.pi-navigation {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color: #FFF;
z-index: 9999;
height: 45px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.pi-navigation.nav-fixed {
position: fixed;
top: 0;
bottom: auto;
}
.pi-navigation .container {
height: 100%;
}
.pi-navigation1{
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color: #444;
z-index: 9999;
height: 40px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.pi-navigation1.nav-fixed {
position: fixed;
top: 0;
bottom: auto;
}
.pi-navigation1 .container {
height: 100%;
}
.pi-navigation1 .search-box {
position: absolute;
top: 50%;
right: -12px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pi-navigation1 .search-box input[type="search"] {
position: absolute;
height: 40px;
line-height: 40px;
background-color: #fff;
border: 1px solid #eee;
top: 26px;
right: 25px;
width: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-navigation1 .search-box input[type="search"].fadein {
width: 200px;
opacity: 1;
visibility: visible;
}
.pi-navigation .navlist li a {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 10px;
color: #333;
text-transform: uppercase;
line-height: 45px;
}
.pi-navigation1 .search-box .icon-search {
display: block;
position: absolute;
width: 40px;
height: 20px;
text-align: center;
cursor: pointer;
color: #aaa;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-navigation1 .search-box .icon-search .fa {
line-height: 18px;
}
.pi-navigation1 .search-box .icon-search.active, .pi-navigation .search-
box .icon-search:hover {
color: #e15d5d;
}
.pi-navigation1 .search-box .icon-search:before {
content: '';
display: block;
position: absolute;
border-left: 1px solid #999;
height: 16px;
width: 0;
margin: auto;
top: 0;
bottom: 0;
left: 0;
}
.pi-navigation1 .share-box {
position: absolute;
top: 47%;
right: 60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pi-navigation1 .share-box a {
display: inline-block;
margin: 0 5px;
color: #aaa;
}
.pi-navigation1 .share-box a:hover {
color: #e15d5d;
}
.navlist {
position: relative;
font-size: 0;
list-style: none;
padding: 0;
margin-bottom: 0;
}
.navlist > li.menu-item-has-children.item-plus > a {
position: relative;
}
.navlist > li.menu-item-has-children.item-plus > a:after,
.navlist > li > ul > li.menu-item-has-children.item-plus >
a:after {
content: '+';
display: inline-block;
margin-left: 4px;
}
.navlist > li > .sub-menu {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.navlist li {
position: relative;
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
.navlist li a {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 10px;
color: #aaa;
text-transform: uppercase;
line-height: 40px;
}
.navlist li:first-child {
margin-left: 0;
}
.navlist li .sub-menu {
position: absolute;
background-color: #fefefe;
width: 190px;
padding: 0;
list-style: none;
left: -15px;
top: 97%;
border: 1px solid #f3f3f3;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navlist li .sub-menu li {
display: block;
margin: 0;
}
.navlist li .sub-menu li a {
display: block;
padding: 0 15px;
border-bottom: 1px solid #f3f3f3;
line-height: 40px;
text-align: left;
}
.navlist > li > .sub-menu > li:last-child > a,
.navlist > li > .sub-menu > li > .sub-menu > li:last-child
> a {
border: 0;
}
.navlist li .sub-menu .sub-menu {
left: 100%;
top: -1px;
}
.navlist li.current-menu-parent > a,
.navlist li.current-menu-item > a, .navlist li:hover > a {
color: #e15d5d;
}
.navlist li:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.navlist li.megamenu {
position: static;
}
.navlist li.megamenu:after {
content: '';
display: block;
clear: both;
}
.navlist li.megamenu .sub-menu {
width: 100%;
padding: 15px;
left: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}
.navlist li.megamenu .sub-menu li {
float: left;
padding: 10px;
background: none;
}
.navlist li.megamenu .sub-menu li a {
border: 0;
line-height: 2em;
font-size: 12px;
}
.navlist li.megamenu .post {
text-align: center;
background-color: #fff;
padding: 10px 10px 20px 10px;
}
.navlist li.megamenu .post .post-media img {
width: 100%;
}
.navlist li.megamenu .post h2 {
font-size: 12px;
color: #484848;
text-transform: uppercase;
margin-top: 9px;
margin-bottom: 5px;
}
.navlist li.megamenu .post h2 a {
color: inherit;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.navlist li.megamenu .post h2 a:hover {
color: #e15d5d;
}
.navlist li.megamenu .post .post-date {
font-size: 12px;
}
.navlist li.megamenu.col-5 .sub-menu li {
width: 20%;
}
.navlist li.megamenu.col-4 .sub-menu li {
width: 25%;
}
.navlist li.megamenu.col-3 .sub-menu li {
width: 33.3333333333%;
}
.navlist li.megamenu.col-2 .sub-menu li {
width: 50%;
}
.navlist li.megamenu.col-1 .sub-menu li {
width: 100%;
}
.navlist.off-canvas {
position: fixed;
width: 250px;
top: 43px;
left: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
background-color: #f7f9f9;
-webkit-box-shadow: 0 100px 0 0 #f7f9f9;
-moz-box-shadow: 0 100px 0 0 #f7f9f9;
box-shadow: 0 100px 0 0 #f7f9f9;
z-index: 99999;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navlist.off-canvas li {
position: static;
display: block;
margin: 0;
}
.navlist.off-canvas li a {
display: block;
border-bottom: 1px solid #eee;
line-height: 42px;
padding: 0 15px;
text-align: left;
}
.navlist.off-canvas li .sub-menu {
opacity: 1;
visibility: visible;
position: absolute;
border: 0;
width: 100%;
min-height: 100%;
top: 0;
left: 0;
background-color: #f7f9f9;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.navlist.off-canvas li .sub-menu li a {
border-bottom: 1px solid #eee;
}
.navlist.off-canvas li .sub-menu.sub-menu-active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 999;
}
.navlist.off-canvas li.megamenu .sub-menu {
padding: 0 15px;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
box-shadow: 0;
}
.navlist.off-canvas li.megamenu .sub-menu li {
width: 100% !important;
float: none;
padding: 10px 0;
}
.navlist.off-canvas li.megamenu .sub-menu li a {
border: 0;
}
.navlist.off-canvas li.megamenu .sub-menu li.back-mb {
width: auto !important;
background-color: #f3f3f3;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 10px;
}
.navlist.off-canvas li.megamenu .sub-menu li.back-mb a {
font-size: 11px;
}
.navlist.off-canvas li.megamenu .sub-menu li:last-child {
padding-bottom: 30px;
}
.navlist.off-canvas li.back-mb {
background-color: rgba(0, 0, 0, 0.02);
}
.navlist.off-canvas.off-canvas-active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.navlist.off-canvas .submenu-toggle {
position: absolute;
right: 0;
width: 42px;
height: 42px;
text-align: center;
cursor: pointer;
background-color: #eff1f1;
background-color: rgba(0, 0, 0, 0.02);
border-left: 1px solid #f2f2f2;
color: #383838;
-webkit-transform: translateY(-43px);
-moz-transform: translateY(-43px);
-ms-transform: translateY(-43px);
-o-transform: translateY(-43px);
transform: translateY(-43px);
}
.navlist.off-canvas .submenu-toggle .fa {
font-size: 14px;
line-height: 42px;
}
.open-menu {
display: none;
position: absolute;
width: 50px;
height: 14px;
cursor: pointer;
margin: auto;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
}
.open-menu .item {
position: absolute;
display: block;
font-size: 0;
width: 20px;
height: 2px;
background-color: #333;
margin: auto;
left: 0;
right: 0;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.open-menu .item-1 {
top: 0;
}
.open-menu .item-2 {
top: 0;
bottom: 0;
}
.open-menu .item-3 {
bottom: 0;
}
.open-menu.toggle-active .item {
background-color: #e15d5d;
}
.close-menu {
position: absolute;
width: 50px;
height: 14px;
cursor: pointer;
margin: auto;
top: 0;
left: 0;
bottom: 0;
z-index: 99999;
display: none;
}
/* Featured Slider
----------------------------------------------- */
.owl-carousel .owl-controls {
margin-top: 0;
}
.owl-carousel .owl-wrapper, .backlinks-container {
display: none;
position: relative;
}
.owl-carousel .owl-controls .owl-buttons {
margin-top: 0;
position: absolute;
width: 100%;
left: 0;
bottom: -30px;
opacity: 0;
visibility: hidden;
z-index: 9;
-webkit-transition: all 0.3s ease 0.3s;
-moz-transition: all 0.3s ease 0.3s;
-ms-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
.owl-carousel .owl-controls .owl-buttons > div {
display: inline-block;
font-size: 14px;
color: #aaa;
overflow: hidden;
margin: 3px;
}
.owl-carousel .owl-controls .owl-buttons > div .fa {
position: relative;
height: 25px;
width: 25px;
text-align: center;
line-height: 24px;
border: 1px solid #aaa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-carousel .owl-controls .owl-buttons > div:hover .fa {
border-color: #e15d5d;
color: #e15d5d;
}
.owl-carousel .owl-controls .owl-pagination {
margin-top: 30px;
}
.owl-carousel .owl-controls .owl-pagination .owl-page {
position: relative;
}
.owl-carousel .owl-controls .owl-pagination .owl-page > span {
opacity: 1;
width: 9px;
height: 9px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px solid #1b1b1b;
margin: 3px;
background: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.owl-carousel .owl-controls .owl-pagination .owl-page.active > span {
border-color: #e15d5d;
background-color: #e15d5d;
}
.owl-carousel:hover .owl-controls .owl-buttons {
bottom: -50px;
opacity: 1;
visibility: visible;
}
.featured .widget {
margin: 0;
}
.post-slider.owl-carousel .owl-controls .owl-buttons,
.featured-slider.owl-carousel .owl-controls .owl-buttons {
position: static;
margin: 0;
padding: 0;
height: 0;
opacity: 1;
visibility: visible;
}
.post-slider.owl-carousel .owl-controls .owl-buttons > div,
.featured-slider.owl-carousel .owl-controls .owl-buttons > div {
position: absolute;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
opacity: .5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-slider.owl-carousel .owl-controls .owl-buttons > div .fa,
.featured-slider.owl-carousel .owl-controls .owl-buttons > div .fa {
border: 0;
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;
font-size: 12px;
}
.post-slider.owl-carousel .owl-controls .owl-buttons > div.owl-prev,
.featured-slider.owl-carousel .owl-controls .owl-buttons > div.owl-prev {
left: 5px;
}
.post-slider.owl-carousel .owl-controls .owl-buttons > div.owl-next,
.featured-slider.owl-carousel .owl-controls .owl-buttons > div.owl-next {
right: 5px;
}
.post-slider.owl-carousel .owl-controls .owl-pagination,
.featured-slider.owl-carousel .owl-controls .owl-pagination {
margin-top: 0;
position: absolute;
width: 100%;
left: 0;
bottom: 10px;
z-index: 9;
}
.post-slider.owl-carousel .owl-controls .owl-pagination .owl-page,
.featured-slider.owl-carousel .owl-controls .owl-pagination .owl-page {
position: relative;
}
.post-slider.owl-carousel .owl-controls .owl-pagination .owl-page > span,
.featured-slider.owl-carousel .owl-controls .owl-pagination .owl-page >
span {
border: 0;
background-color: #fff;
}
.post-slider.owl-carousel .owl-controls .owl-pagination .owl-page.active >
span,
.featured-slider.owl-carousel .owl-controls .owl-pagination .owl-page.active
> span {
border-color: #e15d5d;
background-color: #e15d5d;
}
.post-slider.owl-carousel:hover .owl-controls .owl-buttons > div,
.featured-slider.owl-carousel:hover .owl-controls .owl-buttons > div {
opacity: 1;
}
#featured {
margin: 0;
display: block;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
z-index: 9;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
backface-visibility: hidden;
}
.owl-carousel .owl-item {
float: left;
}
ul.featured-slider {
list-style: none outside none;
padding: 0;
margin: 0;
}
.featured-slider .post {
position: relative;
padding: 0;
margin: 0;
}
.featured-slider .post .post-media {
position: relative;
}
.featured-slider .post .post-media img {
width: 100%;
height: 320px;
object-fit: cover;
}
.featured-slider .post .post-media:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.featured-slider .post .post-body {
position: absolute;
top: 50%;
left: 0;
opacity: 1;
width: 100%;
z-index: 9;
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%);
padding: 15px 60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.featured-slider .post .post-body .cat {
display: block;
font-family: "Montserrat", sans-serif;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 15px;
}
.featured-slider .post .post-body .cat a {
display: inline-block;
color: #fff;
padding: 4px 8px;
border: 1px solid #fff;
margin-right: 5px;
margin-top: 5px;
}
.featured-slider .post .post-body .cat a:hover {
border-color: #e15d5d;
color: #e15d5d;
}
.featured-slider .post .post-body .post-title {
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}
.featured-slider .post .post-body .post-title h4 {
margin-bottom: 0;
}
.featured-slider .post .post-body .post-title a {
color: #fff;
}
.featured-slider .post .post-body .post-title a:hover {
color: #e15d5d;
}
.featured-slider .post .post-body .post-meta .post-date {
color: #eee;
font-size: 11px;
letter-spacing: 0.03em;
}
.featured-slider .post:hover .post-media:after {
opacity: 1;
}
.featured-slider .post:hover .post-body {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.owl-carousel .owl-controls {
margin-top: 0;
text-align: center;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.featured-slider.owl-carousel .owl-controls .owl-buttons > div .fa {
width: 38px;
height: 38px;
line-height: 38px;
}
.featured-slider.owl-carousel .owl-controls .owl-buttons > div .fa:hover {
color: #e15d5d;
}
.featured-slider.owl-carousel .owl-controls .owl-buttons > div.owl-prev {
left: 0;
}
.featured-slider.owl-carousel .owl-controls .owl-buttons > div.owl-next {
right: 0;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer;
}
/* Main content
----------------------------------------------- */
.blog-content {
background-color: #f6f6f6;
padding-bottom: 50px;
}
.blog-content .content {
margin-bottom: 30px;
}
.blog-content .content .post-wrapper:after {
content: '';
display: table;
clear: both;
}
.blog-content .post {
position: relative;
background-color: #fff;
margin-bottom: 10px;
}
.blog-content .post:after {
content: '';
display: table;
clear: both;
}
.blog-content .post .post-media {
position: relative;
overflow: hidden;
}
.blog-content .post .post-media .image-wrap {
display: block;
}
.blog-content .post .post-media img {
width: 100%;
}
}
.blog-content .post .post-body .post-title h2 a:hover {
color: #e15d5d;
}
.blog-content .post .post-body .post-entry {
margin-top: 20px;
line-height: 1.8em;
letter-spacing: 0.02em;
padding: 0 25px;
}
.blog-content .post .post-body .post-link {
display: inline-block;
margin-top: 30px;
}
.blog-content .post .post-body .post-share {
position: absolute;
display: inline-block;
min-height: 42px;
right: 30px;
bottom: 0;
padding-right: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.blog-content .post .post-body .post-share .share-toggle {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
height: 42px;
line-height: 40px;
padding: 0;
border: 0;
color: #e15d5d;
}
.blog-content .post .post-body .post-share .share {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0;
padding: 10px 0 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.blog-content .post .post-body .post-share .share a {
display: inline-block;
color: #535353;
line-height: 36px;
line-height: 5px;
border: 1px solid #ddd;
padding: 8px;
width: 34px;
text-align: center;
}
.blog-content .post .post-body .post-share .share a:hover {
color: #e15d5d;
}
.blog-content .post .post-body .post-share .share.share-active {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
opacity: 1;
visibility: visible;
}
.blog-content .post:hover .post-meta .post-format {
color: #e15d5d;
}
.blog-content .post:hover .post-cat {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.ismobile .blog-content .post .post-cat {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.blog-heading {
position: relative;
padding: 30px 0;
background-color: #f3f5f5;
border-bottom: 1px solid #eee;
z-index: 9;
}
.blog-heading h1 {
margin: 0;
font-size: 30px;
letter-spacing: 0.03em;
}
.blog-heading p {
margin: 0;
letter-spacing: 0.03em;
color: #666;
}
.post-slider .owl-controls .owl-buttons {
position: static;
margin: 0;
padding: 0;
height: 0;
opacity: 1;
visibility: visible;
}
.post-slider .owl-controls .owl-buttons > div {
position: absolute;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 9;
opacity: .8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-slider .owl-controls .owl-buttons > div .fa {
border: 0;
background-color: #fff;
color: #333;
}
.post-slider .owl-controls .owl-buttons > div.owl-prev {
left: 10px;
}
.post-slider .owl-controls .owl-buttons > div.owl-next {
right: 10px;
}
.post-slider .owl-controls .owl-pagination {
margin-top: 0;
position: absolute;
width: 100%;
left: 0;
bottom: 10px;
z-index: 9;
}
.post-slider .owl-controls .owl-pagination .owl-page {
position: relative;
}
.post-slider .owl-controls .owl-pagination .owl-page > span {
border: 0;
background-color: #fff;
}
.post-slider .owl-controls .owl-pagination .owl-page.active > span {
border-color: #e15d5d;
background-color: #e15d5d;
}
.post-slider:hover .owl-controls .owl-buttons > div {
opacity: 1;
}
margin-top: 0;
margin-bottom: 10px;
padding: 20px 30px 10px;
}
.blog-pager a {
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 14px;
color: #e15d5d;
text-transform: uppercase;
}
.blog-pager a:hover {
color: #535353;
}
.blog-standard .content {
margin-top: 50px;
}
.blog-grid .content {
margin-top: 50px;
}
.blog-grid .post-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.blog-grid .post {
margin-bottom: 30px;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125);
}
.blog-grid .post .post-meta {
top: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
}
.blog-grid .post .post-body {
padding: 15px 0px 0 0px;
margin-bottom: 8px;
margin-top: -58px;
background-color: rgba(255, 255, 255, 0.40);
}
.blog-grid .post .post-body .post-share {
right: 25px;
}
.status-msg-wrap {
font-size: 100%;
width: 100%;
background-color: #fff;
margin: 0 auto 30px;
padding: 19px;
}
.status-msg-body {
position: relative;
text-align: left;
padding: 0px;
}
.status-msg-body b {
color: #fff;
padding: 3px;
margin: 0 5px 0 0;
background-color: #E15D5D;
border-radius: 2px;
}
.status-msg-border {
display: none;
}
/* Sidebar
----------------------------------------------- */
.sidebar {
margin-top: 50px;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
#sidebar .widget {
background: #fff;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #e4e4e4;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 25px;
}
#sidebar h2 span {
border-bottom: 3px solid #e74b3c;
padding-bottom: 5px;
}
.widget {
margin-bottom: 50px;
}
.widget > h2 {
position: relative;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
color: #707070;
padding: 0 15px;
line-height: 40px;
margin-top: 0;
text-align: center;
margin-bottom: 13px;
}
.widget ul {
list-style: none;
padding: 0;
}
.widget select {
width: 100%;
}
.Label .list-label-widget-content ul li {
font-size: 14px;
color: #848484;
border-bottom: 1px solid #EDEDED;
padding: 0;
}
.Label .list-label-widget-content ul li a {
display: inline-block;
color: inherit;
padding-top: 15px;
padding-bottom: 15px;
}
.Label .list-label-widget-content ul li span {
float: right;
padding-top: 15px;
padding-bottom: 15px;
}
.Label .list-label-widget-content ul li span {
padding-top: 10px;
padding-bottom: 10px;
}
.Label .list-label-widget-content ul li > span:first-child {
float: none;
display: inline-block;
padding-top: 15px;
padding-bottom: 15px;
color: #E15D5D;
border-top: 1px dashed #E15D5D;
border-bottom: 1px dashed #E15D5D;
}
.Label .cloud-label-widget-content .label-size {
font-size: 100%;
float: left;
}
.Label .cloud-label-widget-content .label-size a {
display: inline-block;
margin: 2px;
font-family: "Montserrat",sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #888;
background-color: #FFF;
padding: 5px 8px;
letter-spacing: 0.03em;
border: 3px double #eee;
}
.Label .cloud-label-widget-content .label-size a:hover {
border-color: #E15D5D;
background-color: #E15D5D;
color: #FFF;
}
.Label .cloud-label-widget-content .label-size .label-count,
.Label .cloud-label-widget-content .label-size > span {
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #888;
background-color: #FFF;
padding: 5px 8px;
letter-spacing: 0.03em;
margin: 2px 2px 2px -5px;
}
.Label .cloud-label-widget-content .label-size > span {
margin: 2px;
border-color: #E15D5D;
background-color: #E15D5D;
color: #FFF;
}
/* Footer
----------------------------------------------- */
#footer {
background-color: #fff;
padding-top: 20px;
-moz-box-shadow: 1px -2px 3px 0px rgba(0,0,0,0.05);
-webkit-box-shadow: 1px -2px 3px 0px rgba(0,0,0,0.05);
box-shadow: 1px -2px 3px 0px rgba(0,0,0,0.05);
color: #aaa;
}
.footer h2 span {
border-bottom: 3px solid #e74b3c;
padding-bottom: 5px;
}
#footer .widget {
padding-top: 20px;
margin-bottom: 10px;
}
#footer .widget > h2 {
position: relative;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: #707070;
padding: 0 15px;
line-height: 40px;
margin-top: 0;
margin-bottom: 13px;
text-align: center;
}
#footer .widget > h2:after {
display: none;
}
#footer .widget .widget-content ul li {
font-size: 14px;
border: 0;
padding: 0;
color: #707070;
}
#footer .widget .widget-content ul li a {
padding-top: 10px;
padding-bottom: 10px;
color: inherit;
display: inline-block;
}
#footer .widget .widget-content ul li a:hover {
color: #bbb;
}
#footer .row {
margin-left: -25px;
margin-right: -25px;
}
#footer [class*="col-"] {
padding-left: 25px;
padding-right: 25px;
}
.separator a {
margin-left: 0px!important;
}
.totop {
display: none;
}
.totop-inner {
z-index: 299;
position: fixed;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.3);
font-size: 20px;
line-height: 36px;
text-align: center;
color: #FFF;
top: auto;
left: auto;
right: 30px;
bottom: 50px;
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.totop-inner:hover {
background-color: #E15D5D;
}
.copyright {
margin-top: 40px;
padding: 15px 0 12px;
background-color: #444;
font-size: 12px;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
}
.copyright p {
margin: 0;
}
.contact-form-widget input[type="search"],.contact-form-widget
input[type="text"],.contact-form-widget input[type="url"],
.contact-form-widget input[type="number"],.contact-form-widget
input[type="password"],.contact-form-widget
input[type="email"], .contact-form-widgetinput[type="file"] {
background: none;
border: 0;
background-color: #111;
height: 42px;
line-height: 42px;
padding: 0 15px;
color: #888888;
font-family: "Lato", sans-serif !important;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact-form-email-message {
background: #111;
background-color: #111;
border: 1px solid #111;
border-top: 1px solid #111;
box-sizing: border-box;
color: #333;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 13px;
margin: 0;
margin-top: 5px;
padding: 0;
vertical-align: top;
padding: 10px;
}
.contact-form-button-submit {
border: 0;
background-image: none;
background-color: none;
cursor: pointer;
font: $(body.font);
font-style: normal;
font-weight: 400;
display: block;
padding: 20px 20px;
margin-top: 12px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
float: right;
color: #b0b0b0;
font-size: 12px;
line-height: 1px;
text-transform: uppercase;
background-color: #111;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-
message:hover {
border: 1px solid #111;
border-top: 1px solid #111;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
}
.about-author .author-name h4 {
font-size: 14px;
margin-top: 0;
}
.about-author .author-info {
margin-left: 150px;
}
.about-author .author-social {
margin-left: -6px;
margin-right: -6px;
}
.about-author .author-social a {
display: inline-block;
font-size: 14px;
color: #161616;
margin: 4px 6px;
}
.about-author .author-social a:hover {
color: #e15d5d;
}
#comments {
margin-top: 40px;
background-color: #fff;
padding: 0px 20px;
display: inline-block;
width: 100%;
border-bottom-width: 0;
background: #fff;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
border-bottom: 1px solid #e4e4e4;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#comments > h4 {
color: #7B7B7B;
padding: 20px;
text-align: left;
border-bottom: 1px solid #eee;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px;
}
#comments > h4 i {
float: right;
line-height: 1.5em;
}
#comments #comment-post-message {
padding-left: 20px;
color: #7B7B7B;
}
#comments .user a {
color: #555;
font-style: normal;
font-size: 16px;
line-height: 26px;
font-weight: 400;
letter-spacing: 1px;
}
#comments .datetime,
#comments .datetime a {
color: #999;
text-decoration: none;
margin: 0 0px 0px;
font-size: 14px;
display: inline-block;
float: right;
}
.comments .comments-content .comment-content {
margin: 0 0 20px;
color: #7B7B7B;
}
#comments .datetime a {
margin:auto;
}
#comments .comment-actions a {
background-color: #E15D5D;
border: 1px solid #E15D5D;
border-radius: 2px;
color: #FFF;
font-size: 11px;
line-height: 1.2em;
padding: 3px 9px 2px;
text-transform: uppercase;
text-decoration: none;
margin-right: 10px;
}
#comments .comment-actions a:hover {
color: #fff;
background-color: #555;
border: 1px solid #555;
}
#comments .comment {
border-bottom: 1px solid #eee;
padding: 0;
}
#comments .loadmore {
margin-top: 0;
}
.comment-replies .inline-thread {
background: #F7F7F7;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-color: #ddd #ddd #ddd #E15D5D;
margin: 20px 0 20px !important;
}
#comment-editor {
height: 235px;
}
.comments .comments-content .avatar-image-container {
max-height: 76px;
width: 76px;
}
#comments .comments-content .avatar-image-container img {
max-width: 76px;
border: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.comments .comment-block {
margin-left: 98px;
}
span.icon.user.blog-author:after {
background-color: #999;
color: #eee;
padding: 2px 5px;
border-radius: 3px;
font-weight: normal;
font-size: 13px;
content: "Admin";
display: inline-block;
}
.thread-toggle {
display: block !important;
}
.thread-toggle.thread-expanded {
border-bottom: 1px solid #ddd;
width: 100%;
padding: 0px 0 10px;
margin-bottom: 10px;
}
.comments .thread-toggle .thread-arrow {
margin: 0px 10px 1px 0;
}
#comments .thread-chrome .comment {
border-bottom-color: #ddd !important;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: left;
height: 75px;
margin: 8px 5px 0px 5px;
width: 75px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
#blog-pager {
margin: 20px 0;
}
.showpageArea {
display: inline-block;
padding: 0 10px;
position: relative;
z-index: 2;
}
.showpageArea span {
margin-bottom: 10px;
}
.blog-feeds {
display: none;
}
.divider {
position: relative;
z-index: 1;
margin: -60px 0 98px;
text-align: center;
border-bottom: 3px solid rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0.05);
height: 6px;
}
.showpageOf {
display: none;
}
.showpagePoint {
font-weight: bold;
text-decoration: none;
display: inline-block;
background: #fff;
color: #919394;
border: 1px solid #d1d7dc;
line-height: 1;
padding: 10px 14px;
margin: 3px 4px;
transition: all 0.3s ease;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.showpageNum a {
font-weight: bold;
text-decoration: none;
display: inline-block;
background: #fff;
color: #919394;
border: 1px solid #d1d7dc;
line-height: 1;
padding: 10px 14px;
margin: 3px 4px;
transition: all 0.3s ease;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.showpage a {
font-weight: bold;
text-decoration: none;
display: inline-block;
background: #fff;
color: #919394;
border: 1px solid #d1d7dc;
line-height: 1;
padding: 10px 14px;
margin: 3px 4px;
transition: all 0.3s ease;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.showpage a:hover, .showpageNum a:hover {
border-color: #a4a4a4;;
}
.home-link, .blog-pager-older-link, .blog-pager-newer-link {
padding: 5px;
overflow: hidden;
background: none repeat scroll 0% 0% #000;
color: #fff;
z-index: 5;
position: relative;
}
.postfooter {
padding: 20px;
font-size: 18px;
background: #F7F8F9;
padding-top: 0px;
}
.traingle {
content: '';
position: relative;
z-index: 7;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 0;
margin-top: -19px;
border-style: solid;
border-width: 0 0 20px 250px;
float: right;
margin-bottom: -1px;
border-color: transparent transparent #F7F8F9 transparent;
}
.postfooter .read {
position: relative;
z-index: 9;
float: right;
font-size: 12px;
padding: 10px 26px;
padding-left: 32px;
color: #F2F2F2;
margin-top: 5px;
background: #555657;
/* background: #DB3D3E; */
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
letter-spacing: 1px;
font-family: Arial, sans-serif;
margin-right: -29px;
border-right: 8px solid rgba(0,0,0,.15);
border-radius: 0 3px 0 0;
-webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-o-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.postfooter .read:hover {
margin-right: -27px;
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(-32deg)
rotateZ(0deg);
-moz-transform: perspective(120px) rotateX(0deg) rotateY(-32deg)
rotateZ(0deg);
-o-transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
-ms-transform: perspective(120px) rotateX(0deg) rotateY(-32deg)
rotateZ(0deg);
transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
}
.postfooter .read:before {
content: '';
position: absolute;
margin-left: -33px;
margin-top: -14px;
width: 0;
height: 0;
border-style: solid;
border-width: 44px 0 0 15px;
border-color: transparent transparent transparent #F7F8F9;
}
.postfooter .read:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
margin-right: -7px;
margin-bottom: -12px;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 8px 0 0;
border-color: #AFAFAF transparent transparent transparent;
}
.postfooter .read:hover {
opacity: .6;
}
.socialpost .icons {
display: inline-block;
padding-top: 4px;
}
.socialpost a .texts {
width: 62px;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: absolute;
text-align: center;
margin-left: -47px;
margin-top: -35px;
font-size: 12px;
background: #E1382D;
border-radius: 2px;
color: #FFFFFF;
opacity: 0;
}
.linker a {
color: #FFFFFF;
}
.linker .buttonlightbox {
border: 1px solid #E7E7E7;
line-height: 14px;
margin-right: 10px;
font-family: Verdana, Arial, sans-serif;
text-transform: capitalize;
border-radius: 70px;
float: right;
top: 8px;
right: 72px;
padding: 2px;
width: 28px;
height: 28px;
padding: 6px;
background: #FEFEFE;
color: #656565;
text-align: center;
}
.linker .buttonlightbox:hover {
background: #F2F2F2;
color: #989898;
}
.linker .forwards {
float: right;
padding: 0 5px;
padding-left: 8px;
background: #E1382D;
color: #FFFFFF;
border-radius: 100%;
line-height: 28px;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
width: 28px;
}
.linker .forwards a:hover {
opacity: .7;
color: #FFFFFF;
}
.linker .mcate {
color: #BFBFBF;
border: 1px solid #E7E7E7;
line-height: 16px;
margin-right: 10px;
font-family: Verdana, Arial, sans-serif;
text-transform: capitalize;
border-radius: 70px;
float: right;
top: 8px;
right: 36px;
padding: 2px;
width: 28px;
height: 28px;
padding: 5px;
background: #FEFEFE;
}
.linker .mcate img {
width: 24px;
height: 24px;
opacity: .55;
}
.linker .mcate a {
color: #DFDFDF;
}
.linker .mcate .catepopup {
position: absolute;
z-index: 99;
background: #FFFFFF;
color: #C5C5C5;
border: 1px solid #EAEAEA;
padding: 4px 15px;
border-radius: 3px;
top: 9px;
opacity: 0;
width: 0px;
right: 34px;
overflow: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.linker .mcate:hover .catepopup {
opacity: 1;
width: auto;
right: 78px;
}
.edit {
}
.edit .icon-comment-alt2 {
color: #FFFFFF;
}
.colorlinks {
color: #E1382D;
}
.socialpost a i {
color: #a0a0a0 !important;
}
.socialpost i {
margin-right: 12px;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
opacity: .8;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
.postfooter .read:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
margin-right: -7px;
margin-bottom: -12px;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 8px 0 0;
border-color: #AFAFAF transparent transparent transparent;
}
.socialpost {
line-height: 28px;
color: #000000;
float: left;
margin-top: 4px;
}
.linker i.fa.fa-comment {
margin-right: 5px;
color: #aaa;
}
/* Responsive
----------------------------------------------- */
@media only screen and (min-width:992px) and (max-width:1199px) {
.container {
width: 970px;
}
.blog-content .col-md-9 {
width: 69.8%;
}
.blog-content .col-md-3 {
width: 30.2%;
}
}
@media only screen and (max-width:991px) {
.blog-content .col-md-9, .blog-content .col-md-3, #footer
[class*="col-"] {
width: 100%;
}
.post-inner {
margin-left: 70px !important;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.container {
width: 750px;
}
.col-md-4 {
width: 50%;
}
}
@media only screen and (max-width:767px) {
.container {
width: 100%;
}
.col-md-4 {
width: 50%;
}
.post-inner {
margin-left: 0 !important;
}
.item .blog-content .post .post-meta,
.static_page .blog-content .post .post-meta {
position: relative;
left: 0px !important;
transform: none !important;
display: inline-block;
width: 100%;
text-align: center;
background-color: #F7F9F9;
padding-bottom: 20px;
}
.item .post-meta .post-date,
.static_page .post-meta .post-date,
.item .post-meta .post-comment,
.static_page .post-meta .post-comment
{
display: inline-block;
margin: 0 auto;
vertical-align: top;
}
.item .post-meta .post-comment .fa,
.static_page .post-meta .post-comment .fa {
padding: 8px 0 !important;
}
.item .post-meta,
.static_page .post-meta {
}
#footer [class*="col-"] {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width:660px) {
.col-md-6 {
width: 100%;
}
.col-md-4 {
width: 100%;
}
div#topnav {
display: none;
}
}
@media only screen and (max-width:491px) {
.col-md-4 {
width: 100%;
}
div#topnav {
display: none;
}
}
.share a {
display: inline-block;
margin: -7px 1px;
color: #535353;
}
</style>
.sidebar {
display: none;
}
.col-md-9 {
width: 100%;
}
.image-wrap .mask {
width: 600px;
height: 303px;
background: rgba(255, 255, 255, .1);
display: inline-block;
position: absolute;
right: 350px;
top: 0;
-moz-transform: skew(-45deg);
-webkit-transform: skew(-45deg);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(http://3.bp.blogspot.com/-th8ud8cTu-
A/VZEJtPqU86I/AAAAAAAAF98/OCCrKEzh73E/s1600/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(ttp://3.bp.blogspot.com/-okEcm3h39X4/VZEKPmAR6QI/AAAAAAAAF-
M/bUxvlD5I7gI/s1600/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(http://1.bp.blogspot.com/-i1eHHBrnFNs/VZEKNyEdhpI/AAAAAAAAF-
E/OpFoVgeuG44/s1600/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't
support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading div {
background-image: url(fancybox_loading@2x.gif);
background-size: 24px 24px; /*The size of the normal image, half the
size of the hi-res image*/
}
}
a.fancybox i{
color: #aaa;
}
</style>
</b:if>
var
_0xefcf=["\x50\x20\x31\x61\x28\x65\x29\x7B\x71\x2E\x78\x28\x27\x3C\x54\x20\x6B\x3D\
x22\x27\x2B\x49\x2B\x27\x22\x3E\x27\x29\x3B\x56\x28\x79\x20\x74\x3D\x30\x3B\x74\x3C
\x32\x31\x3B\x74\x2B\x2B\x29\x7B\x79\x20\x72\x2C\x69\x3D\x65\x2E\x31\x34\x2E\x4E\x5
B\x74\x5D\x2C\x6E\x3D\x69\x2E\x43\x2E\x24\x74\x2C\x6C\x3D\x69\x2E\x32\x30\x5B\x30\x
5D\x2E\x31\x5A\x3B\x46\x28\x74\x3D\x3D\x65\x2E\x31\x34\x2E\x4E\x2E\x4C\x29\x4D\x3B\
x56\x28\x79\x20\x6F\x3D\x30\x3B\x6F\x3C\x69\x2E\x48\x2E\x4C\x3B\x6F\x2B\x2B\x29\x46
\x28\x22\x31\x54\x22\x3D\x3D\x69\x2E\x48\x5B\x6F\x5D\x2E\x31\x52\x29\x7B\x72\x3D\x6
9\x2E\x48\x5B\x6F\x5D\x2E\x7A\x3B\x4D\x7D\x79\x20\x75\x3B\x31\x4F\x7B\x75\x3D\x69\x
2E\x58\x24\x31\x4D\x2E\x31\x49\x7D\x31\x79\x28\x70\x29\x7B\x73\x3D\x69\x2E\x31\x78\
x2E\x24\x74\x2C\x61\x3D\x73\x2E\x45\x28\x22\x3C\x4F\x22\x29\x2C\x62\x3D\x73\x2E\x45
\x28\x27\x51\x3D\x22\x27\x2C\x61\x29\x2C\x63\x3D\x73\x2E\x45\x28\x27\x22\x27\x2C\x6
2\x2B\x35\x29\x2C\x64\x3D\x73\x2E\x31\x77\x28\x62\x2B\x35\x2C\x63\x2D\x62\x2D\x35\x
29\x2C\x75\x3D\x2D\x31\x21\x3D\x61\x26\x26\x2D\x31\x21\x3D\x62\x26\x26\x2D\x31\x21\
x3D\x63\x26\x26\x22\x22\x21\x3D\x64\x3F\x64\x3A\x22\x44\x3A\x2F\x2F\x31\x2E\x31\x74
\x2E\x31\x65\x2E\x4A\x2F\x2D\x31\x64\x2F\x31\x63\x2F\x31\x62\x2F\x31\x39\x2F\x31\x3
8\x2D\x63\x2F\x31\x37\x2E\x31\x7A\x22\x7D\x79\x20\x6D\x3D\x69\x2E\x31\x36\x2E\x24\x
74\x2C\x76\x3D\x6D\x2E\x4B\x28\x30\x2C\x34\x29\x2C\x67\x3D\x6D\x2E\x4B\x28\x35\x2C\
x37\x29\x2C\x68\x3D\x6D\x2E\x4B\x28\x38\x2C\x31\x30\x29\x2C\x66\x3D\x31\x66\x20\x31
\x67\x3B\x66\x5B\x31\x5D\x3D\x22\x31\x68\x22\x2C\x66\x5B\x32\x5D\x3D\x22\x31\x69\x2
2\x2C\x66\x5B\x33\x5D\x3D\x22\x31\x6A\x22\x2C\x66\x5B\x34\x5D\x3D\x22\x31\x6B\x22\x
2C\x66\x5B\x35\x5D\x3D\x22\x31\x6C\x22\x2C\x66\x5B\x36\x5D\x3D\x22\x31\x6D\x22\x2C\
x66\x5B\x37\x5D\x3D\x22\x31\x6E\x22\x2C\x66\x5B\x38\x5D\x3D\x22\x31\x6F\x22\x2C\x66
\x5B\x39\x5D\x3D\x22\x31\x70\x22\x2C\x66\x5B\x31\x30\x5D\x3D\x22\x31\x71\x22\x2C\x6
6\x5B\x31\x31\x5D\x3D\x22\x31\x72\x22\x2C\x66\x5B\x31\x32\x5D\x3D\x22\x31\x73\x22\x
3B\x79\x20\x41\x3D\x66\x5B\x31\x75\x28\x67\x2C\x31\x30\x29\x5D\x2B\x22\x20\x22\x2B\
x68\x2B\x22\x2C\x20\x22\x2B\x76\x3B\x71\x2E\x78\x28\x31\x76\x2B\x22\x3C\x22\x2B\x55
\x2B\x27\x20\x6B\x3D\x22\x77\x22\x3E\x27\x29\x2C\x71\x2E\x78\x28\x27\x3C\x6A\x20\x6
B\x3D\x22\x77\x2D\x58\x22\x3E\x3C\x6A\x20\x6B\x3D\x22\x31\x35\x2D\x31\x41\x22\x3E\x
3C\x4F\x20\x51\x3D\x22\x27\x2B\x75\x2E\x31\x42\x28\x22\x2F\x31\x43\x2D\x63\x2F\x22\
x2C\x22\x2F\x31\x44\x2D\x70\x2F\x22\x29\x2B\x27\x22\x20\x31\x45\x3D\x22\x27\x2B\x6E
\x2B\x27\x22\x2F\x3E\x3C\x2F\x6A\x3E\x3C\x2F\x6A\x3E\x3C\x6A\x20\x6B\x3D\x22\x77\x2
D\x31\x46\x22\x3E\x27\x29\x2C\x22\x31\x47\x2D\x31\x48\x22\x3D\x3D\x49\x26\x26\x71\x
2E\x78\x28\x27\x3C\x42\x20\x6B\x3D\x22\x31\x4A\x22\x3E\x3C\x61\x20\x7A\x3D\x22\x2F\
x31\x4B\x2F\x31\x4C\x2F\x27\x2B\x6C\x2B\x27\x22\x3E\x27\x2B\x6C\x2B\x27\x3C\x2F\x61
\x3E\x3C\x2F\x42\x3E\x3C\x6A\x20\x6B\x3D\x22\x77\x2D\x43\x22\x3E\x3C\x59\x3E\x3C\x6
1\x20\x7A\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x27\x2B\x6E\x2B\x27\x3C\x2F\x61\x3E\x
3C\x2F\x59\x3E\x3C\x2F\x6A\x3E\x3C\x6A\x20\x6B\x3D\x22\x77\x2D\x31\x4E\x22\x3E\x3C\
x42\x20\x6B\x3D\x22\x77\x2D\x57\x22\x3E\x27\x2B\x41\x2B\x22\x3C\x2F\x42\x3E\x3C\x2F
\x6A\x3E\x3C\x2F\x6A\x3E\x22\x29\x2C\x22\x31\x50\x2D\x31\x51\x22\x3D\x3D\x49\x26\x2
6\x71\x2E\x78\x28\x27\x3C\x6A\x20\x6B\x3D\x22\x77\x2D\x43\x22\x3E\x3C\x53\x3E\x3C\x
61\x20\x7A\x3D\x22\x27\x2B\x72\x2B\x27\x22\x3E\x27\x2B\x6E\x2B\x27\x3C\x2F\x61\x3E\
x3C\x2F\x53\x3E\x3C\x2F\x6A\x3E\x3C\x42\x20\x6B\x3D\x22\x77\x2D\x57\x22\x3E\x27\x2B
\x41\x2B\x22\x3C\x2F\x42\x3E\x3C\x2F\x6A\x3E\x22\x29\x2C\x71\x2E\x78\x28\x22\x3C\x2
F\x22\x2B\x55\x2B\x22\x3E\x22\x2B\x31\x53\x29\x7D\x71\x2E\x78\x28\x22\x3C\x2F\x54\x
3E\x22\x29\x7D\x3B\x52\x2E\x31\x55\x3D\x50\x28\x29\x7B\x79\x20\x65\x3D\x71\x2E\x31\
x56\x28\x22\x31\x57\x22\x29\x3B\x46\x28\x65\x3D\x3D\x31\x58\x29\x7B\x52\x2E\x31\x59
\x2E\x7A\x3D\x22\x44\x3A\x2F\x2F\x31\x33\x2E\x5A\x2E\x4A\x2F\x22\x7D\x65\x2E\x47\x2
8\x22\x7A\x22\x2C\x22\x44\x3A\x2F\x2F\x31\x33\x2E\x5A\x2E\x4A\x2F\x22\x29\x3B\x65\x
2E\x47\x28\x22\x32\x32\x22\x2C\x22\x32\x33\x22\x29\x3B\x65\x2E\x47\x28\x22\x43\x22\
x2C\x22\x32\x34\x20\x32\x35\x20\x32\x36\x22\x29\x3B\x65\x2E\x32\x37\x3D\x22\x32\x38
\x22\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x
7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x7C\x64\x69\x76\x7C\x63\x6C\x61\x73\x73\x7C\x7C\x7C\
x7C\x7C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x7C\x7C\x7C\x7C\x7C\x70\x6F\x73\x74
\x7C\x77\x72\x69\x74\x65\x7C\x76\x61\x72\x7C\x68\x72\x65\x66\x7C\x7C\x73\x70\x61\x6
E\x7C\x74\x69\x74\x6C\x65\x7C\x68\x74\x74\x70\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x
69\x66\x7C\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65\x7C\x6C\x69\x6E\x6B\x7C\
x6F\x75\x74\x65\x72\x63\x6C\x61\x73\x73\x7C\x63\x6F\x6D\x7C\x73\x75\x62\x73\x74\x72
\x69\x6E\x67\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x62\x72\x65\x61\x6B\x7C\x65\x6E\x74\x7
2\x79\x7C\x69\x6D\x67\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x73\x72\x63\x7C\x77\x
69\x6E\x64\x6F\x77\x7C\x68\x32\x7C\x75\x6C\x7C\x69\x6E\x74\x61\x67\x7C\x66\x6F\x72\
x7C\x64\x61\x74\x65\x7C\x6D\x65\x64\x69\x61\x7C\x68\x34\x7C\x74\x68\x65\x6D\x65\x78
\x70\x6F\x73\x65\x7C\x7C\x7C\x7C\x77\x77\x77\x7C\x66\x65\x65\x64\x7C\x69\x6D\x61\x6
7\x65\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x67\x72\x65\x79\x7C\x73\x35\x30\x
30\x7C\x66\x62\x63\x68\x41\x52\x6A\x4B\x49\x44\x67\x7C\x6C\x61\x62\x65\x6C\x74\x68\
x75\x6D\x62\x73\x7C\x41\x41\x41\x41\x41\x41\x41\x41\x41\x41\x41\x7C\x55\x6F\x59\x33
\x33\x4A\x30\x44\x70\x39\x49\x7C\x70\x6D\x74\x6D\x43\x6C\x38\x45\x62\x54\x49\x7C\x6
2\x6C\x6F\x67\x73\x70\x6F\x74\x7C\x6E\x65\x77\x7C\x41\x72\x72\x61\x79\x7C\x4A\x61\x
6E\x75\x61\x72\x79\x7C\x46\x65\x62\x72\x75\x61\x72\x79\x7C\x4D\x61\x72\x63\x68\x7C\
x41\x70\x72\x69\x6C\x7C\x4D\x61\x79\x7C\x4A\x75\x6E\x65\x7C\x4A\x75\x6C\x79\x7C\x41
\x75\x67\x75\x73\x74\x7C\x53\x65\x70\x74\x65\x6D\x62\x65\x72\x7C\x4F\x63\x74\x6F\x6
2\x65\x72\x7C\x4E\x6F\x76\x65\x6D\x62\x65\x72\x7C\x44\x65\x63\x65\x6D\x62\x65\x72\x
7C\x62\x70\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x73\x74\x61\x72\x74\x74\x61\x67\
x7C\x73\x75\x62\x73\x74\x72\x7C\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x63\x61\x74\x63\x68
\x7C\x67\x69\x66\x7C\x77\x72\x61\x70\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x73\x37\x3
2\x7C\x73\x34\x30\x30\x7C\x61\x6C\x74\x7C\x62\x6F\x64\x79\x7C\x66\x65\x61\x74\x75\x
72\x65\x64\x7C\x73\x6C\x69\x64\x65\x72\x7C\x75\x72\x6C\x7C\x63\x61\x74\x7C\x73\x65\
x61\x72\x63\x68\x7C\x6C\x61\x62\x65\x6C\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C
\x6D\x65\x74\x61\x7C\x74\x72\x79\x7C\x73\x75\x62\x7C\x6D\x65\x6E\x75\x7C\x72\x65\x6
C\x7C\x65\x6E\x64\x74\x61\x67\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x6F\x6E\x
6C\x6F\x61\x64\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x6D\
x79\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x6E\x75\x6C\x6C\x7C\x6C\x6F\x63\x61\x74\x69\x6F
\x6E\x7C\x74\x65\x72\x6D\x7C\x63\x61\x74\x65\x67\x6F\x72\x79\x7C\x6E\x75\x6D\x70\x6
F\x73\x74\x73\x7C\x72\x65\x66\x7C\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x7C\x46\x72\x65\x
65\x7C\x42\x6C\x6F\x67\x67\x65\x72\x7C\x54\x65\x6D\x70\x6C\x61\x74\x65\x73\x7C\x69\
x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x54\x68\x65\x6D\x65\x58\x70\x6F\x73\x65","","\x
66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5
C\x77\x2B","\x5C\x62","\x67"];eval(function(_0x4afdx1,_0x4afdx2,_0x4afdx3,_0x4afdx4
,_0x4afdx5,_0x4afdx6){_0x4afdx5=function(_0x4afdx3){return (_0x4afdx3<_0x4afdx2?
_0xefcf[4]:_0x4afdx5(parseInt(_0x4afdx3/_0x4afdx2)))+
((_0x4afdx3=_0x4afdx3%_0x4afdx2)>35?String[_0xefcf[5]]
(_0x4afdx3+29):_0x4afdx3.toString(36))};if(!_0xefcf[4][_0xefcf[6]](/^/,String))
{while(_0x4afdx3--){_0x4afdx6[_0x4afdx5(_0x4afdx3)]=_0x4afdx4[_0x4afdx3]||
_0x4afdx5(_0x4afdx3)};_0x4afdx4=[function(_0x4afdx5){return
_0x4afdx6[_0x4afdx5]}];_0x4afdx5=function(){return
_0xefcf[7]};_0x4afdx3=1;};while(_0x4afdx3--){if(_0x4afdx4[_0x4afdx3])
{_0x4afdx1=_0x4afdx1[_0xefcf[6]]( new
RegExp(_0xefcf[8]+_0x4afdx5(_0x4afdx3)+_0xefcf[8],_0xefcf[9]),_0x4afdx4[_0x4afdx3])
}};return _0x4afdx1;}(_0xefcf[0],62,133,_0xefcf[3][_0xefcf[2]](_0xefcf[1]),0,{}));
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c
%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String))
{while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function()
{return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)
+'\\b','g'),k[c]);return p}('g E(e){h a=e.o,t=a.16[0].T;i.l(\'<d c="m-O"><a
j="/13/14/\'+t+\'">\'+t+"</a></d>")};g 15(s){h a=s.o,n=a.y.
$t,t=n.f(0,4),e=n.f(5,7),r=n.f(8,10),p=z
A;p[1]="B",p[2]="C",p[3]="D",p[4]="1f",p[5]="F",p[6]="G",p[7]="H",p[8]="I",p[9]="J"
,p[10]="K",p[11]="L",p[12]="M",i.l(\'<d c="m-N"><b c="P">\'+t+\'</b><b
c="Q">\'+p[R(e,10)]+\'</b><b c="S">\'+r+"</b></d>")};q.U=g(){h e=i.V("W");X(e==Y)
{q.Z.j="u://v.w.x/"}e.k("j","u://v.w.x/");e.k("18","19");e.k("1a","1b 1c
1d");e.1e="17"}',62,78,'|||||||||||span|class|div||substring|function|var|document|
href|setAttribute|write|post||entry||window||||http|www|themexpose|com|published|
new|Array|Jan|Feb|Mar|labelset|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|date|cat|year|month|
parseInt|day|term|onload|getElementById|mycontent|if|null|location||||search|label|
metaset|category|ThemeXpose|ref|dofollow|title|Free|Blogger|Templates|innerHTML|
Apr'.split('|'),0,{}))
function relatedposts(e) {
for (var t = 0; t < e.feed.entry.length; t++) {
var n = e.feed.entry[t];
relatedTitles[relatedTitlesNum] = n.title.$t;
try {
thumburl[relatedTitlesNum] = n.media$thumbnail.url
} catch (r) {
s = n.content.$t;
a = s.indexOf("<img");
b = s.indexOf('src="', a);
c = s.indexOf('"', b + 5);
d = s.substr(b + 5, c - b - 5);
if (a != -1 && b != -1 && c != -1 && d != "") {
thumburl[relatedTitlesNum] = d
} else {
if (typeof defaultnoimage !== "undefined")
thumburl[relatedTitlesNum] = defaultnoimage;
else thumburl[relatedTitlesNum] = "http://2.bp.blogspot.com/-
mmjt8mh87bQ/VQ6ltMr8GxI/AAAAAAAAEfo/93SmjxkwmO0/s500-c/no-image-found.jpg"
}
}
if (relatedTitles[relatedTitlesNum].length > 60)
relatedTitles[relatedTitlesNum] = relatedTitles[relatedTitlesNum].substring(0, 60)
+ "...";
for (var i = 0; i < n.link.length; i++) {
if (n.link[i].rel == "alternate") {
relatedUrls[relatedTitlesNum] = n.link[i].href;
relatedTitlesNum++
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var e = new Array(0);
var t = new Array(0);
var n = new Array(0);
for (var r = 0; r < relatedUrls.length; r++) {
if (!contains_thumbs(e, relatedUrls[r])) {
e.length += 1;
e[e.length - 1] = relatedUrls[r];
t.length += 1;
n.length += 1;
t[t.length - 1] = relatedTitles[r];
n[n.length - 1] = thumburl[r]
}
}
relatedTitles = t;
relatedUrls = e;
thumburl = n
}
function contains_thumbs(e, t) {
for (var n = 0; n < e.length; n++)
if (e[n] == t) return true;
return false
}
function printRelatedLabels_thumbs(e) {
var t;
if (typeof splittercolor !== "undefined") t = splittercolor;
else t = "";
for (var n = 0; n < relatedUrls.length; n++) {
if (relatedUrls[n] == e || !relatedTitles[n]) {
relatedUrls.splice(n, 1);
relatedTitles.splice(n, 1);
thumburl.splice(n, 1);
n--
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var n = 0;
if (relatedTitles.length > 0) document.write('<h4>' + relatedpoststitle +
'</h4>');
document.write('<ul class="row">');
while (n < relatedTitles.length && n < 20 && n < maxresults) {
document.write('<li class="col-md-4"><div class="related-post-
item"><div class="post-media"><div class="image-wrap"><img src="' +
thumburl[r].replace("/s72-c/", "/s210-p/") + '" alt="' + relatedTitles[r] +
'"></div></div><div class="post-body"><div class="post-title"><h2><a');
if (n != 0) document.write("");
else document.write('');
document.write(' href="' + relatedUrls[r] + '">' + relatedTitles[r] +
'</a></h2></div></div></div></li>');
n++;
if (r < relatedTitles.length - 1) {
r++
} else {
r = 0
}
}
document.write("</ul>");
relatedUrls.splice(0, relatedUrls.length);
thumburl.splice(0, thumburl.length);
relatedTitles.splice(0, relatedTitles.length)
}
var relatedTitles = new Array;
var relatedTitlesNum = 0;
var relatedUrls = new Array;
var thumburl = new Array
//]]>
</script>
<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>
</head>
<body>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a
expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='search-box'>
<span class='icon-search'>
<i class='fa fa-search'/>
</span>
<form action='/search' method='get'>
<input name='q' type='search' value='Search and hit enter'/>
</form>
</div>
<div class='share-box'>
<a class='social-facebook' href='#' target='_blank'><i class='fa fa-facebook'/></a>
<a class='social-twitter' href='#' target='_blank'><i class='fa fa-twitter'/></a>
<a class='social-gplus' href='#' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='social-linkedin' href='#' target='_blank'><i class='fa fa-linkedin'/></a>
<a class='social-pinterest' href='#' target='_blank'><i class='fa fa-
pinterest'/></a>
<a class='social-youtube' href='#' target='_blank'><i class='fa fa-youtube'/></a>
<a class='social-vimeo' href='#' target='_blank'><i class='fa fa-vimeo-
square'/></a>
<a class='social-instagram' href='#' target='_blank'><i class='fa fa-
instagram'/></a>
</div>
</div>
</div>
<!-- END / NAVIGATION -->
<!-- HEADER -->
<header class='header' id='header'>
<div class='container'>
<!-- LOGO -->
<div class='logo text-center'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Saturnus (Header)'
type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-S-
L6825iSoY/WPNGftOZqRI/AAAAAAAAAE4/hQcw6EVdmk0nxqqSEvJaQ-
vXgbUBB4w2wCK4B/s1600/blog2.png</b:widget-setting>
<b:widget-setting name='displayHeight'>150</b:widget-setting>
<b:widget-setting name='sectionWidth'>300</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-
setting>
<b:widget-setting name='displayWidth'>283</b:widget-setting>
</b:widget-settings>
<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/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display:
block'>
<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement ==
"BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- END / LOGO -->
</div>
</header>
<div class='open-menu'>
<span class='item item-1'/>
<span class='item item-2'/>
<span class='item item-3'/>
</div>
<div class='close-menu'/>
<ul class='navlist'>
<li><a href='/'>Home</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.com/search/label/Mathematics'>Mathematics</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/Ecomomy'>Economy</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/Citizenship-education'>Citizenship
education</a></li>
<li><a href='#'>News</a>
<ul class='sub-menu'>
<li><a href='http://mathematician-
saturnus.blogspot.com/search/label/News-Tech'>Technology</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.com/search/label/News-Politics'>Politics</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/News-Economy'>Economy</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/Criminality'>Criminality</a></li>
</ul>
</li>
<li><a href='#'>Tips</a>
<ul class='sub-menu'>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/Life-Style'>Life Style</a></li>
<li><a href='http://mathematician-
saturnus.blogspot.co.id/search/label/Survival'>Survival</a></li>
</ul>
</li>
<li class='megamenu col-5'><a href='#'>Peta Blog</a>
<script class='java' type='text/javascript'>//<![CDATA[
var numposts = 5;
var outerclass = "sub-menu";
var starttag = "<li>";
var endtag = "</li>";
var intag = "div";
//]]>
</script>
<script class='java' src='/feeds/posts/default?alt=json-in-
script&callback=labelthumbs' type='text/javascript'/>
</li>
<li><a href='#'>Forum</a></li>
</ul>
</div>
</nav>
<script type='text/javascript'>
var numposts = 6;
var outerclass = "featured-slider";
var starttag = "";
var endtag = "";
var intag = 'li';
</script>
<script>
document.write("<script src=\"/feeds/posts/default/-/featured?max-
results="+numposts+"&orderby=published&alt=json-in-
script&callback=labelthumbs\"><\/script>");
</script>
</div>
<!-- END / FEATURED -->
</b:if>
<div class='container'>
<div class='row'>
<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='about-author'>
<div class='about-author'>
<div class='image-thumb fl'>
<script src='/feeds/posts/default?alt=json-in-
script&callback=authorshow'/>
</div>
<div class='author-info'>
<div class='author-name'>
<h4 class='text-uppercase'><data:post.author/></h4>
</div>
<div class='author-content'>
<p>Jangan Pernah Berfikir Untuk Berhenti,Ingatlah
Alasan Kamu Memulainya</p>
</div>
<div class='author-social'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i class='fa fa-dribbble'/></a>
<a href='#'><i class='fa fa-google-plus'/></a>
</div>
</div>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " +
data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink'
name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-
author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-
timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-
editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc'
id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-
colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-
editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc'
id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-
colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-
editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " +
data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete'
expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-
count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick'
expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>: <i class='fa fa-
comments-o'/></h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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>
<script class='java' type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('.comments .comments-content .avatar-image-container
img').each(function(){
this.src = this.src.replace('/s35-c/', '/s80-c/');
});
$('.comments .comments-content .avatar-image-container
img').each(function(){
this.src = this.src.replace('/s35/', '/s80-c/');
});
});
//]]>
</script>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!--
Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and
data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url'
expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc'
type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-
href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm ==
"false"'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'
itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if
cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType !=
"static_page" and data:post.allowComments
and data:post.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-
link'>
<a class='blog-pager-newer-link'
expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-
newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-
link'>
<a class='blog-pager-older-link'
expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-
older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-desktop-link'>
<a class='home-link'
expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-
header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a
expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url
!= data:post.url'/>
<a
expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author'
itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta
expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl'
rel='author' title='author profile'>
<span
itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author'
itemscope='itemscope' itemtype='http://schema.org/Person'>
<span
itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl'
itemprop='url'/>
<a class='timestamp-link'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published' expr:title='data:post.timestampISO8601'
itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in
{"item","static_page"} and
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link'
expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-
newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link'
expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-
older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a
expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost'
itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl'
itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<div class='image-wrap'>
<div class='mask'/>
<img expr:alt='data:post.title'
expr:src='data:post.thumbnailUrl'/>
<script class='java'
expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-
script&callback=labelset"' type='text/javascript'/>
</div>
<div class='post-meta'>
<script class='java'
expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-
script&callback=metaset"' type='text/javascript'/>
<div class='post-comment'>
<i class='fa fa-comment'/>
<a expr:href='data:post.url +
"#comments"'><data:post.numComments/></a>
</div>
</div>
<div class='post-body'>
<div class='post-author'>
<div class='image-thumb'>
<img alt='Post Author'
expr:src='data:post.authorPhoto.url'/>
</div>
<div class='name-author'>
<cite><data:post.author/></cite>
</div>
</div>
<div class='post-title'>
<h2><a
expr:href='data:post.url'><data:post.title/></a></h2>
</div>
<div class='post-entry'>
<p><data:post.snippet/></p>
</div>
<div class='traingle'/>
<div class='postfooter clearfix'>
<div class='socialpost'>
<div class='forwards'>
<a expr:href='data:post.url'><i class='fa fa-
share'/></a>
</div>
<!-- edit link -->
<div class='buttonlightbox'>
<a class='fancybox'
expr:href='data:post.firstImageUrl'><i class='fa fa-search'/></a>
</div>
</div>
</div>
</b:if>
</b:if>
<div style='clear: both;'/>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='about-author'/>
<b:include name='related-posts'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " +
data:post.adminClass'>
<a expr:href='data:post.editUrl'
expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='related-posts'>
<div class='related-post clearfix'>
<script class='java' type='text/javascript'>
var maxresults=3;
var splittercolor="";
var relatedpoststitle="Related Posts:";
</script>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script class='java'
expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-
in-script&callback=relatedposts&max-results=6"'
type='text/javascript'/></b:loop>
<script class='java' type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</b:if>
</div>
</b:includable>
<b:includable id='shareButtons' var='post'>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-
hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc'
id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-
colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-
editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc'
id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-
colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-
editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc'
type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) +
1;
}
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0'
id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!-- END / CONTENT -->
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "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='ADs' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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='Label3' locked='false' title='Labels Cloud'
type='Label'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-
setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span
expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Labels List Numbered'
type='Label'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-
setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span
expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Video of the day'
type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<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>
<!-- END / SIDEBAR -->
<div class='clear'/>
</div>
</div>
</article>
<!-- BLOG MAIN CONTENT -->
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- END / WIDGET META -->
<div class='clear'/>
</div>
</div>
<div class='copyright text-center'>
<div class='container'>
<div class='footer-left'>
Copyright © 2015
<a expr:href='data:blog.homepageUrl'>
<data:blog.title/>
</a>
</div>
<div class='footer-right'>
<p>Created By <a href='http://themexpose.com/' id='mycontent'
rel='dofollow' target='_blank' title='Free Blogger Templates'>ThemeXpose</a></p>
</div></div>
<div class='totop'>
<div class='totop-inner'>
<i class='fa fa-angle-up'/>
</div>
</div>
</div>
</footer>
<!-- END / FOOTER -->
</div>
<!-- END / PAGE WRAP -->
<script type='text/javascript'>
//<![CDATA[
var pageCount=9;
var displayPageNum=3;
var upPageWord ="<i class='fa fa-angle-left'></i>";
var downPageWord ="<i class='fa fa-angle-right'></i>";
//]]>
</script>
/*
* jQuery OwlCarousel v1.3.3
*
* Copyright (c) 2013 Bartosz Wojciechowski
* http://www.owlgraphic.com/owlcarousel/
*
* Licensed under MIT
*
*/
/*!
* Masonry PACKAGED v3.1.5
* Cascading grid layout library
* http://masonry.desandro.com
* MIT License
* by David DeSandro
*/
//]]>
</script>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType !=
"item"'>
<script class='java' type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('.entry-content .post-media .image-wrap img').each(function(){
this.src = this.src.replace('/s72-c/', '/s420-p/');
});
});
//]]>
</script>
</b:if>
<script class='java' type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$(window).scroll(function() {
$(this).scrollTop() ? $(".totop").fadeIn() : $(".totop").fadeOut()
}), $(".totop").click(function() {
$("html,body").animate({
scrollTop: 0
}, 500)
});
var n = window.location.href;
$(".navlist li a,.navlist li ul li ul li a").filter(function() {
return $(this).prop("href") === n
}).parent("li").addClass("current-menu-parent");
var l = window.location.href;
$(".navlist li ul li a,.navlist li ul li a").filter(function() {
return $(this).prop("href") === l
}).parents("li").parents("ul").parent().addClass("current-menu-parent"), $
(".navlist ul").parent().addClass("menu-item-has-children item-plus")
});
! function(e) {
"use strict";
function i() {
e(".blog-grid").length && setTimeout(function() {
e(".blog-grid .post-wrapper").masonry({
columnWidth: ".grid-item",
itemSelector: ".grid-item"
})
}, 1)
}
function t() {
var i = e('input[type="search"], input[type="text"], input[type="email"],
textarea');
i.each(function() {
var i = e(this),
t = i.val();
i.focus(function() {
e(this).val() === t && e(this).val("")
}), i.blur(function() {
"" === e(this).val() && e(this).val(t)
})
})
}
function a() {
if (e(".blog-timeline").length) {
var i = e(window).scrollTop(),
t = e(window).height(),
a = e(".blog-timeline .content").offset().top,
n = i - a;
e(".pi-line").css({
top: "0",
"-webkit-transform": "translateY(" + n + "px)",
"-o-transform": "translateY(" + n + "px)",
"-ms-transform": "translateY(" + n + "px)",
"-moz-transform": "translateY(" + n + "px)",
transform: "translateY(" + n + "px)"
}), e(".blog-timeline .post-meta").each(function() {
var a = e(this),
n = a.offset().top,
s = n - t / 2;
i >= s ? a.addClass("metaLight") : a.removeClass("metaLight")
})
}
}
function n() {
e().tweet && e(".latest-tweets").each(function() {
var i = e(".latest-tweets");
i.tweet({
username: i.data("username"),
join_text: "auto",
avatar_size: null,
count: i.data("number"),
template: "{text}",
loading_text: "loading tweets...",
modpath: i.data("modpath"),
callback: d
})
})
}
function s() {
var i = e(".pi-navigation"),
t = e("#header").offset().top + e("#header").outerHeight() - 52,
a = e(window).scrollTop();
a >= t ? i.addClass("nav-fixed") : i.removeClass("nav-fixed")
}
var o = {
Android: function() {
return navigator.userAgent.match(/Android/i)
},
BlackBerry: function() {
return navigator.userAgent.match(/BlackBerry/i)
},
iOS: function() {
return navigator.userAgent.match(/iPhone|iPad|iPod/i)
},
Opera: function() {
return navigator.userAgent.match(/Opera Mini/i)
},
Windows: function() {
return navigator.userAgent.match(/IEMobile/i)
},
any: function() {
return o.Android() || o.BlackBerry() || o.iOS() || o.Opera() ||
o.Windows()
}
},
r = (window.innerWidth, e(window).height(), ['<i class="fa fa-caret-
left"></i>', '<i class="fa fa-caret-right"></i>']),
l = function() {
var i = e(".post-slider");
i.length > 0 && i.owlCarousel({
autoPlay: !1,
slideSpeed: 300,
navigation: !0,
pagination: !1,
singleItem: !0,
autoHeight: !0,
navigationText: r
})
},
c = function() {
var i = e(".featured-slider");
i.length > 0 && i.owlCarousel({
autoPlay: 2e4,
slideSpeed: 300,
navigation: !0,
pagination: !1,
items: 5,
loop:true,
itemsCustom: [
[0, 1],
[500, 2],
[992, 3],
[1200, 3],
[1400, 4]
],
navigationText: r,
})
},
u = {
obj: {
subscribeEmail: e("#subscribe-email"),
subscribeButton: e("#subscribe-button"),
subscribeMsg: e("#subscribe-form .subscribe-status"),
subscribeContent: e("#subscribe-form .form-remove"),
dataMailchimp: e("#subscribe-form").attr("data-mailchimp"),
success_message: "Thank you for joining our mailing list. Please
check your email for a confirmation link.",
failure_message: "There was a problem processing your
submission.",
noticeError: "{msg}",
noticeInfo: "{msg}",
basicAction: "mail/subscribe.php",
mailChimpAction: "mail/subscribe-mailchimp.php"
},
eventLoad: function() {
var i = u.obj;
e(i.subscribeButton).on("click", function() {
if ("" != i.subscribeEmail.val()) {
if (window.ajaxCalling) return;
var e = "true" === i.dataMailchimp;
u.ajaxCall(e ? i.mailChimpAction : i.basicAction)
} else i.subscribeMsg.html("Email is
required.").fadeIn("slow");
return !1
})
},
ajaxCall: function(i) {
window.ajaxCalling = !0;
var t = u.obj,
a = t.subscribeMsg.html("").hide();
t.subscribeButton.val("Sending"), e.ajax({
url: i,
type: "POST",
dataType: "json",
data: {
subscribeEmail: t.subscribeEmail.val()
},
success: function(e) {
if (e.status) t.subscribeContent.fadeOut(500, function() {
a.html(t.success_message).fadeIn(500)
});
else {
switch (e.msg) {
case "email-required":
a.html(t.noticeError.replace("{msg}", "Email
is required."));
break;
case "email-err":
a.html(t.noticeError.replace("{msg}", "Email
invalid."));
break;
case "duplicate":
a.html(t.noticeError.replace("{msg}", "Email
is duplicate."));
break;
case "filewrite":
a.html(t.noticeInfo.replace("{msg}", "Mail
list file is open."));
break;
case "undefined":
a.html(t.noticeInfo.replace("{msg}",
"undefined error."));
break;
case "not-support":
a.html(t.noticeInfo.replace("{msg}", "Your
host do not support php mail function."));
break;
case "api-error":
t.subscribeContent.fadeOut(500, function() {
a.html(t.failure_message)
})
}
t.subscribeButton.val("Send"), a.fadeIn(500)
}
},
error: function() {
alert("Connection error")
},
complete: function() {
window.ajaxCalling = !1
}
})
}
},
d = function() {
e(".twitter-slider").owlCarousel({
autoPlay: !1,
slideSpeed: 300,
navigation: !0,
pagination: !1,
singleItem: !0,
autoHeight: !0,
transitionStyle: "fade",
navigationText: ['<i class="fa fa-caret-left"></i>', '<i class="fa
fa-caret-right"></i>']
})
};
e(document).ready(function() {
u.eventLoad(), o.any() && e("html").addClass("ismobile"),
e(document).on("click", ".share-toggle", function() {
var i = e(this);
i.toggleClass("toggle-active"),
i.siblings(".share").toggleClass("share-active")
}), e(".search-box .icon-search").on("click", function() {
e(this).toggleClass("active"), e('.search-box
input[type="search"]').toggleClass("fadein")
}), e("html").on("click", function() {
e(".search-box .icon-search").removeClass("active"), e('.search-box
input[type="search"]').removeClass("fadein")
}), e(".search-box").on("click", function(e) {
e.stopPropagation()
}), e(".pi-line").height(e(window).height() / 2),
e(window).scroll(function() {
a(), s()
})
}), e(window).on("load resize", function() {
var i = e(".sidebar-right"),
t = e(".sidebar-left");
i.closest(".blog-standard").find(".content").css("margin-right", "100px"),
t.closest(".blog-standard").find(".content").css({
"margin-left": "30px",
"margin-right": "70px"
}), i.closest(".blog-grid, .blog-list, .blog-
timeline").find(".content").css("margin-right", "30px"), t.closest(".blog-grid,
.blog-list, .blog-timeline").find(".content").css("margin-left", "30px"),
t.closest(".blog-content").find(".col-md-9").addClass("col-md-push-3"),
t.closest(".blog-content").find(".col-md-3").addClass("col-md-pull-9"), e(".blog-
standard .post").each(function() {
var i = e(this),
t = i.find(".post-meta"),
a = i.find(".post-title"),
n = i.find(".post-media");
t.insertAfter(window.innerWidth < 992 ? a : n)
}), e(".blog-list .post").each(function() {
{
var i = e(this),
t = i.find(".post-meta"),
a = i.find(".post-title"),
n = i.find(".post-author");
i.find(".post-media")
}
n.insertAfter(t.children().first()), t.insertAfter(a)
}), e(".pi-navigation").each(function() {
var i = e(this),
t = i.find(".open-menu"),
a = i.find(".close-menu"),
n = i.find(".navlist"),
s = i.find(".sub-menu"),
o = e("#header"),
r = window.innerWidth,
l = e(window).height(),
c = i.data("menu-responsive");
c > r ? (t.show(), o.addClass("header-responsive"), n.addClass("off-
canvas").css("height", l - 52), n.children(".menu-item-has-
children").removeClass("item-plus"), 0 === i.find(".submenu-toggle").length &&
(e(".menu-item-has-children, .navList > .menu-item-language-
current").children("a").after('<span class="submenu-toggle"><i class="fa fa-angle-
right"></i></span>'), n.on("click", ".submenu-toggle", function(i) {
i.preventDefault(), e(this).siblings(".sub-menu").addClass("sub-
menu-active")
})), s.each(function() {
var t = e(this);
0 === t.find(".back-mb").length && t.prepend('<li class="back-
mb"><a href="#">Back</a></li>'), i.on("click", ".back-mb a", function(i) {
i.preventDefault(),
e(this).parent().parent().removeClass("sub-menu-active")
})
}), t.on("click", function() {
n.addClass("off-canvas-active"), e(this).addClass("toggle-
active"), a.show()
}), a.on("click", function() {
n.removeClass("off-canvas-active"), t.removeClass("toggle-
active"), e(".sub-menu").removeClass("sub-menu-active"), e(this).hide()
}), e("html").on("click", function() {
n.removeClass("off-canvas-active"), t.removeClass("toggle-
active"), e(".sub-menu").removeClass("sub-menu-active"), a.hide()
}), i.on("click", function(e) {
e.stopPropagation()
})) : (t.hide(), o.removeClass("header-responsive"),
n.removeClass("off-canvas").css("height", "auto"), n.children(".menu-item-has-
children").addClass("item-plus"), e(".back-mb, .submenu-toggle").remove())
})
}), e(window).load(function() {
e("#preloader").fadeOut(1e3), n(), i(), t(), l(), c()
})
}(jQuery);
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$(".fancybox").fancybox();
});
//]]>
</script>
<script>
$(document).ready(function(){
$(".widget h2").wrapInner("<span/>");
});
</script>
</body>
<script class='java' type='text/javascript'>
//<![CDATA[
$(window).load(function() {
$('.java').remove();
});
//]]>
</script>
</html>