Professional Documents
Culture Documents
النسخه الانجليزية
النسخه الانجليزية
>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3'
b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.0.0'
expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language'
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><b:attr expr:value='data:view.isSingleItem ? "og: http://ogp.me/ns# fb:
http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" : "og:
http://ogp.me/ns# fb: http://ogp.me/ns/fb# website:
http://ogp.me/ns/website#"' name='prefix'/>
/*=================
Variables
===================*/
<Group description="Basic" selector="body">
<Variable name="keycolor" description="Step color" type="color" default="#1e3c72"
value="#1e3c72"/>
<Variable name="step.color" description="Base color" type="color" default="#3560ab"
value="#3560ab"/>
<Variable name="grad.color" description="grade color" type="color"
default="#ffffff" value="#ffffff"/>
<Variable name="body.background.color" description="Color tab code in the phone"
type="color" default="$(step.color)" value="#3560ab"/>
<Variable name="body.background" description="Blog Background" type="background"
color='#f7f7f7' default="$(color)
url() no-repeat fixed top right" value="$(color) url() no-repeat fixed top
right"/>
<Variable name="body.text.font" description="Font" type="font" default="400 15px
'Tajawal'" hideEditor="true" value="400 15px 'Tajawal'"/>
<Variable name="body.link.color" description="Link color" type="color"
default="#000" hideEditor="true" value="#000000"/>
<Variable name="Box.Title.bg" description="Background headlines" type="color"
default="#e6e6e6" hideEditor="true" value="#e6e6e6"/>
</Group>
<Group description="top menu" selector="#sp-header" >
<Variable name="H.Bg" description="background" type="color" default="#fff"
value="#ffffff"/>
<Variable name="H.Link" description="link color" type="color" default="#000"
value="#000000"/>
<Variable name="H.Icon.Sh" description="Color search icon" type="color"
default="#fff" value="#ffffff"/>
<Variable name="H.Icon.Color" description="Drop-down arrow color" type="color"
default="$(step.color)" value="#3560ab"/>
<Variable name="H.Link.font" description="Font and font size for links" type="font"
default="400 14px 'Tajawal'" value="400 14px 'Tajawal'"/>
<Variable name="H.mons.Color" description="Color dropdown links" type="color"
default="#525252" value="#525252"/>
<Variable name="H.mons.bg" description="Drop-down background color" type="color"
default="#fff" value="#ffffff"/>
<Variable name="H.mons.border" description="Drop-down border color" type="color"
default="#e6e6e6" value="#e6e6e6"/>
<Variable name="H.mons.hover" description="Drop-down links hover" type="color"
default="$(step.color)" value="#3560ab"/>
</Group>
<Group description="Home page posts" selector=".site" >
<Variable name="Hpost.Title.Color" description="Color titles" type="color"
default="#444" value="#444444"/>
<Variable name="Hpost.Short.Content.Color" description="Short article description
color" type="color" default="#777" value="#777777"/>
<Variable name="Hpost.Items" description="Color Meta Post Links" type="color"
default="#777" value="#777777"/>
<Variable name="Hpost.Hover" description="Color hover effect" type="color"
default="#194ca9" value="#194ca9"/>
</Group>
<Group description="post" selector=".post-amp" >
<Variable name="posts.background.color" description="Post background color"
type="color" default="#fff" hideEditor="true" value="#ffffff"/>
<Variable name="posts.title.color" description="Post title color" type="color"
default="#393939" value="#393939"/>
<Variable name="posts.title.font" description="Post title font" type="font"
default="400 21px 'Tajawal'" value="400 21px 'Tajawal'"/>
<Variable name="posts.text.font" description="Post text font" type="font"
default="400 14px 'Tajawal'" value="400 14px 'Tajawal'"/>
<Variable name="posts.text.color" description="Post text color" type="color"
default="#000" value="#000000"/>
<Variable name="posts.link.color" description="Post link color" type="color"
default="#194ca9" value="#194ca9"/>
</Group>
<Group selector='.post .post-outer' description="All the contents of the article">
<Variable name="posts.meta.color" description="color of the article information"
type="color" default="#585858" value="#585858"/>
<Variable name="posts.meta.border" description="article information border"
type="color" default="#f5f5f5" value="#f5f5f5"/>
<Variable name="posts.img.border" description="image border" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.num.bg" description="ol bgcolor" type="color" default="#eee"
value="#eeeeee"/>
<Variable name="posts.num.color" description="ol color" type="color" default="#000"
value="#000000"/>
<Variable name="posts.num.border" description="ol border" type="color"
default="#ccc" value="#cccccc"/>
<Variable name="posts.h2.bg" description="Background title h2" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.h2.color" description="font color h2" type="color"
default="#000" value="#000000"/>
<Variable name="posts.h2.border" description="border color h2" type="color"
default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h2.font" description="h2 font" type="font" default="400 21px
'Tajawal'" value="400 21px 'Tajawal'"/>
<Variable name="posts.h3.bg" description="Background title h3" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.h3.color" description="font color h3" type="color"
default="#000" value="#000000"/>
<Variable name="posts.h3.border" description="border color h3" type="color"
default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h3.font" description="h3 font" type="font" default="400 19px
'Tajawal'" value="400 19px 'Tajawal'"/>
<Variable name="posts.h4.bg" description="Background title h4" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.h4.color" description="font color h4" type="color"
default="#000" value="#000000"/>
<Variable name="posts.h4.border" description="border color h4" type="color"
default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h4.font" description="h4 font" type="font" default="400 17px
'Tajawal'" value="400 17px 'Tajawal'"/>
<Variable name="posts.border" description="Color border elements below the article"
type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="posts.tags.bg" description="Background label" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.tags.color" description="Color label" type="color"
default="#292929" value="#292929"/>
<Variable name="posts.tags.hover.bg" description="hover label" type="color"
default="#3560ab" value="#3560ab"/>
<Variable name="posts.tags.hover.color" description="hover label font color"
type="color" default="#fff" value="#ffffff"/>
<Variable name="posts.au.bg" description="Background Author" type="color"
default="#f4f4f4" value="#f4f4f4"/>
<Variable name="posts.au.border" description="border color Author" type="color"
default="#eee" value="#eeeeee"/>
<Variable name="posts.comment.border" description="Color Border comments"
type="color" default="#ccc" value="#cccccc"/>
<Variable name="posts.comment.link" description="Color links comments" type="color"
default="#000fc1" value="#000fc1"/>
<Variable name="posts.comment.button" description="Color button comments"
type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="posts.comment.icon" description="icon color title comments"
type="color" default="#335ea8" value="#335ea8"/>
<Variable name="posts.comment.title" description="The title text color of the
comments" type="color" default="#3e3e3e" value="#3e3e3e"/>
<Variable name="posts.comment.massg" description="Color message comments"
type="color" default="#757575" value="#757575"/>
</Group>
<Group selector='.post-outer' description="Properties of viral">
<Variable name="posts.read.more.color" description="Font color See more"
type="color" default="#313131" value="#313131"/>
<Variable name="posts.read.more.bg" description="Background button color See more"
type="color" default="#f7f7f7" value="#f7f7f7"/>
<Variable name="posts.read.more.border" description="Color Border See more"
type="color" default="#ccc" value="#cccccc"/>
<Variable name="posts.next.prev.border" description="Color Border next prev"
type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.next.prev.bg" description="Background next prev" type="color"
default="#f7f7f7" value="#f7f7f7"/>
</Group>
<Group selector='body' description="resize width">
<Variable name="content.width" description="Content width" type="length"
min="640px" max="1300px" default="1100px" value="1100px"/>
<Variable name="sidebar.width" description="Sidebar width" type="length"
min="150px" max="480px" default="320px" value="320px"/>
</Group>/**/
ul{margin:0;padding:0}
*{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-
moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-
sizing:border-box}
.clear{clear:both}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acr
onym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub
,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-
style:inherit;color:inherit;font-
weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
img{max-width:100%;position:relative}
*:not(.notran),:not(.notran):after,:not(.notran):before{-webkit-transition: .3s
ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-
out;transition: .3s ease-in-out;}
.cookie-choices-info{opacity: 0.9;z-index:999999999999999999!
important;position:fixed!important;top:auto!important;bottom:5px!
important;padding:0!important;right:5px!important;width:300px!important;text-
align:center!important;font:400 15px 'Segoe UI'!important;border-radius:3px;box-
shadow:0 1px 3px rgba(32,33,36,0.1)}
.cookie-choices-info:hover {opacity: 1;}
.cookie-choices-info .cookie-choices-inner{font-size:13px!important}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;text-
align:justify!important}
.cookie-choices-info .cookie-choices-buttons{display:block!important}
a.cookie-choices-button,a#cookieChoiceDismiss{background:#fff;color:#000!
important;padding:5px 10px!important;border-radius:2px;margin:0 0 4px!
important;display:block!important;font-size:13px!important;font-weight:normal!
important}
@media screen and (max-width:450px){.cookie-choices-info{width:200px!
important}.cookie-choices-info span.cookie-choices-text{font-size:12px!
important}a.cookie-choices-button,a#cookieChoiceDismiss{display:inline-block!
important;width:48%;margin-left:1%!important}}
.PLHolder {opacity: 0.9}
.PLHolder img {opacity: 0;}
body,input{font: $(body.text.font)}
body{background:$(body.background);background-size: cover;}
.container,.floar .lap {width: 100%;max-width: $(content.width);margin: 0 auto;}
.main-amm,.site .widget{display:block;background:#fff;clear:both;border-
radius:0;padding:20px;border:1px solid #e6e6e6;overflow:hidden;margin:0 0 15px}
.headline{display:block;clear:both;margin-bottom:15px;position:relative}
.headline:before{content:"";background:$
(Box.Title.bg);height:1px;width:100%;display:block;position:absolute;top:50%;z-
index:1}
.headline .title{display:inline-block;padding:6px 20px 6px;background:$
(step.color);color:$(grad.color);font-size:13px;font-weight:normal;border-
radius:30px;z-index:999999;position:relative}
a.Lapel-Link{background:$(step.color);color:$(grad.color);float:right;padding:6px
20px 6px;font-size:13px;border-radius:30px;z-index:999999;position:relative}
.Lapel-Link:hover{padding:6px 35px 6px 20px}
.Lapel-Link:hover:before{opacity:1;transition:0.3s ease-out;right:10px;top:7px}
.title:before{content:"";position:absolute;right:-
5px;background:#fff;height:8px;width:5px;top:40%}
a.Lapel-Link:after{content:"";position:absolute;left:-
5px;background:#fff;height:8px;width:5px;top:40%}
footer .headline:before{display:none}
.Wigetdisabled{display:block;overflow:hidden;font-size:13px;padding:10px;text-
align:center;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border:1px
solid;border-radius:2px}
/* == animation == */
a.PLHolder.thumb:before{content:"";opacity:1;display:inline-
block;position:absolute;right:0;left:0;top:0;bottom:0;background-color:$
(step.color);background-repeat:no-repeat;background-size:1000px 900px;animation:bs-
lazy-anim 1.01s infinite linear forwards;background-image:linear-gradient(to right,
$(step.color) 0,$(step.color) 20%,$(keycolor) 40%,$(step.color) 100%);animation-
direction:reverse}
a.PLHolder.thumb:after{background-size:300% 300%;animation:mg-gr-anim 5.5s ease-in
infinite;opacity:.8;transition:all .35s
ease;content:'';position:absolute;background:-webkit-linear-gradient(to right,$
(keycolor),$(step.color));background:-moz-linear-gradient(to right,$(keycolor),$
(step.color));background:-o-linear-gradient(to right,$(keycolor),$
(step.color));background:linear-gradient(to right,$(keycolor),$
(step.color));top:0;left:0;right:0;bottom:0}
@keyframes bs-lazy-anim{from{background-position:-800px 0}to{background-
position:400px 0}}
/*=================
Posts
===================*/
.post-random {
margin: 15px 0 25px;
overflow: hidden;
clear: both;
display: block;
text-align: left;
}
div#main {
overflow: hidden;
}
.post div#Blog1, .post .post-outer, .post .post-body {
overflow: initial!important;
}
.contpotg, .spconten {
overflow: hidden;
}
.post-outer{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px
solid #eeeeee;margin-bottom:20px;position:relative}
.post-outer .thumb{width:300px;height:180px}
.post-home{width:calc((100% - 315px) / 1);float:right}
.post-outer .items{display:block!important;clear:both;padding:8px 0;border-top:1px
solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-
size:11px;color:#777}
.post-outer .items{display:inline-block;vertical-align:middle;font-size:11px;color:
$(Hpost.Items)}
.post-outer .items a,.post-outer .items span{font-size:12px;display:inline-
block;color:$(Hpost.Items);margin-left:3px}
.post-outer .posts-titles a{line-height:1.5em;margin-bottom:7px;display:block;max-
height:4.6em;font-size:16px;color:$(Hpost.Title.Color)}
.post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden}
.post-outer .Short_content{color:$(Hpost.Short.Content.Color);line-
height:1.7em;margin:5px 0;font-size:12px}
.post-outer:last-of-type{padding-bottom: 0;border-bottom: 0;margin-bottom: 0;}
.thumb img{object-fit: cover;display:block;width:100%;height:100%}
.thumb{float:left;width:300px;height:300px;margin-right:15px;display:block;-webkit-
border-radius:5px;-moz-border-radius:5px;border-
radius:5px;overflow:hidden;position:relative}
h3.rnav-title a{color:$(Hpost.Title.Color);line-height:1.3em}
.rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em}
.blocker{display:block;overflow:hidden;margin-top:15px}
.r-r{vertical-align:top}
.r-r{float:left;width:calc((100% - $(sidebar.width) - 15px) / 1)}
#Postcs7,#Postcs3{margin-left:15px}
.sides{width:calc((100% - 15px) / 2);float:left}
a.thumb.not-pl:before{content:"";position:absolute;background:linear-gradient(to
bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68)
100%);height:100%;width:100%;display:block;z-index:99;transition:opacity 0.3s
ease;opacity:0}
a.thumb.not-pl:after{content:"";z-
index:99;position:absolute;display:block;transition:opacity 0.3s ease;opacity:0}
a.thumb.not-pl:hover:after{opacity:0.9!important}
/* iteam post */
.atags{display:block;margin:0 0 5px}
.atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px
15px;border-radius:1px;margin:0 5px 0 0;display:inline-block}
.post-amp .entry-title.topic-title{padding-left: 5px;border-left: 3px solid $
(step.color);overflow:hidden;font:$(posts.title.font);line-height:1.7em;color:$
(posts.title.color)}
.post-body{font:$(posts.text.font);line-height:24px;overflow:hidden;color:$
(posts.text.color)}
.post-body a{color:$(posts.link.color)}
.post-meta{margin-top:10px;border:2px dotted $(posts.meta.border);border-
right:0;border-left:0;padding:4px 0;margin-bottom:5px;color:$
(posts.meta.color);font-size:13px}
.headbost,span.p-author.h-card.vcard,.article-timeago,.article-author,a.timestamp-
link{display:inline-block;vertical-align:middle}
.headbost svg{ margin-top: -4px;width:14px!important;height:14px!
important;margin-right:3px;vertical-align:middle}
.post-meta a{color:$(posts.meta.color)}
.post-meta span,.post-meta .post-date{font-size:13px}
.post-body img{padding:5px;border:1px solid $(posts.img.border);border-
radius:3px;width:auto;height:auto;display:inline;max-width:100%}
.shareButton a{display:inline-block;vertical-align:middle;min-width:auto;margin:0
5px 5px 0;padding:0;width:calc((100% - 46px) /
6);position:relative;cursor:pointer;border-radius:3px}
.shareButton .icon{height:15px;width:15px;float:right}
.shareButton a:first-of-type{margin-right:0}
.shareButton .facebook span{background-color:#3b5998}
.shareButton .twitter span{background-color:#1da1f2}
.shareButton .pinterest span{background-color:#cc2127}
.shareButton .ic-phone span{background-color:#2ea625}
.shareButton .ic-reddit span{background-color:#ff4500}
.shareButton .ic-linkedin span{background-color:#0073b1}
.article-timeago .headbost svg {
margin-right: 0;
}
.shareButton a span{display:block;padding:8px 10px;font-size:12px;color:#fff;box-
shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:3px;text-
align:center;overflow:hidden}
.PagePrakediv a{border-radius:30px;font-size:14px;width:150px;margin:0 auto 0;font-
family:'Segoe UI'}
.amp-tags{font-size:13px;font-weight:bold}
.amp-tags a{color:$(posts.tags.color);font-size:13px;margin:0 0 0 5px;font-
weight:normal;padding:5px 10px;background:$(posts.tags.bg);border-
radius:2px;transition:all 0s;display:inline-block}
.widget{overflow:hidden}
.amp-tags a:hover{background:$(posts.tags.hover.bg);color:$
(posts.tags.hover.color)}
.amp-tags svg{width:11px;height:11px;margin-right:4px;vertical-
align:middle;transition:all 0s}
.edit-post a{font-size:11px;text-align:center;padding:5px 8px;border-
radius:1px;background-color:$(step.color);margin:0 auto 3px;color:$
(grad.color);vertical-align:top}
.commint-cont{display:inline-block;vertical-align:middle;color:$
(posts.meta.color);font-size:13px;float:right}
.commint-cont svg{width:15px;height:15px;display:inline-block;vertical-
align:middle;margin-right:4px;margin-top:-1px}
.blog-admin{display:none}
.atags .blog-admin{float:right;vertical-align:top;overflow:hidden;margin-top:0!
important}
.page .atags{overflow:hidden}
.page .atags .blog-admin{float:right}
.topic-nav,.reaction-buttons,section#comments,.amp-
tags,.shareButton,.RelatedPosts,.author-profile{display:block;padding:15px 0
0;margin-top:15px;border-top:2px dotted $(posts.border)}
.reactions-label{display:inline-block;vertical-align:top;color:#343434;font-
size:14px}
.reactions-label svg.icon{color:#1f3d74;width:16px;height:16px;margin-
top:1px;margin-left:0}
iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub}
#FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none}
.post-body strike{text-decoration:line-through}
.post-body u{text-decoration:underline}
.post-body ul li,.post-body ol li{margin-bottom:3px;padding-bottom:3px}
.post-body ul,.post-body ol{padding-left:30px}
.post-body ol li:before{list-style:disc;content:counter(li);font-
size:13px;padding:0 5px;line-height:1.3rem;width:24px;display:inline-block;text-
align:center;background:$(posts.num.bg);border-radius:3px;margin-
right:8px;border:1px solid $(posts.num.border);color:$(posts.num.color)}
.post-body ol li{counter-increment:li;list-style:none;font-size:13px}
.post-body ol{padding-left:5px}
.post-body h2,.post-body h3,.post-body h4{padding:13px 20px 13px 13px;border-
radius:3px;margin:5px 0 10px}
.post-body h4{background:$(posts.h4.bg);font:$(posts.h4.font);border-bottom:1px
solid $(posts.h4.border);color:$(posts.h4.color)}
.post-body h3{background:$(posts.h3.bg);font:$(posts.h3.font);border-bottom:1px
solid $(posts.h3.border);color:$(posts.h3.color)}
.post-body h2{background:$(posts.h2.bg);font:$(posts.h2.font);padding:14px 20px
14px 13px;border-bottom:1px solid $(posts.h2.border);color:$(posts.h2.color)}
.PagePrakediv a{display:block;overflow:hidden;padding:10px;text-
align:center;background:$(posts.read.more.bg);border:1px dashed $
(posts.read.more.border);color:$(posts.read.more.color)}
.post-body blockquote{color:#545454;font-size:100%;background-color:#efefef;border-
left:none;padding:50px 20px 40px;margin:40px 0 30px 0;position:relative;text-
align:center;clear:both}
.PagePrakediv{margin-top: 15px;display:block;overflow:hidden}
.post-body blockquote:before {content: "";background:
url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far'
data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0
576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3
72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48
48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136
136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24
24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7
32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48
48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136
136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24
24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-
repeat;width: 20px;height: 20px;display: inline-block;vertical-align:
middle;margin: 0 0px 3px 10px;}
.post-body blockquote:before{position:absolute;top:0;left:50%;margin-top:-
45px;margin-left:-40px;width:80px;height:80px;background-color:#fff;line-
height:90px;border-radius:50%;text-align:center;background-size:35px;background-
position-y:30px}
.TocList{margin-bottom:5px}
td.tr-caption{font-size:12px}
/* topic-nav */
.texxattt{display:inline-block;color:$(grad.color);font-size:10px;background:$
(step.color);padding:2px 5px;border-radius:2px;margin-bottom:3px}
.posttitle{font-size:14px;color:#353535 !important;width:100%;display:block;white-
space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newPost,.oldPost{padding-right: 10px;float:left;width:50%;padding-
left:10px;border-left:3px solid $(step.color)}
.topic-nav-cont{overflow:hidden}
.post-random .newPost .posttitle{width:100%;position:relative;padding:5px 0 2px}
.post-random .newPost{float:none;width:100%;margin-bottom:0}
.post-random .newPost:not(:first-of-type) .texxattt{display:none!important}
.post-random .texxattt{font-size:13px;margin-top:0;margin-bottom:0;padding:3px
10px;transform:skew(0);margin-left:-11px;border-radius:0}
.post-random .newPost .posttitle:before{content:"*";vertical-
align:middle;display:inline-block;margin-bottom:-4px;color:$(step.color);margin-
right:3px}
.post-random * {line-height: initial !important;}
.post-random {margin: 10px 0;}
/* comments */
li.comment{padding:10px 5px 0;margin:10px 0;border:1px solid #eee;box-shadow:none!
important;display:block;border-right:0;border-left:0;border-bottom:0}
.avatar-image-container{position:absolute;width:45px;height:45px;border-
radius:50%;text-align:center;margin-top:0;margin-right:5px}
.avatar-image-container img{border-
radius:100%;height:40px;width:40px;background:transparent
url(https://4.bp.blogspot.com/-ci3XMoAMGzg/WiCTxCLLWeI/AAAAAAAAPjI/
UkV1sBTKC7EamOC_UmMJ4cQCv4xNNI82QCLcBGAs/s1600/log.jpg) no-repeat
center;background-size:40px;overflow:hidden}
.comment-header{display:inline-block;overflow:hidden;clear:both;margin-left:60px}
span.datetime,cite.user{display:block;overflow:hidden;clear:both;font-
size:13px;float:left}
span.datetime a,cite.user a{color:#666!important;font-weight:normal!important}
.comment-content{padding:10px 15px 13px;font-size:13px;cursor:text;font-
weight:100;color:#000;overflow:hidden;border-top:1px dashed #eee}
.comment-actions.secondary-text a{padding:0 20px 1px;margin:5px
0;background:#f9f9f9;border:1px solid #e8e8e8;border-left: 0;font-size:13px}
span.datetime a,cite.user a{font-size:13px}
.comment-reply{border-radius:0 3px 3px 0;border-right:0!important}
.datetime.secondary-text a,.comment-actions.secondary-text a{color:#000}
.comments span.item-control a{border-radius:3px 0 0 3px!important}
.comment-reply {border: 1px solid #e8e8e8 !important;}
.comment-replies{margin-top:10px!important;margin-bottom:0!important;padding-
left:40px}
.comments .comments-content .inline-thread{padding:0!important}
span.thread-toggle.thread-expanded,.comment-replies .comment-replies,.thread-
count,.continue,.loadmore.loaded,.hidden{display:none}
.comment-thread ol{padding:0}
.comment-replies li.comment:first-of-type{margin-top:20px!important}
.comment-replies li.comment{border:0;padding-bottom:2px;box-
shadow:none;padding:0;margin-top:25px!important}
.comment-replybox-single{padding-
right:40px;display:block;clear:both;overflow:hidden}
.comment-replies span.item-control a {border-radius: 3px!important;border: 1px
solid #e8e8e8;}
.comment-form{min-height: 205px;padding:20px;border:1px dashed $
(posts.comment.border)}
#comments .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px}
#comments .comments-info .comments-count{float:left;padding:5px 0;font-
size:14px;position:relative;color:$(posts.comment.title)}
#comments .comments-info .go-respond b{float:left;padding:5px 15px;margin:0
25px;background-color:$
(posts.comment.button);color:#3e3e3e;position:relative;overflow:hidden;font-
size:13px}
#comments .small-icon{color:$
(posts.comment.icon);width:20px;height:20px;display:inline-block;vertical-
align:middle;margin-top:4px}
.comments-info svg.small-icon{width:15px!important;margin-right:5px!
important;margin-top:0!important}
a#commnetLinkS{font-size:13px;cursor:pointer;font-weight:bold;color:$
(posts.comment.link)}
h4#comment-post-message{display:inline-block;vertical-align:middle;font-
size:14px;margin-left:5px;color:$(posts.comment.title)}
.conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:$
(posts.comment.massg)}
iframe#comment-editor{border-top:1px dashed $(posts.comment.border);border-
bottom:1px dashed $(posts.comment.border);margin-top:20px;box-sizing:content-box}
.comment-replybox-thread #comment-editor{display:none!important}
/* author profile */
.author-profile{border-top:0;padding:30px;position:relative;border-
radius:0;background-color:$(posts.au.bg);border:1px solid $(posts.au.border)}
.gfvg{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:none;-
webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;-webkit-align-
items:stretch;align-items:stretch}
.dshdsgn{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0
auto;position:relative;vertical-align:top;font-size:1rem;padding-left:15px;padding-
right:110px;min-height:80px}
.authorph img{border-radius:100%;border:1px solid #ccc}
.authorph.PLHolder{width:80px;height:80px;background:#ccc;border-radius:100%}
.authorph{width:80px;height:80px;right:0;left:auto;top:0;margin:0
auto;position:absolute;z-index:3}
.author-name{margin-bottom:.75rem}
.author-desc{font-size:13px;color:#4a4a4a}
a.g-profile{display:block;color:#000;font-size:18px}
a.g-profile span{color:#3b5999;font-weight:bold}
/* buttons */
/* nextprev */
.page-navigation{margin-top: 15px;display:block;overflow:hidden;background:$
(posts.next.prev.bg);padding:5px 10px;border:1px solid $(posts.next.prev.border)}
#siki_next,#siki_prev{background:#fff;display:inline-
block;cursor:pointer;border:2px solid $(keycolor);border-right:8px solid $
(keycolor);border-radius:35px;margin:3px!important;transition:all 0.3s}
float:left;border-right:7px double #fff;border-radius:5px 0 0 5px}
.siki-next-prev a{display:block}
#siki_prev span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0
10px 0 30px;position:relative}
.siki-next-prev span{font-size:30px;color:#585858}
#siki_prev span:nth-child(2){float:left;line-height:45px}
#siki_next{float:right;border:2px solid $(keycolor);border-left:8px solid $
(keycolor);border-radius:35px;margin:0}
#siki_next span:nth-child(1):before{transform:
rotate(180deg);display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129'
enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0
58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-
15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-
49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2
1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-
5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z'
fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
#siki_next span:nth-child(2){float:right;line-height:45px}
#siki_next span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0
30px 0 10px;position:relative}
#siki-page-number{text-align:center;color:#292929;font-
size:14px;position:absolute;left:calc((100% - 110px) / 2);right:calc((100% - 110px)
/ 2);display:inline-block;align-items:center;width:110px;padding:15px 0 0}
#siki_prev span:nth-child(1):before{transform:
rotate(180deg);display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;b
ackground-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129'
enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath
d='M64.5,122.6c32,0,58.1-26,58.1-
58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6
c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6
z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0
2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-
26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-
1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg
%3E");position:absolute}
#siki_prev:hover{border:2px solid $(keycolor);border-right:2px solid $
(keycolor);border-left:8px solid $(keycolor)}
#siki_next:hover{border:2px solid $(keycolor);border-right:8px solid $
(keycolor);border-left:2px solid $(keycolor)}
/* related-posts */
.post .Sp-posts1 .Short_content{display:none}
.post .Sp-posts1 a.thumb{height:150px}
.post .Sp-posts1 .items{display:none!important}
.post .Sp-posts1 h3.rnav-title a{font-size:14px!important;max-height:
3em;height:3em}
.post .Sp-posts1 .posts{padding:10px;border:1px solid #eee;margin-right:15px!
important;width:calc((100% - 30px) / 3);margin-bottom:15px}
.post .Sp-posts1 .posts:last-of-type{margin-right:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-
type(2),.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:0!important}
/* == PostsNormal == */
.Sp-Normal .moreLink,.post-outer .moreLink{
display:inline-block !important;margin-top:5px;position:relative;font-size:14px;
background:$(step.color);
color:#fff;padding:7px 15px 7px 15px;border-radius:2px}
.post .post-outer .moreLink {display: none!important;}
.Sp-Normal .moreLink:hover,.post-outer .moreLink:hover{padding:7px 30px 7px 10px}
.Sp-Normal .moreLink:before,.post-outer .moreLink:before,a.Lapel-
Link:before{width:16px;height:16px;content:"";position:absolute;right:7px;top:8px;c
olor:#000;padding:5px;display:block;opacity:0;transition:0.2s ease-out}
.Sp-Normal .moreLink:hover:before,.post-
outer .moreLink:hover:before{opacity:1;transition:0.3s ease-out}
.Sp-Normal .posts{display:block;overflow:hidden;padding-bottom:20px;border-
bottom:1px solid #eeeeee;margin-bottom:20px;position:relative}
.Sp-Normal .Short_content{color:$(Hpost.Short.Content.Color);line-
height:1.7em;margin:5px 0;font-size:12px}
.Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:$
(Hpost.Items)}
.Sp-Normal .thumb{width:300px;height:180px}
.Sp-Normal .cont{width:calc((100% - 315px) / 1);float:right}
.Sp-Normal .posts .items{display:block!important;clear:both;padding:8px 0;border-
top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-
size:11px;color:$(Hpost.Items)}
.Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-
block;color:$(Hpost.Items);margin-left:3px}
.Sp-Normal h3.rnav-title{height:inherit}
.Sp-Normal h3.rnav-title a{line-height:1.5em;margin-bottom:7px;display:block;max-
height:4.6em;font-size:16px}
.Sp-Normal .posts:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
.Sp-Normal .posts a.thumb.not-pl:after,.post-outer a.thumb.not-
pl:after,.widget.FeaturedPost a.item-thumbnail.thumb.not-
pl:after{width:28px;height:28px;top:43%;right:45%}
/* == Posts1 == */
.Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-right:15px;display:inline-
block;border-radius:2px;position:relative;vertical-align:top;margin-bottom:10px}
.Sp-posts1 a.thumb{margin:0;width:100%;height:200px;position:relative}
.Sp-posts1 .posts:nth-of-type(3),.posts:nth-of-type(6){margin-right:0 !important}
.Sp-posts1 .posts:nth-of-type(1),.posts:nth-of-type(4){margin-left:0 !important}
.Sp-posts1 .posts:nth-of-type(4),.posts:nth-of-type(5),.posts:nth-of-type(6)
{margin-bottom:0}
.Sp-posts1 h3.rnav-
title{display:block;overflow:hidden;clear:both;height:initial;font-size:initial}
.Sp-posts1 h3.rnav-title a{font-size:15px;margin-top:8px;display:flex;margin-
bottom:8px;max-height:2.8em;overflow:hidden;line-height:1.5em}
.Sp-posts1 .items a,.Sp-posts1 .items span{font-size:11px;display:inline-
block;color:$(Hpost.Items);margin-right:3px}
.Sp-posts1 .items{display:block!important;clear:both;padding:8px 0;border-top:1px
solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:
$(Hpost.Items)}
.Sp-posts1 .Short_content{color:$(Hpost.Short.Content.Color);line-
height:1.7em;margin:5px 0;font-size:11px}
.Sp-posts1 .icon{width:12px}
.Sp-posts1 .posts a.thumb.not-pl:after{width:28px;height:28px;top:43%;left:43%}
.icon[data-icon="clock"]{vertical-align:-3px!important}
/* ads-post */
#ret-a3lan #h403{text-align:center;display:block;font-size:13px;padding:15px 0
0;margin-top:15px;border-top:2px dotted #eeeeee}
.SeoPlusAds {
margin: 15px 0;
text-align: center;
display: block;
clear: both;
}
div#bot-a3lan, div#top-a3lan, div#ret-a3lan {
overflow: initial;
}
/* ArchivePage */
h2.Category-ArchivePage {background: $(step.color);display: inline-block;padding:
0;border-radius: 30px;}
h2.Category-ArchivePage a {color: $(grad.color);display: inline-block;padding: 5px
25px;font-size: 15px;}
ul.clear li {color: $(step.color);}
ul.clear li a {font-weight: bold;color: #121212;font-size: 13px;}
.caregory-div:not(:first-of-type) {margin-top: 10px;padding-top: 10px;border-top:
1px solid #eee;}
/* smoothscroll top */
.smoothscroll-top{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-
align:center;z-index:99;background-color:$(step.color);color:$
(grad.color);right:1%;bottom:-25px;transition:all 0.3s ease-in-out;transition-
delay:0.2s;font-weight:100;font-
size:18px;display:flex;width:35px;height:35px;align-items:center;border-radius:2px}
.smoothscroll-top.show{visibility:visible;cursor:pointer;opacity:1;bottom:1.5%}
.smoothscroll-top svg{margin:0 11px;display:block}
/*=================
الهيدر
===================*/
header#sp-header{display:block;position:relative;margin-bottom:20px;height:97px}
.head-pz{height:97px;width:100%;position:fixed;background:$(H.Bg);-webkit-box-
shadow:0 1px 3px rgba(32,33,36,0.1);box-shadow:0 1px 3px
rgba(32,33,36,0.1);top:0;right:0;left:0;z-index:999999999}
.par-
tp{display:block;width:100%;clear:both;height:35px;position:fixed;top:0;right:0;lef
t:0;max-width:1100px;margin:0 auto}
.floar{color:$
(grad.color);width:77%;float:right;display:block;clear:both;position:relative;font-
size:13px;padding:0 0 0 15px}
.floar:before{background:$(step.color);color:$
(grad.color);width:2000px;display:block;clear:both;position:absolute;border-bottom-
right-
radius:5px;transform:skewX(30deg);left:0;content:"";transform:skewX(30deg);border-
bottom-left-radius:5px;height:35px}
div#pages{float:left;margin:8.5px 0;font-size:12px;position:relative}
div#pages li{display:inline-block;padding:0 5px}
.floar a{color:$(grad.color);font-size:12px}
.par-tp.active{top:-35px}
.par-bottm.active{top:35px}
.head-pz.active{height:72px;opacity:0.8}
.head-pz.active:hover{opacity:1}
.par-bottm.active nav.nav-par{top:-30px;width:calc((100% - 280px) /1)!important}
div#top-social-L{margin-right:0;float:right;z-index:999;position:relative;margin-
top:4px}
#top-social-L ul li{display:inline-block}
#top-social-L li:first-of-type{margin-right:0}
#top-social-L li{display:inline-block;vertical-align:middle;margin-left:2px}
#top-social-L li a{display:block;padding:6px;border-radius:3px}
.par-
bottm{display:block;clear:both;position:fixed;top:35px;right:0;right:0;width:100%;p
osition:relative}
.logo{float:left;display:block;position:relative}
div#logo{font-size:1.5em;position:relative;top:-25px;z-
index:9999;width:250px;height:70px}
div#header-inner{width:250px;height:70px;display:table-cell;vertical-align:middle}
img#Header1_headerimg{max-height:70px;margin:0 auto}
.icon{width:13px;margin-right:3px;display:inline-block;vertical-align:middle}
nav.nav-par{float:right;width:calc((100% - 320px) /1)!
important;position:relative;top:0}
div#menu{height:62px;display:flex;align-items:center}
nav.nav-par li.ma{display:inline-block!important}
nav.nav-par ul li{margin-right:12px;margin-left:-4px}
nav.nav-par ul li a{color:$(H.Link);position:relative;font:$
(H.Link.font);display:block;padding:10px 0 10px}
li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;left:-
5px;width:180px;background:$(H.mons.bg);top:40px;border-radius:3px;box-shadow:0 1px
3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-
index:9999999;opacity:0;visibility:hidden;transition:.2s ease;transform:scale(0)}
li.ma.pluselink:hover ul:not(.ma2ul)
{opacity:1;visibility:visible;transform:scale(1)}
li.ma.pluselink
ul:not(.ma2ul):before{content:"";width:16px;height:16px;position:absolute;backgroun
d:$(H.mons.bg);top:-8px;left:20%;z-index:-1;transform:rotate(45deg);border:1px
solid $(H.mons.border)}
li.ma.pluselink span.icon{color:$
(H.Icon.Color);width:10px;position:absolute;top:8px;right:-
20px;left:auto;transform:rotate(180deg);line-height:1}
li.ma.pluselink:hover span.icon{transform:rotate(0);top:10px}
.pluselink2 span.icon{width:8px!important;right:5px!important;top:7px!
important;transform:rotate(-90deg)!important;left:auto!important}
.pluselink2:hover span.icon{right:8px!important}
li.ma.pluselink,li.ma2.pluselink2{position:relative}
li.ma.pluselink li{display:block!important;margin:0!important}
li.ma.pluselink li a{color:$(H.mons.Color);font-size:12px;padding:8px 10px 8px
25px;margin:0!important;border-bottom:1px solid $(H.mons.border);background:$
(H.mons.bg);display:block;position:relative}
li.ma.pluselink li a:hover:before{background:$(H.mons.hover)}
li.ma.pluselink li
a:before{content:"";width:8px;height:8px;position:absolute;background:$
(H.mons.bg);top:13px;left:10px;z-index:999;transform:rotate(45deg);border:1px solid
$(H.mons.border)}
li.ma2.pluselink2
ul.ma2ul{display:block;position:absolute;left:100%;width:180px;background:$
(H.mons.bg);top:0;opacity:0;visibility:hidden;transition:.2s
ease;transform:translateX(-30px);border-radius:3px;box-shadow:0 1px 3px
rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999}
li.ma2.pluselink2:hover
ul.ma2ul{transform:translateX(0);opacity:1;visibility:visible}
li.ma2.pluselink2
ul.ma2ul:before{content:"";width:16px;height:16px;position:absolute;background:$
(H.mons.bg);top:8px;left:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $
(H.mons.border)}
li.ma.pluselink li:last-of-type a{border-bottom:0}
li.ma.pluselink {margin-right: 25px;}
.par-bottm.active #logo{width:230px;height:50px}
.par-bottm.active #header-inner{width:230px;height:50px}
.par-bottm.active #Header1_headerimg{max-height:50px}
/* =========
= Aside & footer
========= */
div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0}
#sidepar-wid{transition: none !important;width:$(sidebar.width);float:right;margin-
left:15px;vertical-align:top}
#sidepar-wid {
left: auto !important;
right: 0 !important;
}
footer{overflow:hidden;display:block;clear:both;background:#fff;padding:15px 0
0;border-top:1px solid #e6e6e6}
.mid-top-footer .footer-col {
float: left;
width: calc((100% - 60px) / 3);
margin-right: 30px;
}
footer .headline{background:transparent;border-bottom:1px solid #eee}
footer .headline .title{background:transparent;color:#121212;padding:0 3px
7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-
radius:0!important}
div#footer-col3{margin-right:0;padding-right:0;border-right:0}
.mid-top-footer .footer-col .widget{margin-bottom:30px;vertical-align:top}
.mid-top-footer .footer-col .widget:last-of-type{margin-bottom:15px}
.bottom-footer{position: relative;z-index:
99999;display:block;overflow:hidden;clear:both;padding:10px 0;box-shadow:0 -1px
25px -16px #000;margin-top:0;background:#fff}
footer .container{display:block;overflow:hidden}
.yemen a{font-size:13px;font-weight:bold;color:#345ea9;letter-spacing:0;vertical-
align:middle}
.yemen {
min-height: 32px;
font-size: 13px;
float: left;
display: flex;
align-items: center;
}
.yemen a:not(#7qok){font-size:initial;font-weight:normal;color:transparent;letter-
spacing:0;vertical-align:middle;width:27px;height:27px;overflow:hidden}
.yemen span{font-size:13px;vertical-align:middle;margin-right:3px}
a[title="SeoPlus Template"] {
margin-right: 5px;
margin-top: 0;
}
.shmal{float:right;font-size:13px;margin-top:5px}
/* recent-comments Widget */
.recent-comments .comment .leave-
comm:before{width:8px;height:8px;content:"";position:absolute;left:2px;top:2px;colo
r:#000;padding:5px;display:block;transition:0.2s ease-out}
.recent-comments{overflow:hidden}
aside .recent-comments .comment{border-bottom:1px solid #eeeeee}
.recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
.recent-comments .comment:last-child{margin-bottom:0;border-bottom:0;padding-
bottom:0}
.comments-img-wrap{border:3px solid #eeeeee}
.comments-img-wrap{float:left;width:50px;height:50px;border-radius:100px;margin-
right:15px;overflow:hidden}
.recent-comments .comment .comm{float:left;width:calc(100% - 65px)}
.recent-comments .comment .comm-author{color:#999999}
.recent-comments .comment p{color:#444444}
.recent-comments .comment .comm-author{text-overflow:ellipsis;white-
space:nowrap;font-size:12px;font-weight:700;float:left;height:21px;margin-
right:10px;overflow:hidden}
.recent-comments .comment .details{float:right;overflow:hidden}
.recent-comments .comment .details span{margin-right:0;font-
size:9.5px;display:inline-block;vertical-align:top;color:#999999}
.recent-comments .comment p{text-align:left;width:95%;margin:0 0 2px;font-
size:10px;max-height:18px;line-height:1.8em;overflow:hidden;font-weight:700;white-
space:nowrap;text-overflow:ellipsis}
.recent-comments .comment .leave-comm{display:block;padding:0
15px;overflow:hidden;font-size:10px;position:relative;color:#6f6f6f;font-
weight:bold}
/* social bottom footer */
.shmal .social-static.social li {display: inline-block;vertical-align:
middle;margin-left: 2px;}
footer .social-static.social a[title='twitter'], aside .social-static.social
a[title='twitter'], .mop-icon .social-static.social a[title='twitter'] {background:
#1da1f2;}
footer .social-static.social a[title='reddit'], aside .social-static.social
a[title='reddit'], .mop-icon .social-static.social a[title='reddit'] {background:
#ff6933;}
footer .social-static.social a[title='whatsapp'], aside .social-static.social
a[title='whatsapp'], .mop-icon .social-static.social a[title='whatsapp']
{background: #128C7E;}
footer .social-static.social a[title='facebook'], aside .social-static.social
a[title='facebook'], .mop-icon .social-static.social a[title='facebook']
{background: #4267b2;}
footer .social-static.social a[title='sitemap'], aside .social-static.social
a[title='sitemap'], .mop-icon .social-static.social a[title='sitemap'] {background:
$(step.color);}
footer .social-static.social a[title='pinterest'], aside .social-static.social
a[title='pinterest'], .mop-icon .social-static.social a[title='pinterest']
{background-color:#cc2127}
footer .social-static.social a[title='linkedin'], aside .social-static.social
a[title='linkedin'], .mop-icon .social-static.social a[title='linkedin']
{background-color:#0976b4}
footer .social-static.social a[title='youtube'], aside .social-static.social
a[title='youtube'], .mop-icon .social-static.social a[title='youtube'] {background-
color:#e52d27}
footer .social-static.social a[title='spotify'], aside .social-static.social
a[title='spotify'], .mop-icon .social-static.social a[title='spotify'] {background-
color:#1ed760}
footer .social-static.social a[title='snapchat'], aside .social-static.social
a[title='snapchat'], .mop-icon .social-static.social a[title='snapchat']
{background-color:#f5d602}
footer .social-static.social a[title='flickr'], aside .social-static.social
a[title='flickr'], .mop-icon .social-static.social a[title='flickr'] {background-
color:#FF0084}
footer .social-static.social a[title='wordpress'], aside .social-static.social
a[title='wordpress'], .mop-icon .social-static.social a[title='wordpress']
{background-color:#207297}
footer .social-static.social a[title='blogger'], aside .social-static.social
a[title='blogger'], .mop-icon .social-static.social a[title='blogger'] {background-
color:#e96734}
footer .social-static.social a[title='instagram'], aside .social-static.social
a[title='instagram'], .mop-icon .social-static.social a[title='instagram']
{background-color:#7c38af;background:radial-gradient(circle at 0 130%, #fdf497 0%,
#fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
footer .social-static.social a[title='behance'], aside .social-static.social
a[title='behance'], .mop-icon .social-static.social a[title='behance'] {background-
color:#009fff}
footer .social-static.social a[title='soundcloud'], aside .social-static.social
a[title='soundcloud'], .mop-icon .social-static.social a[title='soundcloud']
{background-color:#FF5419}
footer .social-static.social a[title='messenger'], aside .social-static.social
a[title='messenger'], .mop-icon .social-static.social a[title='messenger']
{background-color:#0084ff}
footer .social-static.social a[title='google-play'], aside .social-static.social
a[title='google-play'], .mop-icon .social-static.social a[title='google-play']
{background-color:#3d9dab}
footer .social-static.social a[title='telegram'], aside .social-static.social
a[title='telegram'], .mop-icon .social-static.social a[title='telegram']
{background-color:#32AEE1}
footer .social-static.social a[title='tumblr'], aside .social-static.social
a[title='tumblr'], .mop-icon .social-static.social a[title='tumblr'] {background-
color:#3e5a70}
.social-static.social i.fa {opacity: 0.9;display: block;width: 15px;height: 15px;}
aside .social-static.social li{float:right;vertical-align:middle;list-
style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px}
.social-static.social i.fa:hover{opacity:1}
div#footer-social i.fa{opacity:1}
aside .social-static.social li a{border-radius:0;text-
align:center;height:50px;display:flex;align-items:center}
aside .social-static.social i.fa, .mop-icon .social-static.social
i.fa{opacity:1;width:22px;height:22px;margin:0 auto}
.social-static.social {display: block;overflow: hidden;vertical-align: middle;}
.shmal .social-static.social li a {display: block;padding: 6px;border-radius: 3px;}
.shmal .social-static.social li:first-of-type {margin-right: 0;}
/* aside linklist */
aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList
ul li{list-style:none;display:block}
aside .LinkList ul li a:hover::before,footer .LinkList ul li
a:hover::before,aside .PageList ul li a:hover::before,footer .PageList ul li
a:hover::before{background:$(step.color)}
aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li
a,footer .PageList ul li a{color:#525252;font-size:12px;padding:8px 10px 8px
25px;margin:0!important;border-bottom:1px solid
#e6e6e6;background:#ffffff;display:block;position:relative}
aside .LinkList ul li:last-of-type a,footer .LinkList ul li:last-of-type
a,aside .PageList ul li:last-of-type a,footer .PageList ul li:last-of-type
a{padding-bottom:0;border-bottom:0}
aside .LinkList ul li a::before,footer .LinkList ul li a::before,aside .PageList ul
li a::before,footer .PageList ul li
a::before{content:"";width:8px;height:8px;position:absolute;background:#ffffff;top:
13px;left:10px;z-index:999;transform:rotate(45deg);border:1px solid #e6e6e6}
aside .LinkList ul li a:hover:before,footer .LinkList ul li
a:hover:before,aside .PageList ul li a:hover:before,footer .PageList ul li
a:hover:before{background:$(step.color)}
aside .LinkList ul li:first-of-type a,footer .LinkList ul li:first-of-type
a,aside .PageList ul li:first-of-type a,footer .PageList ul li:first-of-type
a{padding-top:0}
aside .LinkList ul li:first-of-type a::before,footer .LinkList ul li:first-of-type
a::before,aside .PageList ul li:first-of-type a::before,footer .PageList ul
li:first-of-type a::before{top:5px}
/* Label Widget */
.widget .list-label-widget-content ul{padding-left:20px}
.widget .list-label-widget-content ul li{font-size:14px;color:#1f1f1f;margin-
bottom:5px;padding:4px 0;padding-bottom:7px;list-style:decimal;border-bottom:1px
dashed #eee}
.widget .list-label-widget-content ul li a{color:#3e3e3e;font-size:13px;.cloud-
label-widget-contentdisplay:block;padding:2px}
.widget .list-label-widget-content ul li:last-of-type{margin-bottom:0;border-
bottom:0;padding-bottom:0}
span.label-count{float:right;color:#585858;text-align:center}
.widget.Label .cloud-label-widget-content span.label-
size{float:right;width:calc((100% - 10px) / 2);vertical-
align:middle;display:block;margin-bottom:10px}
.widget.Label .cloud-label-widget-content span.label-size a.label-name{padding:10px
10px;display:block;border-radius:30px;text-align:center;font-
size:13px;color:#565656;border:1px solid #e6e6e6;background:#f7f7f7}
.widget.Label .cloud-label-widget-content span.label-size:nth-of-type(odd){margin-
left:10px}
.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-
type(1),.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-
type(2){margin-bottom:0}
.widget.Label .cloud-label-widget-content span.label-size a:hover,.shareButton
a:hover,.PagePrakediv a:hover{box-shadow:0 5px 14px rgba(0,0,0,0.15),0 1px 5px
rgba(0,0,0,0.12)}
/* profile */
img.profile-img{border-radius:100%;border:1px solid #eee;margin:0 auto 15px;text-
align:center;display:block}
.profile-info a.profile-link.g-profile{background:#eee;color:#000;display:inline-
block;font-size:14px;border:1px solid #ccc;padding:5px 15px;border-
radius:2px;margin-bottom:8px;margin-top:0}
dd.profile-textblock{font-size:12px;color:#383838}
.profile-info a.profile-link{display:none}
/* BlogSearch */
.BlogSearch input {border: 1px solid #f3f3f3;background: transparent;font-size:
13px;padding: 10px;border-radius: 3px;display: inline-block;width: 55px;}
.BlogSearch input.search-action:hover {background: $(step.color);color: $
(grad.color);}
input.search-action{cursor: pointer;}
.search-input{display:inline-block;width:calc((100% - 60px) / 1)}
.search-input input{display:block;width:100%}
/* BlogArchive */
div#ArchiveList ul.hierarchy{padding-left:30px}
div#ArchiveList ul.hierarchy ul.hierarchy{padding-left:15px}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type)
{margin-bottom:5px;padding-bottom:5px}
div#ArchiveList ul.hierarchy li a, div#ArchiveList ul.flat li a{color:#121212}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-
top:5px;padding-top:5px}
div#ArchiveList ul.hierarchy li{font-size:11px}
div#ArchiveList ul.hierarchy li a:hover, div#ArchiveList ul.flat li
a:hover{color:#194ca9}
div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-
bottom:5px;border-bottom:1px solid #f7f7f7}
div#ArchiveList .hierarchy-title span.post-count, div#ArchiveList ul.flat li
span.post-count{float:right;width:25px;padding:0 0;text-
align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-
size:12px;font-weight:normal}
div#ArchiveList ul.flat {padding-left: 30px;}
div#ArchiveList ul.flat li:not(:last-of-type) {margin-bottom: 5px;padding-bottom:
5px;}
div#ArchiveList ul.flat li {font-size: 13px;}
/* FeaturedPost Widget */
.widget.FeaturedPost .post-title{margin-bottom:3px}
.widget.FeaturedPost .post-title a{font-size:16px;display:block;line-
height:1.7em;max-height:4.5em;overflow:hidden;color:$(Hpost.Title.Color);font-
weight:normal}
.widget.FeaturedPost p.snippet-item.r-snippetized{color:#777777;line-
height:1.7em;margin:5px 0;font-size:12px}
.widget.FeaturedPost .item-thumbnail.thumb{width:100%;min-
height:150px;margin:0;height:auto}
/* PopularPosts Widget */
.PopularPosts a.item-thumbnail.thumb{width:90px;height:70px;margin-right:10px}
.PopularPosts h3.post-title {
width: calc((100% - 100px) / 1);
float: right;
overflow: hidden;
margin-top: 1px;
text-align: left;
max-height: 4em;
}
.PopularPosts h3.post-title a{font-size:13px;color:$(Hpost.Title.Color)}
.PopularPosts article.post{display:block;overflow:hidden;clear:both;margin-
bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.PopularPosts article.post:last-of-type{margin-bottom:0;padding-bottom:0;border-
bottom:0}
/* FollowByEmail Widget */
.widget.FollowByEmail .follow-by-email-inner:before {content: "";height:
160px;width: 100%;text-align: center;display: block;background:center no-repeat
url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal'
data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0
0 512 512' class='svg-inlin'%3E%3Cpath fill='%23585858' d='M349.32 52.26C328.278
35.495 292.938 0 256 0c-36.665 0-71.446 34.769-93.31 52.26-34.586 27.455-109.525
87.898-145.097 117.015A47.99 47.99 0 0 0 0 206.416V464c0 26.51 21.49 48 48
48h416c26.51 0 48-21.49 48-48V206.413a47.989 47.989 0 0 0-17.597-37.144C458.832
140.157 383.906 79.715 349.32 52.26zM464 480H48c-8.837 0-16-7.163-16-16V206.161c0-
4.806 2.155-9.353 5.878-12.392C64.16 172.315 159.658 95.526 182.59 77.32 200.211
63.27 232.317 32 256 32c23.686 0 55.789 31.27 73.41 45.32 22.932 18.207 118.436
95.008 144.714 116.468a15.99 15.99 0 0 1 5.876 12.39V464c0 8.837-7.163 16-16 16zm-
8.753-216.312c4.189 5.156 3.393 12.732-1.776 16.905-22.827 18.426-55.135 44.236-
104.156 83.148-21.045 16.8-56.871 52.518-93.318 52.258-36.58.264-72.826-35.908-
93.318-52.263-49.015-38.908-81.321-64.716-104.149-83.143-5.169-4.173-5.966-11.749-
1.776-16.905l5.047-6.212c4.169-5.131 11.704-5.925 16.848-1.772 22.763 18.376 55.014
44.143 103.938 82.978 16.85 13.437 50.201 45.69 73.413 45.315 23.219.371 56.562-
31.877 73.413-45.315 48.929-38.839 81.178-64.605 103.938-82.978 5.145-4.153 12.679-
3.359 16.848 1.772l5.048 6.212z' %3E%3C/path%3E%3C/svg%3E");margin: 0 auto;}
input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px
0;border-radius:3px;border:1px solid #efefef;text-align:center}
input.follow-by-email-submit{background:#eee;border:1px solid
#ccc;padding:10px;border-radius:3px;width:100%;text-
align:center;color:#6b6b6b;font-size:12px;cursor:pointer}
input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px}
/* redirectPage css */
.ccontenr{height:250px;width:250px;margin:0 auto;text-align:center;border-
radius:100%;border:20px solid #f8f8f8;position:relative;border-bottom-
color:transparent}
.two{display:flex;align-items:center;text-align:center;justify-
content:center;height:100%;font-size:45px;position:relative;top:-8px}
.border1{position:absolute;top:-20px;left:-20px;right:-
20px;width:250px;height:250px;border:20px solid transparent;border-
radius:50%;border-bottom-color:$(step.color)}
.border2{position:absolute;top:-20px;left:-20px;right:-
20px;width:250px;height:250px;border:20px solid transparent;border-
radius:50%;border-bottom-color:$(step.color)}
.border3{position:absolute;top:-20px;left:-20px;right:-
20px;width:250px;height:250px;border:20px solid transparent;border-
radius:50%;border-bottom-color:$(step.color)}
.border4{position:absolute;top:-19px;left:-20px;right:-
20px;width:250px;height:250px;border:20px solid transparent;border-
radius:50%;border-bottom:23px solid #fff}
.safgasdg{height:245px;width:270px;margin:0 auto;border:0;overflow:hidden}
.zr{position:absolute;bottom:-10px;right:0;left:0;z-index:999999;border-
style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-
block;background-color:#f8f8f8;padding:5px 15px;width:160px;font-size:14px;margin:0
auto;border-radius:50px;color:#d2d2d2!important;text-decoration:none}
.run{cursor:progress}
.act{cursor:pointer;color:#3c5b92!important;border-color:$(step.color);border-
style:double;transition:all 0.3s}
a.zr.act:hover{border-color:$(step.color);background:$(step.color);color:#fff!
important}
.dis{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important}
/* contact US */
#contact-form{padding:20px;border:1px dashed #eee}
div#Pagecontactus{margin:10px 0}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-
email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid
#d6d6d6;transition:all .5s ease-out;width:100%;border-radius:2px;padding:8px
15px;margin-bottom:10px;background:transparent;font:400 14px 'Segoe UI'}
input#ContactForm1_contact-form-name{margin-top:0}
#ContactForm1_contact-form-submit{background:#eee;cursor:pointer;font-
weight:bold;float:left;padding:8px 15px;color:#3c3c3c;margin:0 0;font-
size:13px;border:1px solid #d4d4d4}
div#ContactForm1_contact-form-error-message img{vertical-align:middle;margin-
left:3px}
textarea#ContactForm1_contact-form-email-message{margin-bottom:5px}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-
email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-
color:rgb(60,91,146);border-style:solid}
/* search-box */
.stxk{position:fixed;top:0;left:0;right:0;bottom:0;background-
color:rgba(0,0,0,0.58);z-index:999999999999;-webkit-box-shadow:0 1px 15px 5px
rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.stxk{display:none}
.search-box{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-
items:center;margin:0 auto;overflow:hidden;top:0;left:0;right:0;bottom:0}
.search-box-fix{width:100%;margin:0 auto;height:100%;max-
width:600px;background:transparent;vertical-align:middle;display:table-
cell;position:fixed;max-height:150px;right:0;top:30%;bottom:0;left:0;z-
index:999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-
items:center;text-align:center;}
.search-wrap{width:90%;height:100%;display:table;margin:0 auto;text-align:center;-
webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0
20px;position:relative}
.search-fo{width:100%;height:100%;vertical-align:middle;display:table-cell}
.search-field{text-align:center;-webkit-appearance:none;padding:10px;border:none!
important;background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!
important;font-size:30px;font-weight:bold;font-family:monospace;color:#fff}
.search-submit,.search-submit2{background:#2c82c9;-webkit-transition:.3s;-o-
transition:.3s;transition:.3s;display:inline-block;margin:15px 0 -5px
0;width:45px;height:45px;position:relative;padding:7px 0;color:#ffffff;border-
radius:5px;border:0!important}
.search-submit{background:#eee;border:1px solid #ccc;width:45px;height:45px;border-
radius:50%;border:1px solid #ccc!important}
a.search-submit2 svg{margin:5px 0!important;width:30px!important;height:30px!
important}
a.search-submit2{position:absolute;right:-15px;top:-15px;margin:0;border-
radius:50%;background:transparent}
a.search-submit2 svg{margin:5px 0 0 0!important;vertical-align:-1px}
.search-box{display:none}
input.search-field::placeholder{color:#9e9e9e}
.textst{font-size:40px;color:#fff;position:relative;top:-20px}
header#sp-header .widget{overflow:initial}
.post-body a[imageanchor]{margin:0 auto!important}
.open.nav1,.search{display:flex;position:relative;float:right;margin:1px
0;background:$(step.color);width:30px;height:31px;text-align:center;align-
items:center;border-radius:3px;top:14px;margin-left:5px}
a.op-one svg,.search svg{color:$(H.Icon.Sh);margin:0 9px;width:13px!
important;height:13px}
.par-bottm.active .open.nav1,.par-bottm.active .search{top:-15px}
.search svg{position:relative;top:2px}
.pos-t-t{position:fixed;top:0;left:0;right:0;bottom:0;background-
color:rgba(0,0,0,0.58);z-index:999999999;-webkit-box-shadow:0 1px 15px 5px
rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.pos-t-t{display:none}
.mop-pages,.mop-links{margin-bottom:15px}
.mop-icon{margin-top:15px;margin-bottom:15px}
.closebtn{text-align:left;position:absolute;top:0;right:0;font-size:23px;z-
index:9999;height:55px;display:block;float:right;line-
height:53px;color:#484848;width:100%;padding:0 10px 0 20px}
.closebtn svg{transform: rotate(180deg);width:1.3em;height:1.3em;margin-top:12px}
.sidenav{height:100vh;width:250px;position:fixed;top:0;left:-260px;background-
color:#ffffff;overflow-x:hidden;transition:0.3s;z-
index:999999999999999999999999;padding-top:45px;padding-left:10px;padding-
right:10px;padding-bottom:45px;max-width:100%}
.sidenav.open {left: 0;}
.mop-icon .social-static.social li{float:left;vertical-align:middle;list-
style:none;width:calc((100% - 4px) / 4);margin-right:1px;margin-bottom:1px}
.mop-icon .social-static.social li a{border-radius:0;text-
align:center;height:50px;display:flex;align-items:center}
.mop-links
#menu{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages
#PageList1{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages ul,.mop-links ul{padding-left:30px}
.mop-pages ul li,.mop-links ul li{margin-right: 0!important;list-style:circle;font-
size:13px}
.mop-pages ul li:hover,.mop-links ul li:hover{list-style:disc}
.mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-
bottom:7px;margin-bottom:7px;border-bottom:1px solid #eee;font-size:13px}
.mop-links ul::before{display:none!important}
.mop-links li ul li a{padding-left:13px!important}
.mop-links li ul li a::before{left:0!important}
li.ma.pluselink ul {
padding-left: 0 !important;
}
.mop-links .ma2.pluselink2 ul.ma2ul{transform:none!important;opacity:1!
important;visibility:visible!important;position:relative!important;box-shadow:none!
important;top:0!important;left:auto!important;width:auto!important;border:none!
important;padding-left:10px!important}
.mop-links li.ma2.pluselink2 li a::before{transform:none!important}
.mop-links .pluselink span.icon,.mop-links .pluselink2 span.icon{top: 8px !
important;transform:none!important}
.mop-links .ma.pluselink ul:not(.ma2ul){position:relative!important;left:auto!
important;right:auto!important;top:auto!important;width:auto!
important;background:transparent!important;box-shadow:none!important;border:none!
important;transform:none!important;visibility:visible!important;opacity:1!
important;padding-right:0!important;margin-left:-10px!important}
.mop-links li.ma.pluselink span.icon{right:0!important;top:0!important}
.mop-links .pluselink2:hover span.icon{right:0!important}
.mop-links li.ma2.pluselink2 span.icon {top: 8px !important;}
.loadMore{margin-top:15px;text-
align:center;overflow:hidden;display:block;clear:both}
.noMorePosts,div#loader,.loadMore .loadMorePosts a{width:130px;background:$
(step.color);color:#fff;display:block;margin:0 auto;position:relative;font-
size:14px;border-radius:1px;padding:8px 13px;text-align:left}
.loadMore .loadMorePosts
a:before,.noMorePosts:before,div#loader:before{content:"";width:27px;height:27px;di
splay:block;background:$(grad.color);position:absolute;right:5px;bottom:4px;border-
radius:100%}
svg.icon-
load{position:absolute;right:7.1px;bottom:5px;width:22px;height:22px;color:$
(step.color)}
div#loader svg.icon-load{bottom:7px;right:8px;width:21px;height:21px}
.noMorePosts{width:150px!important}
.noMorePosts svg.icon-load{width:19px;height:19px;bottom:8px;right:9px}
table {max-width: 100%;}
.titlewrapper .title{position: relative;white-space:nowrap;text-
overflow:ellipsis;overflow:hidden;width:250px}
.descriptionwrapper{display:none}
div#E3lanat{position:absolute;z-index:-1;opacity:0;visibility:hidden}
.toctitle{display:block;font-size:17px;padding-bottom:6px;border-bottom:1px solid
#eee;margin-bottom:6px;position:relative;padding-left:16px}
.topcs7v{margin:15px 0;padding:15px 10px;border:1px solid #eee}
ul#tocList{padding-left:30px}
ul#tocList li{list-style:circle;margin-bottom:3px;padding-bottom:3px;border-
bottom:1px solid #f7f7f7}
ul#tocList li:hover{list-style:disc}
ul#tocList li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
ul#tocList li a{color:$(step.color);font-size:13px;display:block}
ul#tocList li a:hover{color:#000}
.toctitle:before{content:"*";color:$(step.color);padding-right:5px;line-
height:1em;position:absolute;left:5px;top:8px}
.hideensa{overflow:hidden;display:block;clear:both}
svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto
0;display:block;height:200px;color:$(step.color)}
/*=================
New Worck
===================*/
.trelists{float:left;width:calc((100% - 30px) / 3)}
div#Postnw5,div#Postnw2{margin:0 15px}
.bocker{overflow:hidden;display:block;clear:both;position:relative}
div#main .HTML{clear: both;position: initial !important;padding: 0 20px !
important;margin:0;border:0;background:transparent;}
.shreet .thumb,.shreet .Short_content{display:none}
.shreet h3.rnav-title{height:initial}
.shreet .Posts-byCategory {display: flex;position: absolute; left: 100%;transition:
none !important;}
.shreet h3.rnav-title a:before {margin-right: 5px;content:'';background:
url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-
prefix='fal' data-icon='file-alt' role='img' xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 384 512'%3E%3Cpath fill='%23444' d='M369.9 97.9L286 14C277 5 264.8-.1
252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-
48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7
5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-
16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-
12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0
64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12
5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-
12h168c6.6 0 12 5.4 12 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;display:
inline-block;vertical-align: middle;width: 13px;height: 13px;}
#shreeta5bar .headline,.shreet{margin:0}
#shreeta5bar .headline:before{display:none}
#shreeta5bar .headline{flex-shrink:0;margin-right:15px}
.shreet{position:relative;width:100%;height:40px;display:flex;overflow:hidden;align
-items:center}
.shreet h3.rnav-title a{font-size:14px;display:block;white-space:nowrap;text-
overflow:ellipsis;overflow:hidden}
div#shreeta5bar .Label{box-shadow:0 0 1px 0 #d6d6d6;border:1px solid
#ebebeb;padding:0 10px;height:60px;background:#fff;display:flex;align-
items:center;flex-flow:nowrap;flex:1 100%}
#shreeta5bar .headline .title{float:left;height:35px;line-height:35px;padding:0
50px 0 20px;padding-top:0;padding-bottom:0;padding-left:50px;padding-
right:20px;background:$(step.color);color:#ffffff;font-
size:14px;position:relative;z-index:1}
.shreet .items a.author,.shreet .items span.Date{display:none}
.shreet .posts{padding-right:15px}
.shreet span.category{display:none}
#shreeta5bar .headline .title:before{display:none}
#shreeta5bar .headline .title:before {content: "";position: absolute;left:
17px;top: 7px;width: 20px;height: 20px;background: url("data:image/svg+xml,%3Csvg
aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper'
role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath
fill='%23fff' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24
24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-
24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512
16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-
12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12
12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373
12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-
12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-
12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373
12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0
12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-
6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627
0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E") center no-repeat;display:
block;}
h3.rnav-title svg {float: right;vertical-align: middle;width: 13px;height:
13px;margin-left: 5px;margin-top: 2px;}
/*=================
responsev
===================*/
@media screen and (max-width:1100px){
div#top-social-L{margin-left:0}
.floar{width:75%}
.Sp-posts4 .posts:nth-of-type(1) .cont,.Sp-posts6 .posts .cont{margin:-80px 5%
0;width:90%}
.post-home,.Sp-Normal .cont{text-align: left;width:calc((100% - 295px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:280px}
.Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-right:15px;margin-left:0!
important;margin-bottom:15px}
.Sp-posts1 .items a,.Sp-posts1 .items span{margin-right:0}
}
@media screen and (max-width:992px){
.open.nav1,.search{display:flex!important;top:-15px!important;position:absolute;z-
index:9999999}
.open.nav1{left:3%!important}
.search{right:3%}
.PopularPosts a.item-thumbnail.thumb{width:80px;height:70px}
.PopularPosts h3.post-title{width:calc((100% - 90px) / 1)}
#sidepar-wid{width:250px}
.r-r{width:calc((100% - 250px - 15px) / 1)}
.par-tp{top:-335px!important}
nav.nav-par{display:none}
.shareButton .icon{height:13px;width:13px;margin-top:2px}
.Sp-slide .posts:nth-of-type(1){left:27.5%;width:45%}
.Sp-slide .posts:nth-of-type(2),.Sp-slide .posts:nth-of-type(4){left:-45%;padding:0
15px 0 0;width:27.5%}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){padding:0 0 0
15px;width:27.5%}
.par-bottm #Header1_headerimg{max-height:50px;text-align:center}
.par-bottm #header-inner{width:auto;height:50px;margin:0 auto;text-
align:center;display:block}
header#sp-header .widget{overflow:initial;text-align:center;margin:0 auto}
.par-bottm #logo{width:200px;height:50px;text-align:center;margin:0 auto}
.logo{float:none}
.head-pz{opacity:1}
header#sp-header,.head-pz{height:72px!important}
.par-bottm.active #logo{width:200px}
.par-bottm.active #header-inner{width:200px}
}
@media screen and (max-width:860px){
.trelists {float: none;width:100%}
.Sp-3colList .posts:nth-last-of-type(1),.Sp-3colList .posts:nth-last-of-type(2)
{margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important}
.Sp-slide .posts:not(:first-of-type) .rnav-title{padding:0 5px;max-height:initial!
important;height:inherit!important}
.Sp-slide .posts:not(:first-of-type){vertical-align: top;height:inherit!important}
.mid-top-footer .footer-col{width:calc((100% - 30px) / 3);margin-left:15px}
.Sp-3colList .posts:nth-child(odd){margin-right:15px!important}
.Sp-3colList .posts{overflow:hidden;width:calc((100% - 15px) / 2);margin:0
0;vertical-align:top;display:inline-block;margin-bottom:15px!important;padding-
bottom:15px!important;border-bottom:1px solid #eee!important}
.r-r,#sidepar-wid{position: static !important;float:none;width:100%!
important;margin:0}
.Sp-slide .posts:nth-of-type(1)
{height:300px;left:0;width:100%;float:none;padding:0;margin-bottom:15px}
.Sp-slide .posts:nth-of-type(1) .thumb{height:300px}
.Sp-slide .posts:not(:first-of-type){margin:0 15px 0 0;width:calc((100% - 45px) /
4);padding:0!important;float:none;display:inline-block;left:0!important;right:0!
important}
.Sp-slide .posts:last-of-type{margin-right:0!important}
}
@media screen and (max-width:720px){
.titlewrapper .title {width: auto;top: 5px;}
.headline .title{padding:8px 20px 6px}
a.Lapel-Link{padding:8px 20px 6px}
.Lapel-Link:hover{padding:8px 20px 6px 35px}
footer{padding:15px}
.mid-top-footer .footer-col .widget{margin-bottom:30px}
.mid-top-footer .footer-col{float:none;width:100%;margin-left:0!important}
.bottom-footer{padding:0;box-shadow:none}
.bottom-footer .yemen{display: block !important;float:none;text-
align:center;margin-bottom:10px}
.yemen a[title="SeoPlus Template"] {display: inline-block !important;}
.bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center}
.shareButton a:nth-of-type(4){margin-right:0}
.shareButton a{width:calc((100% - 20px) / 3)}
}
@media screen and (max-width:640px){
.textst{font-size:35px}
.sides{width:100%;float:none;margin:0!important}
.Sp-posts5 .posts:nth-of-type(1){margin-right:0;padding-
right:0;width:100%;display:block;margin-bottom:15px;border-right:0;height:initial}
.Sp-posts5 .posts:nth-of-type(1) a.thumb{width:100%;height:250px;margin-right:0}
.Sp-posts5 .posts{margin-right:15px;float:none}
.Sp-posts5 .posts:nth-of-type(3),.Sp-posts5 .posts:nth-of-type(5){margin-right:0}
.Sp-posts5 .posts:nth-last-of-type(1),.Sp-posts5 .posts:nth-last-of-type(2){margin-
bottom:0;padding-bottom:0;border-bottom:0}
.Sp-posts5 .posts:nth-of-type(1) h3.rnav-title a{font-size:16px}
.Sp-posts1 .posts:nth-of-type(odd),.post .Sp-posts1 .posts:nth-of-type(odd){margin-
right:15px!important}
.Sp-posts1 .posts,.post .Sp-posts1 .posts{width:calc((100% - 15px) / 2);margin-
left:0!important;margin-right:0!important;margin-bottom:15px!important}
.Sp-posts1 .posts:nth-last-of-type(1),.Sp-posts1 .posts:nth-last-of-
type(2),.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-
last-of-type(2){margin-bottom:0!important}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){margin-right:0!
important}
.Sp-slide .posts:not(:first-of-type){width:calc((100% - 15px) / 2);margin-
bottom:15px}
.Sp-slide .posts:nth-last-of-type(1),.Sp-slide .posts:nth-last-of-type(2){margin-
bottom:0}
.post-home,.Sp-Normal .cont{width:calc((100% - 195px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:180px}
.Sp-Normal span.category,.post-outer span.category{display:none!important}
.Sp-posts2 .posts{width:calc((100% - 2px) / 2)}
}
@media screen and (max-width:550px){
.topic-nav-cont .newPost, .topic-nav-cont .oldPost {float: none;width: 100%;}
.topic-nav-cont .newPost {margin-bottom: 5px;}
.Sp-3colList .posts:nth-child(odd){margin-right:0!important}
.Sp-posts5 .posts:not(:last-of-type),.Sp-posts5 .posts:nth-last-of-type(2),.Sp-
3colList .posts,.Sp-3colList .posts:nth-last-of-type(2){margin-
left:0;float:none;width:100%;margin-bottom:15px!important;padding-bottom:15px!
important;border-bottom:1px solid #eee!important}
.Sp-posts5 .posts:nth-last-of-type(1){width:100%}
}
@media screen and (max-width:480px){
.post-outer .thumb,.Sp-Normal .thumb{width:50vw;margin-
bottom:15px;width:100%;float:none}
.post-home,.Sp-Normal .cont{width:100%;float:none}
.Sp-Normal span.category,.post-outer span.category{display:inline-block!important}
.Sp-slide .posts:nth-of-type(1) .cont{top: -110px;margin:-80px 15px 0}
.Sp-slide .items a,.Sp-slide .items span{font-size:11px}
.Sp-slide .items a svg{width:11px}
.reactions-label{display:block;text-align:center;margin-bottom:15px}
iframe.reactions-iframe{height:20px;display:block;vertical-align:middle;text-
align:center;margin:0 auto}
.author-profile{padding:15px}
.authorph{width:80px;height:80px;right:0;left:0;top:0;margin:0
auto;position:relative;z-index:3;margin-bottom:15px}
.dshdsgn{padding-left:0;padding-right:0;min-height:80px;text-align:center}
#siki-page-number{font-size:12px;padding:15px 0}
.siki-next-prev span{font-size:13px!important}
div#rx-options{float:right!important}
#siki_next span:nth-child(1):before,#siki_prev span:nth-child(1):before{top: 10px;}
}
@media screen and (max-width:360px){
.Sp-posts2 .posts{width:100%;margin-left:0!important}
.shareButton a{width:calc((100% - 7px) / 2);margin-right:0!important}
.commint-cont,.atags .blog-admin{float:none}
.Sp-posts1 .posts,.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-
posts1 .posts,.post .Sp-posts1 .posts:nth-last-of-type(2){margin:0 0 15px!
important;width:100%!important;display:block;overflow:hidden}
.Sp-slide .posts:not(:first-of-type){width:100%;margin:0 0 15px!important}
.Sp-slide .posts:nth-last-of-type(1){margin-bottom:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:15px!important}
}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<!-- Layout Skin -->
<b:template-skin><![CDATA[
h4{display:none}
.layout-widget-description{display:none}
body#layout{max-width:930px;padding:25px 15px 0!important;padding-top:90px!
important;height:max-content:scrol;background:#ececec!important;border-
radius:8px;border:2px solid #e5e5e5!important;margin:3px!important}
body#layout div.section,header#sp-header,.contpotg,footer{background: #fff !
important;overflow:hidden!important;padding:50px 15px 15px!important;border:1px
solid rgba(32,33,36,0.07)!important;border-radius:2px!important;margin:15px 0!
important;position:relative}
#layoutsite{max-width:250px;min-width:140px;margin:0 20px;display:block;border-
radius:8px 8px 0 0;padding-top:5px;border-left:1px solid
rgba(32,33,36,0.28);border-right:1px solid rgba(32,33,36,0.28);border-top:1px solid
rgba(32,33,36,0.28);position:relative;overflow:hidden;background:#fff;color:#312c7e
;margin-bottom:-1px}
body#layout .add-icon,body#layout .layout-widget-
state,body#layout .editlink.icon{background-position:center;background-repeat:no-
repeat;height:24px;width:24px}
body#layout .widget-content a:hover{background-color:#ccc;color:#000;transition:.4s
ease-out}
body#layout .editlink.icon{font-size:0;line-
height:0;position:absolute;right:16px;top:16px}
body#layout .widget-content a{color:#4c4c4c!important;padding:3px 10px;background-
color:#e0e0e0;border-radius:5px}
body#layout .locked-widget .widget-content{font-weight:700;text-align:center}
.mid-top-footer .footer-col{width:240px;display:inline-block}
.bocker{display:block;overflow:hidden;clear:both}
aside#sidepar-wid{float:right;width:280px;margin-left:10px}
.bocker .r-r{width:470px;float:left}
.sides{display:inline-block;width:217px}
#Label400{display:none}
body#layout .Blog .widget-content {height: auto !important;}
div#sittings .widget{margin:0 0 1px 1px!important;float:right!
important;width:361px!important}
div#LinkList2{border:1px solid #eee}
body#layout #menu:before,body#layout #logo:before,body#layout #top-social-
L:before,body#layout #pages:before,body#layout #menu:after,body#layout
#logo:after,body#layout #top-social-L:after,body#layout
#pages:after,body#layout .potg:before,body#layout .potg:after,body#layout footer
div.section:after,body#layout footer div.section:before{display:none!important}
body#layout #menu,body#layout #logo,body#layout #top-social-L,body#layout
#pages,body#layout .contpotg div.section,body#layout footer div.section{padding:0!
important;margin:0!important;border-radius:0!important}
header#sp-header,body#layout .contpotg,footer{background:#fff}
.head-pz div.section{margin:0 0 1px 1px!important;float:right!
important;width:361px!important}
body#layout header#sp-header div.section > div{margin-top:0!important}
body#layout .contpotg div.section,body#layout footer div.section{border:0!
important}
body#layout div.section:after,header#sp-
header:after,body#layout .contpotg:after,body#layout
footer:after{content:"";height:2px;width:1050px;background:#eee;display:block;posit
ion:absolute;top:30px;left:-10px}
body#layout div.section:before,header#sp-
header:before,body#layout .contpotg:before,body#layout
footer:before{background:#3560ab;color:#fff;padding:7px 35px;border-
radius:30px;position:absolute;top:15px;left:15px;z-index:999;font-family:'Segoe
UI'}
div#main .HTML{width:50%!important;float:left!important;border:0!important;border-
top:1px solid #eee!important}
div#main .HTML div.layout-title{font-size:18px!important}
div#Blog1{margin-bottom:40px!important}
div#Blog1:before{content:"";display:block;position:absolute;width:130%;height:15px;
background:#ececec;right:-20px;top:75px;left:0}
div#HTML200,div#HTML201{margin-top:50px!important}
div#HTML200:before{content:"";height:2px;width:1050px;background:#eee;display:block
;position:absolute;top:-30px;left:-30px}
div#HTML200:after{background:#3560ab;color:#fff;padding:7px 35px;border-
radius:30px;position:absolute;top:-45px;left:0;z-index:999;font-family:'Segoe
UI';content:"Ads area"}
body#layout .trelists.section{float:left;width:222px;padding-top:10px!
important;margin-top:-16px!important;border-top:0!important;border-right:0!
important}
body#layout .trelists.section:after,div#BotPostsc:after{display:none!important}
body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{margin-
top:0!important;margin-bottom:0!important;border-bottom:0!important;border-top:1px
solid #eee!important;padding-top:60px!important}
body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout
div#Postnw6:after{display:block!important}
body#layout div#BotPostsc{padding-top:15px!important}
body#layout div.widget {border: 1px solid #eee;}
body#layout .dr_active:before{content:'\drop here';font-size:30px;padding-
top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-
color:transparent;border:1px dashed #3560ab;color:#111;margin-
bottom:30px;top:20px;border-radius:2px}
#sittings:before{content:"Settings"!important}
#sp-header:before{content:"header"!important}
#Topa3lan-sc:before{content:"Ad bottom header"!important}
#TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"posts
by Category"!important}
div#sidepar:before{content:"Sidepar"!important}
div#shreeta5bar:before{content:"News Ticker"!important}
div#RedirectPage:before{content:"Additional features"!important}
div#main:before{content:"Basic blogging area"!important}
footer:before{content:"footer"!important}
body#layout:before {content: "Seoplus V5 free";text-align: center;position:
absolute;right: 10px;top: 10px;background: #3560ab;font-weight: bold;color:
#fff;padding: 10px 15px;border-radius: 3px;}
div#main .HTML .widget-content {
height: 70px;
}
]]></b:template-skin>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='PopularPosts,FeaturedPost'>
<b:includable id='snippetedPostContent'>
<b:if cond='data:postDisplay.showTitle'><h3 class='post-title'><a
expr:href='data:post.url'><data:post.title/></a></h3></b:if>
<b:if cond='data:postDisplay.showSnippet'><p class='snippet-item r-snippetized'>
<b:if cond='data:widget.type == "FeaturedPost"'><b:eval
expr='data:post.snippets.long snippet { length: 140, links: false, linebreaks:
false }'/>
</b:if>
</p>
</b:if>
<b:if cond='data:postDisplay.showFeaturedImage'>
<a class='item-thumbnail PLHolder thumb' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<b:if cond='data:widget.type == "PopularPosts"'><img
expr:alt='data:messages.image' expr:data-src='data:post.featuredImage'/><b:elseif
cond='data:widget.type == "FeaturedPost"'/><img
expr:alt='data:messages.image'
expr:data-src='data:post.featuredImage'/></b:if><b:else/><img data-
src='<b:include name='altImage'/>'
alt='<data:messages.image/>'/></b:if>
</a>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='Wigetdisabled'>
Sorry, this plugin does not work with the SEO Plus template encoding system</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Stats'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='Wigetdisabled'>
Sorry, this plugin does not work with the SEO Plus template encoding system</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Common'>
<b:includable id='widget-title'>
</b:includable>
<b:includable id='openGraphMetaData'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no'
name='viewport'/>
<title><b:if cond='data:view.isSingleItem or
data:view.isHomepage'><data:view.title.escaped/><b:elseif
cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval
expr='data:view.search.label.escaped'/> - <data:blog.title/><b:elseif
cond='data:view.search.query'/><b:eval expr='data:view.search.query.escaped'/> -
<data:messages.search/> <data:messages.at/>
<data:blog.title/><b:else/><data:messages.latestPosts/> -
<data:blog.title/></b:if><b:elseif
cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> -
<data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if></title>
<meta expr:content='data:blog.blogId' id='gels'/>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-
navbutton-color'/>
<b:eval expr='data:blog.feedLinks'/>
<b:if cond='data:view.isSingleItem or data:view.isHomepage'>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName :
data:view.title.escaped' name='twitter:title' property='og:title'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'
property='og:description'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName :
data:view.title.escaped' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.isMultipleItems'><meta content='<b:include
name='MetaImage'/>' name='twitter:image'
property='og:image'/><meta content='<b:include
name='MetaImage'/>' property='og:image'/><b:else/><b:if
cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200,
"1200:630")' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:view.featuredImage, 1200,
"1200:630")' property='og:image'/>
<b:elseif cond='data:widgets'/>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map
(p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")'
name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")'
property='og:image'/>
</b:loop>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200,
"1200:630")' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200,
"1200:630")' property='og:image'/>
</b:if>
</b:if>
<meta content='600' property='og:image:width'/>
<meta content='315' property='og:image:height'/>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:view.type in {"item","static_page"}'>
<meta content='article' property='og:type'/><b:else/><meta content='website'
property='og:type'/></b:if>
<meta expr:content='data:blog.title' name='twitter:domain'
property='og:site_name'/>
<link expr:href='data:view.url' rel='dns-prefetch'/><link href='//www.blogger.com'
rel='dns-prefetch'/><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='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link
href='//accounts.google.com' rel='dns-prefetch'/><link
href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.google.com'
rel='dns-prefetch'/><link href='//ajax.googleapis.com' rel='dns-prefetch'/><link
href='//fonts.googleapis.com' rel='dns-prefetch'/>
</b:includable>
<b:includable id='Archive'><script>/*<![CDATA[*/$(".post-body"),0<$(".post-body
.ArchivePage").length&&$.get("/feeds/posts/summary?alt=json-in-script&max-
results=0",function(e){var t=e.feed.category;$.each(t,function(e,t){var n='<div
class="caregory-div"><h2 class="Category-ArchivePage"><a
href="/search/label/'+t.term+'">'+t.term+'</a></h2></div><ul class="clear">';
$.get("/feeds/posts/default/-/"+t.term+"?alt=json-in-script",function(e){for(var
t=0;t<e.feed.entry.length;t+=1){var r=e.feed.entry[t].link.map(function(e){return
e.rel}).indexOf("alternate"),a=e.feed.entry[t].link[r].href,s=e.feed.entry[t].title
.$t;-1!==a.indexOf(".blogspot.")&&(a=a.replace("http://","https://")),n+="<li><a
class='ArchivePage-posts' title='"+s+"' href='"+a+"'>"+s+"</a></li>"}$
(".ArchivePage").append("</ul>"+n)},"jsonp")})},"jsonp");/*]]>*/</script></
b:includable>
<b:includable id='MetaImage'>
https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/
HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600/default.png
</b:includable>
<b:includable
id='altImage'>https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/
HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-rw-e90/default.png</b:includable>
<b:includable id='contactUsJs'>
<b:if cond='data:view.isPage'>
<b:tag name='script' type='text/javascript'>
if($("#Pagecontactus").length){
$.getScript("https://www.blogger.com/static/v1/widgets/2227587253-
widgets.js")
.done(function() {
$htmlcontact = "<div id='contact-form'><form name='contact-form'><input
class='contact-form-name' id='ContactForm1_contact-form-name' name='name'
placeholder='The name *' size='30' type='text' value=''/><input class='contact-
form-email' id='ContactForm1_contact-form-email' name='email' placeholder='e-mail
*' size='30' type='text' value=''/><textarea class='contact-form-email-message'
cols='25' id='ContactForm1_contact-form-email-message' name='email-message'
placeholder='the message *' rows='5'/><input id='ContactForm1_contact-form-submit'
type='button' value='Send your message'/> <div style='text-align: center;'><div
id='ContactForm1_contact-form-error-message'/><div id='ContactForm1_contact-form-
success-message'/></div></form></div>";
$('#Pagecontactus').append($htmlcontact)
_WidgetManager._Init('');_WidgetManager._RegisterWidget('_ContactFormVi
ew', new _WidgetInfo('ContactForm1', 'contact-sec', null,
document.getElementById('ContactForm1'),
{'contactFormMessageSendingMsg': 'ٍ Sending...',
'contactFormMessageSentMsg': 'Your message has been sent.',
'contactFormMessageNotSentMsg': 'The message could not be sent،
Please try again later.', 'contactFormInvalidEmailMsg': 'A valid
email address is required.', 'contactFormEmptyMessageMsg': 'Message
field cannot be emptyً39#& ,;39#&.;اtitle': 'Contact form',
'blogId': '<data:blog.blogId/>', 'contactFormNameMsg':
'The name', 'contactFormEmailMsg': 'e-mail',
'contactFormMessageMsg': 'Message', 'contactFormSendMsg':
'send', 'submitUrl': 'https://www.blogger.com/contact-
form.do'}, 'displayModeFull'));})}
</b:tag>
</b:if>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<script>/*<![CDATA[*/
var
_0x205f=['cmVs','JyA+PGltZyBhbHQ9Jw==','JyBjbGFzcz0nUExIb2xkZXIgdGh1bWInIGhyZWY9Jw=
=','PC9hPjwvaDM+PC9kaXY+PC9kaXY+','d3JpdGU=','aHJlZg==','bWVkaWEkdGh1bWJuYWls','aHR
0cHM6Ly8yLmJwLmJsb2dzcG90LmNvbS8tTDNwaDZhc1NUcTQvWENKb1pwMHZIcEkvQUFBQUFBQUFBd00vSH
pWXzc1MVQzdG9zVGtzVTFtODlEckMzbFk2SGxzczlBQ0s0QkdBWVlDdy9zMTYwMC1ydy1lOTAvZGVmYXVsd
C5wbmc=','bGluaw==','YWx0ZXJuYXRl','PGRpdiBjbGFzcz0nUG9zdHMtYnlDYXRnb3J5Jz4=','ZGl2
','ZmVlZA==','dXJs','Y29udGVudA==','Y3JlYXRlRWxlbWVudA==','PGRpdiBjbGFzcz0ncG9zdHMn
PjxhIHRpdGxlPSc=','aW1n','Z2V0QXR0cmlidXRl','JyBkYXRhLXNyYz0n','aW5uZXJIVE1M','PC9k
aXY+','ZW50cnk=','dGl0bGU=','JyAvPjwvYT48ZGl2IGNsYXNzPSdjb250Jz48aDMgY2xhc3M9J3JuYX
YtdGl0bGUnPjxhIHRpdGxlPSc=','bGVuZ3Ro','JyBocmVmPSc='];
(function(_0x1a5d4f,_0x205fda){var _0x53b8f1=function(_0x19e6cc){while(--_0x19e6cc)
{_0x1a5d4f['push'](_0x1a5d4f['shift']());}};_0x53b8f1(++_0x205fda);}
(_0x205f,0xd2));var _0x53b8=function(_0x1a5d4f,_0x205fda){_0x1a5d4f=_0x1a5d4f-
0x0;var _0x53b8f1=_0x205f[_0x1a5d4f];if(_0x53b8['yCDXKD']===undefined){(function()
{var _0x455c63;try{var _0x48d442=Function('return\x20(function()\
x20'+'{}.constructor(\x22return\x20this\x22)(\
x20)'+');');_0x455c63=_0x48d442();}catch(_0xc18596){_0x455c63=window;}var
_0x4f79f9='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/
=';_0x455c63['atob']||(_0x455c63['atob']=function(_0x142388){var
_0x25b810=String(_0x142388)['replace'](/=+$/,'');var _0x4303b2='';for(var
_0x358360=0x0,_0x1e5e48,_0x44b9fe,_0x4aac50=0x0;_0x44b9fe=_0x25b810['charAt']
(_0x4aac50++);~_0x44b9fe&&(_0x1e5e48=_0x358360%0x4?
_0x1e5e48*0x40+_0x44b9fe:_0x44b9fe,_0x358360++%0x4)?
_0x4303b2+=String['fromCharCode'](0xff&_0x1e5e48>>(-0x2*_0x358360&0x6)):0x0)
{_0x44b9fe=_0x4f79f9['indexOf'](_0x44b9fe);}return _0x4303b2;});}
());_0x53b8['OBmmwF']=function(_0x385c70){var _0x403ca4=atob(_0x385c70);var
_0x1fda95=[];for(var
_0x5e9ab5=0x0,_0x208e25=_0x403ca4['length'];_0x5e9ab5<_0x208e25;_0x5e9ab5++)
{_0x1fda95+='%'+('00'+_0x403ca4['charCodeAt'](_0x5e9ab5)['toString'](0x10))
['slice'](-0x2);}return
decodeURIComponent(_0x1fda95);};_0x53b8['udZnCM']={};_0x53b8['yCDXKD']=!![];}var
_0x19e6cc=_0x53b8['udZnCM'][_0x1a5d4f];if(_0x19e6cc===undefined)
{_0x53b8f1=_0x53b8['OBmmwF'](_0x53b8f1);_0x53b8['udZnCM']
[_0x1a5d4f]=_0x53b8f1;}else{_0x53b8f1=_0x19e6cc;}return _0x53b8f1;};function
prst(_0x32e59b){document[_0x53b8('0xa')](_0x53b8('0x10'));for(var
_0x17d676=0x0;_0x17d676<0x14;_0x17d676++){var _0x17a163=_0x32e59b['feed']
[_0x53b8('0x1')][_0x17d676],_0x4e375f='';if(_0x17d676==_0x32e59b[_0x53b8('0x12')]
[_0x53b8('0x1')][_0x53b8('0x4')])break;for(var
_0x532f94,_0x57fd17,_0x4aed35,_0x54ec58,_0x201687,_0x37e3b0=0x0;_0x37e3b0<_0x17a163
[_0x53b8('0xe')][_0x53b8('0x4')];_0x37e3b0+
+)if(_0x53b8('0xf')==_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0x6')])
{_0x4e375f=_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0xb')];break;}''!
=_0x4e375f&&(_0x54ec58='',_0x54ec58=_0x17a163[_0x53b8('0xc')]&&_0x17a163['media$thu
mbnail'][_0x53b8('0x13')]&&''!=_0x17a163[_0x53b8('0xc')]['url']?
_0x17a163[_0x53b8('0xc')][_0x53b8('0x13')]:(_0x532f94='',
(_0x57fd17=document[_0x53b8('0x15')](_0x53b8('0x11')))
[_0x53b8('0x1a')]=_0x17a163[_0x53b8('0x14')]['$t'],
(_0x4aed35=_0x57fd17['querySelector']
(_0x53b8('0x17')))&&(_0x532f94=_0x4aed35[_0x53b8('0x18')]('src')),_0x532f94||
_0x53b8('0xd')),_0x201687=_0x17a163[_0x53b8('0x2')]['$t'],document[_0x53b8('0xa')]
(_0x53b8('0x16')+_0x201687+_0x53b8('0x8')+_0x4e375f+_0x53b8('0x7')
+_0x201687+_0x53b8('0x19')+_0x54ec58+_0x53b8('0x3')+_0x201687+_0x53b8('0x5')
+_0x4e375f+'\x27>'+_0x201687+_0x53b8('0x9')));}document[_0x53b8('0xa')]
(_0x53b8('0x0'));}
/*]]>*/</script>
</head>
<body>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isSingleItem' name='post'/>
<b:class cond='data:view.isMultipleItems' name='lapel'/>
<b:class cond='data:view.isPage' name='page'/>
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><style>.par-tp {max-width: 100%;overflow:
hidden;}.open.nav1, .search {top: -5px;}div#top-social-L{margin-left: 0}nav.nav-
par{position:relative;top:-19px}.par-bottm{top:70px}header#sp-
header{height:127px}.head-
pz{height:127px}.floar:before{width:100%;transform:none;border-
radius:0}.floar{width:100%}
@media screen and (max-width:992px){.head-pz {height: 97px;}header#sp-header
{height: 97px;}.par-bottm {top: 35px;}}
</style></b:includable>
</b:widget>
<b:widget id='HTML3' locked='true' title='Hide sidepar from homepage'
type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isMultipleItems'><style>.r-r {float: none;width:
100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='true' title='Hide sidepar from post' type='HTML'
version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isPost'><style>.r-r {float: none;width: 100%;}aside#sidepar-
wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='true' title='Hide sidepar from page' type='HTML'
version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isPage'><style>.r-r {float: none;width: 100%;}aside#sidepar-
wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='true' title='Enable content copy blocking'
type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style> body * {user-select: none !important;}</style>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='true' title='Delay the page to appear for a
quarter of a second' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>
body{-webkit-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-moz-
animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-ms-animation:-amp-start
0.3s steps(1,end) 0.3s 1 normal both;animation:-amp-start 0.3s steps(1,end) 0.3s 1
normal both}
@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='true' title='turning off fixed header'
type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>
.head-pz,.par-bottm,.par-tp{position:absolute}
</style>
<div id='StopSitkyHeadar'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='true' title='turning off cutting pictures'
type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>How to activate this addition: -
Click the box below the word visible to activate the checkmark, and by doing this
you will have activated the feature
Click on the box below the visible word to cancel the (√) sign, and by that
you have turned off the feature</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>.thumb img {object-fit: initial;}</style>
</b:includable>
</b:widget>
<b:widget id='HTML16' locked='true' title='Change fonts' type='HTML'
version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>Tajawal</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:content contains "Tajawal"'><style>/*<![CDATA[*/
@import url('https://fonts.googleapis.com/css2?
family=Tajawal:wght@500&display=swap');
body *{font-family: 'Tajawal', sans-serif!important}
/*]]>*/</style></b:if>
</b:includable>
</b:widget>
<b:widget id='Label400' locked='true' title='BlogLabels' type='Label'
version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'><ul class='hideee' itemscope='itemscope'
itemtype='http://www.schema.org/SiteNavigationElement'><b:loop values='data:labels'
var='label'><li><a expr:href='data:label.url' itemprop='url'><span
itemprop='name'><data:label.name/></span></a></li></b:loop></ul><b:tag
name='script'>var blogLabels = {<b:loop index='i' values='data:labels'
var='label'>"<data:label.name/>":<data:label.count/><b:if
cond='data:labels.length !=
data:i+1'>,</b:if></b:loop>};if(typeof(blogLabels)==='undefined'){var
blogLabels={Labels:0}}</b:tag></b:includable>
<b:includable id='3colList'/>
<b:includable id='cloud'/>
<b:includable id='content'/>
<b:includable id='default'/>
<b:includable id='list'/>
<b:includable id='posts1'/>
<b:includable id='posts2'/>
<b:includable id='posts3'/>
<b:includable id='posts4'/>
<b:includable id='posts5'/>
<b:includable id='posts6'/>
<b:includable id='postsNormal'/>
<b:includable id='slide'/>
</b:widget>
</b:section>
<div class='spconten'>
<header id='sp-header'>
<div class='head-pz'>
<div class='par-tp'>
<div class='floar'>
<div class='lap'>
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='pages'
type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home':
{'href': 'https://sgnjgsgwe.blogspot.com/', 'title': 'home', 'position':
0}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='pageList'/>
</div>
</b:includable>
<b:includable id='overflowButton'>
<b:include name='verticalMoreIcon'/>
</b:includable>
<b:includable id='overflowablePageList'>
<div class='overflowable-container'>
<div class='overflowable-contents'>
<div class='container'>
<b:with value='true' var='overflow'>
<b:with value='"tabs"' var='pageListClass'>
<b:include name='pageList'/>
</b:with>
</b:with>
</div>
</div>
<div class='overflow-button hidden'>
<b:include name='overflowButton'/>
</div>
</div>
</b:includable>
<b:includable id='pageLink'>
<li>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:includable>
<b:includable id='pageList'>
<ul>
<b:class cond='data:pageListClass'
expr:name='data:pageListClass'/>
<b:loop values='data:links' var='link'>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section id='top-social-L' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList3' locked='true' title='social media icons'
type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
<b:include name='MetaWebsite'/>
</b:includable>
<b:includable id='MetaWebsite'>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "<data:blog.homepageUrl/>",
"logo": "<b:loop values='data:links' var='link'><b:if
cond='data:link.name in
{"logo","Logo"}'><data:link.target/></b:if></b:loop>",
"name": "<data:blog.title/>",
"sameAs":[<b:loop index='i' values='data:links'
var='link'><b:if cond='data:link.name not in
{"logo","Logo"}'>"<data:link.target/>"<b:if
cond='data:links.length != data:i+1'>,</b:if></b:if>
</b:loop>
]}
</b:tag>
</b:if>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'
rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" +
data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='par-bottm'>
<div class='container'>
<div class='logo'>
<b:section id='logo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='( قالب مجاني انجليزيHeader)'
type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-
IWoLFKUqnNQ/Xr-F9vFjz9I/AAAAAAAAANg/cZUh9fYZ3BI4P0so5JpIijTLjNjA1WDkACK4BGAYYCw/
s1600/94780799_258223751988228_6585718726438420480_n.png</b:widget-setting>
<b:widget-setting name='displayHeight'>272</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</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'>895</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl +
"\"); " + "background-position: "
+ data:backgroundPositionStyleStr + "; " +
data:widthStyleStr + "min-height: " + data:height
+ "_height: " + data:height + "background-
repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId +
"_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='display: none;'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='display: none;'>
<b:include name='title'/>
</h2>
</b:if>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl'
expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='search'>
<a href='javascript:void(0)'>
<svg aria-hidden='true' class='small-icon' data-icon='search' data-
prefix='far' role='img' viewBox='0 0 512 512'
xmlns='http://www.w3.org/2000/svg'><path d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-
3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0
208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4
121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-
71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'
fill='currentColor'/></svg>
</a>
</div>
<div class='open nav1'><a class='op-one' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' focusable='false' role='img' viewBox='0 0 448
512' xmlns='http://www.w3.org/2000/svg'><path d='M436 124H12c-6.627 0-12-5.373-12-
12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12
12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12
5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627
5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z'
fill='currentColor'/></svg>
</a></div>
<nav class='nav-par'>
<div class='lap'>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList22' locked='true' title='main menu'
type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<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>
</nav>
</div>
</div>
</div>
</header>
<div class='pos-t-t'/>
<div class='sidenav'>
<div class='mop-icon'/>
<div class='headline'><h3 class='title'>Main menu</h3></div>
<div class='mop-links'/>
<div class='headline'><h3 class='title'>Pages</h3></div>
<div class='mop-pages'/>
<a class='closebtn' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' data-prefix='fas' role='img' viewBox='0 0 448
512' xmlns='http://www.w3.org/2000/svg'><path d='M190.5 66.9l22.2-22.2c9.4-9.4
24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9
0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3
10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'
fill='currentColor'/></svg>
</a>
</div>
<div class='stxk notran'/>
<div class='search-box notran'>
<div class='search-box-fix notran'>
<div class='search-wrap notran'>
<div class='search-fo notran' role='search'>
<form class='search-form notran' expr:action='data:blog.searchUrl'
target='_top'>
<div class='textst'>Type the search word</div>
<input autocomplete='off' class='search-field' expr:aria-
label='data:messages.searchThisBlog' expr:value='data:view.isSearch ?
data:view.search.query.escaped : ""' name='q' placeholder='...'/>
<a class='search-submit2 notran' href='javascript:void(0)'>
<svg aria-hidden='true' class='small-icon' data-icon='times' data-
prefix='far' role='img' viewBox='0 0 320 512'
xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23
6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28
100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4
256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23
22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23
6.23-16.34 0-22.58L207.6 256z' fill='#fff'/></svg>
</a>
</form>
</div>
</div>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl/>",
"potentialAction": [{
"@type": "SearchAction",
"target": "<data:blog.searchUrl/>?
q={search_term_string}",
"query-input": "required name=search_term_string"
}]
}
</b:tag>
</b:if>
</div>
</div>
<div class='container site'>
<b:section cond='not data:view.isError' id='Topa3lan-sc' maxwidgets='1'
showaddelement='no'>
<b:widget id='HTML1' locked='true' title='ad below the top menu' type='HTML'
version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='bocker'>
<div class='r-r'>
<div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() > 90) {
if(!$commActive) commActive();
}
$(window).scroll(function() {
if ($(window).scrollTop() > 90) {
if(!$commActive) commActive();
}
});
function commActive(){
$commActive = 1;
var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-
iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight
?: "90px"' expr:src='data:commentFormIframeSrc' frameborder='0'
id='comment-editor' name='comment-editor' width='100%'/>`;
$('.asfafafqw').html(asafah)
$.getScript( "https://www.blogger.com/static/v1/jsbin/1769009776-
comment_from_post_iframe.js", function() {
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
});
}
});
</b:tag>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='"c" + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages'
name='commentAuthorAvatar'/>
<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.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='commentsTitle'>
<div class='headline commentsTitle'><h3
class='title'><data:messages.comments/></h3></div>
</b:includable>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<b:if cond='!data:post.embedCommentForm'>
<b:include data='post' name='commentsLink'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='inlineAd' var='post'/>
<b:includable id='jquery'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
</b:includable>
<b:includable id='nextPageLink'/>
<b:includable id='post' var='post'>
<article class='post-amp post hentry h-entry'>
<b:include data='post' name='postMeta'/>
<b:if cond='not data:view.isSingleItem'>
<b:include data='post' name='sp-homePosts'/>
<b:else/>
<div class='bobxed'>
<b:include name='jquery'/>
<div class='atags'>
<b:loop index='x' values='data:post.labels' var='label'>
<b:if cond='data:x == 0 or data:x == 1'>
<a expr:href='data:label.url' rel='tag' title='
<>'قسمdata:label.name/></a>
</b:if>
</b:loop>
<b:include data='post' name='sp-postQuickEdit'/>
</div>
<b:include data='post' name='postTitle'/>
<div class='post-meta'>
<b:include data='post' name='article-author'/>
<b:include data='post' name='article-time'/>
<b:include data='post' name='article-commint'/>
</div>
<div class='TocList'/>
</div>
<b:include data='post' name='postBody'/>
<div class='hideensa'>
<b:include data='post' name='sp-sharePost'/>
<b:include cond='data:view.isPost' data='post' name='sp-navigation'/>
<b:include data='post' name='sp-postTags'/>
<b:include data='post' name='sp-reactions'/>
<b:include data='post' name='sp-aboutPostAuthor'/>
<b:include cond='data:view.isPost' data='post' name='sp-RelatedPosts'/>
</div>
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
</b:if>
</article>
</b:includable>
<b:includable id='postAuthorProfile' var='post'/>
<b:includable id='postBody' var='post'>
<b:if cond='data:view.isPost'>
<b:if cond='data:post.body contains "↔" or data:post.body contains
"↚"'>
<b:else/>
<div id='tocDiv'/>
</b:if>
</b:if>
<div id='top-a3lan'/>
<div class='ap-connt post-body entry-content float-container'>
<data:post.body/>
<b:include cond='data:post.body contains "Pagecontactus" and
data:view.isPage' name='contactUsJs'/>
<b:include cond='data:post.body contains "ArchivePage" and
data:view.isPage' name='Archive'/>
</div>
<div id='bot-a3lan'/>
</b:includable>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'/>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link'>
<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='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postPagination'/>
<b:includable id='postTitle' var='post'>
<h1 class='entry-title topic-title'><data:post.title/></h1>
</b:includable>
<b:includable id='previousPageLink'/>
<b:includable id='sp-RelatedPosts' var='post'>
<div class='SeoPlusAds' id='ret-a3lan'/>
<div class='RelatedPosts'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='headline RelatedPost'><h3 class='title'>Latest articles from :
<data:label.name/></h3></div>
</b:if>
</b:loop>
<div class='Sp-posts1'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<script expr:src='data:blog.canonicalHomepageUrl +
"feeds/posts/default/-/" + data:label.name + "?alt=json-in-
script&redirect=false&start-index=1&max-
results=6&callback=prst"'/>
</b:if>
</b:loop>
</div>
</div>
</b:includable>
<b:includable id='sp-aboutPostAuthor' var='post'>
<b:if cond='data:post.author.aboutMe and data:view.isPost'>
<div class='author-profile'>
<b:if cond='data:post.author.authorPhoto.image'>
<div class='gfvg'>
<div class='dshdsgn'>
<div class='authorph PLHolder'>
<img alt='author-img' expr:data-src='resizeImage(data:post.author.authorPhoto.image
, "90", "1:1" )' title='author-img'/>
</div>
<div class='author-about'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl'
expr:title='data:post.author.name' rel='author'>
كتب بواسطة: <span><data:post.author.name/></span>
</a>
</div>
<div class='author-desc'>
<data:post.author.aboutMe/>
</div>
</div>
</div></div>
<b:else/>
<div class='author-about'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author'
title='author profile'>
<span><data:post.author.name/></span>
</a>
</div>
<div class='author-desc'>
<data:post.author.aboutMe/>
</div>
</div>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='sp-errorPage'>
<div id='error-page'>
<svg aria-hidden='true' class='svg-inline--fa fa-exclamation-triangle fa-w-18'
data-icon='exclamation-triangle' data-prefix='fas' role='img' viewBox='0 0 576 512'
xmlns='http://www.w3.org/2000/svg'><path class='' d='M569.517 440.013C587.975
472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423
23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46
20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418
136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-
11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356
5.78-11.981 12.654z' fill='currentColor'/></svg>
<h1 class='errornum'>Error 404</h1>
<h2 class='error'>Sorry, the page you are looking for on this blog is
not available.</h2>
</div>
<style>
div#error-page {
display: block;
text-align: center;
padding: 30px;
height: calc((100vh - 245px));
}
.r-r {
float: none;
width: 100%;
}
h1.errornum {
font-size: 80px;
}
h2.error {
font-size: 23px;
color: #4e4e4e;
}
.block-side {
display: none;
}
@media screen and (max-width:992px){div#error-page {height:auto;}}
</style>
</b:includable>
<b:includable id='sp-homePosts' var='post'>
<b:if cond='data:post.featuredImage'>
<picture>
<a class='PLHolder thumb' expr:href='data:post.url'
expr:title='data:post.title'>
<img class='post-thumb' expr:alt='data:post.title' expr:data-
src='resizeImage(data:post.featuredImage, 1600)' expr:title='data:post.title'/>
</a>
</picture>
<b:else/>
<a class='PLHolder thumb' expr:href='data:post.url'
expr:title='data:post.title'>
<img class='post-thumb'
data-src='https://cdn.statically.io/img/2.bp.blogspot.com/-L3ph6asSTq4/
XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-c/
default.png?format=webp' expr:alt='data:post.title'/>
</a>
</b:if>
<div class='post-home'>
<div class='post-info'>
<h2 class='posts-titles entry-title p-name'><a class='Title'
expr:href='data:post.url' rel='bookmark'><data:post.title/></a></h2>
</div>
<div class='items'>
<b:if cond='data:post.author.profileUrl'>
<a class='author vcard' expr:href='data:post.author.profileUrl'>
<svg aria-hidden='true' class='icon small-icon' data-prefix='fal' focusable='false'
role='img' viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248
8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm128 421.6c-35.9
26.5-80.1 42.4-128 42.4s-92.1-15.9-128-42.4V416c0-35.3 28.7-64 64-64 11.1 0 27.5
11.4 64 11.4 36.6 0 52.8-11.4 64-11.4 35.3 0 64 28.7 64 64v13.6zm30.6-27.5c-6.8-
46.4-46.3-82.1-94.6-82.1-20.5 0-30.4 11.4-64 11.4S204.6 320 184 320c-48.3 0-87.8
35.7-94.6 82.1C53.9 363.6 32 312.4 32 256c0-119.1 96.9-216 216-216s216 96.9 216
216c0 56.4-21.9 107.6-57.4 146.1zM248 120c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-
39.4 88-88-39.4-88-88-88zm0 144c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-
25.1 56-56 56z' fill='currentColor'/></svg>
<span class='fn'><data:post.author.name/></span></a>
<b:else/>
<span class='fn'><data:post.author.name/></span>
</b:if>
</span>
<span class='Date published updated'><svg aria-hidden='true' class='icon small-
icon' data-icon='clock' data-prefix='fal' focusable='false' role='img' viewBox='0 0
512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 8C119 8 8 119 8 256s111
248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-
216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3l-
81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12
12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z'
fill='currentColor'/></svg><b:eval expr='format(data:post.date, "dd MMMM
YYYY")'/></span>
</div>
<div class='Short_content entry-content'><data:post.snippets.short/></div>
<a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'>Read
more</a>
</div>
</b:includable>
<b:includable id='sp-navigation' var='post'>
<!-- Navigation -->
<div class='topic-nav'>
<meta expr:content='data:post.title' name='postTitle'/>
<meta expr:content='data:post.featuredImage' name='postPoster'/>
<div class='topic-nav-wrap'>
<div class='topic-nav-cont'>
<div class='newPost'>
<b:if cond='data:this.newerPageUrl'>
<a class='next' expr:href='data:blog.httpsEnabled ? data:this.newerPageUrl.https :
data:this.newerPageUrl'/>
<b:else/>
<span>You are now in the first article</span>
</b:if>
</div>
<div class='oldPost'>
<b:if cond='data:this.olderPageUrl'>
<a class='prev' expr:href='data:blog.httpsEnabled ? data:this.olderPageUrl.https :
data:this.olderPageUrl'/>
<b:else/>
<a><span>You are now in the last article</span></a>
</b:if>
</div>
<script>
//<![CDATA[
!function(n){var e=n(".topic-nav-cont a.next"),r=n(".topic-nav-cont
a.prev");n.get(e.attr("href"),function(t){e.html("<span class='texxattt'>Next
article</span> <span
class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html"),n.get(r.at
tr("href"),function(t){r.html("<span class='texxattt'>Previous article</span> <span
class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html")}(jQuery);
//]]>
</script>
</div>
</div>
</div>
</b:includable>
<b:includable id='sp-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'>
<data:messages.newer/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'>
<data:messages.older/></a>
</span>
</b:if>
</div>
<div class='loadMore'>
<div class='loadMorePosts'><a href='javascript:void(0)'>Show more <svg
aria-hidden='true' class='icon-load' focusable='false' role='img' viewBox='0 0 256
512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-
4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7
17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'
fill='currentColor'/></svg></a></div>
<div id='loader' style='display: none'>Showing <svg class='notran icon-
load' version='1.1' viewBox='0 0 50 50' x='0px' xml:space='preserve'
xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'
y='0px'><path class='notran' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-
18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-
14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z' fill='currentColor'
transform='rotate(240 25 25)'><animateTransform attributeName='transform'
attributeType='xml' class='notran' dur='0.6s' from='0 25 25'
repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>
<div class='noMorePosts' style='display: none'>Nothing more <svg aria-
hidden='true' class='icon-load' data-icon='times' data-prefix='far' role='img'
viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6
256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-
22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-
6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03
25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23
22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'
fill='currentColor'/></svg></div>
</div>
</b:includable>
<b:includable id='sp-postQuickEdit' var='post'>
<b:if cond='data:view.isPost'>
<!-- Quick Edit -->
<span expr:class='"edit-post item-control " + data:post.adminClass'>
<a expr:href='"https://www.blogger.com/blogger.g?blogID=" +
data:blog.blogId + "#editor/target=post;postID=" + data:post.id'
target='_blank' title='Edit post'> Edit post </a>
</span></b:if>
<b:if cond='data:view.isPage'>
<!-- Quick Edit -->
<span expr:class='"edit-post item-control " + data:post.adminClass'>
<a expr:href='"https://www.blogger.com/blogger.g?blogID=" +
data:blog.blogId + "#editor/target=page;pageID=" + data:post.id'
target='_blank' title='edit page'> edit page </a>
</span></b:if>
</b:includable>
<b:includable id='sp-postTags' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.labels and
data:post.labels.any'>
<!-- Post Labels -->
<div class='amp-tags'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag' title='<>'قسمsvg aria-
hidden='true' class='small-icon' data-icon='tag' data-prefix='fal' role='img'
viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M497.941
225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48
0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-
204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243
6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-
8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238
6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-
8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-
48-21.49-48-48-48z' fill='currentColor'/></svg><data:label.name/></a>
</b:loop>
</div>
<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
"@context": "http://schema.org","@type":
"BreadcrumbList","itemListElement": [{"@type":
"ListItem","position": 1,"item": {"@id":
"<data:blog.homepageUrl.canonical/>","name":
"<data:blog.title/>"}},{"@type":
"ListItem","position": 2,"item": {"@id":
"<data:label.url.canonical/>","name":
"<data:label.name/>"}},{"@type":
"ListItem","position": 3,"item": {"@id":
"<data:post.url.canonical/>","name":
"<data:view.title.escaped/>"}}]}</script>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='sp-reactions' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>
<span class='reaction-buttons'>
<span class='reactions-label'>
<svg aria-hidden='true' class='icon' data-prefix='fal' focusable='false' role='img'
viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248 8C111 8 0
119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm152.7 400.7c-19.8 19.8-43
35.4-68.7 46.3-26.6 11.3-54.9 17-84.1 17s-57.5-5.7-84.1-17c-25.7-10.9-48.8-26.5-
68.7-46.3-19.8-19.8-35.4-43-46.3-68.7-11.3-26.6-17-54.9-17-84.1s5.7-57.5 17-
84.1c10.9-25.7 26.5-48.8 46.3-68.7 19.8-19.8 43-35.4 68.7-46.3 26.6-11.3 54.9-17
84.1-17s57.5 5.7 84.1 17c25.7 10.9 48.8 26.5 68.7 46.3 19.8 19.8 35.4 43 46.3 68.7
11.3 26.6 17 54.9 17 84.1s-5.7 57.5-17 84.1c-10.8 25.8-26.4 48.9-46.3 68.7zM328
224c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm-160 0c17.7 0
32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm215 64H113c-9.6 0-17.1
8.4-15.9 18 8.8 71 69.4 126 142.9 126h16c73.4 0 134-55 142.9-126 1.2-9.6-6.3-18-
15.9-18zM256 400h-16c-50.2 0-93.5-33.3-107.4-80h230.8c-13.9 46.7-57.2 80-107.4 80z'
fill='currentColor'/></svg>
<data:widgets.Blog.first.allBylineItems.reactions.label/>
</span>
<iframe allowtransparency='true' class='reactions-iframe' expr:data-
src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
<script>
$reacAct =0;
$(document).scroll(function(){if ($(window).scrollTop() > 200) {if(!$reacAct) $
('.reactions-iframe').attr('src' , $('.reactions-
iframe').attr('data-src'));$reacAct =1;}})
$(window).scroll(function() {if ($(window).scrollTop() > 200) {if(!$reacAct) $
('.reactions-iframe').attr('src' , $('.reactions-
iframe').attr('data-src'));$reacAct =1;}});
</script>
</b:if>
</b:includable>
<b:includable id='sp-sharePost' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.share and
data:view.isPost'>
<!-- Share Post -->
<div class='shareButton'>
<a class='facebook' expr:href='"http://www.facebook.com/share.php?
v=4&src=bm&u=" + data:post.url + "& t=" +
data:post.title'
onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=62
6,height=436");return false;' title='Facebook Share Button'>
<span><div class='icon fa-facebook'/>facebook</span>
</a>
<a class='twitter' expr:href='"http://twitter.com/share?url=" +
data:post.url'
onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=62
6,height=436");return false;' title='Twitter Share Button'>
<span><div class='icon fa-twitter'/>twitter</span>
</a>
<a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?
url=" + data:post.url + "&media=" +
resizeImage(data:post.featuredImage, 1600) + "&description=" +
data:post.snippets.long snippet { length: 140, links: false, linebreaks: false }'
onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=62
6,height=436");return false;' title='Pinterest Share Button'>
<span><div class='icon fa-pinterest'/>pinterest</span>
</a>
<a class='ic-phone' expr:href='"whatsapp://send?text=" + data:post.title
+ " : " + data:post.url' title='Whatsapp Share Button'>
<span><div class='icon fa-whatsapp'/>whatsapp</span>
</a>
<a class='ic-reddit' expr:href='"https://reddit.com/submit?url=" +
data:post.url + "&title=" + data:post.title'
onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=62
6,height=436");return false;' title='Reddit Share Button'>
<span><div class='icon fa-reddit'/>reddit</span>
</a>
<a class='ic-linkedin' expr:href='"http://linkedin.com/sharing/share-offsite/?
url=" + data:post.url'
onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=62
6,height=436");return false;' title='linkedin Share Button'>
<span><div class='icon fa-linkedin'/>linkedin</span>
</a>
</div>
<script>
//<![CDATA[
$( ".ic-phone" ).click(function() {var ua =
navigator.userAgent.toLowerCase();var isAndroid = ua.indexOf("android") > -1;var
Ismobile = ua.indexOf("mobile") > -1;var isiPhone = ua.indexOf("iPhone") > -
1;if(isAndroid) {}else if(Ismobile){}else if(isiPhone){}else {alert(" ال يمكنك مشاركة
;)}};)"! التدوينة على الواتساب من الحاسوب
//]]>
</script>
</b:if>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form' id='commentTarget'>
<a name='comment-form'/>
<div class='conart'>
<svg aria-hidden='true' class='small-icon' data-prefix='fas'
focusable='false' role='img' viewBox='0 0 576 512'
xmlns='http://www.w3.org/2000/svg'><path d='M416 224V64c0-35.3-28.7-64-64-
64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64v54.2c0 8 9.1 12.6 15.5 7.8l82.8-
62.1H352c35.3.1 64-28.6 64-63.9zm96-64h-64v64c0 52.9-43.1 96-96 96H192v64c0 35.3
28.7 64 64 64h125.7l82.8 62.1c6.4 4.8 15.5.2 15.5-7.8V448h32c35.3 0 64-28.7 64-
64V224c0-35.3-28.7-64-64-64z' fill='currentColor'/></svg>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
</div>
<b:include data='post' name='commentFormIframeSrc'/>
<div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() > 200) {
if(!$commActive) commActive();
}
$(window).scroll(function() {
if ($(window).scrollTop() > 200) {
if(!$commActive) commActive();
}
});
function commActive(){
$commActive = 1;
var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-
iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight
?: "90px"' expr:src='data:commentFormIframeSrc' frameborder='0'
id='comment-editor' name='comment-editor' width='100%'/>`;
$('.asfafafqw').html(asafah)
$.getScript( "https://www.blogger.com/static/v1/jsbin/1769009776-
comment_from_post_iframe.js", function() {
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
/*<![CDATA[*/
$(".comment-content").each(function(e){var t=$(".comment-content:eq("+e+")");if(-1!
=t.html().search(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/
gi))t.html(t.html().replace(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|
svg))/gi,'<img src="$2" />'));else if(-1!=t.html().search(/(?:http:\/\/)?
(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/gi)||-1!
=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/
gi))t.html(t.html().replace(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/
(?:watch\?v=)?(.+)/g,'<iframe width="100%" height="350"
src="https://www.youtube.com/embed/$1" frameborder="0"
allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/
g,'<iframe src="//player.vimeo.com/video/$1" width="200" height="100"
frameborder="0" webkitallowfullscreen mozallowfullscreen
allowfullscreen></iframe>'));else{var m=t.text().replace(/(\b(https?|ftp|
file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a rel='nofollow
noopener' target='_blank' id='commnetLinkS'
href='$1'>$1</a>");t.html(m.replace(/(^|[^\/])(www\.[\S]+(\b|$))/gim,'$1<a
id="commnetLinkS" target="_blank" href="http://$2">$2</a>'))}});
/*]]>*/
});
/*<![CDATA[*/
$.getScript("https://www.blogger.com/static/v1/widgets/3564956223-
widgets.js").done(function(){
_WidgetManager._Init('');_WidgetManager._RegisterWidget('_BlogView', new
_WidgetInfo('Blog1', 'main', document.getElementById('Blog1'),
{'cmtInteractionsEnabled': false, 'useNgc': true}, 'displayModeFull'));
$("#comment-editor").insertAfter($(".asfafafqw "));
});
/*]]>*/
}
});
</b:tag>
</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'>
<div class='comments-content'>
<div class='comments-list'
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'/></div>
</b:if>
</section>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML200'
locked='true' title='Start content AD' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Firstcontent-a3lan'><data:content/></div>
<script>$("#top-a3lan").append($("#Firstcontent-
a3lan"))</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML201'
locked='true' title='End content AD' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Lastcontent-a3lan'><data:content/></div>
<script>$("#bot-a3lan").append($("#Lastcontent-
a3lan"))</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML202'
locked='true' title='Centar Content AD' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Centercontent-a3lan'><data:content/></div>
<script>
if($('#s7bcent-a3lan-PagePrake').length){$("#s7bcent-a3lan-
PagePrake").append($("#Centercontent-a3lan"));}
else{$Center = Math.floor($('.post-body br').length/2-1);$
("#Centercontent-a3lan").insertAfter(".post-body br:eq("+
$Center+")");}
</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML220'
locked='true' title='Latest articles from AD' type='HTML' version='2'
visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='rett-a3lan'><data:content/></div>
<script>$("#ret-a3lan").append($("#rett-a3lan"))</script>
</b:includable>
</b:widget>
</b:section>
<script>
//<![CDATA[
$("#tocDiv").append($(".topcs7v")),$(tocList).empty();var t=null,a=null,e=0;$(".ap-
connt h2, .ap-connt h3, .ap-connt h4").each(function(){var n="<a
name='"+e+"'></a>";$(this).before(n);var p="<li><a href='#"+e+"'>"+$(this).text()
+"</a></li>";$(this).is("h2 , h3, h4")?(a=$(),(t=$
(p)).append(a),t.appendTo("#tocList")):a.append(p),e++});
//]]>
</script>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Label500' locked='true' title='Read feature also' type='Label'
version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:view.isPost'><div class='post-random'><div class='newPost'/><div
class='newPost'/><div class='newPost'/><div class='newPost'/></div>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function
related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var
r=e.feed.entry[l];relatedTitles[relatedTitlesNum]=r.title.$t;for(var
t=0;t<r.link.length;t++)if("alternate"==r.link[t].rel)
{relatedUrls[relatedTitlesNum]=r.link[t].href,relatedTitlesNum++;break}}}
//]]>
</script>
<script expr:src='data:blog.canonicalHomepageUrl + "/feeds/posts/summary/?
alt=json-in-script&redirect=false&start-index=1&max-
results=50&callback=related_results_labels"'/>
<script type='text/javascript'>
//<![CDATA[
(function newPost() {var text = 'Read also';let r = Math['floor']
((relatedTitles['length'] - 1) * Math['random']());let i = 0;let Post =
document['querySelectorAll']('.post-random .newPost');while (i <
relatedTitles['length'] && i < Post['length']) {for (let a = 0; a < Post['length'];
a++) {Post[a]['innerHTML'] = '<span class="texxattt">' + text + '</span><a
class="posttitle" href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">'
+ relatedTitles[r] + '</a></span>';if (r < relatedTitles['length'] - 1) {r++} else
{r = 0};i++}}})();
//]]>
</script>
<b:if cond='data:title contains "[bot]"'>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}
else{$(".post-random").insertBefore("#bot-a3lan");}
//]]>
</script>
<b:else/>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}else{
$cent = Math.floor($('.post-body br').length/2-1 )
$(".post-random").insertBefore(".post-body br:eq("+$cent+")");
}
//]]>
</script>
</b:if>
</b:if>
</b:includable>
<b:includable id='3colList'/>
<b:includable id='cloud'/>
<b:includable id='content'/>
<b:includable id='default'/>
<b:includable id='list'/>
<b:includable id='posts1'/>
<b:includable id='posts2'/>
<b:includable id='posts3'/>
<b:includable id='posts4'/>
<b:includable id='posts5'/>
<b:includable id='posts6'/>
<b:includable id='postsNormal'/>
<b:includable id='slide'/>
</b:widget>
</b:section>
</div>
<b:if cond='not data:view.isError'>
<aside id='sidepar-wid'>
<b:section id='sidepar'>
<b:widget id='LinkList4' locked='true' title='social media icons' type='LinkList'
version='2' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'
rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" +
data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</b:if>
</div>
</div>
<footer>
<div class='container'>
<div class='mid-top-footer'>
<b:section class='footer-col' id='footer-col1'/>
<b:section class='footer-col' id='footer-col2'/>
<b:section class='footer-col' id='footer-col3'/>
</div>
</div>
<div class='bottom-footer'>
<div class='container'>
<div class='yemen'>
<span>All Rights Reserved by © </span><a
expr:href='data:blog.homepageUrl' id='7qok' target='_blank'><data:blog.title/></a>
</div>
<div class='shmal'>
<b:section id='footer-social' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList2' locked='true' title='social media icons'
type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<li><a href='/sitemap.xml' target='_blank' title='sitemap'><i class='fa
fa-sitemap'/></a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name'
rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" +
data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</footer>
</div>
<b:tag name='script' type='text/javascript'>var ArrowIcon = "<svg aria-
hidden='true' focusable='false' role='img' viewBox='0 0 256 512'
xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-
12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17
0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'
fill='currentColor'/></svg>",BlogID = String(<data:blog.blogId/>);</b:tag><div
class='smoothscroll-top'><span class='scroll-top-inner'><svg aria-hidden='true'
class='icon' data-icon='angle-up' data-prefix='fas' role='img' viewBox='0 0 320
512' xmlns='http://www.w3.org/2000/svg'><path d='M177 159.7l136 136c9.4 9.4 9.4
24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6
9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z'
fill='currentColor'/></svg></span></div>
<b:if cond='data:blog.analyticsAccountNumber'><script>(function(i,s,o,g,r,a,m)
{i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||
[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),m=s.getElementsByTagName(o)
[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})
(window,document,'script','https://www.google-analytics.com/
analytics.js','ga');ga('create',
'<data:blog.analyticsAccountNumber/>', 'auto',
'blogger');ga('blogger.send', 'pageview');</script></b:if>
<script>/*<![CDATA[*/
var
_0x1ec6=['YS5vcC1vbmU=','Lm1vcC1saW5rcw==','Ym9keSAq','aGlkZQ==','LnllbWVuIHNwYW4='
,'bG9hZA==','cGFyZW50RWxlbWVudA==','aW5pdGlhbA==','c2V0QXR0cmlidXRl','c2Nyb2xsVG9w'
,'eXRpbWcuY29t','cmVhZHk=','Y3Nz','Lm5vTW9yZVBvc3Rz','aW1nWw==','ZGF0YS1zcmM=','cGx
1c2VsaW5r','ZmFkZU91dA==','ZmxleA==','dmlzaWJsZQ==','dGV4dA==','dG9nZ2xl','aHRtbA==
','I1N0b3BTaXRreUhlYWRhcg==','Y2VpbA==','Zm9udC13ZWlnaHQ6IDcwMDtjb2xvcjogIzM1NjBhYj
tmb250LXNpemU6MjFweA==','aW5uZXJIZWlnaHQ=','PGEgaHJlZj0iaHR0cHM6Ly93d3cuc2VvcGx1cy1
0ZW1wbGF0ZS5jb20iIHJlbD0ibm9mb2xsb3cgbm9vcGVuZXIiIHRhcmdldD0iX2JsYW5rIiB0aXRsZT0iU2
VvUGx1cyBUZW1wbGF0ZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyB2aXNpYmlsaXR5OiB2aXNpYmxlOyB3a
WR0aDogMjdweDsgaGVpZ2h0OiAyN3B4OyBvcGFjaXR5OiAxOyB0cmFuc2Zvcm06IGluaXRpYWw7Ij48aW1n
IGFsdD0iU2VvUGx1cyBUZW1wbGF0ZSIgc3JjPSIvLzMuYnAuYmxvZ3Nwb3QuY29tLy1ULVYtUEpPVTR2MC9
YWll6SGZxMWRZSS9BQUFBQUFBQUJPdy9vYno4ck1jd0tnRXZQa0hQMWFoTTJ0eUFxbThmUllaWXdDSzRCR0
FZWUN3L3cyNy1oMjctcC1rLW51LzI1Ni0yNTYucG5nIiBzdHlsZT0iZGlzcGxheTogYmxvY2s7IHZpc2lia
WxpdHk6IHZpc2libGU7IHdpZHRoOiAyN3B4OyBoZWlnaHQ6IDI3cHg7IG9wYWNpdHk6IDE7IHRyYW5zZm9y
bTogaW5pdGlhbDsiPjwvYT4=','Lm5hdi1wYXI=','I3RvcC1zb2NpYWwtTA==','LlBvc3RzLWJ5Q2F0ZW
dvcnksLnBhZ2UtbmF2aWdhdGlvbiwuUGFnZVByYWtlZGl2','cmVwbGFjZQ==','LmJsb2ctcGFnZXItb2x
kZXItbGluaw==','LnN0YXR1cy1tc2ctd3JhcA==','LnllbWVuIGltZ1thbHQ9IlNlb1BsdXMgVGVtcGxh
dGUiXSwgLnllbWVuIGFbdGl0bGU9IlNlb1BsdXMgVGVtcGxhdGUiXQ==','YW5pbWF0ZQ==','YWN0aXZl'
,'b2Zmc2V0V2lkdGg=','LnNlYXJjaC1zdWJtaXQyLCAuc3R4aw==','cHJldg==','Y2hpbGRyZW4=','c
GFnZVlPZmZzZXQ=','aHJlZg==','LmxvYWRNb3JlUG9zdHMgYQ==','dG9w','L2RlZmF1bHQ=','YWRkQ
2xhc3M=','Z2V0QXR0cmlidXRl','LmJvdHRvbS1mb290ZXIgLnllbWVuOmVxKDAp','LmxvYWRNb3JlID4
gI2xvYWRlcg==','ZmFkZUlu','LnBhci10cCwgLmhlYWQtcHosIC5wYXItYm90dG0=','L21xZGVmYXVsd
A==','LnNpZGVuYXY=','PHN0eWxlPmJvZHkuUkUge2JhY2tncm91bmQ6IHVybChodHRwczovLzQuYnAuYm
xvZ3Nwb3QuY29tLy1OX0hGa29DTTBQWS9YYlg5TnNudUE4SS9BQUFBQUFBQUJXTS9qQXNsU2hkLWFQSUNBR
HZPQW4zRHZPSVhKQThWaTdzQndDSzRCR0FZWUN3L3MxNjAwL3BfMTM5NWt5cmJtMS5wbmcpIG5vLXJlcGVh
dCBjZW50ZXIgI2VlZTtiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO2hlaWdodDogOTh2aDt
9PC9zdHlsZT4=','YWRkRXZlbnRMaXN0ZW5lcg==','c2hvdw==','cmVtb3ZlQ2xhc3M=','cXVlcnlTZW
xlY3Rvcg==','PHVsLz4=','QmxvZ2dlciBUZW1wbGF0ZQotLS0tLS0tLS0tLS0tLS0tLS0KPj4gUHJvZ3J
hbW1lZCBieSA6IFNlb3BsdXMgZGV2ZWxvcGVycwo+PiBJbmZvcm1hdGlvbiAgIDogaHR0cHM6Ly93d3cuc2
VvcGx1cy10ZW1wbGF0ZS5jb20K','c2Nyb2xs','MjdweA==','LnN0eGs=','Z2V0Qm91bmRpbmdDbGllb
nRSZWN0','ZWFjaA==','bm90LXBs','cHJldmVudERlZmF1bHQ=','Lm1vcC1wYWdlcw==','bGVuZ3Ro'
,'YXBwZW5k','JWNTZW9wbHVzIHY1LjMK','b3Blbg==','I0xpbmtMaXN0MjIgbGk=','cmVtb3ZlQXR0c
mlidXRl','I0xpbmtMaXN0MjI=','LnNlYXJjaC1ib3g=','Lm1vcC1pY29u','Ym9keQ==','Y2xhc3NMa
XN0','YWpheA==','LmJsb2ctcG9zdHM=','LnBvcy10LXQsIGEuY2xvc2VidG4=','LnllbWVu','LnNlY
XJjaCBh','UExIb2xkZXI=','YXR0cg==','LmxvYWRNb3JlUG9zdHM=','PC9zcGFuPg==','YmxvY2s='
,'ZmluZA==','cmVtb3Zl','Y2xpY2s=','aW5kZXhPZg=='];(function(_0x52cd66,_0x1ec60b)
{var _0x33fee0=function(_0x34e3fb){while(--_0x34e3fb){_0x52cd66['push']
(_0x52cd66['shift']());}};_0x33fee0(++_0x1ec60b);}(_0x1ec6,0x1c0));var
_0x33fe=function(_0x52cd66,_0x1ec60b){_0x52cd66=_0x52cd66-0x0;var
_0x33fee0=_0x1ec6[_0x52cd66];if(_0x33fe['HLNfaJ']===undefined){(function(){var
_0x508efb=function(){var _0xe6e902;try{_0xe6e902=Function('return\x20(function()\
x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');')();}catch(_0x43b11a)
{_0xe6e902=window;}return _0xe6e902;};var _0x2987a5=_0x508efb();var
_0xf2aae3='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/
=';_0x2987a5['atob']||(_0x2987a5['atob']=function(_0x4e2903){var
_0x3b87d8=String(_0x4e2903)['replace'](/=+$/,'');var _0x189152='';for(var
_0x23cf15=0x0,_0x20a1bb,_0xb83f0a,_0xa4af48=0x0;_0xb83f0a=_0x3b87d8['charAt']
(_0xa4af48++);~_0xb83f0a&&(_0x20a1bb=_0x23cf15%0x4?
_0x20a1bb*0x40+_0xb83f0a:_0xb83f0a,_0x23cf15++%0x4)?
_0x189152+=String['fromCharCode'](0xff&_0x20a1bb>>(-0x2*_0x23cf15&0x6)):0x0)
{_0xb83f0a=_0xf2aae3['indexOf'](_0xb83f0a);}return _0x189152;});}
());_0x33fe['WYJNUy']=function(_0x549b8e){var _0x4be9ce=atob(_0x549b8e);var
_0x42c1f0=[];for(var
_0x4061ed=0x0,_0x8a924e=_0x4be9ce['length'];_0x4061ed<_0x8a924e;_0x4061ed++)
{_0x42c1f0+='%'+('00'+_0x4be9ce['charCodeAt'](_0x4061ed)['toString'](0x10))
['slice'](-0x2);}return
decodeURIComponent(_0x42c1f0);};_0x33fe['wwBovW']={};_0x33fe['HLNfaJ']=!![];}var
_0x34e3fb=_0x33fe['wwBovW'][_0x52cd66];if(_0x34e3fb===undefined)
{_0x33fee0=_0x33fe['WYJNUy'](_0x33fee0);_0x33fe['wwBovW']
[_0x52cd66]=_0x33fee0;}else{_0x33fee0=_0x34e3fb;}return _0x33fee0;};var olderLink;$
(_0x33fe('0x34'))['length']?($(_0x33fe('0x18'))[_0x33fe('0x13')](),$
(_0x33fe('0x6'))[_0x33fe('0x44')]('RE')['append'](_0x33fe('0x4c'))):($
(_0x33fe('0x1'))[_0x33fe('0x57')](function(){var _0x5a2c07;-0x1==$(this)
[_0x33fe('0x2a')]()[_0x33fe('0x15')]('+')?$(this)[_0x33fe('0x44')]('ma')['append']
(_0x33fe('0x51')):(_0x5a2c07=$(this)[_0x33fe('0x12')]('a')[_0x33fe('0x2a')]()
[_0x33fe('0x35')]('+',''),$(this)[_0x33fe('0x12')]('a')[_0x33fe('0x2a')]
(_0x5a2c07),$(this)[_0x33fe('0x3d')]('.ma')['addClass'](_0x33fe('0x26'))
[_0x33fe('0x12')]('ul')[_0x33fe('0x5c')]($(this))),$(_0x33fe('0x3'))
[_0x33fe('0x48')](0x0);}),$($('<span\x20class=\x27icon\
x27>'+ArrowIcon+_0x33fe('0x10')))['insertAfter']('li.ma.pluselink\
x20ul:not(.ma2ul),\x20.pluselink2\x20ul'),$(_0x33fe('0xc'))[_0x33fe('0x14')]
(function(){$(_0x33fe('0x4'))[_0x33fe('0x48')](0x0),$(_0x33fe('0x55'))
[_0x33fe('0x48')](0xc8);}),$(_0x33fe('0x3c'))['click'](function(){$(_0x33fe('0x4'))
[_0x33fe('0x27')](0x0),$(_0x33fe('0x55'))[_0x33fe('0x27')](0x64);}),$
(_0x33fe('0x16'))[_0x33fe('0x14')](function(){$(_0x33fe('0x4b'))[_0x33fe('0x44')]
(_0x33fe('0x0')),$('.pos-t-t')['fadeIn'](0x12c);}),$(_0x33fe('0xa'))
[_0x33fe('0x14')](function(){$(_0x33fe('0x4b'))[_0x33fe('0x4f')]('open'),$('.pos-t-
t')['fadeOut'](0xc8);}),$my_menu=$(_0x33fe('0x32'))['html'](),$(_0x33fe('0x17'))
[_0x33fe('0x2c')]($my_menu),$my_icon=$(_0x33fe('0x33'))[_0x33fe('0x2c')](),$
(_0x33fe('0x5'))[_0x33fe('0x2c')]($my_icon),$('.mop-links')[_0x33fe('0x2c')]
($my_menu),$my_tre=$('#pages')[_0x33fe('0x2c')](),$(_0x33fe('0x5a'))
[_0x33fe('0x2c')]($my_tre),$(_0x33fe('0x17'))['html']($my_menu),function(_0x33e9c4)
{function _0x2955ce(){$(_0x33fe('0x24')+_0x33e9c4+']')[_0x33fe('0x57')]
(function(_0x448f37){var _0x255703,_0x5ba4c6,_0x47fdb6=this[_0x33fe('0x56')]()
[_0x33fe('0x42')]-document[_0x33fe('0x50')](_0x33fe('0x6'))[_0x33fe('0x56')]()
[_0x33fe('0x42')];window[_0x33fe('0x3f')]
+window[_0x33fe('0x30')]>_0x47fdb6&&(_0x255703=Math[_0x33fe('0x2e')]
(this['parentNode'][_0x33fe('0x3b')])+0x32,_0x5ba4c6=function(_0x244a87)
{try{_0x244a87=-0x1!==_0x244a87[_0x33fe('0x15')]('img.youtube.com')||-0x1!
==_0x244a87['indexOf'](_0x33fe('0x20'))?_0x244a87[_0x33fe('0x35')]
(_0x33fe('0x43'),_0x33fe('0x4a')):_0x244a87['replace'](/\/(s72\-c|s40\-c|s1600\-c|
s72\-rc|s220|s640|s113|s0-rw-e90|s1600-rw-e90|w1600)\//,'/
s'+parseInt(_0x255703)+'/');}finally{return _0x244a87;}}(this[_0x33fe('0x45')]
(_0x33e9c4)),this[_0x33fe('0x1e')]('src',_0x5ba4c6),this[_0x33fe('0x2')]
(_0x33e9c4),this['parentElement'][_0x33fe('0x7')]['toggle'](_0x33fe('0xd'),!
0x1),this[_0x33fe('0x1c')]['classList'][_0x33fe('0x2b')](_0x33fe('0x58'),!
0x0));});}window[_0x33fe('0x4d')]
(_0x33fe('0x1b'),_0x2955ce),document[_0x33fe('0x4d')]('scroll',_0x2955ce);}
(_0x33fe('0x25')),console['log'](_0x33fe('0x5d'),_0x33fe('0x2f'),_0x33fe('0x52')),
(olderLink=$(_0x33fe('0x36'))[_0x33fe('0xe')](_0x33fe('0x40')))&&$(_0x33fe('0xf'))
['show'](),$(_0x33fe('0x41'))['on'](_0x33fe('0x14'),function(_0x57ce3a){$
('.loadMorePosts')['hide'](),$[_0x33fe('0x8')]
({'url':olderLink,'success':function(_0x49584a){var _0x4403fa=$(_0x49584a)
[_0x33fe('0x12')](_0x33fe('0x9'));_0x4403fa[_0x33fe('0x3e')](_0x33fe('0x37'))
[_0x33fe('0x13')](),$(_0x33fe('0x9'))[_0x33fe('0x5c')](_0x4403fa[_0x33fe('0x2c')]
()),(olderLink=$(_0x49584a)[_0x33fe('0x12')](_0x33fe('0x36'))[_0x33fe('0xe')]
(_0x33fe('0x40')))?$(_0x33fe('0xf'))[_0x33fe('0x4e')]():$(_0x33fe('0x23'))
[_0x33fe('0x4e')]();},'beforeSend':function(){$(_0x33fe('0x47'))['show']
();},'complete':function(){$(_0x33fe('0x47'))[_0x33fe('0x19')]
();}}),_0x57ce3a[_0x33fe('0x59')]();}),$(_0x33fe('0x2d'))[_0x33fe('0x5b')]||
jQuery(document)[_0x33fe('0x21')](function(_0x3a0190){var
_0x4c870e=_0x3a0190(_0x33fe('0x49'));_0x3a0190(window)[_0x33fe('0x53')](function()
{0x63<=_0x3a0190(this)[_0x33fe('0x1f')]()?_0x4c870e[_0x33fe('0x4e')](0xa)
[_0x33fe('0x39')](_0x33fe('0x49'))[_0x33fe('0x44')]
(_0x33fe('0x3a')):_0x4c870e[_0x33fe('0x39')](_0x33fe('0x49'))['removeClass']
(_0x33fe('0x3a'));});}),$(_0x33fe('0x46'))[_0x33fe('0x5b')]&&($(_0x33fe('0xb'))
[_0x33fe('0x22')]
({'display':_0x33fe('0x28'),'visibility':_0x33fe('0x29'),'width':'auto','height':'a
uto','opacity':'1','transform':_0x33fe('0x1d')}),$(_0x33fe('0x38'))
[_0x33fe('0x22')]
({'display':_0x33fe('0x11'),'visibility':'visible','width':_0x33fe('0x54'),'height'
:_0x33fe('0x54'),'opacity':'1','transform':_0x33fe('0x1d')})),$($(_0x33fe('0x31')))
['insertBefore'](_0x33fe('0x1a')));
/*]]>*/</script>
<noscript><!--</body>--></noscript></body>
</html>