القالب - عمرو سيد
القالب - عمرو سيد
القالب - عمرو سيد
>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3'
b:responsive='true' b:templateVersion='1.0.0'
expr:class='data:blog.languageDirection' 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'/>
<title><data:view.title.escaped/></title>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//www.googletagmanager.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//c.disquscdn.com' rel='dns-prefetch'/>
<link href='//disqus.com' rel='dns-prefetch'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:view.isHomepage'>
<script
type='application/ld+json'>{"@context":"http://schema.org",&quo
t;@type":"WebSite","name":"<data:view.title.escaped/
>","url":"<data:view.url.canonical/
>","potentialAction":
{"@type":"SearchAction","target":"<data:view.url
.canonical/>search?q={search_term_string}","query-
input":"required name=search_term_string"}}</script>
</b:if>
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i'
media='all' rel='stylesheet' type='text/css'/>
<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css' rel='stylesheet'/>
/*
<!-- Variable definitions -->
<Variable name="keycolor" description="Main Color" type="color" default="$
(main.color)" value="#e51515"/>
<Variable name="followByEmail" description="Follow By Email Text" type="string"
default="Get all latest content delivered straight to your inbox." value="Get all
latest content delivered straight to your inbox."/>
}
#main-wrapper{
float:left;
overflow:hidden;
width:66.66666667%;
box-sizing:border-box;
word-wrap:break-word;
padding:0 15px;
margin:0
}
#sidebar-wrapper{
float:right;
overflow:hidden;
width:33.33333333%;
box-sizing:border-box;
word-wrap:break-word;
padding:0 15px
}
.post-image-wrap{
position:relative;
display:block
}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-
container{
background-color:rgba(155,155,155,0.05);
color:transparent!important
}
.post-thumb{
display:block;
position:relative;
width:100%;
height:100%;
object-fit:cover;
object-position: top;
z-index:1;
opacity: 0;
transition:opacity .17s ease,transform .17s ease
}
.post-thumb.lazy-yard {
opacity: 1;
}
.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-
thumb,.hot-item-inner:hover .post-image-link .post-thumb{
transform: scale(1.05);
}
.post-title a{
display:block
}
#top-bar{
width:100%;
height:34px;
background-color:rgba(0,0,0,0.6);
overflow:hidden;
margin:0;
position:relative;
}
#top-bar .container{
margin:0 auto;
position: relative;
}
.top-bar-nav{
position:relative;
float:left;
display:block;
z-index:1;
}
.top-bar-nav .widget > .widget-title{
display:none
}
.top-bar-nav ul li{
float:left
}
.top-bar-nav ul li > a{
height:34px;
display:block;
color:#fff;
font-size:12px;
font-weight:400;
line-height:34px;
margin:0 10px 0 0;
padding:0 5px;
transition:color .17s
}
.top-bar-nav ul li:first-child > a{
padding:0 5px 0 0
}
.top-bar-nav ul > li:hover > a{
color:$(main.color)
}
.top-bar-social{
position:relative;
float:right;
display:block
}
.top-bar-social .widget > .widget-title{
display:none
}
.top-bar-social ul > li{
float:left;
display:inline-block
}
.top-bar-social ul > li > a{
width: 25px;
display: block;
color: #fff;
text-decoration: none;
background-color: $(main.color);
font-size: 14px;
text-align: center;
line-height: 25px;
padding: 0;
border-radius: 25px;
margin: 4px 0 0 10px;
transition: color .17s;
}
.top-bar-social ul > li:last-child > a{
}
.top-bar-social ul > li:hover > a{
color:$(main.color)
}
.social a:before{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400
}
.social .facebook a:before{
content:"\f09a"
}
.social .twitter a:before{
content:"\f099"
}
.social .gplus a:before{
content:"\f0d5"
}
.social .rss a:before{
content:"\f09e"
}
.social .youtube a:before{
content:"\f16a"
}
.social .skype a:before{
content:"\f17e"
}
.social .stumbleupon a:before{
content:"\f1a4"
}
.social .tumblr a:before{
content:"\f173"
}
.social .vk a:before{
content:"\f189"
}
.social .stack-overflow a:before{
content:"\f16c"
}
.social .github a:before{
content:"\f09b"
}
.social .linkedin a:before{
content:"\f0e1"
}
.social .dribbble a:before{
content:"\f17d"
}
.social .soundcloud a:before{
content:"\f1be"
}
.social .behance a:before{
content:"\f1b4"
}
.social .digg a:before{
content:"\f1a6"
}
.social .instagram a:before{
content:"\f16d"
}
.social .pinterest a:before{
content:"\f0d2"
}
.social .twitch a:before{
content:"\f1e8"
}
.social .delicious a:before{
content:"\f1a5"
}
.social .codepen a:before{
content:"\f1cb"
}
.social .reddit a:before{
content:"\f1a1"
}
.social .whatsapp a:before{
content:"\f232"
}
.social .snapchat a:before{
content:"\f2ac"
}
.social .email a:before{
content:"\f0e0"
}
.social .external-link a:before{
content:"\f35d"
}
.social-color .facebook a{
background-color:#3b5999
}
.social-color .twitter a{
background-color:#00acee
}
.social-color .gplus a{
background-color:#db4a39
}
.social-color .youtube a{
background-color:#db4a39
}
.social-color .instagram a{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.social-color .pinterest a{
background-color:#ca2127
}
.social-color .dribbble a{
background-color:#ea4c89
}
.social-color .linkedin a{
background-color:#0077b5
}
.social-color .tumblr a{
background-color:#365069
}
.social-color .twitch a{
background-color:#6441a5
}
.social-color .rss a{
background-color:#ffc200
}
.social-color .skype a{
background-color:#00aff0
}
.social-color .stumbleupon a{
background-color:#eb4823
}
.social-color .vk a{
background-color:#4a76a8
}
.social-color .stack-overflow a{
background-color:#f48024
}
.social-color .github a{
background-color:#24292e
}
.social-color .soundcloud a{
background:linear-gradient(#ff7400,#ff3400)
}
.social-color .behance a{
background-color:#191919
}
.social-color .digg a{
background-color:#1b1a19
}
.social-color .delicious a{
background-color:#0076e8
}
.social-color .codepen a{
background-color:#000
}
.social-color .reddit a{
background-color:#ff4500
}
.social-color .whatsapp a{
background-color:#3fbb50
}
.social-color .snapchat a{
background-color:#ffe700
}
.social-color .email a{
background-color:#888
}
.social-color .external-link a{
background-color:$(main.dark.color)
}
.social-text .facebook a:after{
content:"Facebook"
}
.social-text .twitter a:after{
content:"Twitter"
}
.social-text .gplus a:after{
content:"Google Plus"
}
.social-text .rss a:after{
content:"Rss"
}
.social-text .youtube a:after{
content:"YouTube"
}
.social-text .skype a:after{
content:"Skype"
}
.social-text .stumbleupon a:after{
content:"StumbleUpon"
}
.social-text .tumblr a:after{
content:"Tumblr"
}
.social-text .vk a:after{
content:"VKontakte"
}
.social-text .stack-overflow a:after{
content:"Stack Overflow"
}
.social-text .github a:after{
content:"Github"
}
.social-text .linkedin a:after{
content:"LinkedIn"
}
.social-text .dribbble a:after{
content:"Dribbble"
}
.social-text .soundcloud a:after{
content:"SoundCloud"
}
.social-text .behance a:after{
content:"Behance"
}
.social-text .digg a:after{
content:"Digg"
}
.social-text .instagram a:after{
content:"Instagram"
}
.social-text .pinterest a:after{
content:"Pinterest"
}
.social-text .twitch a:after{
content:"Twitch"
}
.social-text .delicious a:after{
content:"Delicious"
}
.social-text .codepen a:after{
content:"CodePen"
}
.social-text .flipboard a:after{
content:"Flipboard"
}
.social-text .reddit a:after{
content:"Reddit"
}
.social-text .whatsapp a:after{
content:"Whatsapp"
}
.social-text .messenger a:after{
content:"Messenger"
}
.social-text .snapchat a:after{
content:"Snapchat"
}
.social-text .email a:after{
content:"Email"
}
.social-text .external-link a:after{
content:"WebSite"
}
.header-back-wrap {
background: #7c7877
url(https://1.bp.blogspot.com/-fqVMbKfY6hM/X3b3TqVgc4I/AAAAAAAAJbI/
TvoWA9Y6BA4NVxZRWOvgyMdJglxzuhBnACNcBGAsYHQ/s16000/bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}
#header-wrap{
position:relative;
margin:0
}
.header-header{
width:100%;
height:90px;
position:relative;
overflow:hidden;
padding:30px 0
}
.header-header .container{
position:relative;
margin:0 auto;
padding:0
}
.header-logo{
position:relative;
float:left;
width:auto;
max-width:260px;
max-height:60px;
margin:0;
padding:15px 0
}
.header-logo .header-image-wrapper{
display:block
}
.header-logo img{
max-width:100%;
max-height:60px;
margin:0
}
.header-logo h1{
color:$(title.color);
font-size:36px;
line-height:60px;
margin:0
}
.header-logo p{
font-size:12px;
margin:5px 0 0
}
.header-ads{
position:relative;
float:right
}
.header-ads .widget > .widget-title{
display:none
}
.header-ads .widget{
max-width:100%
}
.header-ads .widget .widget-content{
width:728px;
max-width:100%;
max-height:90px;
line-height:1
}
.header-menu{
position:relative;
width:100%;
height:48px;
z-index:10;
font-size:13px;
margin:0
}
.header-menu .container{
position:relative;
margin:0 auto;
padding:0;
background-image: -webkit-linear-gradient(bottom, $(main.menu.one), $
(main.menu.two));
background-image: -moz-linear-gradient(bottom, $(main.menu.one), $
(main.menu.two));
background-image: -o-linear-gradient(bottom, $(main.menu.one), $
(main.menu.two));
background-image: linear-gradient(to top, $(main.menu.one), $(main.menu.two));
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#main-menu .widget,#main-menu .widget > .widget-title{
display:none
}
#main-menu .show-menu{
display:block
}
#main-menu{
position:relative;
height:48px;
z-index:15;
background: url(https://1.bp.blogspot.com/-KCn8BvTt1V8/X3buBPvz9_I/AAAAAAAAJa8/
DuU3vU_WJcMJe_6ukEKYzdXjJHo7ez-bACNcBGAsYHQ/s16000/menu-extra.png) top right
repeat-x;
border-radius: 4px ;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -5px rgba(0,0,0,.26);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -5px rgba(0,0,0,.26);
box-shadow: 0 2px 8px rgba(0,0,0,.75), inset 0 -5px rgba(0,0,0,.26);
}
#main-menu ul > li{
float:left;
position:relative;
margin:0;
padding:0;
transition:background .17s
}
#main-menu ul > li.li-home-icon > a{
width:48px;
height:48px;
text-align:center;
font-size:18px;
line-height:48px;
font-weight:400;
padding:0;
text-shadow: 1px 2px 0 rgba(0,0,0,0.15);
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: -webkit-gradient(linear,left top,left bottom,color-
stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2)
0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
a.view-all{
position: absolute;
float: right;
height: 22px;
font-size: 11px;
line-height: 22px;
top: 10px;
right: 5px;
padding: 0 10px;
font-weight: bold;
text-transform: uppercase;
transition: all .17s ease;
color:#fff;
background:$(main.dark.color);
border-radius: 2px;
text-shadow: 1px 2px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
a.view-all:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: -webkit-gradient(linear,left top,left bottom,color-
stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2)
0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
}
a.view-all:hover{
background: #e0e0e0;
color:$(main.dark.color);
}
a.view-all:after{
content:'\f178';
float:right;
font-weight:400;
font-family:FontAwesome;
margin:0 0 0 3px;
-webkit-transition: all .3s cubic-bezier(.32,.74,.57,1);
-moz-transition: all .3s cubic-bezier(.32,.74,.57,1);
-ms-transition: all .3s cubic-bezier(.32,.74,.57,1);
-o-transition: all .3s cubic-bezier(.32,.74,.57,1);
transition: all .3s cubic-bezier(.32,.74,.57,1);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
a.view-all:hover:after {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.featured-posts > .widget{
display:none;
position:relative;
float:left;
width:100%;
margin:0 0 30px;
background: rgba(0,0,0,0.6);
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid rgba(0,0,0,.8);
border-bottom: 5px solid rgba(0,0,0,.3);
}
.featured-posts > .show-widget, .featured-posts > .show-slide{
display:block
}
.feat-big li{
position:relative;
float:right;
width:calc(50% - 20px);
overflow:hidden;
margin:20px 0 0
}
.feat-big .item-0{
float:left;
width:calc(50% - 10px);
margin:0
}
.feat-big .item-1{
margin:0
}
.feat-big .feat-inner{
position:relative;
float:left;
width:100%;
height: 320px;
overflow:hidden
}
.feat-big .post-image-link{
position:relative;
float:left;
width:80px;
height:65px;
display:block;
overflow:hidden;
margin:0 12px 0 0
}
.feat-big .feat-inner .post-image-link{
width:100%;
height: 320px;
margin: 0;
}
.feat-big .feat-inner .post-image-link:after {
position: absolute;
left: 0;
top: 0;
z-index: 4;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #2c2f30;
content: '';
}
.feat-big .post-title{
overflow:hidden;
font-size:13px;
font-weight:700;
line-height:1.5em;
margin:0 0 5px
}
.feat-big .item-big .post-info{
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 5;
box-sizing: border-box;
padding: 15px;
width: 100%;
background-image:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
}
.feat-big .item-big .post-info p.post-snippet {
color: #9a9a9a;
}
.feat-big .item-small .post-info{
overflow:hidden
}
.feat-big .item-0 .post-title{
font-size:18px;
margin:0 0 10px
}
.feat-big .item-0 .post-title a{
color:#fff;
}
.feat-big .post-title a{
color:$(title.color);
transition:color .17s ease
}
.feat-big .post-title a:hover{
color:$(title.hover)
}
.feat-big .item-small .post-meta{
font-size:11px
}
.featured-posts .show-slider{
display:block!important
}
.featured-posts .show-slider .widget-content{
position:relative;
height:430px;
overflow:hidden;
float: left;
width: 100%;
}
.loader{
position:relative;
height:100%;
overflow:hidden;
display:block;
margin:0
}
.loader:after{
content:'';
position:absolute;
top:50%;
left:50%;
width:28px;
height:28px;
margin:-16px 0 0 -16px;
border:2px solid $(main.color);
border-right-color:rgba(155,155,155,0.2);
border-radius:100%;
animation:spinner 1.1s infinite linear;
transform-origin:center
}
@-webkit-keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.main-slider{
position:relative;
overflow:hidden;
height:430px
}
.main-slider .slider-item{
position:relative;
float:left;
width:100%;
height:430px;
overflow:hidden;
box-sizing:border-box
}
.slider-item-inner{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
display:block;
}
.main-slider .post-image-link{
width:100%;
height:100%;
position:relative;
overflow:hidden;
display:block
}
.main-slider .post-image-link:after {
position: absolute;
left: 0;
top: 0;
z-index: 4;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #2c2f30;
content: '';
}
.main-slider .post-info-wrap {
position: absolute;
left: 0;
bottom: 0;
text-align: left;
overflow: hidden;
z-index: 5;
width: 100%;
padding: 0 10px 10px;
background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
box-sizing: border-box;
}
.main-slider .post-info{
position: relative;
overflow: hidden;
display: block;
z-index: 10;
}
.main-slider .post-date{
font-size:11px;
color:#fff;
margin:0
}
.main-slider .post-title{
font-size:22px;
font-weight:600;
display:block;
line-height:1.5;
letter-spacing: 0.3px;
margin:0 0 5px
}
.main-slider .post-title a{
color:#fff;
display:block
}
.main-slider .post-title a:hover{
text-decoration:underline
}
.main-slider .post-snippet {
color:#fff;
}
.show-slider .no-posts{
position:absolute;
top:calc(50% - 50px);
left:0;
width:100%;
text-align:center;
}
.main-slider .post-info .post-tag{
position:static;
display: inline-block;
height:20px;
background-color:$(main.color);
color:#fff;
text-transform:uppercase;
line-height:20px;
padding:0 8px;
margin:0 0 10px;
transition:all .17s ease
}
.main-slider .post-meta {
color: #aaaaaa;
font-size: 12px;
font-weight: 400;
line-height: 18px;
padding: 0 1px;
}
.main-slider .post-date {
font-size: 11px;
color: #fff;
margin: 0;
display: inline-block;
float:none;
}
.main-slider .owl-nav{
position:absolute;
top:calc(50% - 15px);
left:0;
right:0;
height:0
}
.main-slider .owl-prev,.main-slider .owl-next{
height:30px;
line-height:30px;
z-index:10;
border:0
}
.main-slider .owl-prev{
float:left;
left:-30px
}
.main-slider:hover .owl-prev{
left:0
}
.main-slider .owl-next{
float:right;
right:-30px
}
.main-slider:hover .owl-next{
right:0
}
.author-name{
overflow:hidden;
display:inline-block;
font-size:16px;
font-weight:700;
margin:7px 0 3px
}
.author-name span{
color:$(title.color)
}
.author-name a{
color:$(title.color);
transition:color .17s
}
.author-name a:hover{
color:$(main.color)
}
.author-description{
display:block;
overflow:hidden;
font-size:13px;
font-weight:400;
line-height:1.5em
}
.author-description a:hover{
text-decoration:underline
}
#related-wrap{
overflow:hidden;
margin:0 0 30px
}
#related-wrap .related-tag{
display:none
}
.related-ready{
float:left;
width:100%
}
.related-ready .loader{
height:178px
}
ul.related-posts{
position:relative;
overflow:hidden;
margin:0 -10px;
padding:0
}
.related-posts .related-item{
width:33.33333333%;
position:relative;
overflow:hidden;
float:left;
display:block;
box-sizing:border-box;
padding:0 10px;
margin:0
}
.related-posts .post-image-link{
width:100%;
height:120px;
position:relative;
overflow:hidden;
display:block
}
.related-posts .related-item .post-meta{
padding:0;
border:0
}
.related-posts .post-title{
font-size:14px;
font-weight:700;
line-height:1.5em;
display:block;
margin:7px 0 6px
}
.related-posts .post-title a{
color:$(title.color);
transition:color .17s
}
.related-posts .post-title a:hover{
color:$(title.hover)
}
#blog-pager{
overflow:hidden;
clear:both;
margin:0 0 30px
}
.blog-pager a,.blog-pager span{
float:left;
display:block;
min-width:30px;
height:30px;
background-color:$(main.dark.color);
color:#fff;
font-size:13px;
font-weight:700;
line-height:30px;
text-align:center;
box-sizing:border-box;
margin:0 5px 0 0;
border-radius:3px;
text-shadow: 1px 2px 0 rgba(0,0,0,0.15);
transition:all .17s ease
}
.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{
padding:0 15px
}
.blog-pager .blog-pager-newer-link{
float:left
}
.blog-pager .blog-pager-older-link{
float:right
}
.blog-pager span.page-dots{
min-width:20px;
background-color:#fff;
font-size:16px;
color:$(title.color);
line-height:30px;
font-weight:400;
letter-spacing:-1px;
border:0
}
.blog-pager .page-of{
display:none;
width:auto;
float:right;
border-color:rgba(0,0,0,0);
margin:0
}
.blog-pager .page-active,.blog-pager a:hover{
background-color:$(main.color);
color:#fff
}
.blog-pager .page-prev:before,.blog-pager .page-next:before{
font-family:FontAwesome;
font-size:16px;
font-weight:400
}
.blog-pager .page-prev:before{
content:'\f104'
}
.blog-pager .page-next:before{
content:'\f105'
}
.blog-pager .blog-pager-newer-link:after{
content:'\f104';
float:left;
font-family:FontAwesome;
font-weight:400;
margin:0 3px 0 0
}
.blog-pager .blog-pager-older-link:after{
content:'\f105';
float:right;
font-family:FontAwesome;
font-weight:400;
margin:0 0 0 3px
}
.archive #blog-pager{
display:none
}
.blog-post-comments{
display:none;
margin:30px 0;
background: rgba(0,0,0,0.6);
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid rgba(0,0,0,.8);
border-bottom: 5px solid rgba(0,0,0,.3);
}
.blog-post-comments .comments-title{
margin:0 0 20px
}
.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{
margin:0
}
#comments{
margin:0
}
#gpluscomments{
float:left!important;
width:100%!important;
margin:0 0 25px!important
}
#gpluscomments iframe{
float:left!important;
width:100%
}
.comments{
display:block;
clear:both;
margin:0;
color:$(title.color)
}
.comments > h3{
font-size:13px;
font-weight:400;
font-style:italic;
padding-top:1px
}
.comments .comments-content .comment{
list-style:none;
margin:0;
padding:0 0 8px
}
.comments .comments-content .comment:first-child{
padding-top:0
}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{
width:100%!important
}
.comments .item-control{
position:static
}
.comments .avatar-image-container{
float:left;
overflow:hidden;
position:absolute
}
.comments .avatar-image-container,.comments .avatar-image-container img{
height:45px;
max-height:45px;
width:45px;
max-width:45px;
border-radius:0
}
.comments .comment-block{
overflow:hidden;
padding:0 0 10px
}
.comments .comment-block,.comments .comments-content .comment-replies{
margin:0 0 0 60px
}
.comments .comments-content .inline-thread{
padding:0
}
.comments .comment-actions{
float:left;
width:100%;
position:relative;
margin:0
}
.comments .comments-content .comment-header{
font-size:12px;
display:block;
overflow:hidden;
clear:both;
margin:0 0 3px;
padding:0 0 5px;
border-bottom:1px dashed #292929
}
.comments .comments-content .comment-header a{
color:$(title.color);
transition:color .17s
}
.comments .comments-content .comment-header a:hover{
color:$(title.hover)
}
.comments .comments-content .user{
font-style:normal;
font-weight:700;
text-transform:uppercase;
display:block
}
.comments .comments-content .icon.blog-author{
display:none
}
.comments .comments-content .comment-content{
float:left;
font-size:13px;
color:#5E5E5E;
font-weight:400;
text-align:left;
line-height:1.4em;
margin:5px 0 9px
}
.comments .comment .comment-actions a{
margin-right:5px;
padding:2px 5px;
color:$(title.color);
font-weight:400;
background-image: -webkit-linear-gradient(rgba(235,45,28,.22), transparent);
background-image: -o-linear-gradient(rgba(235,45,28,.22), transparent);
background-image: -moz-linear-gradient(rgba(235,45,28,.22), transparent);
background-image: linear-gradient(rgba(235,45,28,.23), transparent);
background-color: #6f0000;
border-radius: 2px;
font-size:10px;
transition:all .17s ease
}
.comments .comment .comment-actions a:hover{
color:#fff;
background-color:$(main.color);
border-color:$(main.color);
text-decoration:none
}
.comments .comments-content .datetime{
float:left;
font-size:11px;
font-weight:400;
color:#aaa;
position:relative;
padding:0 1px;
margin:4px 0 0;
display:block
}
.comments .comments-content .datetime a,.comments .comments-content .datetime
a:hover{
color:#aaa
}
.comments .comments-content .datetime:before{
content:'\f017';
font-family:FontAwesome;
font-size:11px;
font-weight:400;
font-style:normal;
margin:0 3px 0 0
}
.comments .thread-toggle{
margin-bottom:4px
}
.comments .thread-toggle .thread-arrow{
height:7px;
margin:0 3px 2px 0
}
.comments .thread-count a,.comments .continue a{
transition:opacity .17s
}
.comments .thread-count a:hover,.comments .continue a:hover{
opacity:.8
}
.comments .thread-expanded{
padding:5px 0 0
}
.comments .thread-chrome.thread-collapsed{
display:none
}
.thread-arrow:before{
content:'';
font-family:FontAwesome;
color:$(title.color);
font-weight:400;
margin:0 2px 0 0
}
.comments .thread-expanded .thread-arrow:before{
content:'\f0d7'
}
.comments .thread-collapsed .thread-arrow:before{
content:'\f0da'
}
.comments .comments-content .comment-thread{
margin:0
}
.comments .comments-content .comment-thread > ol{
padding:0
}
.comments .continue a{
padding:0 0 0 60px;
font-weight:400
}
.comments .comments-content .loadmore.loaded{
margin:0;
padding:0
}
.comments .comment-replybox-thread{
margin:0
}
.comments .comments-content .loadmore,.comments .comments-
content .loadmore.loaded{
display:none
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body
h6{
color:$(title.color);
margin:0 0 15px
}
.post-body h1,.post-body h2{
font-size:24px
}
.post-body h3{
font-size:21px
}
.post-body h4{
font-size:18px
}
.post-body h5{
font-size:16px
}
.post-body h6{
font-size:13px
}
blockquote{
font-style:italic;
padding:10px;
margin:0;
border-left:4px solid $(main.color)
}
blockquote:before,blockquote:after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
color:#aaa;
line-height:1
}
blockquote:before{
content:'\f10d';
margin:0 10px 0 0
}
blockquote:after{
content:'\f10e';
margin:0 0 0 10px
}
.widget .post-body ul,.widget .post-body ol{
line-height:1.5;
font-weight:400
}
.widget .post-body li{
margin:5px 0;
padding:0;
line-height:1.5
}
.post-body ul{
padding:0 0 0 20px
}
.post-body ul li:before{
content:"\f105";
font-family:FontAwesome;
font-size:13px;
font-weight:400;
margin:0 5px 0 0
}
.post-body u{
text-decoration:underline
}
.post-body a{
transition:color .17s ease
}
.post-body strike{
text-decoration:line-through
}
.contact-form{
overflow:hidden
}
.contact-form .widget-title{
display:none
}
.contact-form .contact-form-name{
width:calc(50% - 5px)
}
.contact-form .contact-form-email{
width:calc(50% - 5px);
float:right
}
.sidebar .widget{
position:relative;
overflow:hidden;
box-sizing:border-box;
padding:0;
margin:0 0 30px
}
.sidebar .widget-title{
position:relative;
float:left;
width:100%;
height:42px;
background-image: -webkit-linear-gradient(bottom, #d92212, #c43e2f);
background-image: -moz-linear-gradient(bottom, #d92212, #c43e2f);
background-image: -o-linear-gradient(bottom, #d92212, #c43e2f);
background-image: linear-gradient(to top, #d92212, #c43e2f);
border: 1px solid rgba(0,0,0,.8);
border-bottom: 5px solid rgba(0,0,0,.3);
display:block;
margin:0
}
.sidebar .widget-title > h3{
position:relative;
height:42px;
font-size:15px;
color: #fff;
background: url(https://1.bp.blogspot.com/-34BiwryoUvo/X3boPatWLBI/AAAAAAAAJas/
eAeMahpCGXkYoY0wOlqmKGRDx_4j17AKQCNcBGAsYHQ/s16000/widgetback.png) top right no-
repeat;
text-transform:uppercase;
line-height:42px;
padding:0 10px;
margin:0
}
.sidebar .widget-content{
float:left;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:15px;
background-image: -webkit-linear-gradient(rgba(235,45,28,.22),
transparent);
background-image: -o-linear-gradient(rgba(235,45,28,.22), transparent);
background-image: -moz-linear-gradient(rgba(235,45,28,.22), transparent);
background-image: linear-gradient(rgba(235,45,28,.23), transparent);
background-color: #000;
margin:0
}
.social-counter li{
float:left;
width:calc(50% - 5px);
margin:10px 0 0
}
.social-counter li:nth-child(1),.social-counter li:nth-child(2){
margin-top:0
}
.social-counter li:nth-child(even){
float:right
}
.social-counter li a{
display:block;
height:34px;
font-size:13px;
color:#fff;
line-height:34px;
font-weight:700;
border-radius: 2px;
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: -webkit-gradient(linear,left top,left bottom,color-
stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2)
0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition:opacity .17s
}
.social-counter li a:hover{
opacity:.8
}
.social-counter li a:before{
float:left;
width:34px;
height:34px;
background-color:rgba(255,255,255,0.1);
font-size:16px;
text-align:center;
margin:0 10px 0 0
}
.list-label li{
position:relative;
display:block;
padding:8px 0;
}
.list-label li:first-child{
padding:0 0 8px;
border-top:0
}
.list-label li:last-child{
padding-bottom:0;
border-bottom:0
}
.list-label li a{
border-radius: 2px;
background: rgba(0,0,0,0.6);
border: 1px solid rgba(0,0,0,.8);
display:block;
color:#ffffff;
font-size:13px;
text-transform: uppercase;
font-weight: 700;
padding: 10px;
box-sizing: border-box;
transition:color .17s
}
.list-label li a:before{
content:"\f07c";
font-family: FontAwesome;
font-weight: 400;
float:left;
margin:5px 5px 0 0;
display: inline-block;
position: relative;
flex-shrink: 0;
transition:color .17s
}
.list-label li a:hover{
color:$(title.hover)
}
.list-label .label-count{
position:relative;
float:right;
width: auto;
height: 18px;
padding: 0 8px;
background-color:#ffffff;
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
color:$(main.dark.color);
font-size:11px;
font-weight:700;
letter-spacing:0.8px;
text-align:center;
line-height:18px;
text-shadow:none;
border-radius: 2px;
}
.list-label .label-count:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: -webkit-gradient(linear,left top,left bottom,color-
stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2)
0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
}
.list-label .label-count:after {
content: "Posts";
margin-left:3px;
}
.cloud-label li{
position:relative;
float:left;
margin:0 5px 5px 0
}
.cloud-label li a{
display:block;
height:26px;
background-color:#f2f2f2;
color:$(title.color);
font-size:12px;
line-height:26px;
font-weight:400;
padding:0 10px;
transition:all .17s ease
}
.cloud-label li a:hover{
color:#fff;
background-color:$(main.color)
}
.cloud-label .label-count{
display:none
}
.sidebar .FollowByEmail > .widget-title > h3{
margin:0
}
.FollowByEmail .widget-content{
position:relative;
overflow:hidden;
font-weight:400;
text-align:center;
box-sizing:border-box;
padding:20px;
border:1px solid #eaeaea
}
.FollowByEmail .widget-content > h3{
font-size:18px;
color:$(title.color);
font-weight:700;
margin:0 0 13px
}
.FollowByEmail .before-text{
font-size:13px;
color:#888;
line-height:1.4em;
margin:0 0 15px;
display:block;
padding:0 15px;
overflow:hidden
}
.FollowByEmail .follow-by-email-inner{
position:relative
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
width:100%;
height:34px;
color:#888;
font-size:11px;
font-family:inherit;
text-align:center;
padding:0 10px;
margin:0 0 10px;
box-sizing:border-box;
border:1px solid #eaeaea;
transition:ease .17s
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{
border-color:rgba(0,0,0,0.1)
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
width:100%;
height:34px;
font-family:inherit;
font-size:11px;
color:#fff;
background-color:$(main.color);
text-transform:uppercase;
text-align:center;
font-weight:700;
cursor:pointer;
margin:0;
border:0;
transition:background .17s
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
background-color:$(main.dark.color)
}
#ArchiveList ul.flat li{
color:$(title.color);
font-size:13px;
font-weight:400;
padding:8px 0;
border-bottom:1px dotted #eaeaea
}
#ArchiveList ul.flat li:first-child{
padding-top:0
}
#ArchiveList ul.flat li:last-child{
padding-bottom:0;
border-bottom:0
}
#ArchiveList .flat li > a{
display:block;
color:$(title.color);
transition:color .17s
}
#ArchiveList .flat li > a:hover{
color:$(title.hover)
}
#ArchiveList .flat li > a:before{
content:"\f105";
float:left;
color:$(title.color);
font-weight:400;
font-family:FontAwesome;
margin:2px 3px 0 0;
display:inline-block;
transition:color .17s
}
#ArchiveList .flat li > a > span{
position:relative;
float:right;
width:16px;
height:16px;
background-color:$(main.color);
color:#fff;
font-size:11px;
font-weight:400;
text-align:center;
line-height:16px
}
.PopularPosts .post{
overflow:hidden;
margin:20px 0 0
}
.PopularPosts .post:first-child{
margin:0
}
.PopularPosts .post-image-link{
position:relative;
width:80px;
height:65px;
float:left;
overflow:hidden;
display:block;
vertical-align:middle;
margin:0 12px 0 0
}
.PopularPosts .post-info{
overflow:hidden
}
.PopularPosts .post-title{
font-size:13px;
font-weight:700;
line-height:1.5em;
margin:0 0 5px
}
.PopularPosts .post-title a{
display:block;
color:$(title.color);
transition:color .17s
}
.PopularPosts .post-title a:hover{
color:$(title.hover)
}
.PopularPosts .post-meta{
font-size:11px
}
.PopularPosts .post-date:before{
font-size:10px
}
.FeaturedPost .post-image-link{
display:block;
position:relative;
overflow:hidden;
width:100%;
height:180px;
margin:0 0 13px
}
.FeaturedPost .post-image-link .post-thumb {
opacity:1;
}
.FeaturedPost .post-title{
font-size:18px;
overflow:hidden;
font-weight:700;
line-height:1.5em;
margin:0 0 10px
}
.FeaturedPost .post-title a{
color:$(title.color);
display:block;
transition:color .17s ease
}
.FeaturedPost .post-title a:hover{
color:$(title.hover)
}
.Text{
font-size:13px
}
.contact-form-widget form{
font-weight:400
}
.contact-form-name{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #eaeaea
}
.contact-form-email{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #eaeaea
}
.contact-form-email-message{
float:left;
width:100%;
font-family:inherit;
font-size:13px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #eaeaea
}
.contact-form-button-submit{
float:left;
width:100%;
height:30px;
background-color:$(main.color);
font-size:13px;
color:#fff;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
padding:0 10px;
margin:0;
border:0;
transition:background .17s ease
}
.contact-form-button-submit:hover{
background-color:$(main.dark.color)
}
.contact-form-error-message-with-border{
float:left;
width:100%;
background-color:#fbe5e5;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #fc6262
}
.contact-form-success-message-with-border{
float:left;
width:100%;
background-color:#eaf6ff;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #5ab6f9
}
.contact-form-cross{
margin:0 0 0 3px
}
.contact-form-error-message,.contact-form-success-message{
margin:0
}
.BlogSearch .search-input{
float:left;
width:75%;
height:30px;
background-color:#fff;
font-weight:400;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #eaeaea;
border-right-width:0
}
.BlogSearch .search-action{
float:right;
width:25%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
background-color:$(main.color);
color:#fff;
padding:0 5px;
border:0;
transition:background .17s ease
}
.BlogSearch .search-action:hover{
background-color:$(main.dark.color)
}
.Profile .profile-img{
float:left;
width:80px;
height:80px;
margin:0 15px 0 0;
transition:all .17s ease
}
.Profile .profile-datablock{
margin:0
}
.Profile .profile-data .g-profile{
display:block;
font-size:14px;
color:$(title.color);
margin:0 0 5px;
transition:color .17s ease
}
.Profile .profile-data .g-profile:hover{
color:$(title.hover)
}
.Profile .profile-info > .profile-link{
color:$(title.color);
font-size:11px;
margin:5px 0 0;
transition:color .17s ease
}
.Profile .profile-info > .profile-link:hover{
color:$(title.hover)
}
.Profile .profile-datablock .profile-textblock{
display:none
}
.common-widget .LinkList ul li,.common-widget .PageList ul li{
width:calc(50% - 5px);
padding:7px 0 0
}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-
child(odd){
float:left
}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-
child(even){
float:right
}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{
display:block;
color:$(title.color);
font-size:13px;
font-weight:400;
transition:color .17s ease
}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
color:$(title.hover)
}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-
child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul
li:nth-child(2){
padding:0
}
#footer-wrapper{
}
#footer-wrapper .primary-footer{
float:left;
width:100%;
margin:0
}
#footer-wrapper .container{
position:relative;
overflow:hidden;
margin:0 auto;
padding:25px 0
}
.footer-widgets-wrap{
position:relative;
display:flex;
margin:0 -15px
}
#footer-wrapper .footer{
display:inline-block;
float:left;
width:33.33333333%;
box-sizing:border-box;
padding:0 15px
}
#footer-wrapper .footer .widget{
float:left;
width:100%;
background: rgba(0,0,0,0.6);
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid rgba(0,0,0,.8);
border-bottom: 5px solid rgba(0,0,0,.3);
margin:25px 0 0
}
#footer-wrapper .footer .Text{
margin:10px 0 0
}
#footer-wrapper .footer .widget:first-child{
margin:0
}
#footer-wrapper .footer .widget-content{
float:left;
width:100%
}
.footer .widget-title{
position:relative;
float:left;
width:100%;
height:42px;
background-image: -webkit-linear-gradient(bottom, #d92212, #c43e2f);
background-image: -moz-linear-gradient(bottom, #d92212, #c43e2f);
background-image: -o-linear-gradient(bottom, #d92212, #c43e2f);
background-image: linear-gradient(to top, #d92212, #c43e2f);
border: 1px solid rgba(0,0,0,.8);
border-bottom: 5px solid rgba(0,0,0,.3);
display:block;
margin:0 0 20px
}
.footer .widget-title > h3{
position:relative;
height:42px;
font-size:15px;
color: #fff;
background: url(https://1.bp.blogspot.com/-34BiwryoUvo/X3boPatWLBI/AAAAAAAAJas/
eAeMahpCGXkYoY0wOlqmKGRDx_4j17AKQCNcBGAsYHQ/s16000/widgetback.png) top right no-
repeat;
text-transform:uppercase;
line-height:42px;
padding:0 10px;
margin:0
}
.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-
meta{
border-color:rgba(255,255,255,0.05)
}
.footer .post-image-link{
background-color:rgba(255,255,255,0.05)
}
.footer .custom-widget .post-title a,.footer .PopularPosts .post-title
a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList
ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info
> .profile-link{
color:$(footer.color)
}
.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title
a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li
a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-
profile:hover,.footer .Profile .profile-info > .profile-link:hover{
color:$(title.hover)
}
.footer .no-posts{
color:$(footer.color)
}
.footer .FollowByEmail .widget-content > h3{
color:$(footer.color)
}
.footer .FollowByEmail .widget-content{
background-color:rgba(255,255,255,0.05);
border-color:rgba(255,255,255,0.05)
}
.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{
color:#aaa
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
background:$(main.dark.color)
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{
background-color:rgba(255,255,255,0.05);
color:$(footer.color);
border-color:rgba(255,255,255,0.05)
}
.footer #ArchiveList .flat li > a{
color:$(footer.color)
}
.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{
border-color:rgba(255,255,255,0.05)
}
.footer .list-label li:first-child{
padding-top:0
}
.footer .list-label li a,.footer .list-label li a:before,.footer
#ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{
color:$(footer.color)
}
.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{
color:$(title.hover)
}
.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{
background-color:rgba(255,255,255,0.05);
color:$(footer.color)
}
.footer .cloud-label li a{
background-color:rgba(255,255,255,0.05);
color:$(footer.color)
}
.footer .cloud-label li a:hover{
background-color:$(main.color);
color:#fff
}
.footer .BlogSearch .search-input{
background-color:rgba(255,255,255,0.05);
color:$(footer.color);
border-color:rgba(255,255,255,0.05)
}
.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-
email-message{
background-color:rgba(255,255,255,0.05);
color:$(footer.color);
border-color:rgba(255,255,255,0.05)
}
.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-
inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{
background-color:rgba(0,0,0,0.3)
}
#sub-footer-wrapper{
display:block;
width:100%;
background-color:rgba(255,255,255,0.05);
overflow:hidden;
color:$(footer.color);
padding:0
}
#sub-footer-wrapper .container{
overflow:hidden;
margin:0 auto;
padding:10px 0
}
#menu-footer{
float:right;
position:relative;
display:block
}
#menu-footer .widget > .widget-title{
display:none
}
#menu-footer ul li{
float:left;
display:inline-block;
height:34px;
padding:0;
margin:0
}
#menu-footer ul li a{
font-size:12px;
font-weight:400;
display:block;
color:$(footer.color);
line-height:34px;
padding:0 5px;
margin:0 0 0 10px;
transition:color .17s ease
}
#menu-footer ul li:last-child a{
padding:0 0 0 5px
}
#menu-footer ul li a:hover{
color:$(title.hover)
}
#sub-footer-wrapper .copyright-area{
font-size:12px;
float:left;
height:34px;
line-height:34px;
font-weight:400
}
#sub-footer-wrapper .copyright-area a{
color:$(footer.color);
transition:color .17s
}
#sub-footer-wrapper .copyright-area a:hover{
color:$(title.hover)
}
.hidden-widgets{
display:none;
visibility:hidden
}
.back-top{
display:none;
z-index:1010;
width:34px;
height:34px;
position:fixed;
bottom:25px;
right:25px;
cursor:pointer;
overflow:hidden;
font-size:20px;
color:#fff;
text-align:center;
line-height:34px
}
.back-top:before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:$(main.color);
opacity:.5;
transition:opacity .17s ease
}
.back-top:after{
content:'\f106';
position:relative;
font-family:FontAwesome;
font-weight:400;
opacity:.8;
transition:opacity .17s ease
}
.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-
active .back-top:before{
opacity:1
}
.error404 #main-wrapper{
width:100%!important;
margin:0!important
}
.error404 #sidebar-wrapper{
display:none
}
.errorWrap{
color:$(title.color);
text-align:center;
padding:80px 0 100px
}
.errorWrap h3{
font-size:160px;
line-height:1;
margin:0 0 30px
}
.errorWrap h4{
font-size:25px;
margin:0 0 20px
}
.errorWrap p{
margin:0 0 10px
}
.errorWrap a{
display:block;
color:$(main.color);
padding:10px 0 0
}
.errorWrap a i{
font-size:20px
}
.errorWrap a:hover{
text-decoration:underline
}
@media screen and (max-width: 1100px) {
#outer-wrapper{
max-width:100%
}
.row{
width:100%
}
#top-bar .container,.header-header .container,.header-menu .container,#break-
wrapper, #hot-wrapper,#carousel-wrapper, #featured-wrapper{
box-sizing:border-box;
padding:0 20px
}
.header-menu{
background: $(main.menu.one);
background: -moz-linear-gradient(-45deg, $(main.menu.one) 52%, $(main.menu.two)
100%);
background: -webkit-linear-gradient(-45deg, $(main.menu.one) 52%,$
(main.menu.two) 100%);
background: linear-gradient(135deg, $(main.menu.one) 52%,$(main.menu.two)
100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$
(main.menu.one)', endColorstr='$(main.menu.two)',GradientType=1 );
}
.header-menu .container {
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: -webkit-gradient(linear,left top,left bottom,color-
stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2)
0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0)
100%);
-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}
#main-menu {
background: transparent;
box-shadow: none;
}
#header-wrap{
height:auto
}
.header-logo{
max-width:30%
}
.header-ads{
max-width:70%
}
.show-search,.hide-search{
right:20px
}
#nav-search .search-input{
padding:0 48px 0 20px
}
#content-wrapper{
position:relative;
box-sizing:border-box;
padding:0 20px;
margin:30px 0 0
}
#footer-wrapper .container{
box-sizing:border-box;
padding:25px 20px
}
#sub-footer-wrapper .container{
box-sizing:border-box;
padding:10px 20px
}
}
@media screen and (max-width: 980px) {
#content-wrapper > .container{
margin:0
}
#top-bar,.header-logo,.header-menu{
display:none
}
.mobile-header{
display:block
}
#header-wrap{
padding:0
}
.header-header{
height:auto;
padding:0
}
.header-header .container.row{
width:100%
}
.header-ads{
width:100%;
max-width:100%;
box-sizing:border-box;
padding:0
}
.header-ads .widget .widget-content{
position:relative;
padding:20px 0;
margin:0 auto
}
#header-inner a{
display:inline-block!important
}
#main-wrapper,#sidebar-wrapper{
width:100%;
padding:0
}
#featured-wrapper .grid-big li {
width: calc(100% / 2);
}
#featured-wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {
margin: 30px 0 0;
}
#footer-about-area {
width: 100%;
text-align: center;
padding: 0;
}
#footer-about-area .widget {
width: 100%;
}
#footer-about-area .footer-logo {
float: none;
display: inline-block;
max-width: unset;
padding: 0;
}
#footer-about-area .Image .image-caption {
line-height: inherit;
margin: 10px 0 0;
}
.foot-bar-social {
width: 100%;
padding: 25px 0 0;
text-align: center;
}
.foot-bar-social ul > li {
float: none;
display: inline-block;
margin: 0 5px;
}
}
@media screen and (max-width: 880px) {
#hot-section .show-hot .widget-content,#hot-section .hot-posts{
height:auto
}
#hot-section .loader{
height:200px
}
.hot-posts .item-0 {
width: 50%;
height: 380px;
padding-right: 0;
padding-right: 5px;
}
.hot-posts .hot-item {
width: 50%;
}
.hot-posts .hot-item.item-3, .hot-posts .hot-item.item-4 {
margin: 0;
}
#carousel-section .show-slide .widget-content,.slide-posts,.slide-posts .car-
item,.featured-posts .show-slider .widget-content,.main-slider,.main-
slider .slider-item {
height:300px
}
.footer-widgets-wrap{
display:block
}
#footer-wrapper .footer{
width:100%;
margin-right:0
}
#footer-sec2,#footer-sec3{
margin-top:25px
}
}
@media screen and (max-width: 680px) {
#hot-section .show-hot .widget-content,#hot-section .hot-posts{
height:auto
}
#hot-section .loader{
height:200px
}
.hot-posts .hot-item{
width:100%;
height:180px;
margin:10px 0 0
}
.hot-posts .item-0{
margin:0;
padding:0;
}
.hot-posts .hot-item.item-3, .hot-posts .hot-item.item-4 {
margin: 10px 0 0;
}
#carousel-section .show-slide .widget-content,.slide-posts,.slide-posts .car-
item, .featured-posts .show-slider .widget-content,.main-slider,.main-
slider .slider-item{
height:250px
}
.car-item .post-image-link:after, .slider-item .post-image-link:after{
content:'';
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background-color:rgba(0,0,0,0.3);
z-index:2
}
.slide-posts .post-info-wrap, .main-slider .post-info-wrap{
background-color:rgba(0,0,0,0)
}
.featured-posts > .col-width,.grid-big li{
width:100%
}
.feat-big li,.feat-big .item-0{
width:100%
}
.feat-big .item-1{
margin:20px 0 0
}
.grid-big li.item-big{
margin:30px 0 0
}
.grid-big li.item-0{
margin:0
}
.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-col
.feat-inner .post-image-link,.FeaturedPost .post-image-link{
width:100%;
height:180px;
margin:0 0 10px
}
.feat-big .feat-inner, .feat-big .feat-inner .post-image-link {
height: 250px;
}
.index-post .post-info,.feat-big .item-big .post-info,.feat-list .post-info{
float:left;
width:100%
}
.post-snippet{
margin:8px 0 0
}
#menu-footer,#sub-footer-wrapper .copyright-area{
width:100%;
height:auto;
line-height:inherit;
text-align:center
}
#menu-footer{
margin:10px 0 0
}
#sub-footer-wrapper .copyright-area{
margin:10px 0
}
#menu-footer ul li{
float:none;
height:auto
}
#menu-footer ul li a{
line-height:inherit;
margin:0 3px 5px
}
}
@media screen and (max-width: 540px) {
.hot-posts .hot-item,.index-post .post-image-wrap,.feat-list .feat-
inner .post-image-link,.feat-col .feat-inner .post-image-link,.FeaturedPost .post-
image-link{
height:160px
}
.hot-posts .hot-item.item-3, .hot-posts .hot-item.item-4 {
margin: 10px 0 0;
}
#break-section .show-ticker > .widget-title {
width: 24px;
font-size: 0;
text-align: center;
padding: 0;
}
#break-section .widget > .widget-title > h3:before {
float: none;
margin: 0;
}
#carousel-section .show-slide .widget-content,.slide-posts,.slide-posts .car-
item, .featured-posts .show-slider .widget-content,.main-slider,.main-
slider .slider-item{
height:250px
}
.main-slider .post-title {
font-size: 18px;
}
#featured-wrapper .grid-big li {
width: 100%;
}
#featured-wrapper .grid-big li, #featured-wrapper .grid-big li.item-1, #featured-
wrapper .grid-big li.item-2, #featured-wrapper .grid-big li.item-3 {
margin:15px 0 0;
}
#featured-wrapper .grid-big li.item-0 {
margin:0;
}
.share-links li a span{
display:none
}
.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{
width:30px
}
ul.related-posts{
margin:0
}
.related-posts .related-item,.grid-small li,.feat-big .item-small{
width:100%;
padding:0;
margin:20px 0 0
}
.feat-big .item-0{
margin:0
}
.feat-big .item-small .post-info,.grid-small .post-info{
float:none;
overflow:hidden
}
.grid-small li:nth-child(3n+1){
margin:20px 0 0
}
.grid-small li.item-1,.grid-small li.item-2{
margin:20px 0 0
}
.related-posts .item-0,.grid-small li.item-0{
padding:0;
margin:0;
border:0
}
.related-posts .related-item:first-child{
padding:0
}
.related-posts .post-image-link,.feat-big .item-small .post-image-link,.grid-
small .post-image-link{
width:80px;
height:65px;
float:left;
margin:0 12px 0 0
}
.grid-small .post-tag,.related-posts .post-tag{
display:none
}
.related-posts .post-title,.grid-small .post-title{
font-size:13px;
overflow:hidden;
margin:0 0 5px
}
.inline-ad,.inline-ad > ins{
height:auto;
min-height:1px;
max-height:250px
}
.item-post h1.post-title{
font-size:25px
}
}
@media screen and (max-width: 440px) {
.hot-posts .post-title,.hot-posts .item-0 .post-title{
font-size:15px
}
.main-slider .post-snippet, .slide-posts .post-snippet, .ticker-widget .post-tag {
display: none;
}
.ticker-widget .post-title {
float:none;
}
.ticker-widget:after {
content: "";
position: absolute;
background: linear-gradient(to right,#fff0,#ebebeb);
top: 3px;
right: 1px;
width: 50px;
height: 24px;
z-index: 4;
}
.main-slider .post-info .post-tag{
}
#carousel-section .show-slide .widget-content,.slide-posts,.slide-posts .car-
item, .featured-posts .show-slider .widget-content,.main-slider,.main-
slider .slider-item{
height:220px
}
.queryMessage{
text-align:center
}
.queryMessage a.show-more{
width:100%;
margin:10px 0 0
}
.item-post h1.post-title{
font-size:21px
}
blockquote{
padding:10px 15px
}
.about-author{
text-align:center
}
.about-author .avatar-container{
float:none;
display:table;
margin:0 auto 10px
}
#comments ol{
padding:0
}
.errorWrap{
padding:70px 0 100px
}
.errorWrap h3{
font-size:130px
}
}
@media screen and (max-width: 360px) {
.about-author .avatar-container{
width:60px;
height:60px
}
}
]]></b:skin>
<style>
/*-------Typography and ShortCodes-------*/
.firstcharacter{
float:left;
color:#27ae60;
font-size:75px;
line-height:60px;
padding-top:4px;
padding-right:8px;
padding-left:3px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body
h6{
margin-bottom:15px;
color:#2c3e50
}
blockquote{
font-style:italic;
color:#888;
border-left:5px solid #27ae60;
margin-left:0;
padding:10px 15px
}
blockquote:before{
content:'
\f10d'
;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-right:10px;
color:#888
}
blockquote:after{
content:'
\f10e'
;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
margin-left:10px;
color:#888
}
.button{
background-color:#2c3e50;
float:left;
padding:5px 12px;
margin:5px;
color:#fff;
text-align:center;
border:0;
cursor:pointer;
border-radius:3px;
display:block;
text-decoration:none;
font-weight:400;
transition:all .3s ease-out !important;
-webkit-transition:all .3s ease-out !important
}
a.button{
color:#fff
}
.button:hover{
background-color:#27ae60;
color:#fff
}
.button.small{
font-size:12px;
padding:5px 12px
}
.button.medium{
font-size:16px;
padding:6px 15px
}
.button.large{
font-size:18px;
padding:8px 18px
}
.small-button{
width:100%;
overflow:hidden;
clear:both
}
.medium-button{
width:100%;
overflow:hidden;
clear:both
}
.large-button{
width:100%;
overflow:hidden;
clear:both
}
.demo:before{
content:"
\f06e"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.download:before{
content:"
\f019"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.buy:before{
content:"
\f09d"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.visit:before{
content:"
\f14c"
;
margin-right:5px;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
line-height:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.widget .post-body ul,.widget .post-body ol{
line-height:1.5;
font-weight:400
}
.widget .post-body li{
margin:5px 0;
padding:0;
line-height:1.5
}
.post-body ul li:before{
content:"
\f105"
;
margin-right:5px;
font-family:fontawesome
}
pre{
font-family:Monaco, "
Andale Mono"
, "
Courier New"
, Courier, monospace;
background-color:#2c3e50;
background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent
50%, transparent);
background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%,
transparent);
background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%,
transparent);
background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%,
transparent);
background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%,
transparent);
-webkit-background-size:100% 50px;
-moz-background-size:100% 50px;
background-size:100% 50px;
line-height:25px;
color:#f1f1f1;
position:relative;
padding:0 7px;
margin:15px 0 10px;
overflow:hidden;
word-wrap:normal;
white-space:pre;
position:relative
}
pre:before{
content:'
Code'
;
display:block;
background:#F7F7F7;
margin-left:-7px;
margin-right:-7px;
color:#2c3e50;
padding-left:7px;
font-weight:400;
font-size:14px
}
pre code,pre .line-number{
display:block
}
pre .line-number a{
color:#27ae60;
opacity:0.6
}
pre .line-number span{
display:block;
float:left;
clear:both;
width:20px;
text-align:center;
margin-left:-7px;
margin-right:7px
}
pre .line-number span:nth-child(odd){
background-color:rgba(0, 0, 0, 0.11)
}
pre .line-number span:nth-child(even){
background-color:rgba(255, 255, 255, 0.05)
}
pre .cl{
display:block;
clear:both
}
#contact{
background-color:#fff;
margin:30px 0 !important
}
#contact .contact-form-widget{
max-width:100% !important
}
#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-
email-message{
background-color:#FFF;
border:1px solid #eee;
border-radius:3px;
padding:10px;
margin-bottom:10px !important;
max-width:100% !important
}
#contact .contact-form-name{
width:47.7%;
height:50px
}
#contact .contact-form-email{
width:49.7%;
height:50px
}
#contact .contact-form-email-message{
height:150px
}
#contact .contact-form-button-submit{
max-width:100%;
width:100%;
z-index:0;
margin:4px 0 0;
padding:10px !important;
text-align:center;
cursor:pointer;
background:#27ae60;
border:0;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out;
color:#FFF
}
#contact .contact-form-button-submit:hover{
background:#2c3e50
}
#contact .contact-form-email:focus,#contact .contact-form-
name:focus,#contact .contact-form-email-message:focus{
box-shadow:none !important
}
.alert-message{
position:relative;
display:block;
background-color:#FAFAFA;
padding:20px;
margin:20px 0;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
color:#2f3239;
border:1px solid
}
.alert-message p{
margin:0 !important;
padding:0;
line-height:22px;
font-size:13px;
color:#2f3239
}
.alert-message span{
font-size:14px !important
}
.alert-message i{
font-size:16px;
line-height:20px
}
.alert-message.success{
background-color:#f1f9f7;
border-color:#e0f1e9;
color:#1d9d74
}
.alert-message.success a,.alert-message.success span{
color:#1d9d74
}
.alert-message.alert{
background-color:#DAEFFF;
border-color:#8ED2FF;
color:#378FFF
}
.alert-message.alert a,.alert-message.alert span{
color:#378FFF
}
.alert-message.warning{
background-color:#fcf8e3;
border-color:#faebcc;
color:#8a6d3b
}
.alert-message.warning a,.alert-message.warning span{
color:#8a6d3b
}
.alert-message.error{
background-color:#FFD7D2;
border-color:#FF9494;
color:#F55D5D
}
.alert-message.error a,.alert-message.error span{
color:#F55D5D
}
.fa-check-circle:before{
content:"
\f058"
}
.fa-info-circle:before{
content:"
\f05a"
}
.fa-exclamation-triangle:before{
content:"
\f071"
}
.fa-exclamation-circle:before{
content:"
\f06a"
}
.post-table table{
border-collapse:collapse;
width:100%
}
.post-table th{
background-color:#eee;
font-weight:bold
}
.post-table th,.post-table td{
border:0.125em solid #333;
line-height:1.5;
padding:0.75em;
text-align:left
}
@media (max-width: 30em){
.post-table thead tr{
position:absolute;
top:-9999em;
left:-9999em
}
.post-table tr{
border:0.125em solid #333;
border-bottom:0
}
.post-table tr + tr{
margin-top:1.5em
}
.post-table tr,.post-table td{
display:block
}
.post-table td{
border:none;
border-bottom:0.125em solid #333;
padding-left:50%
}
.post-table td:before{
content:attr(data-label);
display:inline-block;
font-weight:bold;
line-height:1.5;
margin-left:-100%;
width:100%
}
}
@media (max-width: 20em){
.post-table td{
padding-left:0.75em
}
.post-table td:before{
display:block;
margin-bottom:0.75em;
margin-left:0
}
}
.FollowByEmail {
clear: both;
}
.widget .post-body ol {
padding: 0 0 0 15px;
}
.post-body ul li {
list-style: none;
}
</style>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin>
<![CDATA[
/*------Layout (No Edit)----------*/
body#layout #outer-wrapper,body#layout .row{
width:auto;
padding:0
}
body#layout{
width:800px;
position:relative;
padding:95px 5px 0;
margin:0
}
body#layout div.section{
margin:0 5px 10px!important;
padding:16px 16px 18px!important
}
body#layout .section h4{
font-size:14px;
margin:0
}
body#layout .layout-widget-description{
display:none
}
body#layout .theme-options,body#layout #main-menu .widget{
display:block!important
}
body#layout div.sora-panel{
background-color:#d7d7d7!important;
overflow:hidden!important;
border-color:#bcbcbc
}
body#layout .sora-panel .widget{
float:left;
width:49%;
margin-right:2%
}
body#layout .sora-panel #LinkList71{
margin-right:0
}
body#layout #top-bar{
height:auto
}
body#layout #top-bar .container{
display:flex
}
body#layout .primary-footer .container {
display: flex;
}
body#layout .footer-about-area, body#layout .foot-bar-social {
width: 100%;
float: left;
display: block;
}
body#layout div.top-bar-nav,body#layout div.top-bar-social{
width:100%
}
body#layout #header-wrap{
height:auto
}
body#layout .header-header{
float:left;
width:66.66%;
height:auto;
padding:0
}
body#layout .header-header .container{
display:flex
}
body#layout div.header-logo,body#layout div.header-ads{
float:left;
width:50%;
height:auto;
max-width:none;
max-height:none
}
body#layout .header-ads .widget-content{
width:auto
}
body#layout .header-ads .add_widget{
padding:15px!important
}
body#layout .mobile-header{
display:block;
float:right;
width:33.33%;
height:auto
}
body#layout #break-wrapper .widget {
display: block;
}
body#layout .mobile-menu{
display:none
}
body#layout .header-menu{
float:left;
width:100%;
height:auto
}
body#layout #main-menu{
height:auto
}
body#layout #hot-wrapper .widget{
display:block
}
body#layout #content-wrapper{
margin:0
}
body#layout #content-wrapper > .container{
display:flex;
margin:0
}
body#layout #main-wrapper{
width:66.66%;
padding:0
}
body#layout #sidebar-wrapper{
width:33.33%;
padding:0
}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{
float:none;
overflow:visible
}
body#layout .footer-widgets-wrap{
display:flex
}
body#layout .footer-widgets-wrap div.footer{
width:100%
}
/*------Layout (end)----------*/
]]></b:template-skin>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='widget-title'>
<b:if cond='data:defaultTitle or data:title'>
<div class='widget-title'>
<h3 class='title'>
<data:title/>
</h3>
</div>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='postContent'/>
</b:loop>
</div>
</b:includable>
<b:includable id='postContent' var='post'>
<div class='post'>
<div class='post-content'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title'
expr:src='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title'
src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/
KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w100/nth.png'/>
</b:if>
</a>
<div class='post-info'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-meta'>
<span class='post-date published'
expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</div>
</div>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Header'>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE",
"BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</div>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height'
expr:data-width='data:width' expr:src='data:image'/>
</a>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='postContent'/>
</b:loop>
</div>
</b:includable>
<b:includable id='postContent' var='post'>
<div class='post'>
<div class='post-content'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title'
expr:src='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title'
src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/
KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w640/nth.png'/>
</b:if>
<span class='post-tag'><data:post.labels.last.name/></span>
</a>
<div class='post-info'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
<div class='post-meta'>
<span class='post-author'><data:post.author.name/></span>
<span class='post-date published'
expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</div>
<p class='post-snippet'><b:eval expr='data:post.snippets.short snippet
{ length: 87 }'/></p>
</div>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Label'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='list'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<a class='label-name' expr:href='data:label.url'>
<data:label.name/>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content' role='search'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input autocomplete='off' class='search-input' expr:aria-
label='data:messages.searchThisBlog'
expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ?
data:view.search.query.escaped : ""' name='q'/>
<input class='search-action' expr:value='data:messages.search.escaped'
type='submit'/>
</form>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogArchive'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:this.style in {"FLAT",
"MENU", "HIERARCHY"}' name='flat'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'>
<data:i.name/><span class='post-count'><data:i.post-count/></span>
</a>
</li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
</head>
<body expr:class='data:blog.pageType'>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isPage' name='item'/>
<b:class cond='data:view.isArchive' name='index'/>
<b:class cond='data:view.isError' name='error404'/>
<div class='header-header'>
<div class='container row'>
<b:section class='header-logo' id='header-logo' maxwidgets='1'
name='Header Logo' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='free games (Header)'
type='Header' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://1.bp.blogspot.com/-
D3zLE_mHH9A/X3cRhkvRbbI/AAAAAAAAJbk/zKvoq0B3gzszEHPZlD2z_EETYuS2DV7XwCK4BGAYYCw/
s1600/Game-x-logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>56</b:widget-setting>
<b:widget-setting name='sectionWidth'>257</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'>260</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE",
"BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</div>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{ image:
data:this.image, selector: ".header-widget"
}' name='responsiveImageStyle'/>
<style type='text/css'>
.header-widget {
background-position: <data:blog.locale.languageAlignment/>;
background-repeat: no-repeat;
}
</style>
</b:if>
</b:includable>
<b:includable id='description'>
<p>
<data:this.description/>
</p>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height'
expr:data-width='data:width' expr:src='data:image'/>
</a>
</b:includable>
<b:includable id='title'>
<h1>
<b:tag cond='data:view.url != data:blog.homepageUrl'
expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-ads' id='header-ads' maxwidgets='1' name='Header
Ads 728x90' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='�����' type='HTML'
visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><a class="sora-ads-
here" href="javascript:;">Responsive Advertisement</a>
<style>
.sora-ads-here {
display: block;
background-color: rgba(0,0,0,0.6);
text-align: center;
font-size: 13px;
color: #aaaaaa;
font-weight: 400;
font-style: italic;
line-height: 90px;
border: 1px solid #292929;
}
</style></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clearfix'/>
</div>
</div>
<div class='mobile-header'>
<span class='slide-menu-toggle'/>
<b:section class='mobile-logo' id='mobile-logo' maxwidgets='1' name='Mobile
Logo' showaddelement='yes'>
<b:widget id='Image70' locked='true' title='���� �������' type='Image'
version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-
XS91IccH6LU/X3cSrKd0AYI/AAAAAAAAJbw/m9trBJeVpPULwwanpEXZGwmmDe-gwJIagCK4BGAYYCw/
s122/Game-x-Mobile.png</b:widget-setting>
<b:widget-setting name='displayHeight'>30</b:widget-setting>
<b:widget-setting name='sectionWidth'>257</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>122</b:widget-setting>
<b:widget-setting name='link'>My Title</b:widget-setting>
<b:widget-setting name='caption'>image</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='logo-content'>
<b:if cond='data:caption == "image"'>
<a expr:href='data:blog.homepageUrl'><img
expr:alt='data:blog.title' expr:src='data:sourceUrl'/></a>
<b:elseif cond='data:caption == "custom"'/>
<b:if cond='data:link'>
<h3><a expr:href='data:blog.homepageUrl'><data:link/></a></h3>
</b:if>
<b:else/>
<h3><a
expr:href='data:blog.homepageUrl'><data:blog.title/></a></h3>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<span class='show-mobile-search'/>
<form class='mobile-search-form' expr:action='data:blog.searchUrl'
role='search'>
<input class='mobile-search-input'
expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>
<span class='hide-mobile-search'/>
</form>
<div class='mobile-menu'/>
</div>
<div class='header-menu'>
<div class='container row'>
<b:section class='main-menu' id='main-menu' maxwidgets='1' name='Main
Menu / Dropdown / Multi Dropdown / Megamenu' showaddelement='yes'>
<b:widget id='LinkList74' locked='true' title='������� ��������'
type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='text-9'>_ACTION</b:widget-setting>
<b:widget-setting name='link-9'>#</b:widget-setting>
<b:widget-setting name='text-8'>MAC</b:widget-setting>
<b:widget-setting name='link-7'>#</b:widget-setting>
<b:widget-setting name='link-8'>#</b:widget-setting>
<b:widget-setting name='text-10'>_ADVENTURE</b:widget-setting>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-6'>#</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>PC</b:widget-setting>
<b:widget-setting name='text-0'>Home-icon</b:widget-setting>
<b:widget-setting name='text-3'>PS5</b:widget-setting>
<b:widget-setting name='text-2'>XBOX360</b:widget-setting>
<b:widget-setting name='text-5'>PS3</b:widget-setting>
<b:widget-setting name='text-4'>PS4</b:widget-setting>
<b:widget-setting name='text-7'>WII</b:widget-setting>
<b:widget-setting name='text-6'>PS2</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting name='link-10'>#</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<ul id='main-menu-nav' role='menubar'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'
role='menuitem'><data:link.name/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<div id='nav-search'>
<form class='search-form' expr:action='data:blog.searchUrl'
role='search'>
<input autocomplete='off' class='search-input'
expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>
<span class='hide-search'/>
</form>
</div>
<span class='show-search'/>
</div>
</div>
<div class='clearfix'/>
</div>
<b:if cond='data:view.isHomepage'>
<div class='row' id='featured-wrapper'>
<b:section class='featured-posts' id='featured-posts-1' name='Featured
Posts 01' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='������' type='HTML'
version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>4/random/grid-big</b:widget-
setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clearfix'/>
</div>
</b:if>
</div>
<!-- Content Wrapper -->
<div class='row' id='content-wrapper'>
<div class='container'>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author'
name='authorName'/>
<b:param expr:value='data:comment.authorUrl'
name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author'
name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='"comment-body" +
(data:comment.isDeleted ? " deleted" : "")'>
<data:comment.body/>
</div>
<div class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<b:if cond='data:post.allowComments'>
<div class='title-wrap comments-title'>
<h3><data:messages.postAComment/></h3>
</div>
</b:if>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframeComments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<section expr:class='"comments" +
(data:post.embedCommentForm ? " embed" : "")' expr:data-num-
comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:include name='commentsTitle'/>
<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:messages.oldest/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:messages.older/>
</a>
</b:if>
<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>
<b:if cond='data:post.hasNewerLinks'>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:messages.newer/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>
<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='addComments'/>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0'
id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl'
expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-
compatibility. -->
</b:includable>
<b:includable id='commentsTitle'>
<!-- Post Commments Title -->
<h3 class='title'><data:post.numberOfComments/>
<data:messages.comments/></h3>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-
client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-
host='data:blog.adsenseHostId' expr:data-analytics-
uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display:
block;"'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }'
name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \
"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='feedLinks'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='footerBylines' var='post'>
<!-- Post Footer Extras -->
<b:include data='post' name='postLabels'/>
<b:include data='post' name='postShareButtons'/>
</b:includable>
<b:includable id='googlePlusShare'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http'
size='medium' source='blogger:blog:plusone'/>
</div>
</b:includable>
<b:includable id='headerByline' var='post'>
<!-- Post Header Meta -->
<div class='post-meta'>
<b:include data='post' name='postAuthor'/>
<b:include data='post' name='postTimestamp'/>
</div>
</b:includable>
<b:includable id='homePageLink'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='homePostsHeadline'>
<b:if cond='data:view.isHomepage'>
<div class='home-posts-headline title-wrap Label'>
<h3 class='title'><data:messages.recentPosts/></h3>
<a class='view-all' href='/search'><data:messages.viewAll/></a>
</div>
<div class='clearfix'/>
</b:if>
</b:includable>
<b:includable id='iframeComments' 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.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='!data:post.embedCommentForm'>
<b:include data='post' name='commentsLink'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='indexBlogPager'>
<!-- Post Pagination Index -->
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl'
name='homePageLink'/>
</div>
</b:includable>
<b:includable id='indexPost' var='post'>
<!-- Index Post Content -->
<b:include data='post' name='postFeaturedImage'/>
<div class='post-info'>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='postSummary'/>
<b:include data='post' name='postJumpLink'/>
</div>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:this.adCode or data:this.adClientId or
data:blog.adsenseClientId'>
<!-- Ad -->
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:include cond='data:this.adClientId or
data:blog.adsenseClientId' name='defaultAdUnit'/>
</b:if>
</div>
</b:if>
<b:else/>
<div class='inline-ad'>
<div class='inline-ad-placeholder'>
<span><b:message name='messages.adsGoHere'/></span>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='itemPost' var='post'>
<!-- Item Post Content -->
<b:include data='post' name='postMeta'/>
<b:include data='post' name='postHeader'/>
<!-- Show ad inside post content (top), if post page. -->
<b:include cond='data:view.isPost and data:post.includeAd'
data='post' name='inlineAd'/>
<b:include data='post' name='postBody'/>
<!-- Show ad inside post content (bottom), if post page. -->
<b:include cond='data:view.isPost and data:post.includeAd'
data='post' name='inlineAd'/>
<b:include cond='data:view.isPost' data='post' name='postFooter'/>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\
", \"" + data:originalUrl + "\"); return false;"'
var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='manageComments'>
<a expr:href='data:post.manageCommentsUrl'
expr:onclick='data:post.manageCommentsUrlOnclick'>
<b:message name='messages.manageComments'/>
</a>
</b:includable>
<b:includable id='messagesJs'>
<script type='text/javascript'>
var messages = {
viewAll: "<data:messages.viewAll/>"
}
</script>
</b:includable>
<b:includable id='nextPageLink'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:messages.olderPosts'>
<data:messages.olderPosts/>
</a>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-
label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl'
expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></
span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key'
expr:data-url='data:originalUrl' expr:href='data:shareUrl +
"&target=" + data:platform.target' expr:onclick='data:onclick ?
data:onclick : ""' expr:title='data:platform.shareMessage'
target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='post' var='post'>
<!-- Post Index -->
<b:if cond='data:view.isMultipleItems'>
<b:include data='post' name='indexPost'/>
</b:if>
<!-- Post Item -->
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='itemPost'/>
</b:if>
</b:includable>
<b:includable id='postAuthor' var='post'>
<!-- Post Author -->
<b:if cond='data:allBylineItems.author'>
<span class='post-author'><a
expr:href='data:post.author.profileUrl' expr:title='data:post.author.name'
target='_blank'><data:post.author.name/></a></span>
</b:if>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- Post Body Entry Content-->
<div class='post-body post-content'>
<data:post.body/>
</div>
</b:includable>
<b:includable id='postBodySnippet' var='post'>
<b:include data='post' name='postBody'/>
</b:includable>
<b:includable id='postBreadcrumbs' var='post'>
<!-- Post Breadcrumbs -->
<nav id='breadcrumb'><a
expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if
cond='data:post.labels'><em class='delimiter'/><a class='b-label'
expr:href='data:post.labels.last.url'><data:post.labels.last.name/></a></b:if><em
class='delimiter'/><span class='current'><data:post.title/></span></nav>
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"@id": "#Breadcrumb",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"name": "<data:messages.home/>",
"@id":
"<data:blog.homepageUrl.jsonEscaped/>"
}
},{
"@type": "ListItem",
"position": 2,
"item": {
"name": "<b:if
cond='data:post.labels'><data:post.labels.last.name/></b:if>",
"@id":
"<data:post.labels.last.url.jsonEscaped/>"
}
},{
"@type": "ListItem",
"position": 3,
"item": {
"name": "<data:post.title/>",
"@id": "<data:post.url.jsonEscaped/>"
}
}]
}
</script>
</b:includable>
<b:includable id='postCategory' var='post'>
<!-- Post Label/Category -->
<b:if cond='data:view.isMultipleItems and data:post.labels'>
<span class='post-tag index-post-tag'>
<data:post.labels.last.name/>
</span>
</b:if>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<!-- Post, Comments and Ads -->
<!-- Post Content Index and Item -->
<div class='blog-post hentry'>
<b:class cond='data:view.isMultipleItems' name='index-post'/>
<b:class cond='data:view.isSingleItem' name='item-post'/>
<b:include data='post' name='post'/>
</div>
<!-- Comments -->
<b:if cond='data:view.isSingleItem'>
<div class='blog-post-comments'>
<b:include data='post' name='threadedCommentsDisqus'/>
<b:include data='post' name='commentPicker'/>
</div>
</b:if>
<!-- Show ad outside post container (between posts) for feed pages.
-->
<b:include cond='data:view.isMultipleItems and data:post.includeAd'
data='post' name='inlineAd'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1'
name='commentsLink'/>
<b:include cond='data:post.commentSource == 1'
name='commentsLinkIframe'/>
</span>
</b:if>
</b:includable>
<b:includable id='postFeaturedImage' var='post'>
<!-- Post Featured Image on Index -->
<div class='post-image-wrap'>
<a class='post-image-link' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb' expr:alt='data:post.title'
expr:src='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title'
src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/
KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w640/nth.png'/>
</b:if>
</a>
<b:include data='post' name='postCategory'/>
</div>
</b:includable>
<b:includable id='postFooter' var='post'>
<!-- Post Footer Itens -->
<div class='post-footer'>
<!-- Post Labels, Share, Navigation, About Author an Related Posts
-->
<b:include data='post' name='footerBylines'/>
<b:include cond='data:allBylineItems.icons' data='post'
name='postNavigation'/>
<b:include cond='data:post.author.aboutMe' data='post'
name='aboutPostAuthor'/>
<b:include cond='data:allBylineItems.backlinks' data='post'
name='postRelated'/>
</div>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include cond='data:view.isPost' data='post'
name='postBreadcrumbs'/>
<b:include cond='data:view.isPost' data='post' name='postCategory'/>
<b:include data='post' name='postTitle'/>
<b:include cond='!data:view.isPage' data='post' name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<a class='read-more'
expr:href='data:post.url'><data:blog.jumpLinkMessage/></a>
</b:if>
</b:includable>
<b:includable id='postLabels' var='post'>
<b:if cond='data:allBylineItems.labels'>
<b:if cond='data:post.labels'>
<div class='post-labels'>
<span><data:allBylineItems.labels.label/></span>
<div class='label-head Label'>
<b:loop values='data:post.labels' var='label'>
<a class='label-link' expr:href='data:label.url'
rel='tag'><data:label.name/></a>
</b:loop>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl'
target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postMetadataJSONImage'>
"image": {
"@type": "ImageObject",
<b:if cond='data:post.featuredImage.isResizable'>
"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200,
"1200:630")'/>",
"height": 630,
"width": 1200
<b:else/>
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-
O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-
O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
</b:includable>
<b:includable id='postNavigation' var='post'>
<!-- Post Navigation Item -->
<ul class='post-nav'>
<li class='post-next'>
<b:if cond='data:newerPageUrl'>
<a class='next-post-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"' rel='next'>
<div
class='post-nav-inner'><span><data:messages.newer/></span><p/></div>
</a>
<b:else/>
<a rel='next'><div class='post-nav-inner post-nav-
active'><span><data:messages.newer/></span><p><data:post.title/></p></div></a>
</b:if>
</li>
<li class='post-prev'>
<b:if cond='data:olderPageUrl'>
<a class='prev-post-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
rel='previous'>
<div
class='post-nav-inner'><span><data:messages.older/></span><p/></div>
</a>
<b:else/>
<a rel='previous'><div class='post-nav-inner post-nav-
active'><span><data:messages.older/></span><p><data:post.title/></p></div></a>
</b:if>
</li>
</ul>
</b:includable>
<b:includable id='postPagination'>
<div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
</div>
</b:includable>
<b:includable id='postReactions'>
<span class='byline reactions'>
<span class='reactions-label'>
<data:byline.label/>
</span>
<iframe allowtransparency='true' class='reactions-iframe'
expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
</b:includable>
<b:includable id='postRelated' var='post'>
<!-- Related Posts -->
<div id='related-wrap'>
<div class='title-wrap'>
<h3><data:messages.youMayLikeThesePosts/></h3>
</div>
<div class='related-ready'>
<b:if cond='data:post.labels'>
<div class='related-tag' expr:data-
label='data:post.labels.first.name'/>
<b:else/>
<div class='related-tag' data-label='random'/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postShareButtons' var='post'>
<!-- Post ShareButtons -->
<b:if cond='data:allBylineItems.share'>
<div class='post-share'>
<ul class='share-links social social-color'>
<b:class cond='data:blog.isMobileRequest' name='is-mobile'/>
<li class='facebook'><a class='facebook'
expr:href='"https://www.facebook.com/sharer.php?u=" + data:post.url'
onclick='window.open(this.href, 'windowName', 'width=550,
height=650, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow'><span>Facebook</span></a></li>
<li class='twitter'><a class='twitter'
expr:href='"https://twitter.com/share?url=" + data:post.url +
"&text=" + data:post.title' onclick='window.open(this.href,
'windowName', 'width=550, height=450, left=24, top=24, scrollbars,
resizable'); return false;' rel='nofollow'><span>Twitter</span></a></li>
<li class='pinterest'><a class='pinterest'
expr:href='"https://www.pinterest.com/pin/create/button/?url=" +
data:post.url + "&media=" + data:post.featuredImage +
"&description=" + data:post.title' onclick='window.open(this.href,
'windowName', 'width=735, height=750, left=24, top=24, scrollbars,
resizable'); return false;' rel='nofollow'/></li>
<li class='linkedin'><a class='linkedin'
expr:href='"https://www.linkedin.com/shareArticle?url=" + data:post.url'
onclick='window.open(this.href, 'windowName', 'width=950,
height=650, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow'/></li>
<li class='whatsapp whatsapp-desktop'><a class='whatsapp'
expr:href='"https://web.whatsapp.com/send?text=" + data:post.title +
" | " + data:post.url' onclick='window.open(this.href,
'windowName', 'width=900, height=550, left=24, top=24, scrollbars,
resizable'); return false;' rel='nofollow'/></li>
<li class='whatsapp whatsapp-mobile'><a class='whatsapp'
expr:href='"https://api.whatsapp.com/send?text=" + data:post.title +
" | " + data:post.url' rel='nofollow' target='_blank'/></li>
<li class='email'><a class='email' expr:href='"mailto:?
subject=" + data:post.title + "&body=" + data:post.url'
onclick='window.open(this.href, 'windowName', 'width=500,
height=400, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow'/></li>
</ul>
</div>
</b:if>
</b:includable>
<b:includable id='postShortMeta'>
<b:comment>Disabled</b:comment>
</b:includable>
<b:includable id='postSummary' var='post'>
<!-- Post Summary -->
<p class='post-snippet'><b:eval expr='data:post.snippets.long snippet
{ length: 150 }'/></p>
</b:includable>
<b:includable id='postTimestamp' var='post'>
<!-- Post Timestamp -->
<b:if cond='data:allBylineItems.timestamp'>
<span class='post-date published'
expr:datetime='data:post.date.iso8601'><data:post.date/></span>
</b:if>
</b:includable>
<b:includable id='postTitle' var='post'>
<!-- Post Title Index and Item -->
<b:if cond='data:view.isMultipleItems'>
<h2 class='post-title'>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</b:if>
<b:if cond='data:view.isSingleItem'>
<h1 class='post-title'>
<data:post.title/>
</h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:messages.newerPosts'>
<data:messages.newerPosts/>
</a>
</b:includable>
<b:includable id='searchMessage'>
<!-- Search Message -->
<b:if cond='data:view.search.query'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info
query-error'/><data:view.search.resultsMessageHtml/><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-
success'><data:view.search.resultsMessageHtml/></span><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.search.label'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-
error'><data:view.search.resultsMessageHtml/></span><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-
success'><data:view.search.resultsMessageHtml/></span><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isArchive'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-
error'><data:view.archive.rangeMessage/></span><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
<b:else/>
<span class='query-info query-
success'><data:view.archive.rangeMessage/></span><a class='show-more'
expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isError'>
<div class='errorWrap'>
<h3>404</h3>
<h4><data:messages.theresNothingHere/></h4>
<p><data:navMessage/></p>
<a class='homepage' expr:href='data:blog.homepageUrl'><i
class='fa fa-home'/> <data:messages.home/></a>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems and data:posts.empty'><div
class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-
platform-button sharing-element-" + data:platform.key' expr:data-
href='data:shareUrl + "&target=" + data:platform.target' expr:data-
url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem'
tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId'
expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-
controls='"sharing-popup-" + data:sharingId' expr:aria-
label='data:messages.share.escaped' expr:id='"sharing-button-" +
data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-
label='data:messages.share.escaped' expr:id='"sharing-popup-" +
data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p
=> p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" +
data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-
iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight
?: "90px"' frameborder='0' id='comment-editor' name='comment-editor'
src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc'
type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-
embed='data:post.embedCommentForm' expr:data-num-
comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:include name='commentsTitle'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threadedCommentJs'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0'
id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='threadedCommentsDisqus' var='post'>
<script type='text/javascript'>
var disqus_blogger_current_url =
"<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url =
"<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url =
"<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clearfix'/>
<div class='clearfix'/>
<div id='sub-footer-wrapper'>
<div class='container row'>
<b:section class='menu-footer' id='menu-footer' maxwidgets='1' name='Menu
Footer' showaddelement='yes'>
<b:widget id='LinkList76' locked='true' title='����� ������' type='LinkList'
visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='copyright-area'>Created By <a href='http://soratemplates.com/'
id='mycontent' rel='dofollow' title='SoraTemplates'>Blogger</a> | Distributed By <a
href='https://gooyaabitemplates.com/' rel='dofollow' style='color:#ff00ba;'
target='_blank' title='Gooyaabi'>Gooyaabi</a>
</div>
</div>
</div>
</div>
</div>