<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
  
  
  
  
  
  
<!-- BEGIN META TAG -->
<meta content='width=device-width, initial-scale=1' name='viewport'/> 
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='ar' http-equiv='content-language'/>
<meta content='Arabic' name='language'/>
<b:include data='blog' name='all-head-content'/>

<link href='ضع رابط لوجو مدونتك هنا ليضهر اعلى المتصفح' rel='icon' type='image/x-icon'/>
<!-- Title -->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
<title>All Posts - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>

<!--  OpenGraph description -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.metaDescription == &quot;&quot;'>
<meta content='ضع وصف لمدونتك هنا' property='og:description'/>
</b:if>

<!-- Meta keywords otomatis homepage, static page, dan post -->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/> 
<b:elseif cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<meta content='ضع الكلمات المفتاحية لمدونتك هنا' name='keywords'/>
</b:if>

<!-- Noindex search page, label, dan arsip -->
<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex,nofollow,noarchive,nosnippet,noimageindex' name='robots'/>
</b:if>

<!-- Facebook Meta Tag Open Graph -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='ضع رابط شعار مدونتك ليضهر امام رابط مدونتك' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/ضع اسمك على الفيسبوك' property='article:author'/>
<meta content='https://www.facebook.com/ضع اسم مساعدك او اسمك على الفيسبوك' property='article:publisher'/>
<meta content='ضع معرف صفحتك الشخصية على الفيسبوك' property='fb:admins'/>
<meta content='ضع معرف صفحة مدونتك على الفيسبوك' property='fb:page_id'/>
<meta content='ضع معرف تطبيق الفيسبوك' property='fb:app_id'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@ضع معرف حسابك على التويتر' name='twitter:site'/>
<meta content='@اعد وضع معرف حسابك على التويتر' name='twitter:creator'/>
 
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=changa:400,500,700' media='all' rel='stylesheet' type='text/css'/>
<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Cairo|Changa|Reem+Kufi' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<meta content='#6f2d83' name='theme-color'/>
<!-- END META TAG -->   
 
<b:skin><![CDATA[
/*
Theme Name       : Invert Pro 4 Responsive Blogger Template
Theme Update     : November 2020
Theme Base Color : Light
Theme Style      : Blogger Comments
Theme Designer   : Arlina Code
Designer URL     : NQnia.blogspot.com
Published URL    : ThemeDestroy.blogspot.com
Theme License    : Demo Version
*/
<!-- Variable definitions -->
<Group description="Komentar Baru Blogger (Contempo, Soho, Emporio, Notable)">
 <Variable name="body.background" description="Body Background" type="background" color="#dddfe2" default="#dddfe2 none repeat scroll top right" value="#dddfe2 none repeat scroll top right"/>
 <Variable name="body.font" description="Font" type="font" default="normal 400 14px Roboto, Arial, sans-serif" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="body.text.color" description="Text Color" type="color" default="#1d2129" value="#1d2129"/>
 <Variable name="body.text.font" description="1"
  type="font"
  default="$(body.font)" value="normal 400 14px Roboto,Arial,sans-serif"/>
 <Variable name="posts.background.color" description="2"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="body.link.color" description="3"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.visited.color" description="4"
  type="color"
  default="#008c5f" value="#008c5f"/>
 <Variable name="body.link.hover.color" description="5"
  type="color"
  default="#1d2129" value="#1d2129"/>
 <Variable name="blog.title.font" description="6"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Roboto, Arial, sans-serif"/>
 <Variable name="blog.title.color" description="7"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="header.icons.color" description="8"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.font" description="9"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="tabs.color" description="10"
  type="color"
  default="#ccc" value="#cccccc"/>
 <Variable name="tabs.selected.color" description="11"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.background.color" description="12"
  type="color"
  default="#fff" value="#ffffff"/>
 <Variable name="tabs.overflow.color" description="13"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="tabs.overflow.selected.color" description="14"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.color" description="15"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.title.font" description="16"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.font" description="17"
  type="font"
  default="$(body.text.font)" value="normal 400 14px Arial,sans-serif"/>
 <Variable name="posts.text.color" description="18"
  type="color"
  default="$(body.text.color)" value="#1d2129"/>
 <Variable name="posts.icons.color" description="19"
  type="color"
  default="$(body.text.color)" value="#6c6f74"/>
 <Variable name="labels.background.color" description="20"
  type="color"
  default="#008c5f" value="#008c5f"/>
</Group>
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#wrapper{max-width:970px}#main-wrapper{float:right;width:67%;word-wrap:break-word}#sidebar-wrapper{float:left;width:33%}body#layout ul,body#layout ul li{list-style-type:none;list-style:none}body#layout #header-wrapper{min-height:0;float:right;width:30%}body#layout #header-left{width:60%;float:left}body#layout #banner,body#layout #banner2{background-color:#5f6868;padding:20px 0!important;margin-bottom:20px}body#layout #banner:before,body#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}body#layout #banner .widget,body#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}body#layout #banner .add_widget,body#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}h1,h2,h3,h4,h5,h6{color:#f33846;font-weight:500;line-height:1.2;margin:0 0 10px}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}.post-body h1{font-size:190%}.post-body h2{font-size:170%}.post-body h3{font-size:100%;line-height:normal;font-weight: 999}.post-body h4{font-size:130%;line-height:normal}.post-body h5{font-size:110%}.post-body h6{font-size:100%}.post-body h1 b,.post-body h2 b,.post-body h3 b,.post-body h4 b,.post-body h5 b,.post-body h6 b{font-weight:500}
body#layout #head-wrapper{display: none}
/* CSS Layout */
*,*:before,*:after,input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}a,button,input:focus,input[type="button"],input[type="reset"],input[type="submit"],textarea:focus,.button{transition:all .3s}a{color:#007bff;text-decoration:none}.widget{word-wrap:break-word}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;outline:none}input,select,textarea{background-color:#fff;border:1px solid #ddd;color:#5a5a5a;font-weight:300;padding:10px 12px;width:100%}a{color:#007bff;text-decoration:none;transition:all .3s}a:hover{color:#3897fc}a img{border:none;border-width:0;outline:none}img{max-width:100%;height:auto;vertical-align:middle;border:0}.clear{clear:both}.navbar,.quickedit,.post-feeds,.feed-links{display:none}.section{margin:0}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}kbd{font-size:90%;overflow-wrap:break-word;word-wrap:break-word;position:relative;color:#222;font-weight:500;font-family:monospace;background:linear-gradient(to left,#fce3ec,#ffe8cc);padding:.05rem .5rem .15rem;border-radius:99em}kbd:before{font-family:Google Sans;width:135px;position:absolute;content:'Double click to select';display:table;bottom:0;right:0;background:#28a1f0;color:#fff;padding:6px;border-radius:99em;font-size:75%;line-height:1;opacity:0;visibility:hidden;text-align:center;z-index:2;transition:all .3s}kbd:hover:before{bottom:28px;opacity:1;visibility:visible}cite,em,i{font-style:italic}ul,dl{margin:.2em 1.3em .2em 0}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:0}dt{font-weight:500}dd{margin:0 2em .5em 0}.post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out}ol{counter-reset:li;list-style:none;padding:0}.post-body li{list-style-type:circle}ol ol{margin:0 2em 0 0}.post ol li{position:relative;display:block;padding:.1em;margin:.2em 2.5em .2em 0;text-decoration:none;transition:all .3s}.post ol li:before{content:counter(li);counter-increment:li;position:absolute;right:-2.5em;width:2em;text-align:center}strong,b{font-weight:500}.hero,.content{text-align:center;position:relative;width:100%}
body{background:#e5e8e7;font-family:'Droid Arabic Naskh';font-size:24px;font-weight:777;text-align:right;color:#000;margin:0;padding:0;}bold,b,strong{font-weight:500}.post-body table{width:100%;max-width:100%;border-radius:3px;overflow:hidden}.post-body table td,.post-body table caption{border:1px solid rgba(0,0,0,0.05);padding:8px 14px;text-align:right;vertical-align:top;color:#222;font-size:.9rem}.post-body table td:first-child{border-left:0}.post-body table th{background:#fff;color:#222;border:1px solid rgba(0,0,0,0.05);border-bottom:0;padding:10px 15px;text-align:right;vertical-align:top;font-size:15px;font-weight:500}.post-body table.tr-caption-container{border:0;margin:0}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:0}.post-body td a[target="_blank"]:after{margin-right:5px}.post-body table.tr-caption-container td{border:0;padding:0;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#57606f}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}.post-body table tr td:nth-of-type(even){border-right:1px solid rgba(0,0,0,0.03)}.post-body table tr th:nth-of-type(even){border-right:1px solid rgba(255,255,255,0.03)}
@media screen and (min-width:1024px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.25)}}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}

/* Ad Slots */
.top-Ad-Slots .widget,.top-Ad-Slots .widget-content,.Ad-Slots-below .widget,.Ad-Slots-below .widget-content,.Middle-Ad-Slot1 .widget,.Middle-Ad-Slot1 .widget-content,.Middle-Ad-Slot2 .widget,.Middle-Ad-Slot2 .widget-content{margin:0!important;width:100%}
*/]]></b:skin>
  <script>//<![CDATA[
var _0x9975=["keydown","undefined","target","string","getElementById","toLowerCase","event","disable_in_input","srcElement","nodeType","parentNode","INPUT","tagName","TEXTAREA","keyCode","which","fromCharCode",",",".","+","split","~","!","@","#","$","%","^","&","*","(",")","_",":",'"',"<",">","?","|","ctrlKey","shiftKey","altKey","metaKey","length","ctrl","control","shift","alt","meta","keycode","propagate","cancelBubble","returnValue","stopPropagation","preventDefault","all_shortcuts","type","addEventListener","attachEvent","on","callback","detachEvent","removeEventListener","Ctrl+U","href","location","https://www.azzouzipro.com","add"];shortcut={all_shortcuts:{},add:function(f,u,h){var _={type:_0x9975[0],propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(h)for(var g in _)_0x9975[1]==typeof h[g]&&(h[g]=_[g]);else h=_;_=h[_0x9975[2]],_0x9975[3]==typeof h[_0x9975[2]]&&(_=document[_0x9975[4]](h[_0x9975[2]])),f=f[_0x9975[5]](),g=function(_){if(_=_||window[_0x9975[6]],!h[_0x9975[7]]||(va,_[_0x9975[2]]?g=_[_0x9975[2]]:_[_0x9975[8]]&&(g=_[_0x9975[8]]),3==g[_0x9975[9]]&&(g=g[_0x9975[10]]),_0x9975[11]!=g[_0x9975[12]]&&_0x9975[13]!=g[_0x9975[12]])){_[_0x9975[14]]?code=_[_0x9975[14]]:_[_0x9975[15]]&&(code=_[_0x9975[15]]),g=String[_0x9975[16]](code)[_0x9975[5]](),188==code&&(g=_0x9975[17]),190==code&&(g=_0x9975[18]);var e=f[_0x9975[20]](_0x9975[19]),x=0,t={"`":_0x9975[21],1:_0x9975[22],2:_0x9975[23],3:_0x9975[24],4:_0x9975[25],5:_0x9975[26],6:_0x9975[27],7:_0x9975[28],8:_0x9975[29],9:_0x9975[30],0:_0x9975[31],"-":_0x9975[32],"=":_0x9975[19],";":_0x9975[33],"'":_0x9975[34],",":_0x9975[35],".":_0x9975[36],"/":_0x9975[37],"\\":_0x9975[38]},o={esc:27,escape:27,tab:9,space:32,return:13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,break:19,insert:45,home:36,delete:46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,right:37,up:38,left:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},a=!1,n=!1,c=!1,r=!1,l=!1,d=!1,p=!1,s=!1;_[_0x9975[39]]&&(r=!0),_[_0x9975[40]]&&(n=!0),_[_0x9975[41]]&&(d=!0),_[_0x9975[42]]&&(s=!0);for(var i=0;k=e[i],i<e[_0x9975[43]];i++)_0x9975[44]==k||_0x9975[45]==k?(x++,c=!0):_0x9975[46]==k?(x++,a=!0):_0x9975[47]==k?(x++,l=!0):_0x9975[48]==k?(x++,p=!0):1<k[_0x9975[43]]?o[k]==code&&x++:h[_0x9975[49]]?h[_0x9975[49]]==code&&x++:g==k?x++:t[g]&&_[_0x9975[40]]&&((g=t[g])==k&&x++);return x!=e[_0x9975[43]]||r!=c||n!=a||d!=l||s!=p||(u(_),h[_0x9975[50]])?void 0:(_[_0x9975[51]]=!0,_[_0x9975[52]]=!1,_[_0x9975[53]]&&(_[_0x9975[53]](),_[_0x9975[54]]()),!1)}},this[_0x9975[55]][f]={callback:g,target:_,event:h[_0x9975[56]]},_[_0x9975[57]]?_[_0x9975[57]](h[_0x9975[56]],g,!1):_[_0x9975[58]]?_[_0x9975[58]](_0x9975[59]+h[_0x9975[56]],g):_[_0x9975[59]+h[_0x9975[56]]]=g},remove:function(_){var e,_=_[_0x9975[5]](),x=this[_0x9975[55]][_];delete this[_0x9975[55]][_],x&&(_=x[_0x9975[6]],e=x[_0x9975[2]],x=x[_0x9975[60]],e[_0x9975[61]]?e[_0x9975[61]](_0x9975[59]+_,x):e[_0x9975[62]]?e[_0x9975[62]](_,x,!1):e[_0x9975[59]+_]=!1)}},shortcut[_0x9975[67]](_0x9975[63],function(){top[_0x9975[65]][_0x9975[64]]=_0x9975[66]});//]]></script>
<style>
iframe#st_gdpr_iframe{display:none!important}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}@keyframes bounceInright{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInleft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes littleShine{0%{background-position:-400px 0}100%{background-position:400px 0}}@keyframes movebg{0%{transform:scale(1)}50%{transform:scale(1.6) rotate(15deg)}100%{transform:scale(1)}}@keyframes float{50%{transform:translate(0,20px)}}@keyframes shrink{0%{width:90%;margin:0 5%}50%{width:60%;margin:0 18%}100%{width:90%;margin:0 5%}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes square{0%{-webkit-transform:translateY(0) scale(2) rotate(0);transform:translateY(0) scale(2) rotate(0);opacity:1}100%{-webkit-transform:translateY(-600px) scale(0) rotate(-500deg);transform:translateY(-600px) scale(0) rotate(-500deg);opacity:0}}
.ink{display:block;position:absolute;background:rgba(255,255,255,0.4);border-radius:100%;transform:scale(0)}.animate{animation:ripple 0.55s linear}
/* Preloader */
.preloader{overflow:hidden;right:0;left:0;top:0;bottom:0;position:absolute;z-index:2}.status{width:50px;height:30px;right:0;left:0;top:17px;bottom:0;position:absolute;margin:auto}.spinnerno{margin:0 auto;width:50px;height:12px;text-align:center;font-size:0}.spinnerno &gt; div{background:rgba(0,0,0,0.15);height:100%;width:4px;border-radius:12px;display:inline-block;animation:stretchdelay 1.2s infinite ease-in-out}.spinnerno .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinnerno .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.spinnerno .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinnerno .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.Night .spinnerno &gt; div{background:rgba(255,255,255,0.25)}
@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
/* Custom Cookies */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0);}.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}.cookie-choices-info .cookie-choices-button{font-weight:normal!important;color:#fff!important;margin-right:5px!important;padding:3px 6px!important;background:#3cafe0!important;border-radius:2px;letter-spacing:.8px;font-family:&#39;Google Sans&#39;;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}
/* Adblock */
#levelmaxblock{background:rgba(28,39,51,0.67);position:fixed;margin:auto;right:0;left:0;top:0;bottom:0;overflow:auto;z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#levelmaxblock .header{margin:10px 0 20px 0;position:relative;top:initial;right:initial}#levelmaxblock .header h2{color:#222;font-size:1.8rem}#levelmaxblock .inner{background:#fff;border-radius:12px;color:#222;box-shadow:0 0 2rem -1rem rgba(0,0,0,0.5);text-align:center;width:100%;max-width:640px;padding:30px;margin:7% auto 2% auto;animation:flipInX 1s}#levelmaxblock button{position:relative;overflow:hidden;padding:6px 20px;background:#f5aa33;color:#fff;margin:20px 5px;cursor:pointer;border-radius:99em;font-size:13px;font-weight:500;border:2px solid #f5aa33;transition:initial;box-shadow:0 1px 0 rgba(0,0,0,0.01),0 5px 10px rgba(0,0,0,0.1)}#levelmaxblock button:hover{background:#fff;color:#f5aa33;outline:none;border-color:#f5aa33}#levelmaxblock button.active,#levelmaxblock button:hover.active{background:#ee5253;color:#fff;border-color:#ee5253;outline:none}#levelmaxblock .caranya{background:#f7f9f8;text-align:right;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px;border-radius:8px;border:1px solid rgba(0,0,0,0.05)}#levelmaxblock .caranya div{display:none}#levelmaxblock .caranya div.active{display:block;animation:fadeInUp .5s}#levelmaxblock ol{margin-right:20px}#levelmaxblock button:after,#levelmaxblock button:before{content:&#39;&#39;;display:block;position:absolute;bottom:0;left:0;right:0;height:50%;background:rgba(0,0,0,0.05);background-repeat:no-repeat;transition:all .3s}#levelmaxblock button:before{height:0;top:0;bottom:initial}#levelmaxblock button:hover:after{height:0}#levelmaxblock button:hover:before{height:50%}
@media(max-width:768px){#levelmaxblock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
/* Intro Wave */
#head-wrapper{position:relative;text-align:center;padding:0 20px;float:right;background-size:cover;background:#0002a0;background:linear-gradient(to left,#0002a0,#0076f4);background-position:50%;background-repeat:no-repeat;overflow:hidden;width:100%;height:280px;margin:37px auto 20px auto}.course-head{position:relative;display:table;width:100%;height:100%;z-index:5}.course-sub-head{padding:0 10px;max-width:970px;position:absolute;top:47%;right:50%;transform:translate(-50%,-50%);width:100%;text-align:center;margin:0}.post-header{position:relative}.head-text{float:right;width:100%;text-align:center;margin:0 0 50px}.head-text h3{display:block;font-size:2.2rem;color:#fff;text-align:center;font-weight:500;margin:0 0 10px}.head-text p{line-height:normal;margin:0}.head-text.onex{margin:auto;color:#fff}.head-text.onex h3{color:#fff}svg{vertical-align:middle}#head-wrapper svg.wave{position:absolute;bottom:-1px;right:0;overflow:hidden;vertical-align:middle}.avv{fill:none}.bvv{clip-path:url(#a)}.cvv,.dvv{fill:#e5e8e7}.cvve,.dvve{fill:#fff}.dvv,.dvve{opacity:0.5;isolation:isolate}#head-wrapper svg.wavee{position:absolute;top:-1px;right:0;overflow:hidden;vertical-align:middle;transform:rotate(180deg)}.button-home a span.but{background:transparent;color:#fff;font-size:14px;font-weight:500;border-radius:99em;padding:10px 22px;display:inline-block;text-align:center;position:relative;margin:25px auto 0 auto;overflow:hidden;border:2px solid;outline:none;transition:all .1s}.button-home a span.but:hover{background:#fff;color:#222;border-color:#fff;box-shadow:0 2px 6px -2px rgba(0,0,0,0.15)}.Night .button-home a span.but{border:2px solid rgba(255,255,255,.15)}.Night .button-home a span.but:hover{background:#007bff;color:#fff;border-color:#007bff}.Night #head-wrapper{background:#263545}.Night .cvv,.Night .dvv,.Night .cvve,.Night .dvve{fill:#1c2733}.containerghost{position:absolute;left:5%;top:40%;margin-top:-85.5px;opacity:.7;transform:scale(0.6)}.ghost{animation:float 3s ease-out infinite}.shadowFrame{width:130px;margin-top:15px}.shadow{animation:shrink 3s ease-out infinite;transform-origin:center center}.shadow ellipse{transform-origin:center center}
/* Particle */
.particle{position:absolute;top:0;right:0;width:100%;height:100%;z-index:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.particle::after,.particle::before,[class*=particle-]::after,[class*=particle-]::before{content:&quot;&quot;;display:block;position:absolute;bottom:-100px;border:4px solid rgba(255,255,255,.1);-webkit-animation:square 10s infinite;animation:square 10s infinite;border-radius:50%}.particle-dark [class*=particle-]::after,.particle-dark [class*=particle-]::before,.particle-dark::after,.particle-dark::before{border-color:rgba(0,0,0,.8)}.particle-item:nth-child(3)::before,.particle-item:nth-child(5)::after,.particle-item:nth-child(5)::before,.particle::after,.particle::before{border-radius:0}.particle-item:nth-child(1)::after,.particle-item:nth-child(1)::before,.particle-item:nth-child(5)::after,.particle::before{width:15px;height:15px}.particle-item:nth-child(2)::after,.particle-item:nth-child(4)::after,.particle-item:nth-child(5)::before{width:28px;height:28px}.particle-item:nth-child(2)::before,.particle-item:nth-child(3)::after{width:18px;height:18px}.particle-item:nth-child(3)::before,.particle-item:nth-child(4)::before,.particle::after{width:20px;height:20px}.particle::before{right:20%;-webkit-animation-duration:16s;animation-duration:16s}.particle-item:nth-child(1)::before{right:38%}.particle-item:nth-child(1)::after{right:24%;-webkit-animation-duration:8s;animation-duration:8s}.particle-item:nth-child(2)::after{right:50%;-webkit-animation-delay:5s;animation-delay:5s}.particle-item:nth-child(2)::before{right:40%;-webkit-animation-delay:7s;animation-delay:7s;-webkit-animation-duration:15s;animation-duration:15s}.particle-item:nth-child(3)::after{right:36%;-webkit-animation-delay:6s;animation-delay:6s}.particle-item:nth-child(3)::before{right:44%;-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-duration:20s;animation-duration:20s}.particle-item:nth-child(4)::after{right:58%;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:18s;animation-duration:18s}.particle-item:nth-child(4)::before{right:45%;-webkit-animation-duration:14s;animation-duration:14s}.particle-item:nth-child(5)::after{right:66%;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:12s;animation-duration:12s}.particle-item:nth-child(5)::before{right:74%;-webkit-animation-duration:25s;animation-duration:25s}.particle::after{right:80%;-webkit-animation-delay:4s;animation-delay:4s}
@media screen and (max-width:768px) {
#head-wrapper{height:200px;margin:34px auto 20px auto}#head-wrapper svg.wave,#head-wrapper svg.wavee{display:none}.head-text p{font-size:14px}}
/* Layout */
.CSS_LIGHTBOX{z-index:999999!important;}.CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.95!important;}#navbar-iframe,#ContactForm1,#ContactForm1 br,.quickedit,#Attribution1{display:none;visibility:hidden}
.status-msg-body,.status-msg-border{display:none}.status-msg-body{background:#fff;border-radius:8px;clear:both;width:auto;padding:20px;line-height:normal;position:relative;display:block;text-align:center;overflow:hidden;margin:0 auto 20px auto}.status-msg-body a{margin:0 5px}ins{background:#fff;border-radius:8px;overflow:hidden}.Night ins{background:#263545}
/* Dark Mode */
.modedark{display:inline-block;float:left;position:absolute;left:65px;top:16px;z-index:99}.modedark svg{content:&#39;&#39;;width:22px;height:22px;vertical-align:-5px;background-repeat:no-repeat}.modedark svg path{fill:#222}.modedark .check:checked ~ .NavMenu{opacity:1;visibility:visible;top:45px;min-width:200px;transition:all .3s ease;z-index:2}.iconmode{cursor:pointer;display:block;padding:0;background-position:center;transition:all .5s linear}.iconmode:hover{border-radius:100px;background:rgba(0,0,0,.1) radial-gradient(circle,transparent 2%,rgba(0,0,0,.1) 2%) center/15000%}.check{display:none}.modedark .iconmode .openmode{display:block}.modedark .iconmode .closemode{display:none}.modedark .check:checked ~ .iconmode .openmode{display:none}.modedark .check:checked ~ .iconmode .closemode{display:block}
body.Night{background:#1c2733;color:rgba(255,255,255,.7)}.Night .post,.Night .post-thumbnail,.Night .sidebar .widget,.Night .menuheadx,.Night #footer-wrapper,.Night #blog-pager,.Night #subscribe-box .emailfield input,.Night .post-share-wrap{background:#263545;color:rgba(255,255,255,.85)}.Night #csxmenus ul ul li a,.Night h1,.Night h2,.Night h3,.Night h4,.Night h5,.Night h6,.Night #searchla input[type=&quot;search&quot;],.Night a,.Night .related-post-style-2 .related-post-item-title,.Night .sidebar12:hover a,.Night .card-author a,.Night #bp_toc td a,.Night #bp_toc td a:hover,.Night .breadcrumbs a:hover,.Night .related-post-style-2 .related-post-item-title:hover,.Night #subscribe-box .emailfield input:focus{color:#fff}.Night #csxmenus &gt; ul &gt; li &gt; a:before{background:#ff7f66}.Night #subscribe-box .emailfield .submitbutton,.Night #subscribe-box .emailfield .submitbutton:active,.Night #subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#263545}.Night #subscribe-box .emailfield input{background:rgba(28,39,51,0.85);border-color:transparent}.Night #first-invertpro{background:#1c2733}.Night #csxmenus ul ul{background:rgba(38,53,69,.95)}.Night #HTML98{border:1px double #263545}.Night #subscribe-box p{color:rgba(255,255,255,.7)}.Night .post h2.post-title.entry-title a,.Night .post-infoku a.author-meta.g-profile,.Night .post-timestamp i,.Night .post-infoku a,.Night #csxmenus &gt; ul &gt; li &gt; a,.Night .sidebar h2,.Night .sidebar h3,.Night .sidebar h4,.Night #PopularPosts1 li a,.Night .sidebar512 a,.Night #footer a,.Night .list-label-widget-content ul li a,.Night .search-icon a,.Night span.toc-note,.Night .post-body table td,.Night .post-body table caption,.Night #csxmenus a:hover,.Night #csxmenus .notif-show:hover,.Night #csxmenus &gt; ul &gt; li:hover &gt; a,.Night #csxmenus ul li.active a{color:#fff}.Night .sidebar512,.Night .related-post h4:hover{background-color:transparent;color:#fff}.Night .sidebar12{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.15);line-height:31px}.Night .sidebar12:hover,.Night #footer .footer-nav li a:hover{background-color:#1c2733;color:#fff;border-color:rgba(255,255,255,.15)}.Night #footer .footer-nav li a,.Night .related-post h4{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.15)}.Night .post h2.post-title.entry-title a:hover,.Night #PopularPosts1 ul li a:hover{color:#fff;text-decoration:underline}.Night .post-body .hljs{background:#1c2733}.Night #searchla input[type=&quot;search&quot;]::placeholder{color:#fff}.Night #searchla input[type=&quot;search&quot;]:-ms-input-placeholder{color:#fff}.Night #searchla input[type=&quot;search&quot;]::-ms-input-placeholder{color:#fff}body.Night svg.openmode path,.Night svg path{fill:#fff}.Night a:hover,.Night .post-infoku a:hover{color:#fdcb6e}.Night #searchla.open{background:rgba(46,65,84,.95);border-color:transparent}.Night #ContactForm1_contact-form-name,.Night #ContactForm1_contact-form-email,.Night #ContactForm1_contact-form-email-message{background:#1c2733;color:#fff}.Night #bp_toc td.toc-header-col1,.Night #bp_toc td.toc-header-col2,.Night #bp_toc td.toc-header-col3{border:1px solid rgba(255,255,255,0.05);background:#1c2733}.Night .post-body table tr:nth-of-type(odd) td,.Night .disqusshows,.Night #disqus_thread,.Night #disqusshow:hover,.Night #disqusshow:active{background-color:#263545;color:#fff;border-color:rgba(255,255,255,0.03)}.Night .post-body table tr:nth-of-type(even) td{background-color:#1c2733}.Night #bp_toc table{background:transparent;border-color:transparent}.Night .post-shareku,.Night .sidebar ul li,.Night #csxmenus ul ul li a{border-color:rgba(255,255,255,.05)}.Night #disqusshow:hover{border-color:rgba(255,255,255,.15)}.Night .post-body blockquote{background:#0984e3;border-color:transparent;color:#fff}.Night #socialcounterd ul li a.social_item.social_codepen{background:#e84393}.Night .post-body blockquote kbd{background:#fff;color:#0984e3}.Night #related-post li:hover:after{color:#fdcb6e}.Night kbd{background:#1c2733;color:rgba(255,255,255,.85)}.Night #csxmenus .notif-code a{color:#fff}.Night #csxmenus .notif-show .sindicat{background:#fdcb6e}.Night .related-post-style-2 .related-post-item-thumbnail{border:2px solid rgba(0,0,0,.25)}.Night kbd:before{background:linear-gradient(45deg,rgba(255,101,165,1) 0,rgba(255,101,165,1) 13%,rgba(255,107,154,1) 35%,rgba(255,134,106,1) 100%)}.Night .post-body .hljs mark{background-color:#2e86de}.Night .post-body table th{background:#1c2733;color:#fff;border:1px solid rgba(255,255,255,0.03)}.Night .post-body table{border-radius:8px}.Night .breadcrumbs{background:#263545;color:rgba(255,255,255,.85)}.Night .breadcrumbs,.Night .breadcrumbs a,.Night .breadcrumbs svg path{fill:rgba(255,255,255,.85);color:rgba(255,255,255,.85)}.Night .nubie-credit i.fa.fa-heart{color:rgba(255,255,255,.85)}.Night #searchla .close,.Night #searchla .close:hover{background:rgba(0,0,0,0.25);color:#fff}.Night .head-text.onex h3{color:#ff7f66}
/* Wrapper */
.maxwrapp{margin:0 auto;}.maxwrapp.header{background:#fff;display:block;margin:0 auto;padding:0;word-wrap:break-word;width:100%;height:56px;line-height:56px;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 1px 15px rgba(0,0,0,0.1)}#wrapper{position:relative;max-width:970px;margin:80px auto 0 auto}#header-wrap{background-color:#3cafe0;margin:0;width:100%;}.wrapperku{position:relative}
/* Navigation */
.menuheadx{position:fixed;width:100%;margin:auto;top:0;left:0;right:0;opacity:1;z-index:99;-webkit-transform:translateZ(0);transform:translateZ(0);background:rgba(255,255,255,.99);color:#222;transition:transform .3s;box-shadow:0 2px 6px -4px rgba(0,0,0,0.05)}.logo{position:relative;padding:7px 0;color:#000;float:right;z-index:123}.logo a{color:#000}#menuhead nav{position:relative;width:100%;max-width:990px;margin:0 auto}
#csxmenus,#csxmenus ul,#csxmenus ul li,#csxmenus ul li a,#csxmenus #head-mobile{border:0;list-style:none;line-height:1;margin:0 auto;display:block;position:relative}#csxmenus{width:100%;max-width:990px}#csxmenus:after,#csxmenus &gt; ul:after{content:&quot;.&quot;;display:block;clear:both;visibility:hidden;line-height:0;height:0}#csxmenus #head-mobile{display:none}#csxmenus &gt; ul &gt; li{float:right}#csxmenus &gt; ul &gt; li &gt; a{padding:20px 10px;font-size:14px;font-weight:500;letter-spacing:1px;text-decoration:none;color:#000}#csxmenus &gt; ul &gt; li &gt; a:before{background:#007bff;content:&#39;&#39;;display:block;position:absolute;right:100%;left:100%;bottom:0;height:1px;transition:all .3s ease-in-out}#csxmenus &gt; ul &gt; li &gt; a:hover:before,#csxmenus &gt; ul &gt; li:hover &gt; a:before{right:10px;left:10px}#csxmenus &gt; ul &gt; li:hover &gt; a,#csxmenus ul li.active a{color:#007bff}#csxmenus &gt; ul &gt; li:hover,#csxmenus ul li.active:hover,#csxmenus ul li.active,#csxmenus ul li.has-sub.active:hover{transition:background .3s ease}#csxmenus ul ul{background:#fff;position:absolute;opacity:0;visibility:hidden;z-index:99;box-shadow:0 2px 2.2rem -1rem rgba(0,0,0,0.1);transition:all .4s cubic-bezier(.47,1.64,.41,.8);border-radius:8px;top:100%;transform:scale(0.9);transform-style:preserve-3d;backface-visibility:hidden}#csxmenus ul ul li{transition:all .25s ease}#csxmenus ul ul li:hover{}#csxmenus li:hover &gt; ul{opacity:1;visibility:visible;transform:scale(1.0)}#csxmenus li:hover &gt; ul &gt;li{}#csxmenus ul ul ul{margin-right:100%;top:0}#csxmenus ul ul li a{border-bottom:1px solid rgba(0,0,0,0.03);padding:11px 15px;width:170px;font-size:13px;text-decoration:none;color:#000;font-weight:400}#csxmenus ul ul li:last-child &gt;a,#csxmenus ul ul li.last-item &gt;a{border-bottom:0}#csxmenus ul ul li:hover &gt;a,#csxmenus ul ul li a:hover{color:#007bff}#csxmenus ul ul li.has-sub:hover,#csxmenus ul li.has-sub ul li.has-sub ul li:hover{}#csxmenus ul ul ul li.active a{border-right:1px solid #333}#csxmenus &gt;ul &gt;li.has-sub &gt;ul &gt;li.active &gt;a,#csxmenus &gt; ul ul &gt; li.has-sub &gt; ul &gt; li.active &gt; a{border-top:1px solid rgba(0,0,0,0.03)}#csxmenus &gt; ul &gt; li.has-sub &gt;a i {margin:0 5px 0 0}#csxmenus &gt; ul ul&gt; li.has-sub &gt;a i{margin:0 5px 0 0;float:left}#csxmenus .notif-code{display:inline-block;font-size:18px;float:left;position:absolute;left:125px;top:18px;z-index:99}#csxmenus .notif-code a{position:relative;color:#000}#csxmenus .notif-show .sindicat{display:block;font-size:16px;background:#FFBA00;position:absolute;top:0;left:0;width:10px;height:10px;border-radius:8px}.sindicat{animation:sindicat 1s ease infinite}#csxmenus &gt; ul &gt; li &gt; a.thisar{position:relative}#csxmenus &gt; ul &gt; li &gt; a.thisar:after{content:&#39; إعلان &#39;;position:absolute;left:-3px;top:4px;background:#568af5;color:#fff;font-size:10px;padding:2px 5px;border-radius:3px}#csxmenus &gt; ul &gt; li:hover &gt; a.thisar:after{animation:rubberBand 1.2s ease}.Night #csxmenus &gt; ul &gt; li &gt; a.thisar:after{background:#ff9f43;color:#fff}#csxmenus ul ul li a:before{content:&#39;\f114&#39;;font-family:fontawesome;margin:0 0 0 8px}#csxmenus ul ul li:hover a:before{content:&#39;\f115&#39;;margin:0 0 0 6px}
/* Header */
#header{position:relative;overflow:hidden;padding:0;margin:0}#header-inner{text-align:center;display:inline-block}#header h1,#header h2{color:#000;margin:0;font-size:1.5rem;font-weight:500;line-height:normal;text-align:center}#header h1 a,#header h2 a{color:#000}#header h1 a:hover,#header h2 a:hover{color:#000}.descriptionwrapper{display:none}.header-logo{float:right;padding:0 16px}.mudah-head{display:table;width:100%;height:100%}.mudah-sub-head{margin:auto;padding:0 10px;max-width:990px}#header img{max-width:38px}#header img:hover{animation:rotating 3s linear infinite}
/* Search Form */
.search-icon a{color:#222;font-size:16px;padding:0;position:absolute;left:0;top:9px;width:48px;height:38px;line-height:38px;text-align:center;border-radius:99em;transition:all .3s cubic-bezier(0.4,0,0.2,1)}.search-icon a:hover{color:#007bff;transition-delay:0s}#searchla{color:#7f8c8d;margin:auto;transition:all 0.1s ease-in-out;display:none}#searchla.open{background-color:#fff;display:block;position:relative;border-top:1px solid rgba(0,0,0,0.05)}#searchla input[type=&quot;search&quot;]{position:relative;background:transparent;color:#222;border:0;width:100%;font-size:14px;outline:none;padding:15px 10px;letter-spacing:.5px;margin:auto}#searchla .close{position:absolute;top:10px;left:10px;background:#f35b5b;color:#fff;font-size:20px;border:0;outline:none;padding:0;z-index:9;width:26px;height:26px;line-height:26px;border-radius:99em;transform:rotate(180deg);transition:all .3s}#searchla .close:hover{cursor:pointer;background:#ee5253;color:#fff;transform:rotate(360deg)}#searchla form{margin:auto;max-width:970px;position:relative}#searchla input[type=&quot;search&quot;]::placeholder{color:#8395a7;opacity:1}#searchla input[type=&quot;search&quot;]:-ms-input-placeholder{color:#8395a7}#searchla input[type=&quot;search&quot;]::-ms-input-placeholder{color:#8395a7}
/* Ajax Search */
.ajax-search{padding:20px 10px;background:#fff!important;text-align:center;box-shadow:0 15px 10px -10px rgba(0,0,0,0.05),0 -15px 10px -10px rgba(0,0,0,0.05);max-height:450px!important;margin:20px auto;border-radius:8px;animation:fadeInDown .5s linear}.ajax-search-results-empty{text-align:center}.ajax-search h3{color:#000;font-size:14px;font-weight:500;margin:0 10px 20px 10px;text-align:right}.ajax-search-results{text-align:right}.ajax-search li{position:relative;display:inline-block;float:right;width:48.9%;padding:10px;margin:0 5px 10px 5px;border-radius:5px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 6px 2px -5px rgba(0,0,0,0.1);overflow:hidden;transition:all .3s}.ajax-search li:hover{border-color:#2e87e7;background:#f2f9ff}.ajax-search li h4{font-size:13px;font-weight:500;margin:0 0 0 15px}.ajax-search li h4 a{color:#000;transition:all .3s}.ajax-search li h4 mark{background-color:transparent;color:#007bff;text-decoration:underline;transition:all .3s}.ajax-search li h4 a:hover,.ajax-search li h4:hover mark{color:#007bff}.ajax-search-image{float:right;margin:0 0 0 10px}.ajax-search-image img{border-radius:5px}.ajax-search-pager a{display:inline-block;clear:both;overflow:hidden;background:#007bff;color:#fff;font-size:13px;padding:7px 15px;border-radius:5px;margin:15px 3px 0 3px}.ajax-search-pager a:hover{background:#016fe5;color:#fff}.ajax-search-pager{overflow:hidden;clear:both;position:relative}.Night .ajax-search{background:#263545!important;color:rgba(255,255,255,.85)}.Night .ajax-search li h4 a{color:#fff}.Night .ajax-search li h4 a:hover{color:#fff;text-decoration:underline}.Night .ajax-search-pager a{background:#2e87e7;color:#fff;border:0}.Night .ajax-search-pager a:hover{background:#1c2733;color:#fff}.Night .ajax-search li h4 mark,.Night .ajax-search li h4 mark:hover{color:#fdcb6e}.Night .ajax-search li{background:#1c2733;border:0;box-shadow:none}.Night .ajax-search li:hover{background:#1c2733}.Night .ajax-search h3{color:#fff}.ajax-search li:nth-child(odd){animation:bounceInright 1.5s}.ajax-search li:nth-child(even){animation:bounceInleft 1.5s}
/* Content Wrapper */
#content-wrapper{margin:0 auto;padding:0}#main-wrapper{float:right;width:100%;max-width:64.9%;word-wrap:break-word;margin-left:20px}.main .widget{margin:0 0 0.2em;padding:0 0 0.2em}.date-header{display:none!important}.post{border-radius:8px;line-height:1.625;background:#fff;margin-bottom:20px;padding:20px}.post-body{position:relative;overflow:hidden;margin:0;line-height:1.6em}.post-body img,.post-body video,.post-body object{max-width:100%;height:auto}.separator a{margin-right:0!important;margin-left:0!important}.post-body blockquote{background:#ffeaa7;margin:0;color:#333;font-weight:400;position:relative;border:3px solid rgba(0,0,0,0.1);padding:20px;border-radius:8px}.post-body blockquote p{display:inline}.post-body blockquote kbd{background:#54a0ff;color:#fff;font-size:92%}.post-author,.post-timestamp{margin:0 0 0 5px}.post-timestamp i{color:#95afc0;vertical-align:middle;margin:0 0 3px 3px}.post-timestamp a{color:#95afc0}.post-footer{line-height:1.6em}.post-author{font-weight:500;color:#222}
/* Post Info */
.post-infoku{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#919aa0;margin:0 0 24px;padding:20px 0 0 0;font-size:16px;margin-bottom:0;border-top:1px solid #e3e3e3}.comment-info{position:relative}.post .label-info{position:absolute;top:13px;right:15px;display:inline-block;clear:both;z-index:2;font-size:0}.label-info a{background:#fff;color:#222;text-decoration:none;overflow:hidden;margin-left:8px;font-weight:500;border:0;padding:3px 12px;border-radius:99em;font-size:12px}.label-info a:hover{background:#fff;color:#222}.label-info a:nth-child(n+2){display:none}.post-infoku a{color:#919aa0}.post-infoku a:hover{color:#3cafe0}.post-infoku abbr.published.updated{border:0;text-decoration:none}.label-info a:before{content:&#39;\f02c&#39;;font-family:fontawesome;margin:0 0 0 3px}.comment-info:before{content:&#39;-&#39;;margin:0 3px}
/* Sidebar Wrapper */
#sidebar-wrapper{float:left;width:33%}.sidebar h2,.sidebar h3,.sidebar h4{color:#222;font-size:16px;margin-bottom:15px}.widget-content{margin:0}.sidebar{padding:0;margin:0;font-size:16px}.sidebar ul{padding:0;margin:0}.BlogArchive #ArchiveList ul li{list-style:none;text-indent:0!important}.sidebar ul li{border-bottom:1px dotted rgba(0,0,0,0.1);margin-bottom:10px;padding-bottom:10px;font-size:14px}.sidebar ul li:last-child{border-bottom:0}.sidebar .widget{background-color:#fff;margin-bottom:20px;padding:20px;border-radius:8px}
#HTML4{padding:10px}
/* Subscribe Box */
#subscribe-box p{font-size:14px;color:#767676;margin:0 0 15px;padding:0;line-height:normal}#subscribe-box .emailfield{position:relative;margin:auto;z-index:1}#subscribe-box .emailfield input{background:rgba(255,255,255,.9);padding:13px 20px;color:#aaa;border:1px solid rgba(0,0,0,0.05);font-size:14px;margin-bottom:16px;border-radius:99em}#subscribe-box .emailfield input:focus{color:#222;outline:none;border-color:rgba(0,0,0,0.05);box-shadow:inset 0 0 0 3px rgba(0,0,0,0.05)}#subscribe-box .emailfield .submitbutton{display:block;position:relative;overflow:hidden;background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(255,255,255,.35);color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1), 0 3px 4px rgba(0,0,0,0.13)}#subscribe-box .emailfield input:focus.submitbutton{color:#fff}#subscribe-box .emailfield form{position:relative}#subscribe-box .emailfield .submitbuttonlabel{position:absolute;top:3px;left:8px;display:inline;padding:8px 20px 8px 12.5px;cursor:pointer;font-size:13px}#subscribe-box .emailfield .submitbuttonlabel svg{fill:#767676;width:22px;height:22px;vertical-align:middle;transition:all .3s}#subscribe-box .emailfield .submitbuttonlabel svg:hover,#subscribe-box .emailfield .submitbuttonlabel svg:focus{fill:#568af5}#HTML98{position:relative;overflow:hidden;padding:20px;border:1px solid #fff}#HTML98:after{content:&#39;&#39;;display:block;position:absolute;bottom:0;left:0;width:120px;height:120px;background:#7570D6;background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}#HTML98:before{content:&#39;&#39;;display:block;position:absolute;bottom:0;left:0;width:120px;height:120px;background#7570D6;background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}#HTML98:hover:after{opacity:0}#HTML98:hover:before{opacity:1}#HTML98 h2:after,#HTML98 h3:after,#subscribe-box .emailfield input[type=submit]{display:none}
/* Social Media */
#socialcounterd{overflow:hidden;margin:auto}#socialcounterd ul{margin:0;list-style:none}#socialcounterd ul a{color:#fff}#socialcounterd ul li.social_item-wrapper{position:relative;float:left;width:25%;margin:0 auto;padding:0;border:0;color:#fff;transition:all .3s}#socialcounterd ul li.social_item-wrapper:hover:after{animation:rubberBand 1.7s infinite}#socialcounterd ul li a.social_item{position:relative;display:block;padding:0 15px;margin:0 1px 0 0;height:38px;line-height:38px;overflow:hidden;text-align:center}.social_icon{text-align:center;line-height:38px;font-size:1rem}#socialcounterd ul li a.social_item span{margin-left:10px}#socialcounterd ul li a.social_item.social_facebook{background:#277ff2}#socialcounterd ul li a.social_item.social_twitter{background:#2faefb}#socialcounterd ul li a.social_item.social_youtube{background:#fe2b2b}#socialcounterd ul li a.social_item.social_pinterest{background:#e71a21}#socialcounterd ul li a.social_item.social_bloggerx{background:#f5aa33}#socialcounterd ul li a.social_item.social_instagram{background:#BB3673}#socialcounterd ul li a.social_item.social_codepen{background:#181829}#socialcounterd ul li.social_item-wrapper:hover .social_facebook,#socialcounterd ul li.social_item-wrapper:hover .social_twitter,#socialcounterd ul li.social_item-wrapper:hover .social_youtube,#socialcounterd ul li.social_item-wrapper:hover .social_pinterest,#socialcounterd ul li.social_item-wrapper:hover .social_bloggerx,#socialcounterd ul li.social_item-wrapper:hover .social_codepen,#socialcounterd ul li.social_item-wrapper:hover .social_instagram{opacity:.95}.fa-facebook.social_icon,.fa-twitter.social_icon,.fa-youtube.social_icon,.fa-pinterest.social_icon,.fa-user.social_icon,.fa-codepen.social_icon,.fa-instagram.social_icon{transition:all .3s}#HTML95{padding:10px}#socialcounterd ul li.social_item-wrapper:hover .social_icon{animation:rubberBand 1.2s ease}#socialcounterd ul li a.social_item:after,#socialcounterd ul li a.social_item:before{content:&#39;&#39;;display:block;position:absolute;bottom:0;right:0;left:0;height:50%;background:rgba(0,0,0,0.05);background-repeat:no-repeat;transition:all .3s}#socialcounterd ul li a.social_item:before{height:0;top:0;bottom:initial}#socialcounterd ul li a.social_item:hover:after{height:0}#socialcounterd ul li a.social_item:hover:before{height:50%}#socialcounterd ul li:first-child a{border-radius:99em 0 0 99em}#socialcounterd ul li:last-child a{border-radius:0 99em 99em 0;margin:0 auto}.Night #socialcounterd ul li.social_item-wrapper .social_facebook,.Night #socialcounterd ul li.social_item-wrapper .social_twitter,.Night #socialcounterd ul li.social_item-wrapper .social_youtube,.Night #socialcounterd ul li.social_item-wrapper .social_pinterest,.Night #socialcounterd ul li.social_item-wrapper .social_bloggerx,.Night #socialcounterd ul li.social_item-wrapper .social_codepen,.Night #socialcounterd ul li.social_item-wrapper .social_instagram{background:#33475c}
/* Popular Post Index */
#PopularPosts1 ul{list-style:none;margin:0 auto;padding:0;overflow:hidden;width:100%}#PopularPosts1 li,#PopularPosts1 li img,#PopularPosts1 li a,#PopularPosts1 li a img{margin:0;padding:0;list-style:none;background:none;outline:none}#PopularPosts1 ul li{margin:0 auto 10px;position:relative;overflow:hidden;line-height:1em;list-style:none;padding:10px 0}#PopularPosts1 ul li a:hover{color:#999}#PopularPosts1 li a{color:#222;font-weight:500;font-size:14px;list-style:none;line-height:1.3em;display:block;overflow:hidden}#PopularPosts1 ul li img{position:relative;z-index:2;width:102px;height:auto;object-fit:cover;float:right;display:inline-block;transition:all .3s}#PopularPosts1 .item-thumbnail{background:#ebefed;display:flex;align-items:center;justify-content:center;width:102px;max-height:68px;border-radius:8px;overflow:hidden;float:right;margin:-10px 0 0 13px;position:relative}#PopularPosts1 .item-snippet{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;color:#aaa;overflow:hidden;margin:4px 0 0;display:none}#PopularPosts1 .item-title{padding:0;margin:0;text-align:right}.Night #PopularPosts1 .item-thumbnail{background:#1c2733}
/* Popular Post Item */
#PopularPosts2 .item-thumbnail-only{position:relative;overflow:hidden}#PopularPosts2 ul{list-style:none;margin:0 auto;padding:0;overflow:hidden;width:100%}#PopularPosts2 li,#PopularPosts2 li img,#PopularPosts2 li a,#PopularPosts2 li a img{margin:0;padding:0;list-style:none;background:none;outline:none}#PopularPosts2 ul li{margin:0 auto 15px;position:relative;overflow:hidden;line-height:1em;list-style:none;padding:0;border:0}#PopularPosts2 ul li a:hover{color:#fff}#PopularPosts2 li a{color:#fff;font-weight:500;font-size:14px;list-style:none;line-height:1.3em;display:block;overflow:hidden}#PopularPosts2 ul li img{position:relative;z-index:2;width:300px;height:auto;object-fit:cover;float:right;display:inline-block;transition:all .6s}#PopularPosts2 ul li:hover img{transform:scale3d(1.1,1.1,1);transition:all .6s cubic-bezier(.47,1.64,.41,.8)}#PopularPosts2 .item-thumbnail{background:#ebefed;display:flex;align-items:center;justify-content:center;width:100%;max-height:167px;border-radius:8px;overflow:hidden;margin:0 auto 15px auto;position:relative}#PopularPosts2 .item-snippet{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;color:#fff;overflow:hidden;background:rgba(28,39,51,0.67);position:absolute;bottom:15px;line-height:1.3;right:0;left:0;padding:15px;margin:0;border-radius:0 0 8px 8px;text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;opacity:0;visibility:hidden;transform:scale(0.0);transition:all .3s}#PopularPosts2 .item-title{background:rgba(28,39,51,0.67);position:absolute;bottom:15px;right:0;left:0;padding:15px;margin:0;border-radius:0 0 8px 8px;text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;opacity:1;visibility:visible;transform:scale(1.0);transition:all .3s}.Night #PopularPosts2 .item-thumbnail{background:#1c2733}#PopularPosts2 li:hover .item-snippet{opacity:1;visibility:visible;transform:scale(1.0)}#PopularPosts2 li:hover .item-title{opacity:0;visibility:hidden;transform:scale(0.0)}
/* Label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}.cloud-label-widget-content{text-align:right;padding:0}.label-count{white-space:nowrap;display:inline-block}#sidebar-wrapper .label-size{position:relative;display:block;float:right;margin:0 0 4px 4px;font-size:13px;border-radius:99em;transition:all .3s}#sidebar-wrapper .label-size a{position:relative;overflow:hidden;background:#e74c3c;color:#fff;display:inline-block;padding:4px 8px;font-weight:500;border-radius:3px}#sidebar-wrapper .label-count{display:inline-block;background:#f39c12;color:#fff;padding:2px 4px;border-radius:5px;font-size:11px;text-align:center;float:left;opacity:0;visibility:hidden;transition:all .3s}#Label1 ul li:hover .label-count{opacity:1;visibility:visible}#sidebar-wrapper .label-size a:hover{background:#f36253;color:#fff;box-shadow:0 2px 0.8rem -0.8rem rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.05);transition-delay:0s;}.list-label-widget-content ul{column-count:2;column-gap:8px}.list-label-widget-content ul li{list-style:none;padding-bottom:5px;margin:0;padding-top:5px;border:0;font-weight:500}.list-label-widget-content ul li::before{content:&quot;\f292&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-left:6px;color:#f39c12}.list-label-widget-content ul li:hover::before{content:&quot;\f0a4&quot;;color:#222;margin-left:6px}.list-label-widget-content ul li a{color:#222}.list-label-widget-content ul li a:hover{color:#222}.Night .list-label-widget-content ul li a:hover{color:#fff}
/* Mode Kontols */
#fancy-shape {clear:both;max-width:100%;display:block;position:relative;margin:5% auto 0;justify-content: center;z-index: 2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}#bf-fancy-icon{position:absolute;margin:0 auto;width:100%;display:block;bottom:calc(100% - 25px);}
.footer-fancy-shape {clear:both;overflow: hidden;position: absolute;right: 0;bottom:100%;width: 100%;margin-bottom:-2px;direction: ltr;}.footer-fancy-shape[data-negative=false].footer-fancy-shape-bottom, .footer-fancy-shape[data-negative=true].footer-fancy-shape-top {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}.footer-fancy-shape svg {z-index:-1;display: block;position: relative;right: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}svg:not(:root) {overflow: hidden;}.footer-fancy-shape .footer-fancy-shape-fill {fill:#fff;width: calc(100% + 2.5px);-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);}.footer-fancy-shape-bottom svg {width: calc(130% + 2.5px);height: 125px;}
.footer-fancy-shape-bottom svg {height: 105px;}}@media screen and (max-width: 768px) {#bf-fancy-icon {bottom:calc(100% - 35px)}.footer-
.footer-fancy-shape-bottom svg {height: 85px;}}
@media screen and (max-width: 684px) {#fancy-shape {margin:8% auto 0;}}@media screen and (max-width: 480px) {#fancy-shape {margin:8% auto 0;}#bf-fancy-icon {bottom:calc(100% - 40px)}.footer-fancy-shape-bottom svg {height: 55px;}}
.Night .footer-fancy-shape .footer-fancy-shape-fill{fill:#263545}
/* Footer Wrapper */
#footer-wrapper{overflow:hidden;background:#fff;position:relative;font-size:14px;color:#fff;line-height:1;padding:40px 20px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.05)}#footer a{position:relative;z-index:3;color:#000;font-weight:500}#footer embed{vertical-align:middle;height:28px}.footer-nav ul{max-width:100%;margin:0 auto;padding:0;text-align:center}.footer-nav li{position:relative;z-index:3;display:inline-block;text-align:center;list-style:none;margin:0;padding:5px}#footer .footer-nav li a{display:inline-block;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.05);text-transform:capitalize;font-size:15px;font-weight:500;padding:10px 22px;margin:0;border-radius:99em;box-shadow:0 2px 3px -2px rgba(0,0,0,0.15)}#footer .footer-nav li a:hover{background:#fff;color:#294db4;border-color:#294db4}.arlina-credit{padding:20px 20px;background:#fff;text-align:center;font-size:12px}.nubie-credit{margin:15px auto 0 auto}.nubie-credit i.fa.fa-heart{color:#e74c3c;margin:0 3px}.nubie-credit:hover i.fa.fa-heart{animation:heart 1.25s linear infinite}.arlina-credit a{color:#222;font-weight:500}.arlina-credit a:hover{text-decoration:underline}.Night .arlina-credit{background:#23303f}.Night .arlina-credit a{color:rgba(255,255,255,.7)}#footer .footer-nav li a i{margin:0 0 0 4px;font-weight:normal}
/* Ad Slot Wrapper */
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-bottom:20px}.banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;margin:0 auto;text-align:center;width:100%}.kotak_iklan3{position:relative;background:#ebefed;border-radius:8px}#HTML2,#HTML3{padding:10px;margin:0 auto 20px auto;text-align:center}#HTML2 img,#HTML3 img{position:relative;z-index:2;margin:auto;text-align:center;border-radius:8px;max-height:250px}.kotak_iklan3:after{content:&#39; إعلان &#39;;position:absolute;display:inline-block;background-color:#fff;color:#222;width:40px;text-align:center;top:10px;left:10px;font-size:11px;font-weight:500;padding:3px 5px;border-radius:3px;box-shadow:0 1px 4px -1px rgba(0,0,0,0.15);line-height:normal;transition:all .3s}.kotak_iklan3:hover:after{background-color:#8CC152;color:#fff}#Label1{margin-bottom:0;overflow:hidden}.Night .kotak_iklan3{background:#1c2733}
/* Partner Sidebar */
.sidebar512{max-width:300px;margin:auto;text-align:center;display:block;font-size:0;background-color:#fff}.sidebar12{color:#294db4;width:128px;height:33px;line-height:30px;display:inline-block;border-radius:22px;margin:6px;border:2px solid;transition:all .1s}.sidebar12:hover{background:#294db4;color:#fff;border-color:#294db4;box-shadow:0 2px 0.8rem -0.8rem rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.05)}.sidebar512 a{color:#294db4;margin:auto;text-align:center;font-size:14px;font-weight:500;padding:5px 16px;border-radius:3px;transition:all .1s}.sidebar12:hover a{color:#fff}
/* Back To Top */
.backtotop{display:none;background:#fff;background-size:100%;color:#222;font-size:1.4em;width:42px;height:42px;line-height:38px;outline:0;z-index:90;bottom:45px;left:45px;position:fixed;border-radius:99em;padding:0;text-align:center;cursor:pointer;opacity:1;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.13);transition:all .25s}.backtotop svg{width:22px;height:22px;transform:rotate(90deg);vertical-align:middle;transition:all .25s}.backtotop:hover{box-shadow:0 4px 8px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.13)}.Night .backtotop{background:#33475c}.Night .backtotop:hover{background:#3d556e}
/* Shadow */
#FeaturedPost1 .button-feature a,#footer .footer-nav li a,#FeaturedPost1,#blog-pager,.ias_trigger,.post-outer,.sidebar .widget,.breadcrumbs,.post-share-wrap,.disqusshows{box-shadow:0 3px 5px 0 rgba(9,32,76,.025)}
/* Responsive */
@media screen and (max-width:1366px) {
#header-wrapper{padding-right:30px;padding-left:30px}
.sticky-mobile{margin-left:30px}}
@media screen and (max-width:800px) {
body{background:#fff}.button{margin-left:20px}#searchfs input[type=&quot;search&quot;]{font-size:20px}#searchfs .close{left:10px}.search-icon{left:55px;top:13px}#header-wrapper{padding-right:0;padding-left:0;position:relative}#cssmenu &gt;ul &gt;li &gt;a{padding:12px 20px}.header{max-width:100%;position:absolute;top:0;right:20px;z-index:1}#header{padding:0;height:auto;line-height:normal;text-align:center;border:0;position:relative!important;z-index:initial;transform:initial}#header img{display:block;height:auto;float:none}}
@media screen and (max-width:768px) {
#PopularPosts2 ul li img{width:100%}#PopularPosts2 ul li{width:49%;float:right;margin:0 0 0 10px}#PopularPosts2 ul li:nth-child(even){margin:auto}#PopularPosts2 ul li:nth-child(3){display:none}#FeaturedPost1 .button-feature a,#footer .footer-nav li a,#FeaturedPost1,#blog-pager,.ias_trigger,.post-outer,.sidebar .widget,.breadcrumbs,.post-share-wrap,.disqusshows{box-shadow:none}.course-sub-head{top:48%}.logo{position:absolute;top:0;right:0;width:100%;height:46px;text-align:center;padding:7px 0 0 0;float:none}.logo2{display:none}nav{width:100%}.sidebar .widget{padding:0}#csxmenus{background:#fff;width:100%;position:fixed;z-index:9999;-webkit-transform:translateZ(0);transform:translateZ(0);border-bottom:1px solid rgba(0,0,0,0.05)}#csxmenus ul{width:100%;max-height:225px;overflow-x:auto;display:none}#csxmenus ul li{width:100%;border-top:1px solid rgba(0,0,0,0.03)}#csxmenus ul li:hover{background:#20232e}#csxmenus ul ul li,#csxmenus li:hover &gt; ul &gt; li{height:auto}#csxmenus ul li a,#csxmenus ul ul li a{padding:15px;color:#000;width:100%;border-bottom:0}#csxmenus &gt; ul &gt; li{float:none;background:#fff}#csxmenus ul ul li{background:#2a2e3c}#csxmenus ul ul li:hover{background:#20232e}#csxmenus ul ul ul li a{padding-right:15px}#csxmenus ul ul li a{color:#fff;background:none;font-size:14px}#csxmenus ul ul li:hover &gt; a,#csxmenus ul ul li.active &gt; a{color:#fff}#csxmenus ul ul,#csxmenus ul ul ul{position:relative;right:0;width:100%;margin:0;text-align:right;box-shadow:none;border-radius:0;transition:initial;opacity:1;visibility:visible;transform:initial}#csxmenus #head-mobile{display:block;padding:23px;color:#000;font-size:12px;font-weight:500}.buttonx{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index:12399994}.buttonx:after{content:&#39;&#39;;transition:all .3s ease;position:absolute;top:23px;left:20px;display:block;height:4px;width:20px;border-top:2px solid #000;border-bottom:2px solid #000;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}.buttonx:before{content:&#39;&#39;;transition:all .3s ease;position:absolute;top:17px;left:20px;display:block;height:2px;width:20px;background:#000}.buttonx.menu-opened:after{transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.buttonx.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#csxmenus .submenu-button{position:absolute;z-index:99;left:0;top:0;display:block;border-right:1px solid rgba(0,0,0,0.03);height:54px;width:50px;cursor:pointer}#csxmenus ul ul .submenu-button{height:34px;width:34px}#csxmenus ul ul ul li.active a{border-right:none}#csxmenus &gt; ul &gt; li.has-sub &gt; ul &gt; li.active &gt; a,#csxmenus &gt; ul ul &gt; li.has-sub &gt; ul &gt; li.active &gt; a{border-top:none}#csxmenus &gt; ul &gt; li:hover,#csxmenus ul li.active:hover,#csxmenus ul li.active,#csxmenus ul li.has-sub.active:hover{background:#fff;transition:background .3s ease}#csxmenus &gt; ul &gt; li:hover &gt; a,#csxmenus ul li.active a{color:#000}#csxmenus &gt; ul &gt; li{float:none;background:#fff}#csxmenus ul ul li:hover &gt; a,#csxmenus ul ul li a:hover{color:#fff}#csxmenus ul ul li.has-sub:hover,#csxmenus ul li.has-sub ul li.has-sub ul li:hover{background:#fff}#csxmenus &gt;ul &gt;li.has-sub &gt;a i{margin:auto;position:absolute;left:0;text-align:center;width:48px;font-size:20px;line-height:20px}#searchla.open{position:fixed;top:46px;right:0;left:0;z-index:999;border-bottom:1px solid rgba(0,0,0,0.05)}
.header-logo{float:none;padding:0}#wrapper{overflow:initial}#footer-wrapper{border:0;border-top:1px solid rgba(0,0,0,0.05);padding:20px 10px}#header{padding:0;height:auto;line-height:normal;text-align:center;border:0;right:0}#headerdua{background:#fff;float:none;max-width:100%;padding:20px 20px 30px 20px;margin:0}#header .title a,#header .title a:hover{color:#294db4}.search-icon a{background:transparent;color:#000;padding:15px 18px;z-index:99999;top:0;left:0;width:auto;height:auto;line-height:initial;box-shadow:none;border:0}.search-icon a:hover{background:transparent;color:#000;box-shadow:none}#header img{display:block;height:auto;float:none;margin:0 auto}#searchform{margin:0 10px}#menu{display:block}#footfbawah{line-height:normal}ul.menufoot{text-align:center;width:100%}
.maxwrapp.header{height:auto;line-height:normal;padding:0;border:0}#headerdua{float:none;max-width:100%;border-bottom:1px solid rgba(0,0,0,0.15);padding:5px 10px}#sidebar-wrapper,#main-wrapper{width:100%;max-width:100%;padding:0;margin:auto}.sidebar{padding:0}#PopularPosts1 ul li img{width:100%}.page-menu ul li a:hover,.page-menu ul li:hover a{background:transparent}.footer-menu{float:none;width:auto;margin:0}.animagftotop{display:none}ul.menufoot li{margin:10px auto 0 auto}.scroll{top:-150px}#Label1{margin-bottom:20px}#wrapper,#content-wraper{width:100%;padding:0 10px 0 10px;margin:50px auto 0 auto}#header-wrapper h1.title, #header-wrapper h2.title {margin:0;}#header-wrapper{width:100%;float:none;}#header-wrap2{padding:0;}#Header1{float:none;padding:0;max-width:100%;margin:auto;text-align:center;}.descriptionwrapper {visibility:visible;width:initial;height:initial;color:#fff;}.header-left {float:none;max-width:80%;margin:auto;}.widget{margin:0 0 20px;clear:both}
#main-wrapper,#sidebar-wrapper{width:100%;max-width:100%;float:none;overflow:hidden}#toogle2{display:block;clear:both}#toogle2{float:right}.displaying{display:inherit!important}.post{padding:20px 0}#HTML98{padding:20px;border:1px solid rgba(0,0,0,0.05)}#csxmenus &gt; ul &gt; li &gt; a:before{display:none}.modedark{left:58px;top:13px;z-index:999}.Night #csxmenus{background:#263545}.Night .buttonx:after{border-color:#fff}.Night .buttonx:before,.Night .buttonx.menu-opened:before,.Night .buttonx.menu-opened:after{background:#fff}.Night .post,.Night .post,.Night .post-thumbnail,.Night .sidebar .widget,.Night .menu-bar,.Night #footer-wrapper,.Night #blog-pager,.Night .post-share-wrap,.Night .disqusshows,.Night #disqus_thread{background:transparent}.Night #csxmenus &gt; ul &gt; li,.Night #first-invertpro{background:#263545}.Night #csxmenus &gt; ul &gt; li:hover &gt; a,.Night #csxmenus ul li.active a,.Night .search-icon a:hover{color:#fff}.Night .post-body .hljs{background:#263545}.Night #csxmenus ul ul li{background:#1c2733}.Night #csxmenus ul ul li:hover{background:#141c24}.Night kbd{background:#263545;color:rgba(255,255,255,.85)}#csxmenus .notif-code{display:inline-block;position:absolute;right:58px;top:15px;left:initial;z-index:999}.ajax-search li{position:relative;display:inline-block;float:right;width:100%;margin:0 0 10px 0;overflow:hidden}.ajax-search{margin:0 auto;box-shadow:0 15px 10px -10px rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05);border-radius:0}#csxmenus &gt; ul &gt; li &gt; a.thisar:after{left:15px;top:15px}}
@media screen and (max-width:640px) {
#footer .footer-nav li a,.footer-nav li{display:block}#searchform,.search-button{line-height:34px}}
@media screen and (max-width:480px) {
#PopularPosts2 ul li{width:100%;float:none;margin:auto}#PopularPosts2 ul li:nth-child(3){display:block}}
@media screen and (max-width:384px){
body{padding:0}#header-wrap,#header-wrapper{padding:0}}
</style>
<style>
.hiddenmega{opacity:0;transform:translateY(-65px);transition:transform .17s ease,opacity .17s ease}
@media screen and (max-width:640px) {
.hiddenmega{transform:translateY(-50px)}}
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
#PopularPosts2{display:none}.post{background:#fff;padding:0;border-radius:8px;position:relative;overflow:hidden;vertical-align:top;margin:0 auto 20px auto}.post h2.post-title.entry-title{position:relative;font-size:17px;padding:15px 15px 10px 15px;margin:0;line-height:1.4}.post h2.post-title.entry-title a{color:#222}.post h2.post-title.entry-title a:hover{color:#999}.post h2.post-title.entry-title:after{content:&#39;&#39;;position:absolute;width:100%;height:1px;top:0;right:0;background-color:#fcbb53;transform:scaleX(0);transform-origin:top left;transition:transform 0.3s}.post:hover h2.post-title.entry-title:after{transform-origin:top right;transform:scaleX(1)}.post-body{position:relative;margin:0;padding:0}.snippets{font-size:14px;margin:0 auto;padding:0 15px;color:#767676;line-height:1.5}.Night .snippets{color:rgba(255,255,255,.7)}.post-body img{margin:0 0 0 10px;padding:2px}.post-thumbnail{overflow:hidden;background:#ebefed;position:relative;height:auto;margin:0 auto;padding:0;z-index:1;min-width:280px;min-height:186px;max-height:186px}.post-thumbnail img{width:100%;height:auto;transform:scale(1.0);backface-visibility:hidden;padding:0;margin:0;z-index:4;position:relative;transition:all .6s}.post:hover .post-thumbnail img{transform:scale3d(1.1,1.1,1);transition:all .6s cubic-bezier(.47,1.64,.41,.8)}.backtheo{position:absolute;overflow:hidden;background:#2a2a2a;right:0;left:0;top:0;bottom:0;z-index:5;opacity:0;transition:all .6s}.post:hover .backtheo{opacity:.35}.post-infoku{border:0;color:#999;padding:10px 15px 0 15px;font-size:13px;margin-bottom:0}.post-infoku a{color:#999}.post-infoku a:hover{color:#222}.post-author svg,.fn svg{vertical-align:middle;margin:0 0 3px 3px}
.post-outer{position:relative;background:#fff;width:48.4%;height:374px;display:inline-block;float:right;margin:0 0 20px 20px;vertical-align:top;border-radius:8px}.post-outer:nth-child(even){margin-left:0}.Night .post-outer{background:#263545}.Night .post-author{color:#fff}
/* Featured Post */
#FeaturedPost1 h2{display:none}#FeaturedPost1{background:#fff;position:relative;overflow:hidden;border-radius:8px;margin:0 auto 20px auto}#FeaturedPost1 .thumbb{width:100%;position:relative;display:inline-block}#FeaturedPost1 .thumbb img{width:100%;object-fit:cover;max-height:315px;transition:all .3s}#FeaturedPost1 .feature-wrapp{padding:30px 20px 20px 20px}#FeaturedPost1 .feature-wrapp h3{font-size:20px}#FeaturedPost1 .feature-wrapp h3 a{color:#222}#FeaturedPost1 .feature-wrapp h3 a:hover{color:#999}#FeaturedPost1 .feature-wrapp p{font-size:14px;margin:0 auto;color:#767676;line-height:1.5}#FeaturedPost1 .button-feature{}#FeaturedPost1 .button-feature a{text-align:center;margin:20px auto 0 auto;outline:none;display:inline-block;position:relative;overflow:hidden;font-size:14px;padding:6px 14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.05);border-radius:99em;font-weight:500;box-shadow:0 2px 3px -2px rgba(0,0,0,0.15);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#FeaturedPost1 .button-feature a:hover{background:#fff;color:#2e87e7;border-color:#2e87e7}#FeaturedPost1 .button-feature a svg{width:16px;height:16px;margin:0 2px 0 0;transform:rotate(180deg)}#FeaturedPost1 .button-feature a svg path{fill:#222;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#FeaturedPost1 .button-feature a:hover svg path{fill:#2e87e7}#FeaturedPost1 .label-feature{position:absolute;bottom:-10px;right:0;display:inline-block;clear:both;z-index:2;font-size:0}#FeaturedPost1 .label-feature .label-featurez{background:#fdd180;color:#222;text-decoration:none;overflow:hidden;margin-left:8px;font-weight:500;border:0;padding:3px 10px 3px 14px;border-radius:0 99em 99em 0;font-size:13px;box-shadow:0 2px 6px -2px rgba(0,0,0,0.05)}#FeaturedPost1 .label-feature .label-featurez svg{margin:0 0 3px 3px}.Night #FeaturedPost1{background:#263545;color:rgba(255,255,255,.85)}.Night #FeaturedPost1 .feature-wrapp h3 a{color:#fff}.Night #FeaturedPost1 .feature-wrapp h3 a:hover{text-decoration:underline}.Night #FeaturedPost1 .feature-wrapp p{color:rgba(255,255,255,.7)}.Night #FeaturedPost1 .button-feature a{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.15)}.Night #FeaturedPost1 .button-feature a:hover{background-color:#1c2733}.Night #FeaturedPost1 .button-feature a svg path,.Night #FeaturedPost1 .button-feature a:hover svg path{fill:#fff}.Night #FeaturedPost1 .label-feature .label-featurez svg path{fill:#222}
/* Page Navigation */
#blog-pager-older-link{float:left}#blog-pager-newer-link{float:right}#blog-pager{background:#fff;border-radius:8px;clear:both;width:auto;padding:25px 20px;font-size:0;line-height:normal;position:relative;display:block;text-align:right;overflow:hidden;margin:0 auto}#blog-pager .nubie-textpager-newer{margin-right:5px}#blog-pager .nubie-textpager-older{margin-left:5px}#blog-pager .idntheme-btn{display:inline-block;position:relative;overflow:hidden;font-size:14px;padding:10px 20px;background:#007bff;color:#fff;border-radius:99em;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}#blog-pager .idntheme-btn:hover{background:#016fe5;color:#fff}#blog-pager .idntheme-btn:before,#blog-pager .idntheme-btn:after{background:#fff;content:&#39;&#39;;height:155px;opacity:0;position:absolute;top:-50px;transform:rotate(35deg);transition:all 2s cubic-bezier(0.19,1,0.22,1);width:50px}#blog-pager .idntheme-btn:before{right:-50%}#blog-pager .idntheme-btn:after{right:-100%}#blog-pager .idntheme-btn:hover:before{right:120%;opacity:.2}#blog-pager .idntheme-btn:hover:after{right:200%;opacity:.2}.feed-links{display:none;clear:both;line-height:1.5em}.nubie-pull-right{float:right;margin:0 0 0 10px}.nubie-pull-left{float:right}#blog-pager .home-link.idntheme-btn,.label-info a:nth-child(n+3){display:none}.post-infoku a.author-meta.g-profile{font-weight:500;color:#222}
/* Infinite Scroll */
.ias_trigger{background:#fff;border-radius:8px;clear:both;position:relative;display:block;text-align:center;overflow:visible;margin:0 auto;padding:20px}.ias_trigger a{height:38px;margin:0;text-align:center;line-height:38px;z-index:90;background:#007bff;background:#7570D6;background-size:100%;color:#fff;box-shadow:0 10px 10px -8px rgba(0,0,0,.15);display:inline-block;position:relative;overflow:hidden;font-size:14px;padding:0 22px;min-width:160px;border-radius:99em;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.ias_trigger a:hover{background-size:200%}.ias_trigger a:before,.ias_trigger a:after{content:&#39;&#39;;display:block;position:absolute;bottom:0;left:0;right:0;height:50%;background:rgba(0,0,0,0.05);background-repeat:no-repeat;transition:all .3s}.ias_trigger a:before{height:0;top:0;bottom:initial}.ias_trigger a:hover:after{height:0}.ias_trigger a:hover:before{height:50%}.loader-page{background:#fff;border-radius:5px;clear:both;width:100%;line-height:1.5rem;position:relative;display:inline-block;text-align:center;overflow:visible;margin:0 auto;padding:24px 0;animation:rotate 1.5s linear infinite;animation-delay:.2s;text-align:center;border:.2em solid rgba(0,0,0,0.1);border-radius:1.5em;border-top-color:#ff7f66;box-sizing:border-box;height:3em;color:transparent;padding:0;pointer-events:none;width:3em}.Night .ias_trigger{background:#263545}.Night .ias_trigger a{background:#7570D6}.Night .ias_trigger a:hover{color:#fff;opacity:.95}.Night .loader-page{background:#263545;border:.2em solid rgba(255,255,255,0.1);border-top-color:#f39c12}
@keyframes rotate{100%{transform:rotate(360deg)}}
/* Responsive */
@media screen and (max-width:768px){
.post-outer,.post{background:#f7f9f8}}
@media screen and (max-width:640px){
.post-outer,.post{background:#fff}.post-outer{background:#fff;height:174px;width:48.5%;margin:0 auto;margin:0 0 10px 10px}.post-thumbnail{margin:0 0 10px 0;min-width:120px;min-height:109px;max-height:109px;border-radius:8px}.post-thumbnail img{border-radius:8px}.post h2.post-title.entry-title{font-size:14px;line-height:normal;padding:0 0 10px 0}.post .label-info,.post-infoku,.snippets{display:none}.post-thumbnail:hover img{transform:scale(1.0)}#FeaturedPost1 .feature-wrapp h3{font-size:16px}#FeaturedPost1 .feature-wrapp{background:#f7f9f8}#FeaturedPost1 .button-feature a{background:#fff;color:#222;border-color:transparent;margin:10px auto 0 auto;padding:6px 14px;font-size:13px;box-shadow:0 2px 6px -2px rgba(0,0,0,0.15)}#FeaturedPost1 .button-feature a svg{width:14px;height:14px}#FeaturedPost1 .button-feature a svg path{fill:#222}#FeaturedPost1 .feature-wrapp p{display:none}.Night #FeaturedPost1,.Night #FeaturedPost1 .feature-wrapp{background:#263545;color:rgba(255,255,255,.85)}.Night #FeaturedPost1 .feature-wrapp h3 a{color:#fff}.Night #FeaturedPost1 .feature-wrapp h3 a:hover{text-decoration:underline}.Night #FeaturedPost1 .feature-wrapp p{color:rgba(255,255,255,.7)}.Night #FeaturedPost1 .label-feature .label-featurez svg path{fill:#222}.Night .post-outer{background:transparent}.ias_trigger{padding:10px}}
@media screen and (max-width:480px){
.post-outer{height:auto}}
@media screen and (max-width:320px){
.post-outer{background:#fff;height:auto;width:100%;margin:0 auto}.post{background:#fff}.post-thumbnail{background:transparent;float:right;margin:0 0 0 10px;min-width:120px;min-height:80px;max-width:120px;max-height:80px}#blog-pager{padding:5px 0 10px 0}.post{border-radius:0;margin:0 auto 10px auto;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.05)}.Night .post{border-color:rgba(255,255,255,0.05)}.post-thumbnail img{width:120px;height:auto;transform:scale(1.0);backface-visibility:hidden;padding:0;margin:0;border-radius:8px}}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
kbd,blockquote,pre,code,table,.post-body li{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.post table a{background:#f39c12;color:#fff;padding:3px 10px;margin:3px 0 0 10px;font-size:11px;border-radius:99em;line-height:normal}.post table a:after{content:&#39;\f105&#39;;font-family:fontawesome;margin:0 10px 0 0;font-size:12px}.post table a:hover{background:#d78a11;color:#fff}.progress-bar{background:linear-gradient(90deg,#00C9FF 10%,#92FE9D 90%);opacity:.95;position:fixed;top:0;right:0;height:1px;z-index:999;transition:all .4s cubic-bezier(.47,1.64,.41,.8)}.Night .progress-bar{background:#fdcb6e}.post-body a{color:#e80e8f;transition:background-position .3s linear,box-shadow .15s linear 0s;background-image:linear-gradient(to left,#ffdb6d,#ffdb6d,#27cba4);background-size:400%;background-repeat:no-repeat;background-position:0 1.1em;cursor:pointer}.post-body a:hover{background-image:linear-gradient(to left,#ffdb6d,#27cba4,#ffdb6d);background-position:100% 1.1em}.label-info a,.label-info a:hover,.card-time a,.card-time a:hover,.card-author a,.card-author a:hover{background-image:none}.Night .post-body a,.Night .post-body a:hover{color:#fff}.Night .label-info a,.Night .label-info a:hover{color:#222}.post{border-radius:0 0 8px 8px}
/* Related Post */
#related-posts{overflow:hidden;margin:0;padding:20px 0 0 0}#related-posts li{width:32.1%;display:inline-block;height:173px;float:right;margin-left:10px;margin-bottom:10px;overflow:hidden;position:relative}#related-posts li h3{margin-top:0}.related-thumb{width:100%;height:120px;overflow:hidden;border-radius:8px}#related-posts li .related-img{width:100%;height:120px;display:block;position:relative;border-radius:8px;transition:all .3s ease-out}#related-posts li .related-title{margin:6px auto;line-height:1.5;z-index:2}#related-posts li .related-title a{font-size:14px;padding:0;color:#222;display:block}#related-posts li .related-title a:hover{text-decoration:underline}#related-posts li:nth-of-type(3),#related-posts li:nth-of-type(6),#related-posts li:nth-of-type(9){margin-left:0}#related-posts .related-thumb .related-img:after{background:rgba(0,0,0,0.02);content:&quot;&quot;;bottom:0;right:0;top:0;left:0;margin:auto;position:absolute;transition:all .5s}#related-posts .related-thumb:hover .related-img:after{background:rgba(40,35,40,0.35)}.related-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)}.related-line{position:relative;margin:20px auto 0 auto;padding:0 0 5px 0}.related-info-th{z-index:2;position:relative;display:inline-block;color:#294db4;border:2px solid;text-transform:capitalize;font-size:14px;font-weight:500;padding:3px 20px;margin:0;border-radius:99em}.Night .related-info-th{background-color:#1c2733;color:#fff;border:2px solid rgba(255,255,255,.15)}.Night #related-posts li .related-title a{color:rgba(255,255,255,.7)}.Night #related-posts li .related-title a:hover{color:rgba(255,255,255,1)}
/* Responsive Post */
@media screen and (max-width:768px) {
#related-posts li{width:49%}#related-posts li:nth-child(2){margin-left:0}#related-posts li:nth-of-type(n+3){display:none}}
@media screen and (max-width:480px) {
#related-posts li{width:100%;margin:0 auto 10px auto}}
</style>
<style>
/* Comments */
#comments{padding:20px;background:#fff;position:relative;border-radius:5px}.blogger-iframe-colorize{display:block!important}#comments .comment-block{margin:auto}#comments .comments-content{margin-top:15px}#comments .comment-content em{font-style:normal;background-color:#292E34;color:#BFBF90;border-right:5px solid #3c6382;display:block;margin:10px 0;padding:10px 15px;font-family:menlo,consolas,monaco,monospace;font-size:12px;white-space:pre;overflow:auto;max-height:250px;line-height:1.5em;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}#comments .comment-content i,#comments .pesankomen code{font-family:menlo,consolas,monaco,monospace;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;font-style:normal;font-size:1em;color:#d85555;letter-spacing:-.3px}#comments .pesankomen{line-height:normal}#comments .pesankomen ol li:before{content:&#39;&#39;;font-size:1.25em;color:#3c6382;margin-left:3px}#comments .pesankomen ol li{line-height:1.5em}#comments cite.user{font-size:16px;font-weight:500;margin-left:7px}#comments .comment{list-style-type:none;margin-right:50px;margin-bottom:20px;padding:15px 20px}#comments .comment,#comments .comment-form{background-color:#f7f9f8;position:relative;border-radius:7px;transition:background-color .3s ease}#comments ol li:target::before{display:none}
#comments p.comment-content{font:400 14px -apple-system,BlinkMacSystemFont,&#39;Segoe UI&#39;,&#39;Oxygen&#39;,&#39;Roboto&#39;,&#39;Ubuntu&#39;,&#39;Cantarell&#39;,&#39;Fira Sans&#39;,&#39;Droid Sans&#39;,&#39;Helvetica Neue&#39;,Arial,sans-serif;margin:5px 0 15px;padding:0;line-height:1.75em;word-break:break-word}
.comment .avatar-image-container{position:sticky;position:-webkit-sticky;margin-right:-70px;margin-top:-13px;float:right;top:10px;min-width:35px;min-height:35px;background:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z&#39; fill=&#39;%23777&#39;/%3E%3C/svg%3E&quot;) center top / 33px no-repeat}
#comments .comments-content .icon.blog-author{width:15px;height:15px;margin-left:5px;background:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z&#39; fill=&#39;%23118ff9&#39;/%3E%3C/svg%3E&quot;) center no-repeat}
.comment .avatar-image-container img{border-radius:100px}.comment .avatar-image-container .avatar-icon{border-radius:100px;border:solid 1px #657786;box-sizing:border-box;fill:#657786;width:35px;height:35px;margin:0;padding:7px}#comments .comment-author-header-wrapper{margin-right:40px}#comments .comment .comment-header .user,#comments .comment .comment-header .user a{font-style:normal;color:#222}#comments .comment .comment-replies .comment{background-color:#fff;margin-right:0;padding:10px 10px 0 10px;margin-top:10px;border-top:1px solid rgba(0,0,0,0.05)}#comments .comment .comment-replies .comment:last-child{margin-bottom:0}#comments .comment-thread ol{margin:0;padding:0}#comments .comment-replies .comment-thread .comment .avatar-image-container{position:relative;margin-right:0;margin-top:0;top:0;min-width:25px;min-height:25px;background-size:23px}#comments .comment-replies .comment-thread .comment .avatar-image-container img{width:25px;height:25px}#comments .comment .thread-expanded .comment-block{margin-right:40px}#comments .comment-thread .thread-count,#comments .comment-thread .comment-replies .continue{display:none}
#comments .comment .comment-actions{z-index:1}#comments .comment .comment-actions&gt;*{background-color:#3c6382;color:#fff;font-size:12px;padding:3px 7px 3px 10px;border:1px solid #3c6382;border-radius:25px;transition:all .3s ease}#comments .comment .comment-actions&gt;:before{content:&#39;&#39;;margin-left:5px;min-width:13px;min-height:13px;display:inline-block;vertical-align:-3px;background:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 17px no-repeat;transform:rotate(180deg);transition:all .3s ease}#comments .comment .comment-actions&gt;:hover{color:#3c6382;background-color:transparent}#comments .comment .comment-actions&gt;:hover::before{background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z&#39; fill=&#39;%23008c5f&#39;/%3E%3C/svg%3E&quot;)}
#comments .comment .comment-actions .item-control{display:none;margin-right:10px}#comments .comment .comment-actions .item-control a{color:#fff}#comments .comment-form{background-color:#fff;padding:0 20px;position:relative;border-radius:7px;transition:background-color .3s ease}.comment-replybox-thread &gt;#comment-editor{background-color:#fff;border-radius:7px}#comment-editor{margin:20px 0}#comments .comments-content .comment-thread{background:#fff;margin:8px 0;border-radius:5px}#comments .comment .comment-header .datetime{color:#657786;font-size:11px;flex-grow:1;text-align:left}#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{color:#657786}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.item-view #comments .comment-form h4{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}#comments .comment-form h4,#emo-box,#comment-editor-src,#comments #top-continue,#comments .loadmore.hidden{display:none}#comments p.comment-content img.comment_emo{width:16px;height:16px}
/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{position: relative;overflow: hidden;display: block;text-align: center;font-weight: 500;cursor: pointer;letter-spacing: 0;line-height: 20px;margin: 40px auto 0 auto;padding: 10px 12px;background: #e67e22;color: #fff;border: 1px solid #e67e22;box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2);max-width: 240px;border-radius: 5px;transition: all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s;}
a.showcontent:hover{background:#fff;color:#222;}
#comments a.hiddencontent:hover{background:-webkit-linear-gradient(45deg,#fbdc03 0,#ff3030 100%);color:#fff;}
/* Breadcrumbs */
.breadcrumbs{background:#fff;color:#aaa;background-size:100%;padding:15px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;border-bottom:1px solid rgba(0,0,0,0.05);border-radius:8px 8px 0 0}.breadcrumbs a{color:#222}.breadcrumbs a:hover{color:#222;text-decoration:underline}.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}.breadcrumbs svg path{fill:#222}.homebread{margin:0 0 0 2px}
/* Post Wrapper */
#PopularPosts1{display:none}.post{line-height:1.625;background:#fff;margin-bottom:20px;padding:20px}.post-body{overflow:initial}.post h1.post-title.entry-title{color:#294db4;font-size:150%;line-height:normal;padding:0 0 20px 0;margin:0 auto 20px auto;border-bottom:1px solid rgba(0,0,0,0.05)}.Night .post h1.post-title.entry-title{color:#fff}.post-shareku{position:relative;display:inline-block;padding:0 0 20px 0;margin:0 auto;border-bottom:3px solid rgba(0,0,0,0.05);width:100%}.post-share-wrap{position:relative;line-height:1.625;background-color:#fff;margin-bottom:20px;padding:20px;border-radius:0 0 8px 8px}.post-share-wrap:before{content:&#39;&#39;;position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#00C9FF 10%,#92FE9D 90%)}.post-body img{background:rgba(0,0,0,0.01);border-radius:8px}.post-body img.lock{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.post-body a.img,.post-body .separator a{margin-right:0!important;margin-left:0!important}h2.post-title.entry-title{margin:0 0 20px 0}h2.post-title:nth-child(1).entry-title{opacity:0;visibility:hidden;margin:0;font-size:0}pre,kbd,blockquote{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rateoff{visibility:hidden;opacity:0;width:0;height:0;pointer-events:none;overflow:hidden}.post-infoku{display:none}
/* CSS Shortcodes */
.post-body .button{width:100%;padding:0!important;list-style:none;margin:10px auto!important}.post-body .button li{display:inline-block;line-height:normal;margin:0}.post-body .button li a{position:relative;display:inline-block;padding:8px 20px;margin:5px 4px;color:#fff;text-align:center;font-weight:500;text-transform:lowercase;border-radius:99em;font-size:15px;min-width:120px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.post-body .button li a:first-letter{text-transform:uppercase}.post-body .button li a.demo{background:#f39c12;color:#fff;border:2px solid #f39c12}.post-body .button li a.download{background:#5067c5;color:#fff;border:2px solid #5067c5}.post-body .button li a.download2{background:#e74c3c;color:#fff;border:2px solid #e74c3c}.post-body .button li a.demo:hover,.post-body .button li a.download:hover,.post-body .button li a.demo:active,.post-body .button li a.download:active,.post-body .button li a.download2:hover,.post-body .button li a.download2:active{box-shadow:0 2px 0.8rem -0.8rem rgba(0,0,0,0.8),0 0 0 1px rgba(0,0,0,0.05)}.post-body .button li a.demo:hover{background:#fff;color:#f39c12}.post-body .button li a.download:hover{background:#fff;color:#5067c5}.post-body .button li a.download2:hover{background:#fff;color:#e74c3c}.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2}.bagitiga{-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagiempat{-webkit-column-count:4;-moz-column-count:4;column-count:4}.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%}.post-body .bagidua .separator:nth-of-type(n+2),.post-body .bagitiga .separator:nth-of-type(n+2),.post-body .bagiempat .separator:nth-of-type(n+2) img{margin:0 auto}.videoyoutube{border-radius:8px;overflow:hidden;text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:0}.first-letter{float:right;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-left:8px;padding-right:3px;font-family:Georgia}#flippy{text-align:center}#flippy button{background:transparent;position:relative;display:inline-block;padding:0;margin:0 auto;color:transparent;text-align:center;border:0;font-size:1px;cursor:default}#flippy button:hover,#flippy button:focus{cursor:default}#flippanel{text-align:right;background:#f7f9f8;padding:22px;border-radius:8px;display:none}.Night #flippanel{background:#33475c}#flippanel img{background:#dcdde1;margin:10px auto}.bagitiga{position:relative;display:block;-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%}.bagitiga br,#blog-pager{display:none}.Night .post-body .button li a.demo:hover,.Night .post-body .button li a.download:hover{background:#1c2733;color:#fff;border-color:rgba(255,255,255,.15)}.loader{position:absolute;right:0;left:0;top:0;bottom:0;float:right;overflow:hidden;margin-left:12px;animation:littleShine .85s linear infinite;background:#f7f9f8 linear-gradient(to left,rgba(255,255,255,0) 5%,rgba(255,255,255,.75) 20%,rgba(255,255,255,0) 30%);background-size:800px 100px}
/* First Image */
#first-invertpro{background:#fff;box-shadow:0 2px 6px -2px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;position:relative;padding-bottom:60px;margin-bottom:20px}img.first-image{width:100%;height:auto;max-height:480px;object-fit:cover}.card-author.vcard{position:absolute;bottom:-25px;right:30px;z-index:9;font-size:13px}.card-author.vcard svg{vertical-align:middle;margin:0 0 3px 3px}img.photo-wrap{width:60px;height:60px;border-radius:99em;float:right;border:4px solid #fff;margin-left:15px}.card-author a{line-height:9!important;font-weight:500;color:#222}.card-time{position:absolute;top:15px;right:15px;line-height:2;background:#fff;color:#222;text-decoration:none;overflow:hidden;margin-left:8px;font-weight:500;border:0;padding:0 14px;border-radius:99em;font-size:11px}.card-time a.timestamp-link{color:#222}.card-time abbr{color:#222;text-transform:none;text-decoration:none;border-bottom:0}.post .label-info{top:50px}.kotak_iklanpost{margin:20px auto;text-align:center}#st-4{z-index:70!important}.kotak_iklanpost img{margin:auto;-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto;pointer-events:auto;width:100%}.Night #overlay-1.active{background:rgba(34,47,62,0.87)}
/* Item Responsive */
@media screen and (max-width:768px){
#disqusshow{margin:30px auto 0 auto}.post{padding:0}.breadcrumbs{background:#f7f9f8;padding:10px;margin-bottom:20px;border-radius:8px;border:0}.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}.post-share-wrap{padding:20px 0}.post ol li{margin:.1em 2.5em .1em 0}}
@media screen and (max-width:640px){
#disqus_thread{padding:20px 0}body .fancybox-slide--image{overflow-y:scroll}.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1}#first-invertpro{width:100%}}
@media screen and (max-width:320px){
.bagidua,.bagitiga,.bagiempat{-webkit-column-count:1;-moz-column-count:1;column-count:1}}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{max-width:100%;float:none}#sidebar-wrapper,#first-invertpro,#comments,#disqus_thread,#disqusshow,.disqusshows{display:none}.post{border-radius:0 0 8px 8px}.post:before{content:&#39;&#39;;position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#00C9FF 10%,#92FE9D 90%)}
#disqus-notif,.post-author,#blog-pager{display:none}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
/* Error 404 */
body{background:#fafbfd;line-height:1.4em}#error-page{background:#fafbfd;margin:auto;text-align:center;padding:0 10px;width:100%;max-width:1100px;-webkit-box-sizing:border-box;box-sizing:border-box}#error-inner{margin:9% auto 35px;padding:0;list-style:none!important}#error-inner .box-404{display:inline-block;position:relative;font-weight:bold;width:200px;height:200px;background:#e74c3c;color:#fff;font-size:70px;line-height:190px;margin:25px auto}#error-inner .box-404::after{content:&#39;&#39;;width:0;height:0;position:absolute;top:0;left:0;border-width:30px;border-style:solid;border-color:#fafbfd #fafbfd transparent transparent;display:block}#error-inner .box-404::before{content:&#39;&#39;;width:0;height:0;position:absolute;top:0;right:0;border-width:30px;border-style:solid;border-color:#fafbfd transparent transparent #fafbfd;display:block}#error-inner .box-404 div::after{content:&#39;&#39;;width:0;height:0;position:absolute;bottom:0;right:0;border-width:30px;border-style:solid;border-color:transparent transparent #fafbfd #fafbfd;display:block}#error-inner .box-404 div::before{content:&#39;&#39;;width:0;height:0;position:absolute;bottom:0;left:0;border-width:30px;border-style:solid;border-color:transparent #fafbfd #fafbfd transparent;display:block}#error-inner h3{text-transform:uppercase;color:#e74c3c;font-size:50px;margin:0 auto 20px;font-weight:700;letter-spacing:10px}#error-inner h2{color:#2d2d2d;font-weight:700;line-height:1.4em;font-size:30px}#error-inner p{line-height:1.7em;font-size:18px;color:#111;padding:0;margin:15px auto 0 auto}#search-404{max-width:75%;display:block;margin:0 auto 15%;position:relative}#search-404 .icons{width:26px;height:26px;fill:#aaa;vertical-align:middle;transition:all .3s}#search-404:hover .icons,#search-404:active .icons{fill:#1a73e8}#search-404 .icon-Forward{width:20px;height:20px}#search-404 p{font-size:90%;color:#999;padding:20px 20px 0;text-align:left}#search404 input[type=search]{width:100%;border-radius:99em;height:48px;box-shadow:0 10px 12px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,0.05);padding:0 20px 0 48px;line-height:48px;font-size:16px;box-sizing:border-box;outline:0;background-color:#fff;transition:all .6s cubic-bezier(.47,1.64,.41,.8)}#search404 input[type=search]:hover{border-color:rgba(0,0,0,0.08)}#search404 input[type=search]:focus{background:#fff;border-color:#3897fc;box-shadow:inset 0 0 0 0.125rem #1a73e8}#search404 .src-btn404{background:transparent;border:none;padding:0 16px;outline:none;height:48px;line-height:48px;font-weight:700;margin:0 auto;cursor:pointer;position:absolute;left:0;top:0;z-index:999}
@media screen and (max-width:600px){#error-inner{margin:5% auto 35px}#search-404{max-width:100%}}
</style>
</b:if>
<b:if cond='!data:view.isSingleItem'> 
<script>
//<![CDATA[
snippet_count = 65;function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
</b:if>
<b:if cond='data:view.isPost'> 
<script>
//<![CDATA[
// Lazy Load Share
var lazyshare=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyshare||0!=document.body.scrollTop&&!1===lazyshare)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//platform-api.sharethis.com/js/sharethis.js#property=5f0a080d3df3390012a0438b&amp;product=inline-share-buttons";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyshare=!0)},!0);
//]]>
</script>
</b:if>
<noscript>
<style>
/* No Script */
body,html{overflow:hidden}
.noscript{background:#1277cb;color:#fff;padding:8% 0 0 0;position:fixed;bottom:0;right:0;top:0;left:0;z-index:1000;height:auto;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}
.noscript p{margin:0;text-align:center;padding:0 20px 10px 20px;margin:auto;font-size:3rem;line-height:1.5;font-family:monospace;max-width:990px;text-transform:uppercase;font-weight:500}
.noscript p span{color:#ffe88b;font-size:10rem;line-height:normal;font-weight:normal}
</style>
</noscript>
<script>
//<![CDATA[
// Lazy Load Analytics
var lazyanalytics=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyanalytics||0!=document.body.scrollTop&&!1===lazyanalytics)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://www.googletagmanager.com/gtag/js?id=UA-youcode";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyanalytics=!0)},!0);
//]]>
</script>
<script>
//<![CDATA[
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '');
//]]>
</script>

</head>
<!-- <body><div></div> -->
<body class='loading'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
</b:if>
<noscript>
<div class='noscript'>
<p><span>&#9888;</span></p>
<p>يرجى تمكين Javascript لعرض محتوى موقعنا</p>
<p>شكرا.</p>
</div>
</noscript>
<div class='progress-bar'/>
<header class='menuheadx' id='menuhead'>
<div class='menu-bar'>
<nav id='csxmenus' itemscope='itemscope' itemtype='https://schema.org/WPHeader'>
<div class='logo'>
<div class='header-logo'>
<b:section class='header' id='header' maxwidgets='1' name='Logo &amp; Title' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='عزوزي تيك (رأس الصفحة)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-4ZAdvlX08Ls/X30ka8O017I/AAAAAAAAAZk/IPm8WkvwbswvYOY097G4BPnxQJvZSmavACK4BGAYYCw/s1600/blue%2Btb.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>300</b:widget-setting>
      <b:widget-setting name='sectionWidth'>1059</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'>300</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
                  <b:if cond='data:useImage'>
                    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                      <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                      <b:if cond='data:mobile'>
                        <div id='header-inner'>
                          <div class='titlewrapper' style='background: transparent'>
                            <h1 class='title' style='background: transparent; border-width: 0px'>
                              <b:include name='title'/>
                            </h1>
                          </div>
                          <b:include name='description'/>
                        </div>
                        <b:else/>
                        <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                          <div class='titlewrapper' style='background: transparent'>
                            <h1 class='title' style='background: transparent; border-width: 0px'>
                              <b:include name='title'/>
                            </h1>
                          </div>
                          <b:include name='description'/>
                        </div>
                      </b:if>
                      <b:else/>
                      <!--Show the image only-->
                      <div id='header-inner'>
                        <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
                          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                          </a></h1>
                        <!--Show the description-->
                        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                          <b:include name='description'/>
                        </b:if>
                      </div>
                    </b:if>
                    <b:else/>
                    <!--No header image -->
                    <div id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                </b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <b:includable id='title'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <h1 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h1>
      <b:else/>
      <h2 class='title'>
        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
          <span itemprop='name'><data:title/></span>
        </a>
      </h2>
    </b:if>
    <b:else/>
    <h2 class='title'>
      <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
        <span itemprop='name'><data:title/></span>
      </a>
    </h2>
      </b:if>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
<div id='head-mobile'/>
<div class='buttonx'/>
<ul>
<li><a href='/search/label/قوالب' itemprop='url'><span itemprop='name'>قوالب</span></a></li>
<li><a class='thisar' href='/search/label/بلوجر' itemprop='url'><span itemprop='name'>بلوجر</span></a></li>
<li><a href='/search/label/شروحات' itemprop='url'><span itemprop='name'>شروحات</span></a></li>
<li><a href='/search/label/ربح' itemprop='url'><span itemprop='name'>ربح</span></a></li>
<li><a href='/search/label/اندرويد' itemprop='url'><span itemprop='name'>اندرويد</span></a></li>
<li><a href='/search/label/ويندوز' itemprop='url'><span itemprop='name'>ويندوز</span></a></li>
<li><a href='/search/label/مونتاج' itemprop='url'><span itemprop='name'>مونتاج</span></a></li>
<li>
<a href='#' itemprop='url'><span itemprop='name'>قائمة فرعية<i aria-hidden='true' class='fa fa-angle-down'/></span></a>
<ul>
    <li><a href='/search/label/انترنت' itemprop='url'><span itemprop='name'>انترنت</span></a></li>
  <li><a href='/search/label/شبكات' itemprop='url'><span itemprop='name'>اخبار</span></a></li>
  <li><a href='/search/label/اخبار' itemprop='url'><span itemprop='name'>مواقع</span></a></li>
</ul>
</li>
</ul>
<div class='modedark' title='Switch Mode'>
<input class='check' id='modedark' title='Mode Dark' type='checkbox'/>
<label class='iconmode' for='modedark'>
<svg class='openmode' viewBox='0 0 24 24'>
<path d='M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z'/>
</svg>
<svg class='closemode' viewBox='0 0 24 24'>
<path d='M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z'/>
</svg>
</label>
</div>
<div class='search-icon' title='Click to Search'>
<a href='#searchla'><i class='fa fa-search'/></a>
</div>
</nav>
</div>
<div id='searchla'>
<form action='/search' id='search-form' method='get'>
<input name='q' placeholder='إبحث ها . . .' type='search' value=''/>
<input name='max-results' type='hidden' value='10'/>
<button class='close' type='button'>&#215;</button>
</form>
</div>
</header>

<div class='ltr' id='wrapper'>
<div id='content-wrapper' itemscope='itemscope' itemtype='https://schema.org/Blog' role='main'>
<b:section class='banner' id='banner' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div style=&quot;width:100%;height:90px;background:#f5f5f5;margin:0 auto;position:relative;&quot;&gt;
&lt;div id=&#39;content1&#39;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;ul class=&quot;button&quot;&gt;
&lt;li&gt;&lt;a class=&quot;downloadr&quot; href=&quot;https://www.azzouzipro.com/&quot; rel=&quot;nofollow noopener&quot; target=&quot;_blank&quot;&gt;أضف إعلان هنا&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;div class=&#39;visible&#39;&gt;
    &lt;p&gt;
      آنشر إعلانك
    &lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
#content1{position:absolute;color:rgba(0,0,0,0.15);font-weight:700;overflow:hidden;width:100%;height:90px;z-index:1;clear:both;position:relative;overflow:hidden}
#content1 .button{margin:0;position:absolute;left:5%;top:29%;list-style:none}
#content1 .button a.downloadr{display:inline-block;background:#fff;color:#2e87e7;font-size:14px;font-weight:400;padding:8px 18px;border-radius:3px;border:1px solid #2e87e7}
#content1 .button a.downloadr:hover{background:#2e87e7;color:#fff}
#content1 .visible{position:absolute;right:5%;line-height:90px;color:rgba(0,0,0,0.1);font-size:2rem}
@media screen and (max-width:768px){
#content1 .button{left:20px;right:20px}
#content1 .button a.downloadr{display:block}
#content1 .visible{display:none}}
&lt;/style&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
<div class='wrapperku'>
<div id='main-wrapper'>
  <b:section class='feature section' id='FeaturedPost'>
    <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='مشاركة مميزة' type='FeaturedPost' version='1'>
      <b:widget-settings>
        <b:widget-setting name='showSnippet'>true</b:widget-setting>
        <b:widget-setting name='showPostTitle'>true</b:widget-setting>
        <b:widget-setting name='postId'>1109093518620611724</b:widget-setting>
        <b:widget-setting name='showFirstImage'>true</b:widget-setting>
        <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- Only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <b:include name='content'/>

  <b:include name='quickedit'/>
</b:includable>
      <b:includable id='content'>
  <div class='post-summary'>
<span class='thumbb'>
    <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
      <img class='image lazyload' expr:src='data:postFirstImage'/>
    </b:if>
<span class='label-feature'>
<span class='label-featurez'>
<svg style='width:16px;height:16px' viewBox='0 0 24 24'>
<path d='M22.5 12.5c0-1.58-.875-2.95-2.148-3.6.154-.435.238-.905.238-1.4 0-2.21-1.71-3.998-3.818-3.998-.47 0-.92.084-1.336.25C14.818 2.415 13.51 1.5 12 1.5s-2.816.917-3.437 2.25c-.415-.165-.866-.25-1.336-.25-2.11 0-3.818 1.79-3.818 4 0 .494.083.964.237 1.4-1.272.65-2.147 2.018-2.147 3.6 0 1.495.782 2.798 1.942 3.486-.02.17-.032.34-.032.514 0 2.21 1.708 4 3.818 4 .47 0 .92-.086 1.335-.25.62 1.334 1.926 2.25 3.437 2.25 1.512 0 2.818-.916 3.437-2.25.415.163.865.248 1.336.248 2.11 0 3.818-1.79 3.818-4 0-.174-.012-.344-.033-.513 1.158-.687 1.943-1.99 1.943-3.484zm-6.616-3.334l-4.334 6.5c-.145.217-.382.334-.625.334-.143 0-.288-.04-.416-.126l-.115-.094-2.415-2.415c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l1.77 1.767 3.825-5.74c.23-.345.696-.436 1.04-.207.346.23.44.696.21 1.04z' fill='#fff'/>
</svg>
                  موصى به
               </span>
</span>
</span>
<div class='feature-wrapp'>
    <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
      <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
    </b:if>
    <b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
      <p>
        <data:postSummary/>
      </p>
    </b:if>
<div class='button-feature'>
               <a expr:href='data:postUrl'> إقرأ المزيد 
               <svg viewBox='0 0 24 24'>
<path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' fill='#fff'/>
</svg></a>
</div>
  </div>
 </div>
  <style type='text/css'>
    .image {
      width: 100%;
    }
  </style>
</b:includable>
    </b:widget>
  </b:section>
<b:section class='main' id='main' itemprop='mainContentOfPage' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'>Comments</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='authorLabel'>By</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'>-</b:widget-setting>
      <b:widget-setting name='reactionsLabel'>Post Navi</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
      <b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>
      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#e74c3c</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#1e87f0</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#1e87f0</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>Tags</b:widget-setting>
      <b:widget-setting name='showBacklinks'>true</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
    <b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <!-- posts -->
<div class='blog-posts hfeed'>
         <b:include data='top' name='status-message'/>
         <div class='post-grid'>
            <b:loop values='data:posts' var='post'>
               <div class='post-outer'>
                  <b:include data='post' name='post'/>
                  <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
               </div>
            </b:loop>
         </div>
      </div>
      <!-- navigation -->
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
         <b:include name='nextprev'/>
         <b:else/>
         <b:if cond='data:blog.pageType == &quot;archive&quot;'>
            <b:include name='nextprev'/>
            <b:else/>
            <b:if cond='data:blog.pageType != &quot;item&quot;'>
               <!-- navigation -->
               <b:include name='nextprev'/>
</b:if>
	</b:if>
	</b:if>
    <!-- feed links -->
    <b:include name='feedLinks'/>
    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
      <span data-talk-id='889'/>
      <span data-talk-id='889' data-talk-mode='number'/>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>الرئيسية</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb Untuk Halaman Pos -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>الرئيسية</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>الرئيسية</a></span> / <span>بدون قسم</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Breadcrumb Untuk Label Search dan Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>الرئيسية</a></span> / <span>في قسم <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>

</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img class='lazyload' src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
   <div class='comments-line'>
      <span class='comments-info-th'>
      </span>
   </div>
   <div class='comments' id='comments'>
   <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
         <h3>
            <b:if cond='data:post.numComments == 1'>
               1 
               <data:commentLabel/>
               <b:else/>
               <data:post.numComments/>
               <data:commentLabelPlural/>
            </b:if>
         </h3>
      </b:if>
      <b:if cond='data:post.commentPagingRequired'>
         <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
               <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
               <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
               <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
               <data:post.newestLinkText/>
            </a>
         </span>
      </b:if>
      <div class='clear'/>
      <div id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
         <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
         <b:if cond='data:post.adminClass == data:comment.adminClass'>
            &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
            &lt;div class=&#39;comment_inner&#39;&gt;
         </b:if>
         <div class='comment_header'>
         <div class='comment_avatar_wrap'>
            <div class='comment_avatar'>
               <img alt='avatar' class='lazyload' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
            </div>
            <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
         </div>
         <div class='clear'/>
         </div>
         <div class='comment_body'>
         <span class='comment_arrow'/>
         <div class='comment_name'>
            <b:if cond='data:comment.authorUrl'>
               <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow noopener' target='_blank'>
                  <data:comment.author/>
               </a>
               <b:else/>
               <data:comment.author/>
            </b:if>
            <b:if cond='data:comment.author == data:post.author'>
               <span class='comment_author_flag'/>
            </b:if>
            <span class='comment_service'>
               <a class='comment-delete' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
               <img alt='delete' class='lazyload' src='https://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
               </a>                
               <span class='comment_date'>
                  <a expr:href='data:comment.url' rel='nofollow noopener' title='comment permalink'>
                     <data:comment.timestamp/>
                  </a>
               </span>
            </span>
         </div>
         <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'>
               <data:comment.body/>
            </span>
            <b:else/>
            <p>
               <data:comment.body/>
            </p>
            <div class='clear'/>
         </b:if>
         </div>
         <div class='clear'/>
         &lt;/div&gt;
         <div class='clear'/>
         <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
            </div>
      </b:loop>
      </div>
      <div class='clear'/>
      <b:if cond='data:post.commentPagingRequired'>
         <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
               <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
               <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
               <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
               <data:post.newestLinkText/>
            </a>
         </span>
      </b:if>
      <div class='clear'/>
         <div class='comment_form'>
            <b:if cond='data:post.embedCommentForm'>
               <b:if cond='data:post.allowNewComments'>
                  <b:include data='post' name='threaded-comment-form'/>
                  <b:else/>
                  <data:post.noNewCommentsText/>
               </b:if>
               <b:else/>
               <b:if cond='data:post.allowComments'>
                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
                     <data:postCommentMsg/>
                  </a>
               </b:if>
            </b:if>
         </div>
   </b:if>
   </div>
   <script type='text/javascript'>
      //<![CDATA[
      if (typeof(jQuery) == 'undefined') {
      //output the script (load it from google api)
      document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
      }
      //]]>
   </script>
   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
      <script type='text/javascript'>
        <b:if cond='data:post.numComments != 0'>
             var Items = <data:post.commentJso/>;
             var Msgs = <data:post.commentMsgs/>;
             var Config = <data:post.commentConfig/>;
            <b:else/>
             var Items = {};
             var Msgs = {};
             var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
            </b:if>
           //<![CDATA[
           //Global setting
            Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
            Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
            Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
            Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                    Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
            Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
            //Pengaturan Emoticon
            Emo_List = [
      ':)'  	,'https://twemoji.maxcdn.com/36x36/1f600.png',
      ':('  	,'https://twemoji.maxcdn.com/36x36/1f615.png',
      'hihi'  ,'https://twemoji.maxcdn.com/36x36/1f601.png',
      ':-)'  	,'https://twemoji.maxcdn.com/36x36/1f60f.png',
      ':D'  	,'https://twemoji.maxcdn.com/36x36/1f603.png',
      '=D'  	,'https://twemoji.maxcdn.com/36x36/1f62c.png',
      ':-d'  	,'https://twemoji.maxcdn.com/36x36/1f604.png',
      ';('  	,'https://twemoji.maxcdn.com/36x36/1f61e.png',
      ';-('  	,'https://twemoji.maxcdn.com/36x36/1f62d.png',
      '@-)'   ,'https://twemoji.maxcdn.com/36x36/1f616.png',
      ':P'  	,'https://twemoji.maxcdn.com/36x36/1f61c.png',
      ':o'	,'https://twemoji.maxcdn.com/36x36/1f62e.png',     
      ':&gt;)','https://twemoji.maxcdn.com/36x36/1f606.png',     
      '(o)'	,'https://twemoji.maxcdn.com/36x36/1f609.png',     
      ':p'	,'https://twemoji.maxcdn.com/36x36/1f614.png',     
      '(p)'	,'https://twemoji.maxcdn.com/36x36/1f619.png', 
      ':-s'	,'https://twemoji.maxcdn.com/36x36/1f625.png',
      '(m)'	,'https://twemoji.maxcdn.com/36x36/1f620.png',
      '8-)'	,'https://twemoji.maxcdn.com/36x36/1f60e.png',
      ':-t'	,'https://twemoji.maxcdn.com/36x36/1f624.png',
      ':-b'	,'https://twemoji.maxcdn.com/36x36/1f634.png',
      'b-('	,'https://twemoji.maxcdn.com/36x36/1f635.png',
      ':-#'	,'https://twemoji.maxcdn.com/36x36/1f637.png',
      '=p~'	,'https://twemoji.maxcdn.com/36x36/1f35c.png',
      'x-)'	,'https://twemoji.maxcdn.com/36x36/1f60d.png',
      '(k)'	,'https://twemoji.maxcdn.com/36x36/1f496.png',
            ];
                                    Force_Tag = [
                                        '[pre]','<pre>',
                                        '[/pre]','</pre>',
                                        '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                        '</pre>','</code>'
                                    ];
      eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}));
      //]]>
   </script>
</b:includable>
    <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
    <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
    <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowComments'>
    <script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>
    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>
    <div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
      <a expr:href='data:post.url' expr:title='data:post.title'>
        <h3 class='mobile-index-title entry-title' style='margin: 10px;'>
          <data:post.title/>
        </h3></a>
        <div class='mobile-index-contents'>
          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>
        <div style='clear: both;'/>
      <div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
<a expr:href='data:post.url' expr:title='data:post.title' style='float:right;'>إقرأ المزيد</a>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>
   <b:include name='mobile-nextprev'/>
</b:includable>
    <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
      </div>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
      </div>
    </b:if>
    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>
    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>
  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>
        <div class='post hentry uncustomized-post-template'>
          <b:if cond='data:post.title'>
            <h1 class='post-title entry-title' style='margin: 10px 0;font-size: 17px;'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h1>
          </b:if>
          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- clear for photos floats -->
          </div>
          <div class='post-footer'>
            <div class='post-footer-line post-footer-line-1'>
            </div>
            <div class='post-footer-line post-footer-line-2'>
              <b:if cond='data:top.showMobileShare'>
                <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/></a>
                </div>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
              </b:if>
            </div>
          </div>
        </div>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
   <div class='blog-pager nubie-clearfix' id='blog-pager'>
      <b:if cond='data:newerPageUrl'>
         <span class='nubie-pull-left' id='blog-pager-newer-link'>
         <a class='blog-pager-newer-link idntheme-btn' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
            <span class='fa fa-arrow-left'/>
               <span class='nubie-textpager-newer'>
                  <data:newerPageTitle/>
               </span>
         </a>
         </span>
      </b:if>
      <b:if cond='data:olderPageUrl'>
         <span class='nubie-pull-right' id='blog-pager-older-link'>
         <a class='blog-pager-older-link idntheme-btn' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
            <span class='nubie-textpager-older'>
               <data:olderPageTitle/>
            </span>
            <span class='fa fa-arrow-right'/>
         </a>
         </span>
      </b:if>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <a class='home-link idntheme-btn' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><span class='fa fa-home'/></a>
      </b:if>
   </div>
</b:includable>
    <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 5,
            numPages: 3,
            firstText: &quot;First&quot;,
            lastText: &quot;Last&quot;,
            nextText: &quot;Next&quot;,
            prevText: &quot;Prev&quot;
        }
        </script>
		<script type='text/javascript'>
		//<![CDATA[
		function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
		//]]>
		</script>
        <div class='clear'/>
    </div>
	</b:includable>
    <b:includable id='post' var='post'>
 <article class='post hentry' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>   
   <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <h1 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h1>
     <b:else/>
          <h2 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h2>
  </b:if>
   <b:else/>
        <h2 class='post-title entry-title' itemprop='name'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
                <data:post.title/>
            </b:if>
          </b:if>
        </h2>
   </b:if>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
   <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <h1 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h1>
     <b:else/>
          <h2 class='post-title entry-title' itemprop='name'>
            <b:if cond='data:post.link'>
              <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
            <b:else/>
              <b:if cond='data:post.url'>
                <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
                <b:else/>
                  <data:post.title/>
                </b:if>
                <b:else/>
                  <data:post.title/>
              </b:if>
            </b:if>
          </h2>
  </b:if>
   <b:else/>
        <h1 class='post-title entry-title' itemprop='name'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
                <data:post.title/>
            </b:if>
          </b:if>
        </h1>
   </b:if>
    </b:if>
</b:if>
<div class='post-body entry-content' expr:id='&quot;animated-thumbnail&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-thumbnail'>
<div class='preloader'>
<div class='status'>
<div class='spinnerno'>
<div class='rect1'/>
<div class='rect2'/>
<div class='rect3'/>
<div class='rect4'/>
<div class='rect5'/>
</div>
</div>
</div>
<b:if cond='data:post.thumbnailUrl'>
<a class='thumb' expr:href='data:post.url' expr:title='data:post.title' itemprop='image'>
<img class='ls-is-cached lazyloaded' expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl, 280, &quot;3:2&quot;)'/></a>

<b:else/>
<b:if cond='data:post.firstImageUrl'><a expr:href='data:post.url' expr:title='data:post.title'> 
<img class='ls-is-cached lazyloaded' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='postthumb'><img expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w100-h100-c/no-image.png'/></div></a>
</b:if> 

</b:if>
</div>
</b:if> 
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title' expr:title='data:post.title' itemprop='name headline'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
<b:if cond='data:post.labels'>
<span class='label-info'> 
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>
<div itemprop='description articleBody'>
<div>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
</div>
</div>
<div class='post-infoku'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>                     
<svg style='width:16px;height:16px' viewBox='0 0 24 24'>
<path d='M22.5 12.5c0-1.58-.875-2.95-2.148-3.6.154-.435.238-.905.238-1.4 0-2.21-1.71-3.998-3.818-3.998-.47 0-.92.084-1.336.25C14.818 2.415 13.51 1.5 12 1.5s-2.816.917-3.437 2.25c-.415-.165-.866-.25-1.336-.25-2.11 0-3.818 1.79-3.818 4 0 .494.083.964.237 1.4-1.272.65-2.147 2.018-2.147 3.6 0 1.495.782 2.798 1.942 3.486-.02.17-.032.34-.032.514 0 2.21 1.708 4 3.818 4 .47 0 .92-.086 1.335-.25.62 1.334 1.926 2.25 3.437 2.25 1.512 0 2.818-.916 3.437-2.25.415.163.865.248 1.336.248 2.11 0 3.818-1.79 3.818-4 0-.174-.012-.344-.033-.513 1.158-.687 1.943-1.99 1.943-3.484zm-6.616-3.334l-4.334 6.5c-.145.217-.382.334-.625.334-.143 0-.288-.04-.416-.126l-.115-.094-2.415-2.415c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l1.77 1.767 3.825-5.74c.23-.345.696-.436 1.04-.207.346.23.44.696.21 1.04z' fill='#568af5'/>
</svg> <a class='author-meta g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Admin'><data:post.author/></a></span> 
<b:else/>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>                           
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>                           
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
</b:if>
</b:if>
</span>

</div>
 <b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-info'>
 <span class='post-author vcard'>الكاتب <b:if cond='data:top.showAuthor'><data:top.authorLabel/></b:if><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span class='fn'><data:post.author/></span></a></span>                  
  <div class='clear'/>
  </div>
   </b:if>
   <div itemprop='description articleBody'>
  <data:post.body/>
   </div>
 </b:if>
<b:else/>
        <h3 class='post-title entry-title' itemprop='name'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
              <b:else/>
                <data:post.title/>
            </b:if>
          </b:if>
        </h3>
<div itemprop='description articleBody'>
<div id='first-invertpro'>
<img class='first-image' expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl,600)' expr:title='data:post.title'/>
<div class='card-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<div class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<img class='photo-wrap' expr:src='resizeImage(data:post.authorPhoto.url,100)' itemprop='image'/>
 نشر بواسطة <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  <span itemprop='name'><data:post.author/></span></a>
  </div><b:else/><span class='fn' itemprop='name'><data:post.author/></span></b:if></b:if></div>
<div class='card-time'>
<abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.dateHeader/></abbr>
</div>
<b:if cond='data:post.labels'>
<span class='label-info'> 
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>
</div>

	ffff

<data:post.body/>

dddd

</div>
</b:if>
<div style='clear: both;'/>
</div>
</article>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-wrap'>
  <div class='post-shareku'>
<div class='sharethis-inline-share-buttons'/>
</div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^https:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>
<div class='related-line'>
<span class='related-info-th'>
مقالات مشابهة
            </span>
</div>
<div id='related-posts'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<data:label.name/>
</b:if>
</b:loop>
                   </b:if>
</div>
<div class='clear'/>
<div class='rateoff' itemscope='' itemtype='https://schema.org/Review'>
<div itemprop='itemReviewed' itemscope='' itemtype='https://schema.org/Thing'>
<span itemprop='name'><data:post.title/></span>
</div> 
<div itemprop='reviewRating' itemscope='' itemtype='https://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>4</span>/
<span itemprop='bestRating'>5</span>
</div>
Oleh 
<span itemprop='author'><data:post.author/></span> 
</div>
</div>
   </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
 <b:if cond='data:navMessage'>
    <div class='status-msg-wrap'><b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div class='container'>
<div id='error-not-found'>
<div class='error-page'>
<div class='sp-globe'/>
<h3 class='frame-1'><span>الصفحة غير </span>
<span>موجودة</span></h3>
<a class='sp-circle-link' href='/' title='Back to homepage'><i aria-hidden='true' class='fa fa-home'/></a>
<div class='ProgressBar'>
<div id='Progress-Error'>
<span class='Progress-Area'>خطأ 404</span>
</div>
</div>
</div>
</div>
</div>
<b:else/>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
      </b:if>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
   <div class='comment-form'>
   <b:if cond='data:mobile'>
      <p>
         <data:blogCommentMessage/>
      </p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
      <b:else/>
      <p>
         <data:blogCommentMessage/>
      </p>
         <data:blogTeamBlogMessage/>
         <a expr:href='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' id='comment-editor-src'/>
         <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   </b:if>
   <data:post.friendConnectJs/>
   <data:post.cmtfpIframe/>
   <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
   </script>
   </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
//<![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }
      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {

              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };
      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author

              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };
      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;
      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };
      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }
      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };
      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };
      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
//]]>
</script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <a class='showcontent' href='#' id='comments-show' onclick='showComm(&apos;comments&apos;);return false;'>فتح التعليقات</a><div class='clear'/>
<div class='comments hide-content' id='comments'><a class='hiddencontent' href='#' id='comments-hide' onclick='showComm(&apos;comments&apos;);return false;'>غلق التعليقات</a><div class='clear'/>
    <a name='threaded_comments'/>
    <h4><data:post.commentLabelFull/></h4>
    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
        <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
        <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
      <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
        <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
      </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:if cond='data:view.isLayoutMode or data:view.isPost'>
        <b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' name='Widget Kode Iklan (muncul di atas artikel)' showaddelement='no'>
          <b:widget id='HTML76' locked='true' title='إعلان اول المقال' type='HTML' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'/>
            </b:widget-settings>
            <b:includable id='main'>
                    <div class='widget-content kode-iklan-atas'>
                        <data:content/>
                    </div>
                </b:includable>
          </b:widget>
        </b:section>  
        <b:section class='iklan-tengah1' id='iklan-tengah1' maxwidgets='1' name='Widget Kode Iklan (muncul di tengah artikel)' showaddelement='no'>
            <b:widget id='HTML77' locked='true' title='إعلان وسط 1' type='HTML' version='2' visible='true'>
              <b:widget-settings>
                <b:widget-setting name='content'/>
              </b:widget-settings>
              <b:includable id='main'>
                    <div class='widget-content kode-iklan-tengah'>
                        <data:content/>
                    </div>
                </b:includable>
            </b:widget>
          </b:section>
        <b:section class='iklan-tengah2' id='iklan-tengah2' maxwidgets='1' name='Widget Kode Iklan (muncul di tengah artikel agak ke bawah)' showaddelement='no'>
          <b:widget id='HTML78' locked='true' title='إعلان وسط 2' type='HTML' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'/>
            </b:widget-settings>
            <b:includable id='main'>
                    <div class='widget-content kode-iklan-tengah'>
                        <data:content/>
                    </div>   
                </b:includable>
          </b:widget>
        </b:section>
        <b:section class='iklan-bawah' id='iklan-bawah' maxwidgets='1' name='Widget Kode Iklan (muncul tepat di bawah artikel)' showaddelement='no'>
          <b:widget id='HTML79' locked='true' title='إعلان اسفل المقال' type='HTML' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'/>
            </b:widget-settings>
            <b:includable id='main'>
                    <div class='widget-content kode-iklan-bawah'>
                        <data:content/>
                    </div>
                </b:includable>
          </b:widget>
        </b:section>
    </b:if>
    
    <b:if cond='data:view.isPost'>
        <script>//<![CDATA[
        "use strict";function LMmiddleAds(i){var e=i.querySelector(".post-body"),r=e.querySelectorAll("div > br, span > br, div > p, span > p"),n=Math.ceil(.2*r.length),t=Math.ceil(.7*r.length),l=i.querySelector("#iklan-tengah1 .widget-content"),o=i.querySelector("#iklan-tengah2 .widget-content"),a=i.querySelector("#iklan-atas .widget-content"),d=i.querySelector("#iklan-bawah .widget-content"),c=e.querySelector("#iklan1"),u=e.querySelector("#iklan2");null!=a&&"\n"!=a.innerHTML&&e.insertBefore(a,e.childNodes[0]),null!=d&&"\n"!=d.innerHTML&&e.appendChild(d);function s(e,n,t){function l(e,n){void 0!==n&&n.parentNode.insertBefore(e,n.nextSibling)}1<r.length?(null!=e&&"\n"!=e.innerHTML&&l(e,null!==n?n:r[t]),function(){for(var e,n=i.querySelectorAll(".post-body-artikel .kode-iklan-tengah"),t=0;t<n.length;t++)null!==(e=n[t].previousElementSibling)&&"BR"===e.tagName&&(e.style.display="none")}()):e.parentNode.removeChild(e)}s(l,c,n),s(o,u,t)}LMmiddleAds(document);
        //]]>
        </script>
    </b:if>
</div>
<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='HTML2' locked='false' title='حساباتنا الإجتماعية' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div id=&#39;socialcounterd&#39;&gt;
    &lt;ul class=&#39;social-counter&#39;&gt;
        &lt;li class=&#39;social_item-wrapper&#39;&gt;&lt;a class=&#39;social_item social_youtube&#39; href=&#39;https://www.youtube.com/c/AzzouziPro/#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Subscribe Our Youtube&#39;&gt;&lt;i class=&#39;fa fa-youtube-play fa-fw social_icon&#39;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&#39;social_item-wrapper&#39;&gt;&lt;a class=&#39;social_item social_facebook&#39; href=&#39;https://www.facebook.com/AzzouziPro/#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Follow Our Facebook&#39;&gt;&lt;i class=&#39;fa fa-facebook fa-fw social_icon&#39;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&#39;social_item-wrapper&#39;&gt;&lt;a class=&#39;social_item social_twitter&#39; href=&#39;https://twitter.com/AzzouziPro/#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Follow Our Twitter&#39;&gt;&lt;i class=&#39;fa fa-twitter fa-fw social_icon&#39;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class=&#39;social_item-wrapper&#39;&gt;&lt;a class=&#39;social_item social_bloggerx&#39; href=&#39;https://www.blogger.com/follow-blog.g?blogID=2364912383585623420&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Follow Our Site&#39;&gt;&lt;i class=&#39;fa fa-user fa-fw social_icon&#39;&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
    <b:widget-settings>
      <b:widget-setting name='displayMode'>VERTICAL</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='FollowByEmail1' locked='false' title='المتابعة بالبريد الالكتروني' type='FollowByEmail' version='1'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='بريدك الالكتروني...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='اشترك'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='ar_AR'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
  </b:widget>
  <b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
    <b:widget-settings>
      <b:widget-setting name='borderColorTransparent'>true</b:widget-setting>
      <b:widget-setting name='useTemplateDefaultStyles'>true</b:widget-setting>
      <b:widget-setting name='contentSecondaryTextColor'>#000000</b:widget-setting>
      <b:widget-setting name='contentHeadlineColor'>#000000</b:widget-setting>
      <b:widget-setting name='endcapTextColor'>#1d2129</b:widget-setting>
      <b:widget-setting name='contentTextColor'>#1d2129</b:widget-setting>
      <b:widget-setting name='contentSecondaryLinkColor'>#FFFFFF</b:widget-setting>
      <b:widget-setting name='endcapLinkColor'>#008c5f</b:widget-setting>
      <b:widget-setting name='contentLinkColor'>#008c5f</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='PopularPosts1' locked='false' title='المقالات الشائعة' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>7</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 402, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
                    <img alt='' border='0' expr:src='data:image'/>
                  </b:with>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
</aside>
<div class='clear'>&#160;</div>
</div></div>
<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div style=&quot;width:100%;height:90px;background:#f5f5f5;margin:0 auto;position:relative;&quot;&gt;
&lt;div id=&#39;content1&#39;&gt;
&lt;div style=&quot;text-align: center;&quot;&gt;
&lt;ul class=&quot;button&quot;&gt;
&lt;li&gt;&lt;a class=&quot;downloadr&quot; href=&quot;https://www.azzouzipro.com/&quot; rel=&quot;nofollow noopener&quot; target=&quot;_blank&quot;&gt;أضف إعلان هنا&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
  &lt;div class=&#39;visible&#39;&gt;
    &lt;p&gt;
      آنشر إعلانك
    &lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
#content1{position:absolute;color:rgba(0,0,0,0.15);font-weight:700;overflow:hidden;width:100%;height:90px;z-index:1;clear:both;position:relative;overflow:hidden}
#content1 .button{margin:0;position:absolute;left:5%;top:29%;list-style:none}
#content1 .button a.downloadr{display:inline-block;background:#fff;color:#2e87e7;font-size:14px;font-weight:400;padding:8px 18px;border-radius:3px;border:1px solid #2e87e7}
#content1 .button a.downloadr:hover{background:#2e87e7;color:#fff}
#content1 .visible{position:absolute;right:5%;line-height:90px;color:rgba(0,0,0,0.1);font-size:2rem}
@media screen and (max-width:768px){
#content1 .button{left:20px;right:20px}
#content1 .button a.downloadr{display:block}
#content1 .visible{display:none}}
&lt;/style&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
</div>
<div id='footer-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
<div id='footer'>
<div class='footer-nav'><ul>
<li><a href='/p/blog-page_90.html' title='About Us'>عن الموقع</a></li>
<li><a href='/p/blog-page_90.html' title='Contact Us'>اتصل بنا</a></li>
<li><a href='/p/blog-page_96.html' title='Disclaimer'>إتفاقية الإستخدام</a></li>
<li><a href='/p/blog-page_11.html' title='Privacy Policy'>سياسة الخصوصية</a></li>
<li><a href='/p/sitemap.html' title='Sitemap'>خريطة الموقع</a></li>
</ul>
</div>
</div></div>
<div class='arlina-credit'>
جميع الحقوق محفوظة &#169; <span id='current-year'/>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> </div>
<div class='backtotop hide' title='Back to top'><svg viewBox='0 0 24 24'>
<path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' fill='#222'/>
</svg></div>
<div class='clear'/>
<script src='https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js'/>
<script>
//<![CDATA[
// Search form
$(function(){$('a[href="#searchla"]').on("click",function(e){e.preventDefault(),$("#searchla").addClass("open"),$('#searchla > form > input[type="search"]').focus()}),$("#searchla, #searchla button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})});
// nav menu
!function(n){n.fn.menumaker=function(s){var e=n(this),i=n.extend({format:"dropdown",sticky:!1},s);return this.each(function(){return n(this).find(".buttonx").on("click",function(){n(this).toggleClass("menu-opened");var s=n(this).next("ul");s.hasClass("open")?s.slideToggle().removeClass("open"):(s.slideToggle().addClass("open"),"dropdown"===i.format&&s.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){n(this).toggleClass("submenu-opened"),n(this).siblings("ul").hasClass("open")?n(this).siblings("ul").removeClass("open").slideToggle():n(this).siblings("ul").addClass("open").slideToggle()})},"multitoggle"===i.format?multiTg():e.addClass("dropdown"),!0===i.sticky&&e.css("position","fixed"),resizeFix=function(){n(window).width()>1e3&&e.find("ul").show(),n(window).width()<=1e3&&e.find("ul").hide().removeClass("open")},resizeFix(),n(window).on("resize",resizeFix)})}}(jQuery),function(n){n(document).ready(function(){n("#csxmenus").menumaker({format:"multitoggle"})})}(jQuery);
// Lazysizes
var lazysizer=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazysizer||0!=document.body.scrollTop&&!1===lazysizer)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazysarline.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazysizer=!0)},!0);
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/levelmaxblock.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
// Lazy Script Code One
var lazycodeone=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazycodeone||0!=document.body.scrollTop&&!1===lazycodeone)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/arlinadznyu.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazycodeone=!0)},!0);
// Night Mode
$("#modedark").click(function(){$("body").toggleClass("Night")}),$("body").toggleClass(localStorage.toggled),$("#modedark").click(function(){"Night"!=localStorage.toggled?($("body").toggleClass("Night",!0),localStorage.toggled="Night"):($("body").toggleClass("Night",!1),localStorage.toggled="")});
// jQuery Migrate
void 0===jQuery.migrateMute&&(jQuery.migrateMute=!0),function(e){"function"==typeof define&&define.amd?define(["jquery"],window,e):"object"==typeof module&&module.exports?module.exports=e(require("jquery"),window):e(jQuery,window)}(function(e,t){"use strict";function r(r){var n=t.console;a[r]||(a[r]=!0,e.migrateWarnings.push(r),n&&n.warn&&!e.migrateMute&&(n.warn("JQMIGRATE: "+r),e.migrateTrace&&n.trace&&n.trace()))}function n(e,t,n,o){Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return r(o),n},set:function(e){r(o),n=e}})}function o(e,t,n,o){e[t]=function(){return r(o),n.apply(this,arguments)}}e.migrateVersion="3.0.1",t.console&&t.console.log&&(e&&!/^[12]\./.test(e.fn.jquery)||t.console.log("JQMIGRATE: jQuery 3.0.0+ REQUIRED"),e.migrateWarnings&&t.console.log("JQMIGRATE: Migrate plugin loaded multiple times"),t.console.log("JQMIGRATE: Migrate is installed"+(e.migrateMute?"":" with logging active")+", version "+e.migrateVersion));var a={};e.migrateWarnings=[],void 0===e.migrateTrace&&(e.migrateTrace=!0),e.migrateReset=function(){a={},e.migrateWarnings.length=0},"BackCompat"===t.document.compatMode&&r("jQuery is not compatible with Quirks Mode");var i,s=e.fn.init,u=e.isNumeric,c=e.find,l=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/,d=/\[(\s*[-\w]+\s*)([~|^$*]?=)\s*([-\w#]*?#[-\w#]*)\s*\]/g;e.fn.init=function(e){var t=Array.prototype.slice.call(arguments);return"string"==typeof e&&"#"===e&&(r("jQuery( '#' ) is not a valid selector"),t[0]=[]),s.apply(this,t)},e.fn.init.prototype=e.fn,e.find=function(e){var n=Array.prototype.slice.call(arguments);if("string"==typeof e&&l.test(e))try{t.document.querySelector(e)}catch(o){e=e.replace(d,function(e,t,r,n){return"["+t+r+'"'+n+'"]'});try{t.document.querySelector(e),r("Attribute selector with '#' must be quoted: "+n[0]),n[0]=e}catch(e){r("Attribute selector with '#' was not fixed: "+n[0])}}return c.apply(this,n)};for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e.find[i]=c[i]);e.fn.size=function(){return r("jQuery.fn.size() is deprecated and removed; use the .length property"),this.length},e.parseJSON=function(){return r("jQuery.parseJSON is deprecated; use JSON.parse"),JSON.parse.apply(null,arguments)},e.isNumeric=function(t){var n,o,a=u(t),i=(o=(n=t)&&n.toString(),!e.isArray(n)&&o-parseFloat(o)+1>=0);return a!==i&&r("jQuery.isNumeric() should not be called on constructed objects"),i},o(e,"holdReady",e.holdReady,"jQuery.holdReady is deprecated"),o(e,"unique",e.uniqueSort,"jQuery.unique is deprecated; use jQuery.uniqueSort"),n(e.expr,"filters",e.expr.pseudos,"jQuery.expr.filters is deprecated; use jQuery.expr.pseudos"),n(e.expr,":",e.expr.pseudos,"jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos");var p=e.ajax;e.ajax=function(){var e=p.apply(this,arguments);return e.promise&&(o(e,"success",e.done,"jQXHR.success is deprecated and removed"),o(e,"error",e.fail,"jQXHR.error is deprecated and removed"),o(e,"complete",e.always,"jQXHR.complete is deprecated and removed")),e};var f=e.fn.removeAttr,y=e.fn.toggleClass,m=/\S+/g;e.fn.removeAttr=function(t){var n=this;return e.each(t.match(m),function(t,o){e.expr.match.bool.test(o)&&(r("jQuery.fn.removeAttr no longer sets boolean properties: "+o),n.prop(o,!1))}),f.apply(this,arguments)},e.fn.toggleClass=function(t){return void 0!==t&&"boolean"!=typeof t?y.apply(this,arguments):(r("jQuery.fn.toggleClass( boolean ) is deprecated"),this.each(function(){var r=this.getAttribute&&this.getAttribute("class")||"";r&&e.data(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":e.data(this,"__className__")||"")}))};var h=!1;e.swap&&e.each(["height","width","reliableMarginRight"],function(t,r){var n=e.cssHooks[r]&&e.cssHooks[r].get;n&&(e.cssHooks[r].get=function(){var e;return h=!0,e=n.apply(this,arguments),h=!1,e})}),e.swap=function(e,t,n,o){var a,i,s={};h||r("jQuery.swap() is undocumented and deprecated");for(i in t)s[i]=e.style[i],e.style[i]=t[i];a=n.apply(e,o||[]);for(i in t)e.style[i]=s[i];return a};var g=e.data;e.data=function(t,n,o){var a;if(n&&"object"==typeof n&&2===arguments.length){a=e.hasData(t)&&g.call(this,t);var i={};for(var s in n)s!==e.camelCase(s)?(r("jQuery.data() always sets/gets camelCased names: "+s),a[s]=n[s]):i[s]=n[s];return g.call(this,t,i),n}return n&&"string"==typeof n&&n!==e.camelCase(n)&&(a=e.hasData(t)&&g.call(this,t))&&n in a?(r("jQuery.data() always sets/gets camelCased names: "+n),arguments.length>2&&(a[n]=o),a[n]):g.apply(this,arguments)};var v=e.Tween.prototype.run,j=function(e){return e};e.Tween.prototype.run=function(){e.easing[this.easing].length>1&&(r("'jQuery.easing."+this.easing.toString()+"' should use only one argument"),e.easing[this.easing]=j),v.apply(this,arguments)},e.fx.interval=e.fx.interval||13,t.requestAnimationFrame&&n(e.fx,"interval",e.fx.interval,"jQuery.fx.interval is deprecated");var Q=e.fn.load,b=e.event.add,w=e.event.fix;e.event.props=[],e.event.fixHooks={},n(e.event.props,"concat",e.event.props.concat,"jQuery.event.props.concat() is deprecated and removed"),e.event.fix=function(t){var n,o=t.type,a=this.fixHooks[o],i=e.event.props;if(i.length)for(r("jQuery.event.props are deprecated and removed: "+i.join());i.length;)e.event.addProp(i.pop());if(a&&!a._migrated_&&(a._migrated_=!0,r("jQuery.event.fixHooks are deprecated and removed: "+o),(i=a.props)&&i.length))for(;i.length;)e.event.addProp(i.pop());return n=w.call(this,t),a&&a.filter?a.filter(n,t):n},e.event.add=function(e,n){return e===t&&"load"===n&&"complete"===t.document.readyState&&r("jQuery(window).on('load'...) called after load event occurred"),b.apply(this,arguments)},e.each(["load","unload","error"],function(t,n){e.fn[n]=function(){var e=Array.prototype.slice.call(arguments,0);return"load"===n&&"string"==typeof e[0]?Q.apply(this,e):(r("jQuery.fn."+n+"() is deprecated"),e.splice(0,0,n),arguments.length?this.on.apply(this,e):(this.triggerHandler.apply(this,e),this))}}),e.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(t,n){e.fn[n]=function(e,t){return r("jQuery.fn."+n+"() event shorthand is deprecated"),arguments.length>0?this.on(n,null,e,t):this.trigger(n)}}),e(function(){e(t.document).triggerHandler("ready")}),e.event.special.ready={setup:function(){this===t.document&&r("'ready' event is deprecated")}},e.fn.extend({bind:function(e,t,n){return r("jQuery.fn.bind() is deprecated"),this.on(e,null,t,n)},unbind:function(e,t){return r("jQuery.fn.unbind() is deprecated"),this.off(e,null,t)},delegate:function(e,t,n,o){return r("jQuery.fn.delegate() is deprecated"),this.on(t,e,n,o)},undelegate:function(e,t,n){return r("jQuery.fn.undelegate() is deprecated"),1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return r("jQuery.fn.hover() is deprecated"),this.on("mouseenter",e).on("mouseleave",t||e)}});var x=e.fn.offset;e.fn.offset=function(){var n,o=this[0],a={top:0,left:0};return o&&o.nodeType?(n=(o.ownerDocument||t.document).documentElement,e.contains(n,o)?x.apply(this,arguments):(r("jQuery.fn.offset() requires an element connected to a document"),a)):(r("jQuery.fn.offset() requires a valid DOM element"),a)};var k=e.param;e.param=function(t,n){var o=e.ajaxSettings&&e.ajaxSettings.traditional;return void 0===n&&o&&(r("jQuery.param() no longer uses jQuery.ajaxSettings.traditional"),n=o),k.call(this,t,n)};var A=e.fn.andSelf||e.fn.addBack;e.fn.andSelf=function(){return r("jQuery.fn.andSelf() is deprecated and removed, use jQuery.fn.addBack()"),A.apply(this,arguments)};var S=e.Deferred,q=[["resolve","done",e.Callbacks("once memory"),e.Callbacks("once memory"),"resolved"],["reject","fail",e.Callbacks("once memory"),e.Callbacks("once memory"),"rejected"],["notify","progress",e.Callbacks("memory"),e.Callbacks("memory")]];return e.Deferred=function(t){var n=S(),o=n.promise();return n.pipe=o.pipe=function(){var t=arguments;return r("deferred.pipe() is deprecated"),e.Deferred(function(r){e.each(q,function(a,i){var s=e.isFunction(t[a])&&t[a];n[i[1]](function(){var t=s&&s.apply(this,arguments);t&&e.isFunction(t.promise)?t.promise().done(r.resolve).fail(r.reject).progress(r.notify):r[i[0]+"With"](this===o?r.promise():this,s?[t]:arguments)})}),t=null}).promise()},t&&t.call(n,n),n},e.Deferred.exceptionHook=S.exceptionHook,e});
//]]>
</script>
<b:if cond='data:view.isSingleItem'> 
<script type='text/javascript'>
//<![CDATA[
function Display_Reply_Form(r){par_id=$(r).attr("id"),par_id=Valid_Par_Id(par_id),html=$(Cur_Cform_Hdr).html(),".comment_form"==Cur_Cform_Hdr?(reset_html='<a href="#origin_cform" onclick="Reset_Comment_Form()" id="resetcomments">Add Comments</a><a name="origin_cform"/>',$(Cur_Cform_Hdr).html(reset_html)):$(Cur_Cform_Hdr).html(""),Cur_Cform_Hdr="#r_f_c"+par_id,$(Cur_Cform_Hdr).html(html),$("#comment-editor").attr("src",Cform_Ins_ParID(par_id))}
//]]>
</script>
<script>
//<![CDATA[
// Lazy Script Two
var lazycodetwo=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazycodetwo||0!=document.body.scrollTop&&!1===lazycodetwo)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/arlinadzgnino.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazycodetwo=!0)},!0);
// Lazy Load Share
var lazyshare=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyshare||0!=document.body.scrollTop&&!1===lazyshare)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//platform-api.sharethis.com/js/sharethis.js#property=5ae1955780207c001169f1d2&amp;product=inline-share-buttons";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyshare=!0)},!0);
// Lazy Related Post
var lazyrelate=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyrelate||0!=document.body.scrollTop&&!1===lazyrelate)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/relatedzgn.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyrelate=!0)},!0);
// Lazy Fancy Box
var lazyfancybox=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyfancybox||0!=document.body.scrollTop&&!1===lazyfancybox)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyfancybox=!0)},!0);
// CSS Fancy Box
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css");
// Fancybox Setting
$(document).ready(function(){$(".post-body img").parent("a:not(.no-lightbox)").each(function(){$(this).attr("src",$(this).find("img").attr("src")),$(this).attr("data-fancybox","postimages")}),$(".post-body img").parent("a:not(.no-lightbox)").fancybox({margin:[50,0],onComplete:function(t,o){t.scaleToActual(0,0,0),console.log(t)}})});
// Disqus
function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="arlina-dzgn";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()};
// Copy Text
function nocopas(){var e=window.getSelection();pagelink=" Read more : "+document.location.href,copytext=e+pagelink,newdiv=document.createElement("div"),newdiv.style.position="absolute",newdiv.style.left="-99999px",document.body.appendChild(newdiv),newdiv.innerHTML=copytext,e.selectAllChildren(newdiv),window.setTimeout(function(){document.body.removeChild(newdiv)},100)}document.addEventListener("copy",nocopas);
$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
//]]>
</script>
<script>
//<![CDATA[
$(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()});
// Progress
$(document).ready(function(){$(window).scroll(function(){var o=$(window).scrollTop(),r=$(document).height(),e=$(window).height();scrollPercent=o/(r-e)*100;var n=scrollPercent.toFixed(2);$(".progress-bar").width(n+"%")})});
//]]>
</script>
<script>
//<![CDATA[

// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<script>
//<![CDATA[
!function(t){"use strict";Date.now=Date.now||function(){return+new Date},t.ias=function(e){var n,i=t.extend({},t.ias.defaults,e),o=new t.ias.util,a=new t.ias.paging(i.scrollContainer),r=!!i.history&&new t.ias.history;function s(){u(),i.scrollContainer.scroll(l)}function l(){var e,n,r,s;e=o.getCurrentScrollOffset(i.scrollContainer),n=f(),e>=n&&(s=o.getCurrentScrollOffset(i.scrollContainer),a.getCurPageNum(s)>=i.triggerPageThreshold?(c(),r=d(function(){g(e)}),t(i.container).find(i.item).last().after(r),r.fadeIn()):g(e))}function c(){i.scrollContainer.unbind("scroll",l)}function u(){t(i.pagination).hide()}function f(e){var n,o;return 0===(n=t(i.container).find(i.item).last()).size()?0:(o=n.offset().top+n.height(),e||(o+=i.thresholdMargin),o)}function g(e,n){var o,r,l,f,g,d,p,m,w,P;if(!(o=t(i.next).attr("href")))return i.noneleft&&t(i.container).find(i.item).last().after(i.noneleft),c();i.beforePageChange&&t.isFunction(i.beforePageChange)&&!1===i.beforePageChange(e,o)||(a.pushPages(e,o),c(),r=h(),!1!==i.customLoaderProc?i.customLoaderProc(r):(t(i.container).find(i.item).last().after(r),r.fadeIn()),l=o,f=function(e,a){!1!==i.onLoadItems.call(this,a)&&(t(a).hide(),t(i.container).find(i.item).last().after(a),t(a).fadeIn()),o=t(i.next,e).attr("href"),t(i.pagination).replaceWith(t(i.pagination,e)),h().remove(),u(),o?s():c(),i.onRenderComplete.call(this,a),n&&n.call(this)},w=[],P=Date.now(),g=g||i.loaderDelay,t.get(l,null,function(e){0===(d=t(i.container,e).eq(0)).length&&(d=t(e).filter(i.container).eq(0)),d&&d.find(i.item).each(function(){w.push(this)}),f&&(m=this,(p=Date.now()-P)<g?setTimeout(function(){f.call(m,e,w)},g-p):f.call(m,e,w))},"html"))}function h(){var e=t(".ias_loader");return 0===e.size()&&(e=t('<div class="ias_loader" style="text-align:center;">'+i.loader+"</div>")).hide(),e}function d(e){var n=t(".ias_trigger");return 0===n.size()&&(n=t('<div class="ias_trigger"><a href="#">'+i.trigger+"</a></div>")).hide(),t("a",n).off("click").on("click",function(){return d().remove(),e.call(),!1}),n}a.onChangePage(function(t,e,n){r&&r.setPage(t,n),i.onPageChange.call(this,t,n,e)}),s(),r&&r.havePage()&&(c(),n=r.getPage(),o.forceScrollTop(function(){var e;n>1?(function e(n){var i=f(!0);i>0&&g(i,function(){c(),a.getCurPageNum(i)+1<n?(e(n),t("html,body").animate({scrollTop:i},400,"swing")):(t("html,body").animate({scrollTop:i},1e3,"swing"),s())})}(n),e=f(!0),t("html, body").scrollTop(e)):s()}))},t.ias.defaults={container:".blog-posts",scrollContainer:t(window),item:".post-grid",pagination:"#blog-pager",next:"#blog-pager-older-link a",loader:'<span class="loader-page"></span>',loaderDelay:0,triggerPageThreshold:1,trigger:"عرض المزيد",thresholdMargin:-100,history:!0,onPageChange:function(){},beforePageChange:function(){},onLoadItems:function(){},onRenderComplete:function(){},customLoaderProc:!1},t.ias.util=function(){var e=!1,n=!1,i=this;t(window).load(function(){e=!0}),this.forceScrollTop=function(o){t("html,body").scrollTop(0),n||(e?(o.call(),n=!0):setTimeout(function(){i.forceScrollTop(o)},1))},this.getCurrentScrollOffset=function(t){return(t.get(0)===window?t.scrollTop():t.offset().top)+t.height()}},t.ias.paging=function(){var e=[[0,document.location.toString()]],n=function(){},i=1,o=new t.ias.util;function a(){var a,s,l,c,u;s=r(a=o.getCurrentScrollOffset(t(window))),l=function(t){for(var n=e.length-1;n>=0;n--)if(t>e[n][0])return e[n];return null}(a),i!==s&&(c=l[0],u=l[1],n.call({},s,c,u)),i=s}function r(t){for(var n=e.length-1;n>0;n--)if(t>e[n][0])return n+1;return 1}t(window).scroll(a),this.getCurPageNum=function(e){return r(e=e||o.getCurrentScrollOffset(t(window)))},this.onChangePage=function(t){n=t},this.pushPages=function(t,n){e.push([t,n])}},t.ias.history=function(){var t=!1,e=!1;e=!!(window.history&&history.pushState&&history.replaceState),e=!1,this.setPage=function(t,e){this.updateState({page:t},"",e)},this.havePage=function(){return!1!==this.getState()},this.getPage=function(){return this.havePage()?this.getState().page:1},this.getState=function(){var t;if(e){if((t=history.state)&&t.ias)return t.ias}else if("#/page/"===window.location.hash.substring(0,7))return{page:parseInt(window.location.hash.replace("#/page/",""),10)};return!1},this.updateState=function(e,n,i){t?this.replaceState(e,n,i):this.pushState(e,n,i)},this.pushState=function(n,i,o){var a;e?history.pushState({ias:n},i,o):(a=n.page>0?"#/page/"+n.page:"",window.location.hash=a),t=!0},this.replaceState=function(t,n,i){e?history.replaceState({ias:t},n,i):this.pushState(t,n,i)}}}(jQuery);
//]]>
</script>
<script type='text/javascript'>jQuery.ias();</script>
  
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-146298274-1'/>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag(&#39;js&#39;, new Date());

  gtag(&#39;config&#39;, &#39;UA-146298274-1&#39;);
</script>  
  
</b:if>

</body>
</html>