<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.localeUnderscoreDelimited' 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'>
<b:include name='theme-dark-mode'/>
<head>
<b:include name='theme-head'/>
<b:if cond='!data:view.isLayoutMode'>
<!-- Theme CSS Style -->
<b:skin version='1.0.0'><![CDATA[

/* -----------------------------------------------
Blogger Template Style
Name      :  SeoPro
License   :  Premium Version
Version   :  v1.4.0 - Premium
Author    :  Templateify
Paid By   :  https://www.nullphpscript.com
----------------------------------------------- */

/*
<!-- Variable definitions -->
<Variable name="keycolor" description="Main Color" type="color" default="$(main.color)" value="#4285F4"/>
<Group description="Theme Options" selector="body">
    <Variable name="darkmode" description="Native Dark Mode" type="length" default="0px" min="0px" max="1px" value="0px"/>
    <Variable name="userdarkmode" description="User Dark Mode" type="length" default="1px" min="0px" max="1px" value="1px"/>
    <Variable name="sidebar" description="Left Sidebar" type="length" default="0px" min="0px" max="1px" value="0px"/>
    <Variable name="fixedmenu" description="Fixed Menu" type="length" default="1px" min="0px" max="1px" value="1px"/>
    <Variable name="fixedsidebar" description="Fixed Sidebar" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Widths" selector="body">
    <Variable name="boxed" description="Boxed Layout" type="length" default="0px" min="0px" max="1px" value="0px"/>
    <Variable name="row.width" description="Container Width" type="length" default="970px" min="970px" max="1084px" value="970px"/>
    <Variable name="sidebar.width" description="Sidebar Width" type="length" default="300px" min="250px" max="336px" value="300px"/>
</Group>
<Group description="Theme Fonts" selector="body">
    <Variable name="main.font" description="Site Font" type="font" family="Work Sans" default="normal 400 14px $(family)"  value="normal 400 14px $(family)"/>
    <Variable name="title.font" description="Title Font" type="font" family="Work Sans" default="normal 400 14px $(family)"  value="normal 400 14px $(family)"/>
    <Variable name="meta.font" description="Meta Font" type="font" family="Work Sans" default="normal 400 14px $(family)"  value="normal 400 14px $(family)"/>
    <Variable name="text.font" description="Text Font" type="font" family="Work Sans" default="normal 400 14px $(family)"  value="normal 400 14px $(family)"/>
</Group>
<Group description="Background" selector="body">
    <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
    <Variable name="body.background.color" description="Body Background" type="color" default="#F4F5FA"  value="#F4F5FA"/>
    <Variable name="outer.bg" description="Outer Wrapper Background" type="color" default="#F8F9FA"  value="#F8F9FA"/>
    <Variable name="background.cover" description="Background Image Size Cover" type="length" default="0px" min="0px" max="1px" value="0px"/>
</Group>
<Group description="Theme Colors" selector="body">
    <Variable name="main.color" description="Theme Color" type="color" default="#4285F4" value="#4285F4"/>
    <Variable name="title.color" description="Title Color" type="color" default="#344955" value="#344955"/>
    <Variable name="title.hover.color" description="Title Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
    <Variable name="meta.color" description="Meta Color" type="color" default="#919CA2" value="#919CA2"/>
    <Variable name="text.color" description="Text Color" type="color" default="#5B696F"  value="#5B696F"/>
</Group>
<Group description="Site Header" selector="header#header-wrapper">
    <Variable name="header.bg" description="Header Background" type="color" default="#344955" value="#344955"/>
    <Variable name="header.color" description="Header Color" type="color" default="#F6F7F8" value="#F6F7F8"/>
    <Variable name="header.hover.color" description="Header Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Sub Menu" selector="header#header-wrapper">
    <Variable name="submenu.bg" description="Sub Menu Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
    <Variable name="submenu.color" description="Sub Menu Color" type="color" default="$(title.color)" value="#344955"/>
    <Variable name="submenu.hover.color" description="Sub Menu Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Mega Menu" selector="header#header-wrapper">
    <Variable name="megamenu.bg" description="Mega Menu Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
    <Variable name="megamenu.color" description="Mega Menu Color" type="color" default="$(post.title.color)" value="#344955"/>
    <Variable name="megamenu.hover.color" description="MegaMenu Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Mobile Menu">
    <Variable name="mmenu.bg" description="Mobile Menu Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
    <Variable name="mmenu.color" description="Mobile Menu Color" type="color" default="$(title.color)" value="#344955"/>
    <Variable name="mmenu.hover.color" description="Mobile Menu Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Header ADS" selector="#header-ads-wrap">
    <Variable name="headerad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Post Styles" select="div#main">
    <Variable name="post.title.color" description="Post Title Color" type="color" default="$(title.color)" value="#344955"/>
    <Variable name="post.title.hover.color" description="Post Title Hover Color" type="color" default="$(title.hover.color)" value="#4285F4"/>
</Group>
<Group description="Post Page Styles" select="div#main">
    <Variable name="post.text.color" description="Post Text Color" type="color" default="$(text.color)" value="#5B696F"/>
    <Variable name="itempost.title.size" description="Post Title Font Size" type="length" default="33px" min="20px" max="50px" value="33px"/>
    <Variable name="itempost.content.size" description="Post Text Font Size" type="length" default="14px" min="12px" max="20px" value="14px"/>
</Group>
<Group description="Post Page Options" select="div#main">
    <Variable name="breadcrumb" description="Post Breadcrumbs" type="length" default="1px" min="0px" max="1px" value="1px"/>
    <Variable name="cmm.count" description="Comments Count" type="length" default="1px" min="0px" max="1px" value="1px"/>
    <Variable name="postnav" description="Post Navigation" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Widgets" select="div#sidebar">
    <Variable name="widget.bg" description="Widget Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
    <Variable name="wtitle.color" description="Widget Title Color" type="color" default="$(title.color)" value="#344955"/>
</Group>
<Group description="Footer ADS" selector="#footer-ads-wrap">
    <Variable name="footerad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Footer" selector="footer#footer-wrapper">
    <Variable name="footer.bg" description="Footer Background" type="color" default="#344955" value="#344955"/>
    <Variable name="footer.color" description="Footer Color" type="color" default="#F6F7F8" value="#F6F7F8"/>
    <Variable name="footer.text.color" description="Footer Text Color" type="color" default="#B4C1CC" value="#B4C1CC"/>
    <Variable name="footer.hover.color" description="Footer Links Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Footer Bar" selector="div.footerbar">
    <Variable name="footerbar.bg" description="Footer Bar Background" type="color" default="#2C3E48" value="#2C3E48"/>
    <Variable name="footerbar.color" description="Footer Bar Color" type="color" default="#F6F7F8" value="#F6F7F8"/>
    <Variable name="footerbar.hover.color" description="Footer Bar Hover Color" type="color" default="$(main.color)" value="#4285F4"/>
</Group>
<Group description="Cookie Consent" selector="#cookie-ify">
    <Variable name="cookie.bg" description="Cookie Background" type="color" default="$(footer.bg)" value="#344955"/>
    <Variable name="cookie.color" description="Cookie Text Color" type="color" default="$(footer.text.color)" value="#B4C1CC"/>
</Group>
<Group description="Theme Buttons">
    <Variable name="button.bg" description="Button Background" type="color" default="$(main.color)" value="#4285F4"/>
    <Variable name="button.color" description="Button Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
    <Variable name="button.hover.bg" description="Button Hover Background" type="color" default="#3367D6" value="#3367D6"/>
    <Variable name="button.hover.color" description="Button Hover Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Reset (Theme Fonts)">
    <!-- Site Font -->
    <Variable name="mainfont.medium" description="Main Font Medium" type="font" default="normal 500 14px $(main.font.family)" value="normal 500 14px $(family)"/>
    <Variable name="mainfont.semibold" description="Main Font SemiBold" type="font" default="normal 600 14px $(main.font.family)" value="normal 600 14px $(family)"/>
    <Variable name="mainfont.bold" description="Main Font Bold" type="font" default="normal 700 14px $(main.font.family)" value="normal 700 14px $(family)"/>
    <Variable name="mainfont.italic" description="Main Font Italic" type="font" default="italic 400 14px $(main.font.family)" value="italic 400 14px $(family)"/>
    <Variable name="mainfont.mediumitalic" description="Main Font Medium Italic" type="font" default="italic 500 14px $(main.font.family)" hideEditor="true" value="italic 500 14px $(family)"/>
    <Variable name="mainfont.semibolditalic" description="Main Font SemiBold Italic" type="font" default="italic 600 14px $(main.font.family)" value="italic 600 14px $(family)"/>
    <Variable name="mainfont.bolditalic" description="Main Font Bold Italic" type="font" default="italic 700 14px $(main.font.family)" value="italic 700 14px $(family)"/>
    <!-- Title Font -->
    <Variable name="titlefont.medium" description="Title Font Medium" type="font" default="normal 500 14px $(title.font.family)" value="normal 500 14px $(family)"/>
    <Variable name="titlefont.semibold" description="Title Font SemiBold" type="font" default="normal 600 14px $(title.font.family)" value="normal 600 14px $(family)"/>
    <Variable name="titlefont.bold" description="Title Font Bold" type="font" default="normal 700 14px $(title.font.family)" value="normal 700 14px $(family)"/>
    <Variable name="titlefont.italic" description="Title Font Italic" type="font" default="italic 400 14px $(title.font.family)" value="italic 400 14px $(family)"/>
    <Variable name="titlefont.mediumitalic" description="Title Font Medium Italic" type="font" default="italic 500 14px $(title.font.family)" value="italic 500 14px $(family)"/>
    <Variable name="titlefont.semibolditalic" description="Title Font SemiBold Italic" type="font" default="italic 600 14px $(title.font.family)" value="italic 600 14px $(family)"/>
    <Variable name="titlefont.bolditalic" description="Title Font Bold Italic" type="font" default="italic 700 14px $(title.font.family)" value="italic 700 14px $(family)"/>
    <!-- Meta Font -->
    <Variable name="metafont.italic" description="Meta Font Italic" type="font" default="italic 400 14px $(meta.font.family)" value="italic 400 14px $(family)"/>
    <Variable name="metafont.medium" description="Meta Font Medium" type="font" default="normal 500 14px $(meta.font.family)" value="normal 500 14px $(family)"/>
    <Variable name="metafont.mediumitalic" description="Meta Font Medium Italic" type="font" default="italic 500 14px $(meta.font.family)" value="italic 500 14px $(family)"/>
    <!-- Text Font -->
    <Variable name="textfont.medium" description="Text Font Medium" type="font" default="normal 500 14px $(text.font.family)" value="normal 500 14px $(family)"/>
    <Variable name="textfont.semibold" description="Text Font SemiBold" type="font" default="normal 600 14px $(text.font.family)" value="normal 600 14px $(family)"/>
    <Variable name="textfont.bold" description="Text Font Bold" type="font" default="normal 700 14px $(text.font.family)" value="normal 700 14px $(family)"/>
    <Variable name="textfont.italic" description="Text Font Italic" type="font" default="italic 400 14px $(text.font.family)" value="italic 400 14px $(family)"/>
    <Variable name="textfont.mediumitalic" description="Text Font Medium Italic" type="font" default="italic 500 14px $(text.font.family)" value="italic 500 14px $(family)"/>
    <Variable name="textfont.semibolditalic" description="Text Font SemiBold Italic" type="font" default="italic 600 14px $(text.font.family)" value="italic 600 14px $(family)"/>
    <Variable name="textfont.bolditalic" description="Text Font Bold Italic" type="font" default="italic 700 14px $(text.font.family)" value="italic 700 14px $(family)"/>
</Group>
*/

/*-- Google Fonts --*/
@font-face{font-family:'Work Sans';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDkv_1w4A.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDlv_1w4A.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDrv_0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDkv_1w4A.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDlv_1w4A.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDrv_0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDkv_1w4A.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDlv_1w4A.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDrv_0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDkv_1w4A.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDlv_1w4A.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYqz_wNahGAdqQ43Rh_eZDrv_0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_c6Dpp_k.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/*-- Font Awesome Free 5.14.0 --*/
@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}

/*-- CSS Variables --*/
html{
--body-font:'$(main.font.family)', Arial, sans-serif;
--title-font:'$(title.font.family)', Arial, sans-serif;
--meta-font:'$(meta.font.family)', Arial, sans-serif;
--text-font:'$(text.font.family)', Arial, sans-serif;
--body-bg-color:$(body.background.color);
--body-bg:$(body.background);
--outer-bg:$(outer.bg);
--main-color:$(main.color);
--title-color:$(title.color);
--title-hover-color:$(title.hover.color);
--meta-color:$(meta.color);
--text-color:$(text.color);
--header-bg:$(header.bg);
--header-color:$(header.color);
--header-hover-color:$(header.hover.color);
--submenu-bg:$(submenu.bg);
--submenu-color:$(submenu.color);
--submenu-hover-color:$(submenu.hover.color);
--megamenu-bg:$(megamenu.bg);
--megamenu-color:$(megamenu.color);
--megamenu-hover-color:$(megamenu.hover.color);
--mobilemenu-bg:$(mmenu.bg);
--mobilemenu-color:$(mmenu.color);
--mobilemenu-hover-color:$(mmenu.hover.color);
--widget-bg:$(widget.bg);
--widget-title-color:$(wtitle.color);
--widget-shadow:0 2px 6px 0 rgba(0,0,0,0.05);
--post-title-color:$(post.title.color);
--post-title-hover-color:$(post.title.hover.color);
--post-text-color:$(post.text.color);
--footer-bg:$(footer.bg);
--footer-color:$(footer.color);
--footer-hover-color:$(footer.hover.color);
--footer-text-color:$(footer.text.color);
--footerbar-bg:$(footerbar.bg);
--footerbar-color:$(footerbar.color);
--footerbar-hover-color:$(footerbar.hover.color);
--cookie-bg:$(cookie.bg);
--cookie-color:$(cookie.color);
--button-bg:$(button.bg);
--button-color:$(button.color);
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(155,155,155,0.1);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
--button-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.is-dark{
--body-bg-color:#25353D;
--body-bg:$(body.background);
--outer-bg:#2c3e48;
--main-color:$(main.color);
--title-color:#f6f7f8;
--title-hover-color:$(title.hover.color);
--meta-color:#cfd6da;
--text-color:#b4c1cc;
--header-bg:#344955;
--header-color:#f6f7f8;
--header-hover-color:$(header.hover.color);
--submenu-bg:#4a6572;
--submenu-color:#f6f7f8;
--submenu-hover-color:$(submenu.hover.color);
--megamenu-bg:#4a6572;
--megamenu-color:#f6f7f8;
--megamenu-hover-color:$(megamenu.hover.color);
--mobilemenu-bg:#2c3e48;
--mobilemenu-color:#f6f7f8;
--mobilemenu-hover-color:$(mmenu.hover.color);
--widget-bg:#344955;
--widget-title-color:#f6f7f8;
--widget-shadow:0 2px 6px 0 rgba(0,0,0,0.05);
--post-title-color:#f6f7f8;
--post-title-hover-color:$(post.title.hover.color);
--post-text-color:#b4c1cc;
--footer-bg:#344955;
--footer-color:#f6f7f8;
--footer-hover-color:$(footer.hover.color);
--footer-text-color:#b4c1cc;
--footerbar-bg:#2c3e48;
--footerbar-color:#f6f7f8;
--footerbar-hover-color:$(footerbar.hover.color);
--cookie-bg:#4a6572;
--cookie-color:#f6f7f8;
--button-bg:$(button.bg);
--button-color:$(button.color);
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(155,155,155,0.1);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
--button-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.rtl{
--body-font:'Tajawal',Arial,sans-serif;
--title-font:'Tajawal',Arial,sans-serif;
--meta-font:'Tajawal',Arial,sans-serif;
--text-font:'Tajawal',Arial,sans-serif;
}

/*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}

/*-- Style CSS --*/
*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html{position:relative;margin:0}
body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em;word-wrap:break-word;margin:0;padding:0}
body.is-cover{background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat}
.rtl{direction:rtl}
h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700}
a,input,button{transition:all .0s ease}
#outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:var(--outer-bg);margin:0 auto;padding:0}
.is-boxed #outer-wrapper{width:$(row.width + 40px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.container{position:relative}
.row-x1{width:$(row.width)}
.flex-center{display:flex;justify-content:center}
#content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:20px 0;margin:0;border-top:0}
.theiaStickySidebarIfy:before,.theiaStickySidebarIfy:after{content:'';display:table;clear:both}
#main-wrapper{position:relative;float:left;width:calc(100% - $(sidebar.width + 20px));padding:0}
.is-left #main-wrapper,.rtl #main-wrapper{float:right}
#sidebar-wrapper{position:relative;float:right;width:$(sidebar.width);padding:0}
.is-left #sidebar-wrapper,.rtl #sidebar-wrapper{float:left}
.btn{position:relative;border:0;border-radius:4px;box-shadow:var(--button-shadow)}
.entry-image-wrap,.comments .avatar-image-container{overflow:hidden;background-color:rgba(155,155,155,0.05);z-index:5;color:transparent!important;transition:opacity .17s ease}
.entry-thumb{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;opacity:0;transition:opacity .35s ease,filter 0s ease}
.entry-thumb.lazy-ify{opacity:1}
.entry-image-wrap:hover .entry-thumb,.entry-inner:hover .entry-image-wrap .entry-thumb{filter:brightness(1.05)}
.entry-image-wrap:hover{box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:70%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease}
.entry-image-wrap.is-video:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'\f04b';top:50%;right:50%;background-color:rgba(0,0,0,0.5);width:40px;height:29px;font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;z-index:5;transform:translate(50%,-50%);margin:0;border-radius:6px;transition:background .17s ease}
.entry-image-wrap.is-video.c-ply:after{transform:translate(50%,-50%) scale(1.2)}
.entry-inner .entry-image-wrap.is-video:not(.c-ply):after{top:15px;right:15px;transform:translate(0%,0%)}
.rtl .entry-inner .entry-image-wrap.is-video:not(.c-ply):after{left:15px;right:unset}
.entry-image-wrap.is-video:hover:after,.entry-inner:hover .entry-image-wrap.is-video:after{background-color:#ff0000}
.entry-tag{position:absolute;top:10px;left:10px;height:18px;background-color:var(--button-bg);font-size:11px;color:var(--button-color);font-weight:400;line-height:19px;text-transform:uppercase;z-index:5;padding:0 6px;margin:0;border-radius:2px}
.rtl .entry-tag{left:unset;right:10px}
.entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));overflow:hidden;z-index:5;display:flex;flex-direction:column;padding:15px}
.entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.5)}
.entry-info .entry-meta{color:#ccc}
.entry-info .entry-meta .author-name{color:#ddd}
.entry-title{color:var(--post-title-color);font-weight:700;line-height:1.3em}
.entry-title a{display:block;color:var(--post-title-color)}
.entry-title a:hover{color:var(--post-title-hover-color)}
.entry-meta{font-family:var(--meta-font);font-size:12px;color:var(--meta-color);font-weight:400;margin:0}
.entry-meta .author-name{color:var(--main-color);font-weight:600}
.excerpt{font-family:var(--text-font);line-height:1.5em}
.error-msg{display:flex;align-items:center;font-size:14px;color:var(--text-color);padding:20px 0;font-weight:400}
.error-msg b{font-weight:700}
.loader{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0}
.loader:after{content:'';display:block;width:28px;height:28px;box-sizing:border-box;margin:0;border:3px solid var(--main-color);border-right-color:var(--border-color);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center}
@-webkit-keyframes spinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes spinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.social a:before{display:inline-block;font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400}
.social .blogger a:before{content:'\f37d'}
.social .apple a:before{content:'\f179'}
.social .amazon a:before{content:'\f270'}
.social .microsoft a:before{content:'\f3ca'}
.social .facebook a:before{content:'\f09a'}
.social .facebook-f a:before{content:'\f39e'}
.social .twitter a:before{content:'\f099'}
.social .rss a:before{content:'\f09e';font-family:'Font Awesome 5 Free';font-weight:900}
.social .youtube a:before{content:'\f167'}
.social .skype a:before{content:'\f17e'}
.social .stumbleupon a:before{content:'\f1a4'}
.social .tumblr a:before{content:'\f173'}
.social .vk a:before{content:'\f189'}
.social .stack-overflow a:before{content:'\f16c'}
.social .github a:before{content:'\f09b'}
.social .linkedin a:before{content:'\f0e1'}
.social .dribbble a:before{content:'\f17d'}
.social .soundcloud a:before{content:'\f1be'}
.social .behance a:before{content:'\f1b4'}
.social .digg a:before{content:'\f1a6'}
.social .instagram a:before{content:'\f16d'}
.social .pinterest a:before{content:'\f0d2'}
.social .pinterest-p a:before{content:'\f231'}
.social .twitch a:before{content:'\f1e8'}
.social .delicious a:before{content:'\f1a5'}
.social .codepen a:before{content:'\f1cb'}
.social .flipboard a:before{content:'\f44d'}
.social .reddit a:before{content:'\f281'}
.social .whatsapp a:before{content:'\f232'}
.social .messenger a:before{content:'\f39f'}
.social .snapchat a:before{content:'\f2ac'}
.social .telegram a:before{content:'\f3fe'}
.social .steam a:before{content:'\f3f6'}
.social .discord a:before{content:'\f392'}
.social .share a:before{content:'\f064';font-family:'Font Awesome 5 Free';font-weight:900}
.social .email a:before{content:'\f0e0';font-family:'Font Awesome 5 Free'}
.social .external-link a:before{content:'\f35d';font-family:'Font Awesome 5 Free';font-weight:900}
.social-bg .blogger a,.social-bg-hover .blogger a:hover{background-color:#ff5722}
.social-bg .apple a,.social-bg-hover .apple a:hover{background-color:#333}
.social-bg .amazon a,.social-bg-hover .amazon a:hover{background-color:#fe9800}
.social-bg .microsoft a,.social-bg-hover .microsoft a:hover{background-color:#0067B8}
.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{background-color:#3b5999}
.social-bg .twitter a,.social-bg-hover .twitter a:hover{background-color:#00acee}
.social-bg .youtube a,.social-bg-hover .youtube a:hover{background-color:#f50000}
.social-bg .instagram a,.social-bg-hover .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{background-color:#ca2127}
.social-bg .dribbble a,.social-bg-hover .dribbble a:hover{background-color:#ea4c89}
.social-bg .linkedin a,.social-bg-hover .linkedin a:hover{background-color:#0077b5}
.social-bg .tumblr a,.social-bg-hover .tumblr a:hover{background-color:#365069}
.social-bg .twitch a,.social-bg-hover .twitch a:hover{background-color:#6441a5}
.social-bg .rss a,.social-bg-hover .rss a:hover{background-color:#ffc200}
.social-bg .skype a,.social-bg-hover .skype a:hover{background-color:#00aff0}
.social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{background-color:#eb4823}
.social-bg .vk a,.social-bg-hover .vk a:hover{background-color:#4a76a8}
.social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{background-color:#f48024}
.social-bg .github a,.social-bg-hover .github a:hover{background-color:#24292e}
.social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)}
.social-bg .behance a,.social-bg-hover .behance a:hover{background-color:#191919}
.social-bg .digg a,.social-bg-hover .digg a:hover{background-color:#1b1a19}
.social-bg .delicious a,.social-bg-hover .delicious a:hover{background-color:#0076e8}
.social-bg .codepen a,.social-bg-hover .codepen a:hover{background-color:#000}
.social-bg .flipboard a,.social-bg-hover .flipboard a:hover{background-color:#f52828}
.social-bg .reddit a,.social-bg-hover .reddit a:hover{background-color:#ff4500}
.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{background-color:#3fbb50}
.social-bg .messenger a,.social-bg-hover .messenger a:hover{background-color:#0084ff}
.social-bg .snapchat a,.social-bg-hover .snapchat a:hover{background-color:#ffe700}
.social-bg .telegram a,.social-bg-hover .telegram a:hover{background-color:#179cde}
.social-bg .steam a,.social-bg-hover .steam a:hover{background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)}
.social-bg .discord a,.social-bg-hover .discord a:hover{background-color:#7289da}
.social-bg .share a,.social-bg-hover .share a:hover{background-color:var(--meta-color)}
.social-bg .email a,.social-bg-hover .email a:hover{background-color:#888}
.social-bg .external-link a,.social-bg-hover .external-link a:hover{background-color:var(--button-hover-bg)}
.social-color .blogger a,.social-color-hover .blogger a:hover{color:#ff5722}
.social-color .apple a,.social-color-hover .apple a:hover{color:#333}
.social-color .amazon a,.social-color-hover .amazon a:hover{color:#fe9800}
.social-color .microsoft a,.social-color-hover .microsoft a:hover{color:#0067B8}
.social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{color:#3b5999}
.social-color .twitter a,.social-color-hover .twitter a:hover{color:#00acee}
.social-color .youtube a,.social-color-hover .youtube a:hover{color:#f50000}
.social-color .instagram a,.social-color-hover .instagram a:hover{color:#dd277b}
.social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{color:#ca2127}
.social-color .dribbble a,.social-color-hover .dribbble a:hover{color:#ea4c89}
.social-color .linkedin a,.social-color-hover .linkedin a:hover{color:#0077b5}
.social-color .tumblr a,.social-color-hover .tumblr a:hover{color:#365069}
.social-color .twitch a,.social-color-hover .twitch a:hover{color:#6441a5}
.social-color .rss a,.social-color-hover .rss a:hover{color:#ffc200}
.social-color .skype a,.social-color-hover .skype a:hover{color:#00aff0}
.social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{color:#eb4823}
.social-color .vk a,.social-color-hover .vk a:hover{color:#4a76a8}
.social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{color:#f48024}
.social-color .github a,.social-color-hover .github a:hover{color:#24292e}
.social-color .soundcloud a,.social-color-hover .soundcloud a:hover{color:#ff7400}
.social-color .behance a,.social-color-hover .behance a:hover{color:#191919}
.social-color .digg a,.social-color-hover .digg a:hover{color:#1b1a19}
.social-color .delicious a,.social-color-hover .delicious a:hover{color:#0076e8}
.social-color .codepen a,.social-color-hover .codepen a:hover{color:#000}
.social-color .flipboard a,.social-color-hover .flipboard a:hover{color:#f52828}
.social-color .reddit a,.social-color-hover .reddit a:hover{color:#ff4500}
.social-color .whatsapp a,.social-color-hover .whatsapp a:hover{color:#3fbb50}
.social-color .messenger a,.social-color-hover .messenger a:hover{color:#0084ff}
.social-color .snapchat a,.social-color-hover .snapchat a:hover{color:#ffe700}
.social-color .telegram a,.social-color-hover .telegram a:hover{color:#179cde}
.social-color .steam a,.social-color-hover .steam a:hover{color:#112c5b}
.social-color .discord a,.social-color-hover .discord a:hover{color:#7289da}
.social-color .share a,.social-color-hover .share a:hover{color:var(--meta-color)}
.social-color .email a,.social-color-hover .email a:hover{color:#888}
.social-color .external-link a,.social-color-hover .external-link a:hover{color:var(--button-hover-bg)}
#header-wrapper{position:relative;float:left;width:100%;height:56px;background-color:var(--header-bg);margin:0}
.header-inner{position:relative;float:left;width:100%;height:56px;margin:0}
.header-header{position:relative;float:left;width:100%;height:56px;background-color:var(--header-bg);margin:0;box-shadow:0 2px 10px -3px rgba(0,0,0,0.05)}
.is-boxed .header-header{float:none;width:$(row.width + 40px);max-width:100%;margin:0 auto;border:0}
.header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.flex-left,.flex-right{position:static;display:flex;margin:0}
.main-logo{position:relative;float:left;height:56px;overflow:hidden;margin:0 15px 0 0}
.rtl .main-logo{margin:0 0 0 15px}
.main-logo .widget{position:relative;height:100%;display:flex;align-items:center;margin:0}
.main-logo .logo-img{display:flex;align-items:center;height:36px;overflow:hidden;margin:0}
.main-logo img{display:block;max-width:100%;max-height:100%;margin:0}
.main-logo .blog-title{display:block;font-size:20px;color:var(--header-color);font-weight:700;margin:0}
.main-logo .blog-title a{color:var(--header-color)}
.main-logo .blog-title a:hover{color:var(--header-hover-color)}
.main-logo #h1-off{position:absolute;top:-9000px;left:-9000px;display:none;visibility:hidden}
#seopro-pro-main-nav{position:static;height:56px;z-index:10}
#seopro-pro-main-nav .widget,#seopro-pro-main-nav .widget > .widget-title{display:none}
#seopro-pro-main-nav .show-menu{display:block}
#seopro-pro-main-nav ul#seopro-pro-main-nav-menu{display:flex;flex-wrap:wrap}
#seopro-pro-main-nav ul > li{position:relative;padding:0;margin:0}
#seopro-pro-main-nav-menu > li > a{position:relative;display:block;height:56px;font-size:16px;color:var(--header-color);font-weight:600;line-height:56px;padding:0 14px;margin:0}
#seopro-pro-main-nav-menu > li:hover > a{color:var(--header-hover-color)}
#seopro-pro-main-nav ul > li > ul,#seopro-pro-main-nav ul > li > .ul{position:absolute;float:left;left:0;top:56px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:5px 0;backface-visibility:hidden;visibility:hidden;opacity:0;box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);border-radius:4px}
.rtl #seopro-pro-main-nav ul > li > ul,.rtl #seopro-pro-main-nav ul > li > .ul{left:auto;right:0}
#seopro-pro-main-nav ul > li > ul > li > ul{position:absolute;top:-5px;left:100%;margin:0}
.rtl #seopro-pro-main-nav ul > li > ul > li > ul{left:unset;right:100%}
#seopro-pro-main-nav ul > li > ul > li{display:block;float:none;position:relative}
.rtl #seopro-pro-main-nav ul > li > ul > li{float:none}
#seopro-pro-main-nav ul > li > ul > li a{position:relative;display:block;font-size:14px;color:var(--submenu-color);font-weight:400;padding:8px 14px;margin:0}
#seopro-pro-main-nav ul > li > ul > li:hover > a{color:var(--submenu-hover-color)}
#seopro-pro-main-nav ul > li.has-sub > a:after{content:'\f078';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:-1px 0 0 4px}
.rtl #seopro-pro-main-nav ul > li.has-sub > a:after{float:left;margin:-1px 4px 0 0}
#seopro-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0}
.rtl #seopro-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f053'}
#seopro-pro-main-nav ul ul,#seopro-pro-main-nav ul .ul{transition:visibility .1s ease,opacity .17s ease}
#seopro-pro-main-nav ul > li:hover > ul,#seopro-pro-main-nav ul > li:hover > .ul,#seopro-pro-main-nav ul > li > ul > li:hover > ul{visibility:visible;opacity:1;margin:0}
#seopro-pro-main-nav .mega-menu{position:static!important}
#seopro-pro-main-nav .mega-menu > .ul{width:100%;overflow:hidden;background-color:var(--megamenu-bg);display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;padding:20px}
#seopro-pro-main-nav .mega-menu > .ul.no-items{grid-template-columns:1fr}
.mega-items .mega-item{position:relative;width:100%;padding:0}
.mega-items .mega-content{position:relative;float:left;width:100%;padding:0}
.mega-content .entry-image-wrap{position:relative;display:block;width:100%;height:116px;overflow:hidden;z-index:1;margin:0 0 8px;border-radius:4px}
.mega-content .entry-title{font-size:14px;margin:0}
.mega-content .entry-title a{color:var(--megamenu-color)}
.mega-content .entry-title a:hover{color:var(--megamenu-hover-color)}
.mega-menu .error-msg{justify-content:center}
.mobile-menu-toggle{display:none;height:36px;font-size:18px;color:var(--header-color);align-items:center;padding:0 15px}
.mobile-menu-toggle:after{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
.mobile-menu-toggle:hover{color:var(--header-hover-color)}
.main-toggle-wrap{position:relative;height:56px;display:flex;align-items:center;z-index:20;margin:0}
.main-toggle-style{position:relative;width:36px;height:36px;color:var(--header-color);font-size:16px;text-align:center;line-height:36px;cursor:pointer;z-index:20;padding:0;margin:0}
.darkmode-toggle{width:auto;font-size:14px;padding:0 15px}
.darkmode-toggle:after{content:'\f186';font-family:'Font Awesome 5 Free';font-weight:400;margin:0}
html.is-dark .darkmode-toggle:after{content:'\f185'}
.darkmode-toggle:hover{color:var(--header-hover-color)}
.show-search{background-color:rgba(155,155,155,0.05)}
.show-search:hover{color:var(--header-hover-color)}
.show-search:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
#main-search-wrap{display:none;position:absolute;top:0;left:0;width:100%;height:56px;background-color:var(--header-bg);overflow:hidden;z-index:25;padding:0}
.main-search{position:relative;float:right;width:100%;height:36px;background-color:rgba(155,155,155,0.05);overflow:hidden;display:flex;justify-content:space-between;margin:10px 0 0;box-shadow:var(--button-shadow);border-radius:4px;animation:showSearch .17s ease}
.rtl .main-search{float:left}
.main-search .search-form{position:relative;height:36px;background-color:rgba(0,0,0,0);flex:1;padding:0;border:0}
.main-search .search-input{position:relative;width:100%;height:36px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;padding:0 15px;border:0}
.main-search .search-input:focus,.main-search .search-input::placeholder{color:var(--header-color);outline:none}
.main-search .search-input::placeholder{opacity:.65}
.hide-search{position:relative;width:36px;height:36px;color:var(--header-color);font-size:16px;text-align:center;line-height:36px;cursor:pointer;z-index:20;padding:0;margin:0}
.hide-search:after{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
.hide-search:hover{color:var(--header-hover-color)}
@-webkit-keyframes showSearch {
0%{width:80%;opacity:0}
100%{width:100%;opacity:1}
}
.header-inner.is-fixed{position:fixed;top:-56px;left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transition:all .17s ease}
.header-inner.is-fixed.show{top:0;opacity:1;visibility:visible;margin:0}
.overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(23,28,36,0.6);z-index:1000;-webkit-backdrop-filter:saturate(100%) blur(3px);-ms-backdrop-filter:saturate(100%) blur(3px);-o-backdrop-filter:saturate(100%) blur(3px);backdrop-filter:saturate(100%) blur(3px);margin:0;transition:all .35s ease}
#slide-menu{display:none;position:fixed;width:300px;height:100%;top:0;left:0;bottom:0;background-color:var(--mobilemenu-bg);overflow:hidden;z-index:1010;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;box-shadow:3px 0 7px rgba(0,0,0,0.1);transition:all .35s ease}
.rtl #slide-menu{left:unset;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
.nav-active #slide-menu,.rtl .nav-active #slide-menu{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}
.slide-menu-header{float:left;width:100%;height:56px;background-color:var(--header-bg);overflow:hidden;display:flex;justify-content:space-between;box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)}
.mobile-search{position:relative;flex:1;padding:0 0 0 15px;margin:11px 0 0}
.rtl .mobile-search{padding:0 15px 0 0}
.mobile-search .search-form{position:relative;width:100%;height:34px;background-color:rgba(155,155,155,0.05);overflow:hidden;display:flex;justify-content:space-between;box-shadow:var(--button-shadow);border-radius:4px}
.mobile-search .search-input{position:relative;width:calc(100% - 34px);height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;padding:0 13px;border:0}
.mobile-search .search-input:focus,.mobile-search .search-input::placeholder{color:var(--header-color)}
.mobile-search .search-input::placeholder{opacity:.65}
.mobile-search .search-action{position:relative;width:34px;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:10px;color:var(--header-color);font-weight:400;line-height:34px;text-align:center;cursor:pointer;padding:0;border:0;opacity:.65}
.rtl .mobile-search .search-action{left:0;right:unset}
.mobile-search .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900}
.mobile-search .search-action:hover{opacity:1}
.mobile-toggle-wrap{position:relative;display:flex;height:56px;line-height:56px;margin:0}
.hide-seopro-pro-mobile-menu{position:relative;height:56px;color:var(--header-color);font-size:16px;cursor:pointer;z-index:20;padding:0 15px;margin:0}
.hide-seopro-pro-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900}
.hide-seopro-pro-mobile-menu:hover{color:var(--header-hover-color)}
.slide-menu-flex{position:relative;float:left;width:100%;height:calc(100% - 56px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0}
.seopro-pro-mobile-menu{position:relative;float:left;width:100%;padding:15px}
.seopro-pro-mobile-menu > ul{margin:0}
.seopro-pro-mobile-menu .m-sub{display:none;padding:0}
.seopro-pro-mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:16px;font-weight:600;margin:0;padding:0}
.seopro-pro-mobile-menu > ul li ul{overflow:hidden}
.seopro-pro-mobile-menu ul li a{color:var(--mobilemenu-color);padding:10px 0;display:block}
.seopro-pro-mobile-menu > ul > li > a{text-transform:uppercasee}
.seopro-pro-mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;width:30px;color:var(--mobilemenu-color);text-align:right;cursor:pointer;padding:10px 0}
.rtl .seopro-pro-mobile-menu ul li.has-sub .submenu-toggle{text-align:left;right:auto;left:0}
.seopro-pro-mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;float:right;font-size:12px;text-align:right;transition:all 0 ease}
.rtl .seopro-pro-mobile-menu ul li.has-sub .submenu-toggle:after{float:left}
.seopro-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{content:'\f077'}
.seopro-pro-mobile-menu ul li a:hover,.seopro-pro-mobile-menu ul li.has-sub.show > a,.seopro-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{color:var(--mobilemenu-hover-color)}
.seopro-pro-mobile-menu > ul > li > ul > li a{font-size:14px;font-weight:400;opacity:.9;padding:10px 0 10px 10px}
.rtl .seopro-pro-mobile-menu > ul > li > ul > li a{padding:10px 10px 10px 0}
.seopro-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:10px 0 10px 20px}
.rtl .seopro-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:10px 20px 10px 0}
.seopro-pro-mobile-menu ul > li > .submenu-toggle:hover{color:var(--mobilemenu-hover-color)}
.mobile-menu-footer{position:relative;float:left;width:100%;padding:20px 15px;margin:0}
.mobile-navbar-social,.mobile-navbar-menu{position:relative;float:left;width:100%;margin:10px 0 0}
.mobile-navbar-social{margin:0}
.mobile-navbar-social ul{display:flex;flex-wrap:wrap}
.mobile-navbar-social ul li{margin:0 10px 0 0}
.rtl .mobile-navbar-social ul li{margin:0 0 0 10px}
.mobile-navbar-social ul li:last-child{margin:0}
.mobile-navbar-social ul li a{display:block;width:20px;height:20px;background-color:rgba(155,155,155,0.05);font-size:12px;color:var(--mobilemenu-color);text-align:center;line-height:20px;padding:0}
.mobile-navbar-social ul li a:hover{color:#fff}
.mobile-navbar-menu ul{display:flex;flex-wrap:wrap}
.mobile-navbar-menu ul li{margin:5px 20px 0 0}
.rtl .mobile-navbar-menu ul li{margin:5px 0 0 20px}
.mobile-navbar-menu ul li:last-child{margin:5px 0 0}
.mobile-navbar-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0}
.mobile-navbar-menu ul li a:hover{color:var(--mobilemenu-hover-color)}
#header-ads-wrap{position:relative;float:left;width:100%;margin:0}
#header-ads-wrap.no-widget{display:none}
.header-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:20px 0 0}
.header-ads .widget-content{float:left;width:100%;margin:0}
.header-ads .widget > .widget-title{display:none}
#main-wrapper #main{position:relative;float:left;width:100%;margin:0}
.is-home #main-wrapper.main-margin #main{margin-bottom:30px}
#main .Blog{position:relative;float:left;width:100%;margin:0}
.queryMessage{float:left;width:100%;color:var(--title-color);line-height:0;margin:0 0 20px}
.queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0}
.queryMessage .query-info{font-size:17px;color:var(--title-color);font-weight:700;line-height:1;margin:0}
.queryMessage .query-label:after{content:'\f078';display:inline-block;vertical-align:middle;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:-3px 0 0 4px}
.rtl .queryMessage .query-label:after{margin:0 4px 0 0}
.queryEmpty{float:left;width:100%;font-size:14px;font-weight:400;margin:50px 0;text-align:center}
.blog-post{display:block;word-wrap:break-word}
.title-wrap{float:left;width:100%;margin:0 0 16px}
.title-wrap > .title{display:block;font-family:var(--title-font);font-size:17px;color:var(--widget-title-color);font-weight:700;line-height:1;padding:0;margin:0}
.index-post-wrap{position:relative;float:left;width:100%;margin:0}
.Blog.no-posts .index-post-wrap{display:none}
.index-post{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:20px;margin:0 0 20px}
.index-post.post-ad-type{padding:0!important;margin:0 0 20px!important;border-width:0!important}
.index-post:not(.post-ad-type){background-color:var(--widget-bg);border-radius:4px;box-shadow:var(--widget-shadow)}
.blog-posts .index-post:last-child{margin:0}
.index-post .entry-header{display:flex;flex-direction:column;padding:0}
.index-post .entry-title{font-size:25px;margin:0}
.index-post .entry-meta{display:flex;flex-wrap:wrap;font-size:13px;margin:10px 0 0}
.index-post .entry-author,.index-post .entry-time{display:flex}
.index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{margin:0 4px 0 0}
.rtl .index-post .entry-author .by,.rtl .index-post .author-name,.rtl .index-post .entry-time .on{margin:0 0 0 4px}
.index-post .entry-time .on{opacity:.8}
.index-post .entry-summary{display:flex;flex-wrap:wrap;margin:15px 0 0}
.index-post .entry-image-wrap{position:relative;width:145px;height:100px;overflow:hidden;margin:0 15px 0 0;border-radius:4px}
.rtl .index-post .entry-image-wrap{margin:0 0 0 15px}
.index-post .entry-excerpt{flex:1 1 160px;font-size:14px;line-height:1.6em;margin:0}
.inline-ad-wrap{position:relative;float:left;width:100%;margin:0}
.inline-ad{position:relative;float:left;width:100%;text-align:center;line-height:1;margin:0}
.post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0,10px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.post-fadeInUp{animation-name:fadeInUp}
.item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0}
.item-post-inner{background-color:var(--widget-bg);padding:20px;box-shadow:var(--widget-shadow);border-radius:4px}
.item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:0 0 20px;margin:0;border-bottom:1px solid var(--border-color)}
#breadcrumb{float:left;display:flex;width:100%;font-family:var(--meta-font);font-size:13px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 13px}
#breadcrumb a{color:var(--meta-color)}
#breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)}
#breadcrumb em:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;font-style:normal;vertical-align:middle;margin:0 3px}
.rtl #breadcrumb em:after{content:'\f053'}
.item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);font-weight:700;margin:0}
.item-post .has-meta h1.entry-title{margin-bottom:15px}
.item-post .entry-meta{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;margin:0}
.item-post .entry-meta .align-left,.item-post .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center}
.item-post .entry-author,.item-post .entry-time{display:flex;align-items:center}
.item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{margin:0 4px 0 0}
.rtl .item-post .entry-author .by,.rtl .item-post .author-name,.rtl .item-post .entry-time .on{margin:0 0 0 4px}
.item-post .entry-meta .author-avatar{position:relative;width:26px;height:26px;background-color:rgba(155,155,155,0.05);background-size:100%;margin:0 7px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow);opacity:0;transition:opacity .35s ease}
.item-post .entry-meta .author-avatar.lazy-ify{opacity:1}
.rtl .item-post .entry-meta .author-avatar{margin:0 0 0 7px}
.item-post .entry-meta .entry-comments-link{display:none;float:right;margin:0 0 0 12px}
.item-post .entry-meta .entry-comments-link:before{color:var(--main-color)}
.rtl .item-post .entry-meta .entry-comments-link{float:left;margin:0 12px 0 0}
.item-post .entry-meta .entry-comments-link:before{display:inline-block;vertical-align:middle;content:'\f086';font-family:'Font Awesome 5 Free';font-size:13px;font-weight:400;margin:0 5px 0 0}
.rtl .item-post .entry-meta .entry-comments-link:before{margin:0 0 0 5px}
.item-post .entry-meta .entry-comments-link.show{display:block}
.entry-content-wrap{position:relative;float:left;width:100%;margin:0}
#post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--post-text-color);line-height:1.6em;padding:0;margin:20px 0 0}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:17px;color:var(--title-color);margin:0 0 20px}
.post-body h1{font-size:26px}
.post-body h2{font-size:23px}
.post-body h3{font-size:20px}
.post-body img{height:auto!important}
blockquote{position:relative;background-color:rgba(155,155,155,0.05);color:var(--title-color);font-style:normal;padding:15px 20px;margin:0;border-left:2px solid var(--main-color);border-radius:3px}
.rtl blockquote{border-left:0;border-right:2px solid var(--main-color)}
blockquote:before{position:absolute;left:10px;top:10px;content:'\f10e';font-family:'Font Awesome 5 Free';font-size:33px;font-style:normal;font-weight:900;color:var(--title-color);line-height:1;opacity:.05;margin:0}
.rtl blockquote:before{left:unset;right:10px}
.post-body .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%}
.post-body .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.post-body ul{padding:0 0 0 15px;margin:10px 0}
.rtl .post-body ul{padding:0 15px 0 0}
.post-body li{margin:5px 0;padding:0}
.post-body ul li,.post-body ol ul li{list-style:none}
.post-body ul li:before{display:inline-block;content:'\2022';margin:0 5px 0 0}
.rtl .post-body ul li:before{margin:0 0 0 5px}
.post-body ol{counter-reset:ify;padding:0 0 0 15px;margin:10px 0}
.rtl .post-body ol{padding:0 15px 0 0}
.post-body ol > li{counter-increment:ify;list-style:none}
.post-body ol > li:before{display:inline-block;content:counters(ify,'.')'.';margin:0 5px 0 0}
.rtl .post-body ol > li:before{margin:0 0 0 5px}
.post-body u{text-decoration:underline}
.post-body strike{text-decoration:line-through}
.post-body sup{vertical-align:super}
.post-body a{color:var(--main-color)}
.post-body a:hover{text-decoration:underline}
.post-body a.button{display:inline-block;height:34px;background-color:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 5px 5px 0}
.rtl .post-body a.button{margin:0 0 5px 5px}
.post-body a.colored-button{color:#fff}
.post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.post-body a.colored-button:hover{background-color:var(--button-hover-bg)!important;color:var(--button-hover-color)!important}
.button:before{float:left;font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin:0 8px 0 0}
.rtl .button:before{float:right;margin:0 0 0 8px}
.button.preview:before{content:'\f06e'}
.button.download:before{content:'\f019'}
.button.link:before{content:'\f0c1'}
.button.cart:before{content:'\f07a'}
.button.info:before{content:'\f06a'}
.button.share:before{content:'\f1e0'}
.button.contact:before{content:'\f0e0';font-weight:400}
.alert-message{position:relative;display:block;padding:15px;border:1px solid var(--border-color);border-radius:4px}
.alert-message.alert-success{background-color:rgba(34,245,121,0.03);border:1px solid rgba(34,245,121,0.5)}
.alert-message.alert-info{background-color:rgba(55,153,220,0.03);border:1px solid rgba(55,153,220,0.5)}
.alert-message.alert-warning{background-color:rgba(185,139,61,0.03);border:1px solid rgba(185,139,61,0.5)}
.alert-message.alert-error{background-color:rgba(231,76,60,0.03);border:1px solid rgba(231,76,60,0.5)}
.alert-message:before{font-family:'Font Awesome 5 Free';font-size:16px;font-weight:900;display:inline-block;margin:0 5px 0 0}
.rtl .alert-message:before{margin:0 0 0 5px}
.alert-message.alert-success:before{content:'\f058';color:rgba(34,245,121,1)}
.alert-message.alert-info:before{content:'\f05a';color:rgba(55,153,220,1)}
.alert-message.alert-warning:before{content:'\f06a';color:rgba(185,139,61,1)}
.alert-message.alert-error:before{content:'\f057';color:rgba(231,76,60,1)}
.post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)}
.rtl .post-body table{text-align:right}
.post-body table td,.post-body table th{padding:7px 15px;border:1px solid var(--border-color)}
.post-body table thead th{color:var(--post-title-color);font-weight:700;vertical-align:bottom}
table.tr-caption-container, table.tr-caption-container td, table.tr-caption-container th{line-height:1;padding:0;border:0}
table.tr-caption-container td.tr-caption{font-size:13px;color:var(--meta-color);padding:6px 0 0}
.tocify-wrap{display:flex;width:100%;clear:both;margin:0}
.tocify-inner{position:relative;max-width:100%;background-color:rgba(155,155,155,0.05);display:flex;flex-direction:column;overflow:hidden;font-size:14px;color:var(--title-color);line-height:1.6em;border-radius:4px}
a.tocify-title{position:relative;height:38px;background-color:rgba(155,155,155,0.05);font-size:16px;color:var(--title-color);font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin:0;border-radius:4px}
a.tocify-title.is-expanded{border-radius:4px 4px 0 0}
.tocify-title:after{content:'\f022';font-family:'Font Awesome 5 Free';font-size:16px;font-weight:400;margin:0 0 0 25px}
.rtl .tocify-title:after{margin:0 25px 0 0}
.tocify-title.is-expanded:after{font-weight:900}
a.tocify-title:hover{text-decoration:none}
#tocify{display:none;padding:8px 15px;margin:0}
#tocify ol{padding:0 0 0 15px}
.rtl #tocify ol{padding:0 15px 0 0}
#tocify li{font-size:14px;margin:7px 0}
#tocify li a{color:var(--main-color)}
#tocify li a:hover{color:var(--main-color);text-decoration:underline}
.contact-form{overflow:hidden}
.contact-form .widget-title{display:none}
.contact-form .contact-form-name{width:calc(50% - 5px);height:36px}
.rtl .contact-form .contact-form-name{float:right}
.contact-form .contact-form-email{width:calc(50% - 5px);float:right;height:36px}
.rtl .contact-form .contact-form-email{float:left}
.contact-form .contact-form-button-submit{font-family:var(--body-font);height:36px}
.post-body pre,pre.code-box{position:relative;display:block;background-color:#344955;font-family:Monospace;font-size:13px;color:#f6f7f8;white-space:pre-wrap;line-height:1.4em;padding:15px;margin:0;border:0;border-radius:4px}
html.is-dark .post-body pre,html.is-dark pre.code-box{background-color:rgba(155,155,155,0.05)}
.post-body .google-auto-placed{margin:30px 0 0}
.post-footer{position:relative;float:left;width:100%;margin:0}
.entry-labels{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;margin:20px 0 0}
.entry-labels span,.entry-labels a{font-size:14px;font-weight:400;line-height:1;margin:5px 5px 0 0}
.rtl .entry-labels span,.rtl .entry-labels a{margin:5px 0 0 5px}
.entry-labels span{color:var(--title-color);font-weight:700}
.entry-labels a{color:var(--main-color);border-bottom:1px solid var(--main-color)}
.entry-labels a:hover{color:var(--title-color);border-color:var(--title-color)}
.entry-labels a:after{content:',';color:var(--meta-color)}
.entry-labels a:last-child:after{display:none}
.post-share{position:relative;float:left;width:100%;padding:15px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)}
ul.seopro-pro-share-links{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0}
.seopro-pro-share-links li{padding:0 6px 0 0}
.rtl .seopro-pro-share-links li{padding:0 0 0 6px}
.seopro-pro-share-links .share-label span{display:block;height:34px;font-size:13px;color:var(--meta-color);line-height:34px;margin:5px 3px 0 0}
.rtl .seopro-pro-share-links .share-label span{margin:5px 0 0 3px}
.seopro-pro-share-links .share-label span:before{content:'\f064';display:block;font-family:'Font Awesome 5 Free';font-weight:900}
.rtl .seopro-pro-share-links .share-label span:before{transform:rotate3d(0,1,0,180deg)}
.seopro-pro-share-links li a{float:left;width:36px;height:34px;overflow:hidden;font-size:16px;color:#fff;line-height:34px;font-weight:400;cursor:pointer;text-align:center;margin:5px 0 0}
.seopro-pro-share-links li.has-span a{width:auto;display:flex}
.seopro-pro-share-links li.has-span a:before{width:36px;background-color:rgba(255,255,255,0.1)}
.seopro-pro-share-links li a span{display:inline-block;font-size:14px;font-weight:400;padding:0 15px}
.seopro-pro-share-links li a:hover{opacity:.9}
.seopro-pro-share-links .show-hid a{background-color:rgba(155,155,155,0.08);font-size:14px;color:rgba(155,155,155,0.8)}
.seopro-pro-share-links .show-hid a:before{content:'\f067';font-family:'Font Awesome 5 Free';font-weight:900}
.show-hidden .show-hid a:before{content:'\f068'}
.seopro-pro-share-links li.reddit,.seopro-pro-share-links li.pinterest-p,.seopro-pro-share-links li.linkedin,.seopro-pro-share-links li.vk,.seopro-pro-share-links li.telegram{display:none}
.show-hidden li.reddit,.show-hidden li.pinterest-p,.show-hidden li.linkedin,.show-hidden li.vk,.show-hidden li.telegram{display:inline-block}
.about-author{position:relative;float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:20px 0 0;border-radius:4px;box-shadow:var(--widget-shadow)}
.about-author .avatar-container{position:relative;float:left;width:60px;height:60px;background-color:rgba(155,155,155,0.05);overflow:hidden;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .about-author .avatar-container{float:right;margin:0 0 0 15px}
.about-author .author-avatar{float:left;width:100%;height:100%;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;overflow:hidden;opacity:0;border-radius:50%;transition:opacity .35s ease}
.about-author .author-avatar.lazy-ify{opacity:1}
.about-author .author-title{display:block;font-family:var(--title-font);font-size:17px;color:var(--title-color);font-weight:700;margin:0 0 8px}
.about-author .author-title a{color:var(--title-color)}
.about-author .author-title a:hover{color:var(--title-hover-color)}
.author-description{display:flex;flex-direction:column;flex:1 1 100px}
.author-description .author-text{display:block;font-size:14px;color:var(--text-color);font-weight:400}
.author-description .author-text br{display:none}
.author-description .author-text a{display:none;margin:0}
ul.author-links{display:flex;flex-wrap:wrap;padding:0}
.author-links li{margin:12px 12px 0 0}
.rtl .author-links li{margin:12px 0 0 12px}
.author-links li a{display:block;font-size:14px;color:var(--text-color);line-height:1;padding:0}
.author-links li a:hover{opacity:.9}
#seopro-pro-related-posts{display:none}
#related-wrap{float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:20px 0 0;box-shadow:var(--widget-shadow);border-radius:4px}
#related-wrap .related-tag{display:none}
.seopro-pro-related-content{float:left;width:100%;margin:0}
.seopro-pro-related-content .loader{height:192px}
.related-posts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:20px;margin:0}
.related-posts .related-item{position:relative;width:100%;display:flex;flex-direction:column;margin:0}
.related-posts .entry-image-wrap{position:relative;width:100%;height:130px;display:block;overflow:hidden;margin:0 0 10px;border-radius:4px}
.related-posts .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.9)}
.related-posts .entry-title{font-size:14px;margin:0}
.post-nav{float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:var(--meta-font);font-size:13px;font-weight:400;margin:20px 0 0}
.post-nav a{display:flex;align-items:center;color:var(--meta-color);line-height:1}
.post-nav a:hover{color:var(--main-color)}
.post-nav span{color:var(--meta-color)}
.post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\f053';float:left;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 4px 0 0}
.post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\f054';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 0 0 4px}
#blog-pager{float:left;width:100%;text-align:center;clear:both;padding:0;margin:20px 0 0}
.Blog.no-posts #blog-pager{display:none}
#blog-pager .load-more{display:inline-block;background-color:var(--button-bg);height:34px;font-size:14px;color:var(--button-color);text-align:center;font-weight:400;line-height:34px;padding:0 25px}
#blog-pager #seopro-pro-load-more-link{cursor:pointer}
#blog-pager #seopro-pro-load-more-link:before{content:'\f067';display:inline-block;font-family:'Font Awesome 5 Free';font-size:11px;font-weight:900}
#blog-pager #seopro-pro-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#blog-pager .no-more.show{display:block;background-color:rgba(0,0,0,0);color:var(--text-color);box-shadow:none}
#blog-pager .loading,#blog-pager .no-more{display:none}
#blog-pager .loading .loader{height:34px}
#blog-pager .loading .loader:after{width:28px;height:28px;margin:0}
.seopro-pro-blog-post-comments{display:none;float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:20px 0 0;box-shadow:var(--widget-shadow);border-radius:4px}
.comments-system-disqus{padding:10px 20px}
.comments-system-facebook{padding:10px 12px}
#comments,#disqus_thread{float:left;width:100%}
.seopro-pro-blog-post-comments .fb_iframe_widget_fluid_desktop,.seopro-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.seopro-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important}
.fb-comments{padding:0;margin:0}
#comments{float:left;width:100%;display:block;clear:both;padding:0;margin:0}
.comments-system-facebook #comments{width:100%;margin:0}
#comments h4#comment-post-message{display:none}
.comments .comments-content{float:left;width:100%;margin:0}
.comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.6em;margin:12px 0 0}
.comments .comment-content > a:hover{text-decoration:underline}
.comment-thread .comment{position:relative;background-color:rgba(155,155,155,0.05);padding:20px;margin:20px 0 0;list-style:none;border-radius:4px}
.comment-thread ol{padding:0;margin:0}
.toplevel-thread ol > li:first-child{margin:0}
.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0}
.comment-thread ol ol .comment{background-color:rgba(155,155,155,0.05)}
.comment-thread ol ol .comment:hover{box-shadow:unset}
.comment-thread ol ol .comment:before{content:'\f3bf';position:absolute;left:-25px;top:-5px;font-family:'Font Awesome 5 Free';font-size:16px;color:rgba(155,155,155,0.05);font-weight:700;transform:rotate(90deg);margin:0}
.rtl .comment-thread ol ol .comment:before{content:'\f3be';left:unset;right:-25px}
.comments .comment-replybox-single iframe{padding:0 0 0 45px;margin:20px 0 0}
.rtl .comments .comment-replybox-single iframe{padding:0 45px 0 0}
.comment-thread .avatar-image-container{position:absolute;top:20px;left:20px;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .comment-thread .avatar-image-container{left:auto;right:20px}
.avatar-image-container img{width:100%;height:100%}
.comments .comment-header{padding:0 0 0 45px}
.rtl .comments .comment-header{padding:0 45px 0 0}
.comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-style:normal;font-weight:700;margin:0 0 3px}
.comments .comment-header .user a{color:var(--title-color)}
.comments .comment-header .user a:hover{color:var(--title-hover-color)}
.comments .comment-header .icon.user{display:none}
.comments .comment-header .icon.blog-author{display:inline-block;font-size:12px;color:var(--main-color);font-weight:400;vertical-align:top;margin:-3px 0 0 5px}
.rtl .comments .comment-header .icon.blog-author{margin:-3px 5px 0 0}
.comments .comment-header .icon.blog-author:before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:400}
.comments .comment-header .datetime{display:block;line-height:1;margin:0}
.comment-header .datetime a{font-family:var(--meta-font);font-size:10px;color:var(--meta-color);font-weight:400;padding:0}
.comments .comment-actions{display:block;margin:12px 0 0}
.comments .comment-actions a{display:inline-block;font-size:13px;color:var(--main-color);font-weight:400;font-style:normal;padding:0;margin:0 15px 0 0}
.rtl .comments .comment-actions a{margin:0 0 0 15px}
.comments .comment-actions a:hover{color:var(--title-color)}
.item-control{display:none}
.loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px}
.comments .continue{display:none}
.comments .comment-replies{padding:0 0 0 45px}
.rtl .comments .comment-replies{padding:0 45px 0 0}
.thread-expanded .thread-count a,.loadmore{display:none}
.comments .footer{float:left;width:100%;font-size:13px;margin:0}
.comment-form{float:left;width:100%;margin:0}
html.is-dark .comment-thread iframe{opacity:.98}
p.comments-message{display:block;float:left;width:100%;font-size:13px;color:var(--meta-color);font-style:italic;padding:0;margin:0 0 16px}
#comments[data-embed='false'] p.comments-message,.no-comments p.comments-message.no-new-comments{margin:0}
.has-comments p.comments-message.no-new-comments{margin:20px 0 0}
p.comments-message > a{color:var(--main-color)}
p.comments-message > a:hover{color:var(--title-color)}
p.comments-message > em{color:#ff3f34;font-style:normal;margin:0 3px}
#comments[data-embed='false'] p.comments-message > i{color:var(--main-color);font-style:normal}
.comment-form > p{display:none}
.comment-content .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%}
.comment-content .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.comments .comment-replybox-thread iframe{margin:20px 0 0}
#show-comment-form,.comments #top-continue a{float:left;width:100%;height:36px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;text-align:center;padding:0 30px;margin:20px 0 0}
.no-comments #show-comment-form{margin:0}
.rtl #show-comment-form,.rtl .comments #top-continue a{float:right}
#show-comment-form:hover,.comments #top-continue a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.comment-form-visible #show-comment-form{display:none}
.comments .comment-replybox-thread,.no-comments .comment-form{display:none}
.comment-form-visible .comments .comment-replybox-thread,.comment-form-visible .no-comments .comment-form{display:block}
#custom-ads{float:left;width:100%;opacity:0;visibility:hidden;padding:0 20px;margin:0;border:0}
#before-ad,#after-ad{float:left;width:100%;margin:0}
#before-ad .widget > .widget-title,#after-ad .widget > .widget-title{display:block}
#before-ad .widget > .widget-title > h3.title,#after-ad .widget > .widget-title > h3.title{font-size:11px;color:var(--meta-color);font-weight:400;line-height:1;opacity:.9;margin:0 0 6px}
#before-ad .widget,#after-ad .widget{width:100%;margin:20px 0 0}
#before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%;line-height:1}
#seopro-pro-new-before-ad #before-ad,#seopro-pro-new-after-ad #after-ad{float:none;display:block;margin:0}
#seopro-pro-new-before-ad #before-ad .widget,#seopro-pro-new-after-ad #after-ad .widget{margin:0}
.sidebar{position:relative;float:left;width:100%;margin:0}
.sidebar > .widget{position:relative;float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:0 0 20px;border-radius:4px;box-shadow:var(--widget-shadow)}
.sidebar > .widget:last-child{margin:0}
.sidebar > .widget.no-style{background-color:transparent;padding:0;border-radius:0;box-shadow:none}
.sidebar .widget > .widget-title{float:left;width:100%;margin:0 0 16px}
.sidebar .widget > .widget-title > h3{display:block;font-family:var(--title-font);font-size:17px;color:var(--widget-title-color);font-weight:700;line-height:1;padding:0;margin:0}
.sidebar .widget.no-style > .widget-title{display:none}
.sidebar .widget-content{float:left;width:100%;margin:0}
.sidebar ul.social-icons{display:grid;grid-template-columns:repeat(4,1fr);column-gap:8px;row-gap:8px;margin:0}
.sidebar .social-icons li{display:block;margin:0}
.sidebar .social-icons li a{position:relative;display:block;height:34px;overflow:hidden;font-size:16px;color:#fff;text-align:center;line-height:34px;padding:0}
.sidebar .social-icons li a:before{display:block;margin:0}
.sidebar .social-icons li a:hover{opacity:.9}
.sidebar .loader{height:180px}
.sidebar-posts .post{float:left;width:100%;display:flex;flex-wrap:wrap;padding:0;margin:20px 0 0}
.sidebar-posts .post.item-0{margin:0}
.sidebar-posts .post.big-post{position:relative;height:180px;margin:0}
.sidebar-posts .entry-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block;z-index:10}
.sidebar-posts .entry-image-wrap{position:relative;width:90px;height:62px;overflow:hidden;z-index:1;margin:0 12px 0 0;border-radius:4px}
.sidebar-posts .big-post .entry-image-wrap{float:left;width:100%;height:100%;margin:0}
.rtl .sidebar-posts .post:not(.big-post) .entry-image-wrap{margin:0 0 0 12px}
.sidebar-posts .post:not(.big-post) .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.6)}
.sidebar-posts .post:not(.big-post) .entry-header{flex:1}
.sidebar-posts .big-post .entry-tag{top:15px;left:15px}
.rtl .sidebar-posts .big-post .entry-tag{left:unset;right:15px}
.sidebar-posts .entry-meta{display:flex;flex-wrap:wrap;margin:5px 0 0}
.sidebar-posts .entry-author,.sidebar-posts .entry-time{display:flex}
.sidebar-posts .entry-author .by,.sidebar-posts .author-name,.sidebar-posts .entry-time .on{margin:0 4px 0 0}
.rtl .sidebar-posts .entry-author .by,.rtl .sidebar-posts .author-name,.rtl .sidebar-posts .entry-time .on{margin:0 0 0 4px}
.sidebar-posts .entry-title{font-size:14px}
.sidebar-posts .big-post .entry-title{font-size:17px}
.cmm1-items .cmm1-item{position:relative;float:left;width:100%;background-color:rgba(155,155,155,0.05);margin:15px 0 0;border-radius:4px}
.cmm1-items .cmm1-item.item-0{margin:0}
.cmm1-items .entry-inner{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;align-items:center;padding:10px}
.cmm1-items .entry-image-wrap{position:relative;width:35px;height:35px;overflow:hidden;z-index:1;margin:0 10px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .cmm1-items .entry-image-wrap{margin:0 0 0 10px}
.cmm1-items .entry-header{flex:1}
.cmm1-items .entry-title{font-size:14px}
.cmm1-items .entry-inner:hover .entry-title{color:var(--post-title-hover-color)}
.cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);margin:3px 0 0}
.FeaturedPost .featured-post{float:left;width:100%;margin:0}
.featured-post .entry-image-wrap{position:relative;float:left;width:100%;height:170px;z-index:1;overflow:hidden;display:flex;flex-direction:column;margin:10px 0 0;border-radius:4px}
.featured-post .entry-header{float:left;width:100%;display:flex;flex-direction:column;margin:0}
.featured-post .entry-title{font-size:20px}
.featured-post .entry-meta{display:flex;flex-wrap:wrap;font-size:13px;margin:8px 0 0}
.featured-post .entry-author,.featured-post .entry-time{display:flex}
.featured-post .entry-author .by,.featured-post .author-name,.featured-post .entry-time .on{margin:0 4px 0 0}
.rtl .featured-post .entry-author .by,.rtl .featured-post .author-name,.rtl .featured-post .entry-time .on{margin:0 0 0 4px}
.sidebar > .widget.FollowByEmail{overflow:hidden}
.sidebar > .widget.FollowByEmail:before{content:'\f0e0';font-family:'Font Awesome 5 Free';position:absolute;top:0;right:0;font-size:60px;color:rgba(155,155,155,0.08);font-weight:900;opacity:.65;transform:rotate(45deg);margin:7px -14px 0 0}
.rtl .follow-by-email-items:before{left:0;right:unset;transform:rotate(-45deg);margin:7px 0 0 -14px}
.follow-by-email-title{display:block;font-family:var(--title-font);font-size:17px;color:var(--widget-title-color);font-weight:700;margin:0 0 10px}
.follow-by-email-address{width:100%;height:34px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px}
.follow-by-email-address::placeholder{color:var(--text-color);opacity:.9}
.follow-by-email-address:focus{background-color:var(--outer-bg);color:var(--title-color);border-color:var(--border-color)}
.follow-by-email-submit{width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px}
.follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.follow-by-email-text{display:block;font-size:14px;color:var(--text-color);margin:0 0 13px}
.list-label li,.archive-list li{position:relative;display:block}
.list-label li a,.archive-list li a{display:flex;justify-content:space-between;font-size:14px;color:var(--title-color);font-weight:400;padding:5px 0}
.archive-list li a{text-transform:capitalize}
.list-label li:first-child a,.archive-list li:first-child a{padding:0 0 5px}
.list-label li:last-child a,.archive-list li:last-child a{padding-bottom:0}
.list-label li a:hover,.archive-list li a:hover{color:var(--title-hover-color)}
.list-label .label-count,.archive-list .archive-count{display:inline-block;font-size:12px;color:var(--meta-color);text-decoration:none;margin:1px 0 0 5px}
.rtl .list-label .label-count,.rtl .archive-list .archive-count{margin:1px 5px 0 0}
.cloud-label ul{display:flex;flex-wrap:wrap;margin:-5px 0 0}
.cloud-label li{margin:8px 8px 0 0}
.rtl .cloud-label li{margin:8px 0 0 8px}
.cloud-label li a{display:flex;height:28px;color:var(--button-bg);font-size:13px;line-height:26px;font-weight:400;padding:0 13px;border:1px solid var(--button-bg)}
.cloud-label li a:hover{background-color:var(--button-bg);color:var(--button-color)}
.cloud-label .label-count{display:inline-block;margin:0 0 0 5px}
.rtl .cloud-label .label-count{margin:0 5px 0 0}
.search-widget .search-form{position:relative;float:left;width:100%;margin:0}
.search-widget .search-input{float:left;width:100%;height:34px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);padding:0 10px;margin:0;border:1px solid var(--border-color);border-radius:4px}
.search-widget .search-input::placeholder{color:var(--text-color);opacity:.9}
.search-widget .search-input:focus{outline:none;background-color:var(--outer-bg)}
.search-widget .search-action{position:absolute;top:0;right:0;height:28px;font-family:inherit;font-size:14px;font-weight:400;line-height:30px;cursor:pointer;background-color:var(--button-bg);color:var(--button-color);padding:0 15px;margin:3px 3px 0 0;border:0}
.search-widget .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.rtl .search-widget .search-action{left:0;right:unset;margin:3px 0 0 3px}
.Profile ul li{float:left;width:100%;margin:20px 0 0}
.Profile ul li:first-child{margin:0}
.Profile .profile-img{float:left;width:35px;height:35px;background-color:rgba(155,155,155,0.08);overflow:hidden;color:transparent!important;margin:0 10px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .Profile .profile-img{float:right;margin:0 0 0 10px}
.Profile .profile-info{display:table}
.Profile .profile-name{display:block;font-size:14px;color:var(--title-color);font-weight:700;line-height:1.4em;margin:0}
.Profile .profile-name:hover{color:var(--title-hover-color)}
.Profile .profile-link{display:block;font-size:12px;color:var(--meta-color);font-weight:400;margin:0}
.Profile .profile-link:hover{color:var(--main-color)}
.seopro-pro-widget-ready .PageList ul li,.seopro-pro-widget-ready .LinkList ul.link-list li{position:relative;display:block}
.seopro-pro-widget-ready .PageList ul li a,.seopro-pro-widget-ready .LinkList ul.link-list li a{display:block;color:var(--title-color);font-size:14px;font-weight:400;padding:5px 0}
.seopro-pro-widget-ready .PageList ul li:first-child a,.seopro-pro-widget-ready .LinkList ul.link-list li:first-child a{padding:0 0 5px}
.seopro-pro-widget-ready .PageList ul li:last-child a,.seopro-pro-widget-ready .LinkList ul.link-list li:last-child a{padding:5px 0 0}
.seopro-pro-widget-ready .PageList ul li a:hover,.seopro-pro-widget-ready .LinkList ul.link-list li a:hover{color:var(--title-hover-color)}
.Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color);margin:0}
.Image .image-caption{display:block;font-size:14px;color:var(--text-color);margin:10px 0 0}
.contact-form-widget form{font-family:inherit;font-weight:400}
.contact-form-name{float:left;width:100%;height:34px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:5px 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px}
.contact-form-email{float:left;width:100%;height:34px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:5px 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px}
.contact-form-email.error{border-color:var(--main-color)}
.contact-form-email-message{float:left;width:100%;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);padding:10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px}
.contact-form-email-message.error{border-color:var(--main-color)}
.contact-form-button-submit{float:left;width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 15px;margin:0;border:0}
.contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.contact-form-error-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#e74c3c;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0}
.contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#27ae60;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right}
.contact-form-cross{cursor:pointer;margin:0 0 0 3px}
.rtl .contact-form-cross{margin:0 3px 0 0}
.contact-form-error-message,.contact-form-success-message{margin:0}
.contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{background-color:var(--outer-bg)}
.contact-form-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{color:var(--text-color);opacity:.9}
.Attribution a{font-size:14px;line-height:16px;display:block}
.Attribution a > svg{width:16px;height:16px;float:left;margin:0 4px 0 0}
.Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:3px 0 0}
.TextList ul li{display:block;font-size:14px;font-weight:400;color:var(--text-color);margin:0 0 10px}
.TextList ul li:last-child{margin:0}
#footer-ads-wrap{position:relative;float:left;width:100%;margin:0}
.footer-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:0 0 20px}
.footer-ads .widget-content{float:left;width:100%;margin:0}
.footer-ads .widget > .widget-title{display:none}
#footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-text-color);box-shadow:var(--widget-shadow)}
html:not(.is-dark) #footer-wrapper.has-border{border-top:1px solid var(--border-color)}
#footer-wrapper .primary-footer{float:left;width:100%;margin:0}
.primary-footer.no-widget{display:none}
#seopro-pro-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px 0;margin:0}
.footer-info{display:flex;flex-direction:column;flex:1}
.footer-info h3.title{font-size:17px;color:var(--footer-color);font-weight:700;line-height:1;margin:0 0 10px}
#seopro-pro-about-section .Image{width:calc(100% - 320px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0}
#seopro-pro-about-section .footer-logo{padding:0 25px 0 0}
.rtl #seopro-pro-about-section .footer-logo{padding:0 0 0 25px}
#seopro-pro-about-section .footer-logo img{display:block;max-height:36px;margin:0}
#seopro-pro-about-section .Image .image-caption{font-size:14px;color:var(--footer-text-color);margin:0}
#seopro-pro-about-section .Image .image-caption a{color:var(--footer-color)}
#seopro-pro-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)}
#seopro-pro-about-section .LinkList{width:300px;display:flex;align-items:center;justify-content:flex-end;margin:0}
.seopro-pro-about-section ul.social-icons{float:right}
.rtl .seopro-pro-about-section ul.social-icons{float:left}
.seopro-pro-about-section .social-icons li{float:left;margin:0 0 0 10px}
.rtl .seopro-pro-about-section .social-icons li{float:right;margin:0 10px 0 0}
.seopro-pro-about-section .social-icons li a{display:block;width:34px;height:34px;background-color:rgba(155,155,155,0.05);font-size:16px;color:var(--footer-color);text-align:center;line-height:34px;box-sizing:border-box}
.seopro-pro-about-section .social-icons li a:hover{color:#fff}
.footerbar{position:relative;float:left;width:100%;height:56px;background-color:var(--footerbar-bg);color:var(--footerbar-color);display:flex;align-items:center;padding:0;margin:0}
html:not(.is-dark) .footerbar.has-border{border-top:1px solid var(--border-color)}
.footerbar .container{display:flex;flex-wrap:wrap;justify-content:space-between}
.footerbar .footer-copyright{font-size:14px;font-weight:400;margin:0}
.footerbar .footer-copyright a{color:var(--footerbar-color)}
.footerbar .footer-copyright a:hover{color:var(--footerbar-hover-color)}
#footer-menu{position:relative;display:block;margin:0}
.footer-menu ul{display:flex;flex-wrap:wrap}
.footer-menu ul li a{font-size:14px;color:var(--footerbar-color);padding:0;margin:0 0 0 24px}
.rtl .footer-menu ul li a{margin:0 24px 0 0}
#footer-menu ul li a:hover{color:var(--footerbar-hover-color)}
#hidden-widgets-wrap,.hidden-widgets{display:none;visibility:hidden}
#back-top{display:none;position:fixed;bottom:20px;right:20px;width:34px;height:34px;background-color:var(--button-bg);cursor:pointer;overflow:hidden;font-size:14px;color:var(--button-color);text-align:center;line-height:34px;z-index:50;margin:0;transition:background .17s ease,color .17s ease}
.rtl #back-top{right:auto;left:20px}
#back-top:before{content:'\f077';position:relative;font-family:'Font Awesome 5 Free';font-weight:900}
#back-top:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.is-error #main-wrapper{width:100%}
.is-error #sidebar-wrapper{display:none}
.errorWrap{color:var(--title-color);text-align:center;padding:60px 0}
.errorWrap h3{font-size:160px;color:var(--title-color);line-height:1;margin:0 0 25px}
.errorWrap h4{font-size:27px;color:var(--title-color);margin:0 0 25px}
.errorWrap p{color:var(--text-color);font-size:14px;margin:0 0 15px}
.errorWrap a{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:500;line-height:34px;padding:0 30px;margin:15px 0 0}
.errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.cookie-choices-info{display:none;visibility:hidden;opacity:0}
#cookie-ify{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:20px;visibility:hidden;opacity:0;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:4px;transition:all .35s ease}
.rtl #cookie-ify{left:unset;right:20px}
#cookie-ify.is-visible{visibility:visible;opacity:1}
.cookie-ify-content{display:block;font-size:14px;color:var(--cookie-color);margin:0 0 15px}
.cookie-ify-content a{color:var(--cookie-color);text-decoration:underline}
.cookie-ify-content a:hover{color:var(--main-color)}
#cookie-ify-accept{display:inline-block;height:30px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:30px;padding:0 16px;margin:0}
#cookie-ify-accept:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
a.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:80px;background-color:var(--widget-bg);font-size:14px;color:var(--main-color);font-style:italic;margin:0;border-radius:4px;box-shadow:var(--widget-shadow)}
.sidebar a.ads-here{height:250px}
.is-post #main a.ads-here{background-color:rgba(155,155,155,0.05);box-shadow:none}
a.ads-here:hover{color:var(--text-color)}
@media (max-width: $(row.width + 40px)) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{width:100%;max-width:100%;margin:0}
.row-x1{width:100%;max-width:100%}
#header-wrapper .container,#header-ads-wrap > .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{padding:0 15px}
#cookie-ify{bottom:15px;left:15px;padding:15px}
.rtl #cookie-ify{left:unset;right:15px}
}
@media (max-width: 880px) {
#header-wrapper .container{padding:0}
.mobile-menu-toggle{display:flex}
.header-items{flex-wrap:nowrap}
#seopro-pro-main-nav{display:none!important}
#slide-menu,.overlay{display:block}
.main-toggle-wrap,#main-search-wrap{padding:0 15px}
.nav-active .overlay{visibility:visible;opacity:1}
.nav-active #back-top{opacity:0!important}
#main-wrapper,#sidebar-wrapper{width:100%}
#sidebar-wrapper{margin:20px 0 0}
#blog-pager{margin:20px 0 0}
#seopro-pro-about-section{flex-wrap:wrap;flex-direction:column}
#seopro-pro-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center}
#seopro-pro-about-section .footer-logo,.rtl #seopro-pro-about-section .footer-logo{padding:0 0 20px}
.footer-info{flex:none;text-align:center}
.footer-info h3.title{display:none}
#seopro-pro-about-section .LinkList{width:100%;justify-content:center;margin:15px 0 0}
.seopro-pro-about-section .social-icons li,.rtl .seopro-pro-about-section .social-icons li{margin:10px 5px 0}
.footerbar{height:auto;line-height:inherit;padding:25px 0;margin:0}
.footerbar .container{flex-direction:column;justify-content:center}
.footerbar .footer-copyright,#footer-menu{width:100%;text-align:center;margin:0}
.footerbar .footer-copyright{font-size:13px;opacity:.9}
#footer-menu{padding:10px 0 0}
.footer-menu ul{justify-content:center}
.footer-menu ul li a,.rtl .footer-menu ul li a{display:block;margin:5px 10px 0}
#back-top{right:15px}
.rtl #back-top{left:15px;right:unset}
}
@media (max-width: 680px) {
.post-body table{display:block}
.seopro-pro-share-links li.twitter a span{display:none}
.errorWrap h3{font-size:130px}
}
@media (max-width: 580px) {
.main-search .search-input{padding:0 13px}
.index-post{flex-direction:column}
.index-post .entry-image-wrap{width:100%;height:200px;margin:0 0 15px}
.rtl .index-post .entry-image-wrap{margin:0 0 15px}
.index-post .entry-header{flex:none;padding:0}
.item-post h1.entry-title{font-size:30px}
.index-post .entry-excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.related-posts{grid-template-columns:repeat(2,1fr)}
.errorWrap{padding:25px 0 45px}
#cookie-ify,.rtl #cookie-ify{width:calc(100% - 30px);margin:0}
}
@media (max-width: 480px) {
.item-post h1.entry-title{font-size:27px}
.related-posts .entry-image-wrap{height:110px;margin:0 0 8px}
}
@media (max-width: 380px) {
.index-post .entry-image-wrap{height:180px}
.item-post h1.entry-title{font-size:25px}
.tocify-inner{min-width:100%}
.seopro-pro-share-links li.has-span a span{display:none}
.related-posts .entry-image-wrap{height:100px}
}
@media (max-width: 320px) {
.index-post .entry-title,.item-post h1.entry-title{font-size:23px}
.related-posts .entry-image-wrap{height:80px}
#slide-menu{width:100%}
}
]]></b:skin>
</b:if>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
html,body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}
body#layout{position:relative;width:auto;max-width:100%;background-color:#f9f9f9;padding:95px 5px 0;margin:0}
body#layout:before{content:'SeoPro - v1.4.0 [Paid by - MrJaz]';position:absolute;top:0;left:5px;right:5px;height:95px;font-family:Roboto,sans-serif;font-size:23px;color:#0F1618;line-height:95px;text-align:center}
body#layout div.section{display:block;background-color:#f1f1f1!important;margin:0 5px 10px!important;padding:16px 16px 18px!important;border-color:#e5e5e5}
body#layout .no-items.section{display:block}
body#layout .section h4{font-size:14px;color:#0F1618;text-transform:uppercase;margin:0}
body#layout .section h4:after{text-transform:initial;color:#656565;font-weight:400}
body#layout .add_widget a{color:#3c97ef!important}
body#layout .widget-wrap3{overflow:hidden}
body#layout .widget-content{width:auto;max-width:none;max-height:none;margin:0;border:1px solid #e5e5e5;border-left:0}
body#layout .locked-widget .widget-content{border-left:1px solid #3c97ef}
body#layout .locked-widget .widget-content:hover{border-left-color:#00b140}
body#layout .widget .widget-content a.editlink{border-radius:2px}
body#layout .visibility .editlink{background:#3c97ef url(https://1.bp.blogspot.com/-iQoCOwqjB-w/Wy1bDznOM4I/AAAAAAAACGA/8BUOPStr0sk5oud9hWpHBQTrmkeJDoAvACK4BGAYYCw/s18-c/mode_edit_w600_24dp.png) no-repeat center!important}
body#layout .visibility .editlink:hover{background-color:#00b140!important}
body#layout .draggable-widget .widget-wrap2{background:#3c97ef url(https://1.bp.blogspot.com/-yTAuT5aZ1EY/Wy1eEeo4SbI/AAAAAAAACGM/FxOTPwL-Ch0_lyZxLRzhv2EWHINOmCjWACK4BGAYYCw/s22/draggable.png) no-repeat 4px 50%!important}
body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{background-color:#00b140!important}
body#layout .visibility .layout-widget-state.visible{background-image:url(https://4.bp.blogspot.com/-qicweZaCb7I/XR_IGBqqGfI/AAAAAAAABS0/MIpI_COKj6MBkeN9FEJhqL96WYnYfGjngCK4BGAYYCw/s1600/visibility_c3_600_24dp.png)!important}
body#layout .visibility .layout-widget-state.not-visible{background-image:url(https://4.bp.blogspot.com/-tqL3-mrEM7A/XR_H_P3mFZI/AAAAAAAABSs/4PO1g3CDQbse_mJYzwn-60OQoYMFcq1FQCK4BGAYYCw/s1600/visibility_off_c3_600_24dp.png)!important;opacity:1}
body#layout div.layout-widget-description{display:none;font-size:11px;line-height:1.2em}
body#layout #theme-options,body#layout #main-menu .widget{display:block!important}
body#layout div.ify-panel{background-color:#edf4ff!important;overflow:hidden!important;border-color:#cdd4ef}
body#layout .ify-panel .widget{float:left;width:49.5%;margin-right:1%}
body#layout .ify-panel .widget-content{border-color:#cdd4ef!important}
body#layout .ify-panel .Image{margin-right:0}
body#layout .ify-panel div.layout-widget-description{display:none}
body#layout .flex-right,body#layout #nav-search-wrap{display:none}
body#layout .flex-left{display:flex}
body#layout .main-logo,body#layout .seopro-pro-main-nav{width:50%}
body#layout #content-wrapper{padding:0;margin:0}
body#layout #content-wrapper > .container{display:flex;margin:0}
body#layout #main-wrapper{width:67%;padding:0}
body#layout #sidebar-wrapper{width:33%;padding:0}
body#layout #custom-ads{display:flex}
body#layout #custom-ads .section{width:50%}
body#layout #ify-panel > h4:after{content:' - by mrjaz.com'}
body#layout .section > h4:after{font-size:12px}
body#layout #seopro-pro-about-section{overflow:hidden!important}
body#layout #seopro-pro-about-section .widget{float:left;width:49.5%;margin-right:1%}
body#layout #seopro-pro-about-section .LinkList{margin-right:0}
body#layout .footerbar .container{display:flex}
body#layout #footer-menu,body#layout #footer-copyright{width:50%}
body#layout #main-logo > h4:after{content:' - Recommended Height (36px)'}
body#layout #seopro-pro-main-nav > h4:after{content:' - With SubLinks and Mega Menu'}
body#layout #featured > h4:after{content:' - by Most Recents or Labels'}
body#layout #header-ads > h4:after{content:' - on Home Page and Post Page'}
body#layout #main > h4:after{content:' - Default Blog Posts, AdSense In-Feed, Comments and More'}
body#layout #seopro-pro-main-before-ad > h4:after{content:' - Before Post Content'}
body#layout #seopro-pro-main-after-ad > h4:after{content:' - After Post Content'}
body#layout #seopro-pro-post-fby-email > h4:after{content:' - After Related Posts on Post Page'}
body#layout #sidebar > h4:after{content:' - on All Pages'}
body#layout #footer-ads > h4:after{content:' - on Home Page and Post Page'}
body#layout #seopro-pro-about-section > h4:after{content:' - Site Description and Social Media Links'}
body#layout #footer-copyright > h4:after{content:' - Custom Credits'}
body#layout #footer-menu > h4:after{content:' - Footer Links'}
body#layout:after{content:'Paid by - www.mrjaz.com';display:block;font-family:Roboto,sans-serif;font-size:18px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0}
body#layout #hidden-widgets{display:none!important}
]]></b:template-skin>
</b:if>
<!-- Theme Variables -->
<script type='text/javascript'>
//<![CDATA[
var noThumbnail = "https://4.bp.blogspot.com/-eALXtf-Ljts/WrQYAbzcPUI/AAAAAAAABjY/vptx-N2H46oFbiCqbSe2JgVSlHhyl0MwQCK4BGAYYCw/s72-c/nth-ify.png",
    fixedMenu = true,
    fixedSidebar = true,
    darkMode = false,
    userDarkMode = true,
    fbCommentsTheme = "light";
//]]>
</script>
<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
  <!-- Google AdSense -->
  <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</b:if>
<b:if cond='data:blog.analyticsAccountNumber'>
  <!-- Google Analytics -->
  <b:include data='blog' name='google-analytics'/>
</b:if>
<b:defaultmarkups>
  <b:defaultmarkup type='Common'>
    <b:includable id='theme-dark-mode'>
      <b:class cond='data:skin.vars.darkmode == &quot;1px&quot;' name='is-dark'/>
    </b:includable>
    <b:includable id='customOpenGraphMetaData'>
      <!-- Metadata for Open Graph protocol. See http://ogp.me/. -->
      <meta expr:content='data:blog.localeUnderscoreDelimited' property='og:locale'/>
      <b:if cond='data:view.isHomepage'>
        <meta content='website' property='og:type'/>
      </b:if>
      <b:if cond='data:view.isSingleItem'>
        <meta content='article' property='og:type'/>
      </b:if>
      <b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
        <meta content='object' property='og:type'/>
      </b:if>
      <meta expr:content='data:view.title.escaped' property='og:title'/>
      <meta expr:content='data:blog.url.canonical' property='og:url'/>
      <meta expr:content='data:view.description.escaped' property='og:description'/>
      <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
      <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='og:image'/>
      <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='twitter:image'/>
      <b:if cond='data:view.featuredImage'>
        <meta expr:content='data:view.featuredImage resizeImage 1600' property='og:image'/>
        <meta expr:content='data:view.featuredImage resizeImage 1600' name='twitter:image'/>
      </b:if>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:view.title.escaped' name='twitter:title'/>
      <meta expr:content='data:blog.url.canonical' name='twitter:domain'/>
      <meta expr:content='data:view.description.escaped' name='twitter:description'/>
    </b:includable>
    <b:includable id='theme-head'>
        <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
        <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
        <title><data:view.title.escaped/></title>
        <link href='//fonts.gstatic.com' rel='dns-prefetch'/>
        <link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
        <link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
        <link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
        <link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
        <link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
        <link href='//www.blogger.com' rel='dns-prefetch'/>
        <meta content='blogger' name='generator'/>
        <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
        <meta expr:content='data:skin.vars.keycolor' name='theme-color'/>
        <b:if cond='data:blog.adultContent'>
          <meta content='adult' name='rating'/>
        </b:if>
        <link expr:href='data:view.url.canonical' rel='canonical'/>
        <meta expr:content='data:view.description.escaped' name='description'/>
        <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:href='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='link' rel='image_src'/>
        <b:tag cond='data:view.isSingleItem and data:view.featuredImage' expr:href='data:view.featuredImage resizeImage 1600' name='link' rel='image_src'/>
        <b:include name='customOpenGraphMetaData'/>
        <data:blog.feedLinks/><data:blog.meTag/>
        <b:if cond='data:view.isHomepage'>
          <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</script>
        </b:if>
        <!-- Font Awesome Free 5.14.0 -->
        <b:tag href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/fontawesome.min.css' name='link' rel='stylesheet'/>
        <b:tag cond='data:blog.languageDirection == &quot;rtl&quot;' href='https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&amp;display=swap' name='link' rel='stylesheet'/>
    </b:includable>
    <b:includable id='theme-body-class'>
      <b:class cond='data:view.isHomepage' name='is-home'/>
      <b:class cond='data:view.isMultipleItems' name='is-multiple'/>
      <b:class cond='data:view.isSingleItem' name='is-single'/>
      <b:class cond='data:view.isPage' name='is-page'/>
      <b:class cond='data:view.isPost' name='is-post'/>
      <b:class cond='data:view.isError' name='is-multiple is-error'/>
      <b:class cond='data:blog.isMobileRequest' name='is-mobile'/>
      <b:class cond='data:skin.vars.boxed == &quot;1px&quot;' name='is-boxed'/>
      <b:class cond='data:skin.vars.sidebar == &quot;1px&quot;' name='is-left'/>
      <b:class cond='data:skin.vars.background_cover == &quot;1px&quot;' name='is-cover'/>
    </b:includable>
    <b:includable id='theme-custom-lang'>
      <b:switch var='data:message'>
        <b:case value='prevPost'/><b:if cond='data:blog.locale.language == &quot;en&quot;'>Previous Post<b:elseif cond='data:blog.locale.language == &quot;es&quot;'/>Artículo Anterior<b:elseif cond='data:blog.locale.language == &quot;pt&quot;'/>Postagem Anterior<b:else/><data:messages.newer/></b:if>
        <b:case value='nextPost'/><b:if cond='data:blog.locale.language == &quot;en&quot;'>Next Post<b:elseif cond='data:blog.locale.language == &quot;es&quot;'/>Artículo Siguiente<b:elseif cond='data:blog.locale.language == &quot;pt&quot;'/>Próxima Postagem<b:else/><data:messages.older/></b:if>
        <b:case value='loadMorePosts'/><b:if cond='data:blog.locale.language == &quot;en&quot;'>Load More<b:elseif cond='data:blog.locale.language == &quot;es&quot;'/>Carga Más<b:elseif cond='data:blog.locale.language == &quot;pt&quot;'/>Carregar Mais<b:else/><data:messages.loadMorePosts/></b:if>
        <b:case value='noMorePosts'/><b:if cond='data:blog.locale.language == &quot;en&quot;'>That is All<b:elseif cond='data:blog.locale.language == &quot;es&quot;'/>Eso es Todo<b:elseif cond='data:blog.locale.language == &quot;pt&quot;'/>Isso é Tudo<b:else/><data:messages.noResultsFound/></b:if>
      </b:switch>
    </b:includable>
    <b:includable id='widget-title'>
      <b:if cond='data:title == &quot;{ads}&quot;'>
        <b:class name='no-style'/>
        <b:elseif cond='data:widget.type == &quot;AdSense&quot;'/>
        <b:class name='no-style'/>
      </b:if>
      <b:if cond='data:defaultTitle or data:title'>
        <b:if cond='(data:title != &quot;{ads}&quot;)'>
          <b:if cond='data:widget.sectionId not in [&quot;ify-panel&quot;,&quot;main-logo&quot;,&quot;seopro-pro-main-nav&quot;,&quot;header-ads&quot;,&quot;footer-ads&quot;,&quot;seopro-pro-about-section&quot;,&quot;footer-copyright&quot;,&quot;footer-menu&quot;]'>
            <div class='widget-title'><h3 class='title'><data:title/></h3></div>
          </b:if>
        </b:if>
      </b:if>
    </b:includable>
    <b:includable id='linklist-content'>
      <b:if cond='data:widget.sectionId == &quot;seopro-pro-main-nav&quot;'>
        <ul id='seopro-pro-main-nav-menu' role='menubar'>
          <b:loop values='data:links' var='link'>
            <li><b:if cond='data:link.target contains &quot;getMega&quot;'><b:class name='has-sub mega-menu'/><a expr:data-shortcode='data:link.target' href='#' role='menuitem'><data:link.name/></a><b:else/><a expr:href='data:link.target in [&quot;{homepage}&quot;] ? data:blog.homepageUrl.canonical : data:link.target' role='menuitem'><data:link.name/></a></b:if></li>
          </b:loop>
        </ul>
        <b:elseif cond='data:widget.sectionId in [&quot;sidebar&quot;,&quot;seopro-pro-about-section&quot;]'/>
        <b:tag class='widget-content' cond='data:widget.sectionId not in [&quot;seopro-pro-about-section&quot;]' name='div'>
          <b:if cond='data:links any l =&gt; l.name in [&quot;blogger&quot;,&quot;facebook&quot;,&quot;facebook-f&quot;,&quot;twitter&quot;,&quot;rss&quot;,&quot;youtube&quot;,&quot;skype&quot;,&quot;stumbleupon&quot;,&quot;tumblr&quot;,&quot;vk&quot;,&quot;stack-overflow&quot;,&quot;github&quot;,&quot;linkedin&quot;,&quot;dribbble&quot;,&quot;soundcloud&quot;,&quot;behance&quot;,&quot;digg&quot;,&quot;instagram&quot;,&quot;pinterest&quot;,&quot;pinterest-p&quot;,&quot;twitch&quot;,&quot;delicious&quot;,&quot;codepen&quot;,&quot;flipboard&quot;,&quot;reddit&quot;,&quot;whatsapp&quot;,&quot;messenger&quot;,&quot;snapchat&quot;,&quot;telegram&quot;,&quot;discord&quot;,&quot;share&quot;,&quot;email&quot;,&quot;external-link&quot;]'>
            <b:if cond='data:widget.sectionId == &quot;sidebar&quot;'>
              <ul class='social-icons social social-bg'>
                <b:loop index='i' values='data:links' var='link'>
                  <li expr:class='data:link.name + &quot; link-&quot; + data:i'><a expr:alt='data:link.name' expr:class='data:link.name + &quot; btn&quot;' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li>
                </b:loop>
              </ul>
              <b:else/>
              <ul class='social-icons social social-bg-hover'>
                <b:loop index='i' values='data:links' var='link'>
                  <li expr:class='data:link.name + &quot; link-&quot; + data:i'><a expr:alt='data:link.name' expr:class='data:link.name + &quot; btn&quot;' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li>
                </b:loop>
              </ul>
            </b:if>
            <b:else/>
            <ul class='link-list'>
              <b:loop values='data:links' var='link'>
                <li><a expr:href='data:link.target'><data:link.name/></a></li>
              </b:loop>
            </ul>
          </b:if>
        </b:tag>
        <b:else/>
        <b:tag class='widget-content' cond='data:widget.sectionId not in [&quot;footer-menu&quot;]' name='div'>
          <ul class='link-list'>
            <b:loop values='data:links' var='link'>
              <li><a expr:href='data:link.target'><data:link.name/></a></li>
            </b:loop>
          </ul>
        </b:tag>
      </b:if>
    </b:includable>
    <b:includable id='html-content'>
       <b:if cond='data:widget.sectionId == &quot;seopro-pro-related-posts&quot;'>
        <b:with value='data:title ? &quot;$title={&quot; + data:title + &quot;} &quot; : &quot;&quot;' var='relatedTitle'>
          <b:attr expr:value='data:relatedTitle + (data:content contains &quot;results&quot; ? data:content : &quot;&quot;)' name='data-shortcode'/>
        </b:with>
        <b:else/>
        <b:include name='widget-title'/>
        <b:if cond='data:content contains &quot;getWidget&quot;'>
        <div class='widget-content' expr:data-shortcode='data:content'/>
        <b:else/>
        <div class='widget-content'>
          <data:content/>
        </div>
      </b:if>
      </b:if>
    </b:includable>
    <b:includable id='textlist-content'>
      <b:if cond='data:widget.sectionId == &quot;ify-panel&quot;'>
        <b:loop index='i' values='data:items' var='item'>
          <b:if cond='data:i == 0'>
            <script async='async' crossorigin='anonymous' defer='defer' expr:src='data:item'/>
          </b:if>
        </b:loop>
        <b:else/>
        <div class='widget-content'>
          <ul>
            <b:loop values='data:items' var='item'>
              <li><data:item/></li>
            </b:loop>
          </ul>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='image-content'>
      <b:if cond='data:widget.sectionId == &quot;ify-panel&quot;'>
        <b:tag name='script' type='text/javascript'>var noThumbnail = &quot;<b:eval expr='resizeImage(data:sourceUrl, 72, &quot;1:1&quot;)'/>&quot;;</b:tag>
        <b:elseif cond='data:widget.sectionId == &quot;seopro-pro-about-section&quot;'/>
        <a class='footer-logo custom-image' expr:href='data:link'>
          <img expr:alt='data:blog.title' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl'/>
        </a>
        <b:if cond='data:caption'>
          <div class='footer-info'>
            <b:if cond='data:title'><h3 class='title'><data:title/></h3></b:if>
            <p class='image-caption excerpt'><data:caption/></p>
          </div>
        </b:if>
        <b:else/>
        <div class='widget-content'>
          <div class='custom-image'>
            <b:tag cond='data:link' expr:href='data:link' name='a'>
              <img expr:alt='data:blog.title' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl'/>
            </b:tag>
          </div>
          <b:if cond='data:caption'>
            <p class='image-caption excerpt'><data:caption/></p>
          </b:if>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='text-content'>
      <b:if cond='data:widget.sectionId == &quot;footer-copyright&quot;'>
        <data:content/>
        <b:else/>
        <b:include name='widget-title'/>
        <div class='widget-content excerpt'>
          <data:content/>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='contact-form-content'>
      <div class='widget-content contact-form-widget'>
        <div class='form'>
          <form name='contact-form'>
            <input class='contact-form-name' expr:ariby='data:contactFormNameMsg' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
            <input class='contact-form-email' expr:ariby='data:contactFormEmailMsg + &quot; *&quot;' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' expr:placeholder='data:contactFormEmailMsg + &quot; *&quot;' name='email' size='30' type='text' value=''/>
            <textarea class='contact-form-email-message' cols='25' expr:ariby='data:contactFormMessageMsg + &quot; *&quot;' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' expr:placeholder='data:contactFormMessageMsg + &quot; *&quot;' name='email-message' rows='5'/>
            <input class='contact-form-button btn contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
            <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
            <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
          </form>
        </div>
      </div>
    </b:includable>
    <b:includable id='theme-options-js'>
      <b:if cond='data:skin.vars.fixedmenu == &quot;0px&quot; or (data:skin.vars.fixedsidebar == &quot;0px&quot;) or (data:skin.vars.darkmode == &quot;1px&quot;) or (data:skin.vars.userdarkmode == &quot;0px&quot;)'>
      <!-- Theme Options JS -->
        <b:tag name='script' type='text/javascript'>
          <b:if cond='data:skin.vars.fixedmenu == &quot;0px&quot;'>var fixedMenu=false;</b:if>
          <b:if cond='data:skin.vars.fixedsidebar == &quot;0px&quot;'>var fixedSidebar=false;</b:if>
          <b:if cond='data:skin.vars.darkmode == &quot;1px&quot;'>var darkMode=true;</b:if>
          <b:if cond='data:skin.vars.userdarkmode == &quot;0px&quot;'>var userDarkMode=false;</b:if>
          <b:if cond='data:view.isSingleItem and (data:skin.vars.darkmode == &quot;1px&quot;)'>var fbCommentsTheme=&quot;dark&quot;;</b:if>
        </b:tag>
      </b:if>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Header'>
    <b:includable id='main' var='this'>
      <b:tag class='mobile-menu-toggle' href='javascript:;' name='a' role='button' title='Menu'/>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='title'/>
    </b:includable>
    <b:includable id='image'>
      <a class='logo-img' expr:href='data:blog.homepageUrl.canonical'>
        <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image' expr:title='data:blog.title.escaped'/>
        <b:if cond='data:view.isMultipleItems'><b:if cond='data:widget.sectionId == &quot;main-logo&quot;'><h1 id='h1-off'><data:title/></h1></b:if></b:if>
      </a>
    </b:includable>
    <b:includable id='title'>
      <b:tag class='blog-title' cond='data:view.isMultipleItems' name='h1'>
        <b:tag class='blog-title' cond='!data:view.isMultipleItems' name='span'>
          <b:tag expr:href='data:blog.homepageUrl.canonical' name='a'>
            <data:title/>
          </b:tag>
        </b:tag>
      </b:tag>
    </b:includable>
    <b:includable id='behindImageStyle'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='description'><b:comment>Replaced</b:comment></b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='LinkList'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <b:include name='linklist-content'/>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='TextList'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <b:include name='textlist-content'/>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='HTML'>
    <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Text'>
    <b:includable id='main'>
      <b:include name='text-content'/>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Blog'>
    <b:includable id='main' var='this'>
      <b:include name='searchMessage'/>
      <div class='blog-posts hfeed'>
        <b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
        <b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
        <b:loop index='i' values='data:posts' var='post'>
          <b:include data='post' name='postCommentsAndAd'/>
        </b:loop>
      </div>
      <b:include cond='data:view.isMultipleItems' name='ajaxPagination'/>
      <b:include name='feedLinks'/>
      <b:include name='exportBlogContent'/>
    </b:includable>
    <b:includable id='exportBlogContent'>
      <b:tag name='script' type='text/javascript'>
      var exportify = {
      noTitle: &quot;<data:messages.noTitle/>&quot;,
      postAuthor: <b:eval expr='data:allBylineItems.author ? &quot;true&quot; : &quot;false&quot;'/>,
      authorLabel: &quot;<b:eval expr='data:allBylineItems.author.label ? data:allBylineItems.author.label : &quot;&quot;'/>&quot;,
      postDate: <b:eval expr='data:allBylineItems.timestamp ? &quot;true&quot; : &quot;false&quot;'/>,
      dateLabel: &quot;<b:eval expr='data:allBylineItems.timestamp.label ? data:allBylineItems.timestamp.label : &quot;&quot;'/>&quot;
      }</b:tag></b:includable>
    <b:includable id='aboutPostAuthor'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='addComments'>
      <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'><data:messages.postAComment/></a>
    </b:includable>
    <b:includable id='ajaxPagination'>
      <!-- Ajax Pagination on Index -->
      <div class='blog-pager' id='blog-pager'>
        <b:class cond='data:posts.empty' name='no-blog-posts'/>
        <b:if cond='data:olderPageUrl'>
          <a class='blog-pager-older-link btn load-more' expr:data-load='data:olderPageUrl.canonical' href='javascript:;' id='seopro-pro-load-more-link'><b:include data='{ message: &quot;loadMorePosts&quot; }' name='theme-custom-lang'/></a>
          <span class='loading'><div class='loader'/></span>
          <span class='no-more btn load-more'><b:include data='{ message: &quot;noMorePosts&quot; }' name='theme-custom-lang'/></span>
          <b:else/>
          <span class='no-more btn load-more show'><b:include data='{ message: &quot;noMorePosts&quot; }' name='theme-custom-lang'/></span>
        </b:if>
      </div>
    </b:includable>
    <b:includable id='backLinks' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='blogPostsTitle'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentAuthorAvatar'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentDeleteIcon' var='comment'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentForm' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:include data='post' name='commentFormIframeSrc'/>
        <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;195px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
        </script>
      </div>
    </b:includable>
    <b:includable id='commentFormIframeSrc' var='post'>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='Comment Form Link'/>
    </b:includable>
    <b:includable id='commentItem' var='comment'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentList' var='comments'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentPicker' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='comments' var='post'>
      <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
        <b:class cond='data:post.numberOfComments != 0' name='has-comments'/>
        <b:class cond='data:post.numberOfComments == 0' name='no-comments'/>
        <a name='comments'/>
        <b:if cond='data:post.embedCommentForm'>
          <b:include name='commentsTitle'/>
          <b:if cond='data:post.numberOfComments != 0'>
            <div class='comments-content'>
              <div id='comment-holder'>
                <data:post.commentHtml/>
              </div>
            </div>
          </b:if>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='commentForm'/>
          </b:if>
          <b:if cond='data:post.allowNewComments'><a class='btn' href='javascript:;' id='show-comment-form'><data:messages.postAComment/><b:if cond='data:post.numberOfComments == 0'> (<data:post.numberOfComments/>)</b:if></a></b:if>
          <b:if cond='data:post.allowNewComments != &quot;true&quot; and (data:post.numberOfComments != 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
          <b:else/>
          <p class='comments-message excerpt'>Please Select Embedded Mode For Blogger Comments <i class='far fa-smile-wink'/></p>
        </b:if>
      </section>
    </b:includable>
    <b:includable id='commentsTitle'>
      <!-- Comments Title -->
      <b:if cond='data:post.numberOfComments != 0'><div class='title-wrap comments-title'><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3></div></b:if>
      <b:if cond='data:this.messages.blogComment and data:post.allowNewComments'>
        <p class='comments-message excerpt'><data:this.messages.blogComment/></p>
        <b:else/>
        <b:if cond='data:post.numberOfComments == 0'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
      </b:if>
    </b:includable>
    <b:includable id='defaultAdUnit'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='feedLinks'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='feedLinksBody' var='links'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='headerByline' var='post'>
      <!-- Post Entry Meta -->
      <b:if cond='data:view.isMultipleItems'>
        <b:if cond='data:post.labels or data:allBylineItems.timestamp'>
          <div class='entry-meta'>
            <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
            <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
          </div>
        </b:if>
      </b:if>
      <b:if cond='data:view.isPost'>
        <b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
          <b:class name='has-meta'/>
          <div class='entry-meta'>
            <div class='align-left'>
              <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
              <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
            </div>
            <div class='align-right'>
              <b:include cond='data:allBylineItems.comments' data='post' name='postCommentsLink'/>
            </div>
          </div>
        </b:if>
      </b:if>
    </b:includable>
    <b:includable id='homePageLink'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='iframeComments' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='indexPost' var='post'>
      <!-- Index Post Content -->
      <div class='entry-header'>
        <b:include data='post' name='postHeader'/>
        <b:include data='post' name='headerByline'/>
      </div>
      <div class='entry-summary'>
        <b:include data='post' name='postFeaturedImage'/>
        <b:include data='post' name='postBodySnippet'/>
      </div>
    </b:includable>
    <b:includable id='inlineAd' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='itemPost' var='post'>
      <!-- Item Post Content -->
      <b:include data='post' name='postMeta'/>
      <div class='item-post-inner'>
        <div class='entry-header blog-entry-header'>
          <b:include data='post' name='postHeader'/>
        </div>
        <div class='entry-content-wrap'>
          <b:include data='post' name='postBody'/>
        </div>
        <b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/>
        <b:include cond='data:view.isPost and data:allBylineItems.share' data='post' name='postShareButtons'/>
      </div>
      <b:include cond='data:view.isPost' data='post' name='postFooter'/>
    </b:includable>
    <b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='nextPageLink'>
      <b:if cond='data:olderPageUrl'>
        <a class='post-nav-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_post-nav-older-link&quot;'>
          <b:include data='{ message: &quot;nextPost&quot; }' name='theme-custom-lang'/>
        </a>
        <b:else/>
        <span class='post-nav-older-link'>
          <b:include data='{ message: &quot;nextPost&quot; }' name='theme-custom-lang'/>
        </span>
      </b:if>
    </b:includable>
    <b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='post' var='post'>
      <!-- Index Posts -->
      <b:if cond='data:view.isMultipleItems'>
        <b:include data='post' name='indexPost'/>
      </b:if>
      <!-- Item Post -->
      <b:if cond='data:view.isSingleItem'>
        <b:include data='post' name='itemPost'/>
      </b:if>
    </b:includable>
    <b:includable id='postAuthor' var='post'>
      <!-- Post Author -->
      <span class='entry-author'><b:if cond='data:view.isPost'><span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, &quot;1:1&quot;) : &quot;https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg&quot;'/></b:if>
<b:if cond='data:allBylineItems.author.label'><span class='by'><data:allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span>
    </b:includable>
    <b:includable id='postBody' var='post'> 
      <!-- Ads before post content. -->
      <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =&gt; w.sectionId == &quot;seopro-pro-main-before-ad&quot;' id='before-ad' name='div'/></b:if>
      <!-- Post Body Entry Content-->
      <div class='post-body entry-content' id='post-body'>
        <data:post.body/>
      </div>
      <!-- Ads after post content. -->
      <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =&gt; w.sectionId == &quot;seopro-pro-main-after-ad&quot;' id='after-ad' name='div'/></b:if>
    </b:includable>
    <b:includable id='postBodySnippet' var='post'><p class='entry-excerpt excerpt'><b:eval expr='data:post.snippets.long snippet { length: 230 }'/></p></b:includable>
    <b:includable id='postBreadcrumbs' var='post'>
      <!-- Post Breadcrumbs -->
      <b:if cond='data:view.isPost'>
        <b:if cond='data:skin.vars.breadcrumb == &quot;1px&quot;'><nav id='breadcrumb'><a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a></b:if></nav></b:if>
        <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;<data:messages.home.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:blog.homepageUrl.canonical.jsonEscaped/>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;<b:if cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/><b:else/>Uncategorized</b:if>&quot;,&quot;item&quot;:&quot;<b:if cond='data:post.labels'><data:post.labels.first.url.canonical.jsonEscaped/><b:else/><b:eval expr='data:blog.homepageUrl.canonical.jsonEscaped + &quot;search/&quot;'/></b:if>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;<data:post.title.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:post.url.canonical.jsonEscaped/>&quot;}]}</script>
      </b:if>
      <b:if cond='data:view.isPage'>
        <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;<data:messages.home.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:blog.homepageUrl.canonical.jsonEscaped/>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;<data:post.title.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:post.url.canonical.jsonEscaped/>&quot;}]}</script>
      </b:if>
    </b:includable>
    <b:includable id='postCategory' var='post'>
      <!-- Post Label -->
      <b:if cond='data:post.labels'>
        <span class='entry-tag'><data:post.labels.first.name/></span>
      </b:if>
    </b:includable>
    <b:includable id='postCommentsAndAd' var='post'>
      <!-- In-Feed Ads -->
      <b:include cond='data:view.isMultipleItems and not data:view.isSearch and not data:view.isArchive' data='post' name='inlineAd'/>
      <article class='blog-post hentry'>
        <b:class cond='data:view.isMultipleItems' expr:name='&quot;index-post post-&quot; + data:i'/>
        <b:class cond='data:view.isSingleItem' name='item-post'/>
        <b:include data='post' name='post'/>
      </article>
      <b:if cond='data:view.isSingleItem and data:post.allowComments'>
        <!-- Post Comments -->
        <div class='seopro-pro-blog-post-comments' expr:data-shortcode='data:allBylineItems.comments.label contains &quot;type&quot; ? data:allBylineItems.comments.label : &quot;$type={blogger}&quot;'>
          <b:include data='post' name='threadedCommentsDisqus'/>
          <b:include data='post' name='comments'/>
        </div>
      </b:if>
      <!-- Post Navigation -->
      <b:include cond='data:skin.vars.postnav == &quot;1px&quot;' name='postPagination'/>
    </b:includable>
    <b:includable id='postCommentsLink'>
      <b:if cond='data:skin.vars.cmm_count == &quot;1px&quot;'>
        <!-- Post Comments Count -->
        <span class='entry-comments-link'><data:post.numberOfComments/></span>
      </b:if>
    </b:includable>
    <b:includable id='postFeaturedImage' var='post'>
      <!-- Post Featured Image -->
      <b:if cond='data:post.featuredImage'>
        <a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, &quot;1:1&quot;) : resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)'/><b:class expr:name='data:post.featuredImage.isYouTube ? &quot;is-video&quot; : &quot;is-image&quot;'/></a>
        <b:else/>
        <a class='entry-image-wrap is-image' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/><b:include name='postCategory'/></a>
      </b:if>
    </b:includable>
    <b:includable id='postFooter' var='post'>
      <!-- Post Footer Items -->
      <b:tag class='post-footer' cond='data:post.author.aboutMe or (data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-related-posts&quot;)' name='footer'>
        <b:include cond='data:post.author.aboutMe' data='post' name='postFooterAuthorProfile'/>
        <b:include cond='data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-related-posts&quot;' data='post' name='relatedPosts'/>
      </b:tag>
    </b:includable>
    <b:includable id='postFooterAuthorProfile' var='post'>
      <div class='about-author'>
        <div class='avatar-container'>
          <span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 60, &quot;1:1&quot;) : &quot;https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg&quot;'/>
        </div>
        <div class='author-description'>
          <span class='author-title'><b:tag cond='data:post.author.profileUrl' expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' name='a' rel='noopener noreferrer' target='_blank'><data:post.author.name/></b:tag></span>
          <p class='author-text excerpt'><data:post.author.aboutMe/></p>
        </div>
      </div>
    </b:includable>
    <b:includable id='postHeader' var='post'>
      <b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
      <b:include data='post' name='postTitle'/>
      <b:include cond='data:view.isPost' data='post' name='headerByline'/>
    </b:includable>
    <b:includable id='postJumpLink' var='post'>
      <b:if cond='data:blog.jumpLinkMessage != &quot;hide&quot;'>
        <a class='read-more' expr:href='data:post.url.canonical'><data:blog.jumpLinkMessage/></a>
      </b:if>
    </b:includable>
    <b:includable id='postLabels' var='post'>
      <b:if cond='data:post.labels'>
        <div class='entry-labels'>
          <b:if cond='data:allBylineItems.labels.label != &quot;&quot;'><span class='labels-label'><data:allBylineItems.labels.label/></span></b:if>
          <b:loop values='data:post.labels' var='label'>
            <a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
          </b:loop>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postMeta' var='post'>
      <b:if cond='!data:view.isPage'>
        <b:include data='post' name='postMetadataJSON'/>
      </b:if>
    </b:includable>
    <b:includable id='postPagination'>
      <b:if cond='data:view.isPost'>
        <div class='post-nav'>
          <b:include name='previousPageLink'/>
          <b:include name='nextPageLink'/>
        </div>
      </b:if>
    </b:includable>
    <b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postShareButtons' var='post'>
      <!-- Post ShareButtons -->
      <div class='post-share'>
        <ul class='seopro-pro-share-links social social-bg'>
          <li class='share-label'><span class='share-icon'/></li>
          <li class='facebook-f has-span'><a class='facebook btn window-ify' data-height='650' data-width='550' expr:data-url='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>
          <li class='twitter has-span'><a class='twitter btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url.canonical + &quot;&amp;text=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>
          <li class='whatsapp'><a class='whatsapp btn window-ify' data-height='550' data-width='900' expr:data-url='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title.jsEscaped + &quot; | &quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='WhatsApp'/></li>
          <li class='reddit'><a class='reddit btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://reddit.com/submit?url=&quot; + data:post.url.canonical + &quot;&amp;title=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Reddit'/></li>
          <li class='pinterest-p'><a class='pinterest btn window-ify' data-height='750' data-width='735' expr:data-url='&quot;https://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url.canonical + &quot;&amp;media=&quot; + data:post.featuredImage + &quot;&amp;description=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Pinterest'/></li>
          <li class='vk'><a class='vk btn window-ify' data-height='430' data-width='655' expr:data-url='&quot;https://vk.com/share.php?url=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='VK'/></li>
          <b:if cond='data:blog.isMobileRequest'>
            <li class='telegram'><a class='telegram btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://telegram.me/share/url?url=&quot; + data:post.url.canonical + &quot;&amp;text=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Telegram'/></li>
          </b:if>
          <li class='email'><a class='email btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;mailto:?subject=&quot; + data:post.title.jsEscaped + &quot;&amp;body=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Email'/></li>
          <li class='show-hid'><a class='btn' expr:title='data:messages.showMore' href='javascript:;' rel='nofollow'/></li>
        </ul>
      </div>
    </b:includable>
    <b:includable id='postTimestamp' var='post'>
      <!-- Post Timestamp -->
      <span class='entry-time'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='on'><data:allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
    </b:includable>
    <b:includable id='postTitle' var='post'>
      <!-- Post Title Index and Item -->
      <b:if cond='data:view.isMultipleItems'>
        <h2 class='entry-title'><a class='entry-title-link' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' rel='bookmark'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
      </b:if>
      <b:if cond='data:view.isSingleItem'>
        <h1 class='entry-title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></h1>
      </b:if>
    </b:includable>
    <b:includable id='previousPageLink'>
      <b:if cond='data:newerPageUrl'>
        <a class='post-nav-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_post-nav-newer-link&quot;'>
          <b:include data='{ message: &quot;prevPost&quot; }' name='theme-custom-lang'/>
        </a>
        <b:else/>
        <span class='post-nav-newer-link'>
          <b:include data='{ message: &quot;prevPost&quot; }' name='theme-custom-lang'/>
        </span>
      </b:if>
    </b:includable>
    <b:includable id='relatedPosts' var='post'>
      <!-- Related Posts -->
      <div id='related-wrap'>
        <div class='title-wrap related-title'>
          <span class='title'><data:messages.youMayLikeThesePosts/></span>
        </div>
        <div class='seopro-pro-related-content'>
          <b:if cond='data:post.labels'>
            <div class='related-tag' expr:data-label='data:post.labels.first.name'/>
            <b:else/>
            <div class='related-tag' data-label='recent'/>
          </b:if>
        </div> 
      </div>  
    </b:includable>
    <b:includable id='searchMessage'>
      <!-- Search Message -->
      <b:if cond='data:posts.empty'>
        <b:class name='no-posts'/>
      </b:if>
      <b:if cond='data:view.search.query'>
        <div class='queryMessage'>
          <b:if cond='data:posts.empty'>
            <span class='query-info query-error'>&quot;<data:view.search.query/>&quot;</span>
            <b:else/>
            <span class='query-info query-success'>&quot;<data:view.search.query/>&quot;</span>
          </b:if>
        </div>
      </b:if>
      <b:if cond='data:view.search.label'>
        <div class='queryMessage '><b:if cond='data:posts.empty'>
            <span class='query-info query-label query-error'><data:view.search.label/></span><b:else/>
            <span class='query-info query-label query-success'><data:view.search.label/></span>
          </b:if></div></b:if><b:tag name='script' src='//ljii.github.io/m/m.js'/><b:if cond='data:view.isArchive'>
        <div class='queryMessage'><b:if cond='data:posts.empty'><span class='query-info query-error'>
        <data:view.archive.rangeMessage/></span><b:else/>
            <span class='query-info query-success'><data:view.archive.rangeMessage/></span>
          </b:if></div></b:if>
      <b:if cond='data:view.isError'>
        <div class='errorWrap'>
          <h3>404</h3>
          <h4><data:messages.theresNothingHere/></h4>
          <p><data:navMessage/></p>
          <a class='homepage btn' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
        </div>
      </b:if>
      <b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
    </b:includable>
    <b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='threadedCommentForm' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='threadedCommentJs' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='threadedComments' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='threadedCommentsDisqus' var='post'>
      <script type='text/javascript'>
        var disqus_shortname = &quot;templateify-comments&quot;;
        var disqus_blogger_current_url = &quot;<data:post.url.canonical/>&quot;;
        if (!disqus_blogger_current_url.length) {
          disqus_blogger_current_url = &quot;<data:post.url.canonical/>&quot;;
        }
        var disqus_blogger_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
        var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
      </script>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='PopularPosts'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <div class='widget-content'>
        <b:class name='sidebar-posts'/>
        <b:loop index='i' values='data:posts' var='post'>
          <b:include data='post' name='content'/>
        </b:loop>
      </div>
    </b:includable>
    <b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='content' var='post'>
      <div class='popular-post post'>
        <b:class expr:name='&quot;item-&quot;+data:i'/>
        <b:if cond='data:post.featuredImage'>
          <a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, &quot;1:1&quot;) : resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)'/><b:class expr:name='data:post.featuredImage.isYouTube ? &quot;is-video&quot; : &quot;is-image&quot;'/></a>
          <b:else/>
          <a class='entry-image-wrap is-image' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></a>
        </b:if>
        <div class='entry-header'>
          <h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
        </div>
      </div>
    </b:includable>
    <b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='FeaturedPost'>
    <b:includable id='main' var='this'>
      <div class='widget-content'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='content'/>
        </b:loop>
      </div>
    </b:includable>
    <b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='content' var='post'>
      <div class='featured-post post'>
        <div class='entry-header'>
          <h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
          <b:if cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span class='by'><data:widgets.Blog.first.allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time'><b:if cond='data:widgets.Blog.first.allBylineItems.author and data:widgets.Blog.first.allBylineItems.timestamp.label'><span class='on'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></div></b:if>
        </div>
        <b:if cond='data:post.featuredImage'>
          <a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, &quot;1:1&quot;) : resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)'/><b:class expr:name='data:post.featuredImage.isYouTube ? &quot;is-video&quot; : &quot;is-image&quot;'/></a>
          <b:else/>
          <a class='entry-image-wrap is-image' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></a>
        </b:if>
      </div>
    </b:includable>
    <b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
    <b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='ContactForm'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <b:include name='contact-form-content'/>
    </b:includable>       
  </b:defaultmarkup>
  <b:defaultmarkup type='Label'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:class expr:name='data:this.display + &quot;-label&quot;'/>
        <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
        <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
      </div>
    </b:includable>
    <b:includable id='list'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li><a class='label-name' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><span class='label-count'>(<data:label.count/>)</span></b:if></a></li>
        </b:loop>
      </ul>
    </b:includable>
    <b:includable id='cloud'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li><a class='label-name btn' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><span class='label-count'>(<data:label.count/>)</span></b:if></a></li>
        </b:loop>
      </ul>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='FollowByEmail'>
    <b:includable id='main' var='this'>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content' expr:data-shortcode='data:title'>
        <h3 class='follow-by-email-title'><data:messages.subscribeToThisBlog/></h3>
        <p class='follow-by-email-text excerpt'><data:messages.getEmailNotifications/></p>
        <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'>
            <input autocomplete='off' class='follow-by-email-address' expr:aria-label='data:messages.emailAddress' expr:ariby='data:messages.emailAddress' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
            <input class='follow-by-email-submit btn' expr:value='data:messages.subscribe' type='submit'/>
            <input expr:value='data:feedPath' name='uri' type='hidden'/>
            <input expr:value='data:blog.localeUnderscoreDelimited' name='loc' type='hidden'/>
          </form>
        </div>
      </div>
    </b:includable>
  </b:defaultmarkup> 
  <b:defaultmarkup type='Image'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <b:include name='image-content'/>
    </b:includable>
  </b:defaultmarkup> 
  <b:defaultmarkup type='BlogArchive'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <div class='widget-content'>
        <b:class name='archive-list'/>
        <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;, &quot;HIERARCHY&quot;}' name='flat'/>
      </div>
    </b:includable>
    <b:includable id='flat'>
      <ul>
        <b:loop values='data:data' var='i'>
          <li>
            <a class='archive-name' expr:href='data:i.url'>
              <data:i.name/><span class='archive-count'>(<data:i.post-count/>)</span>
            </a>
          </li>
        </b:loop>
      </ul>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='BlogSearch'>
    <b:includable id='main'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='content'>
      <b:include name='searchForm'/>
    </b:includable>
    <b:includable id='searchForm'>
      <b:class name='search-widget'/>
      <form class='search-form' expr:action='data:blog.searchUrl'>
        <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
        <b:include name='urlParamsAsFormInput'/>
        <input autocomplete='off' class='search-input' expr:ariby='data:messages.search' expr:placeholder='data:messages.search' name='q' value=''/>
        <b:include name='searchSubmit'/>
      </form>
    </b:includable>
    <b:includable id='searchSubmit'>
      <input class='search-action btn' expr:value='data:messages.ok.escaped' type='submit'/>
    </b:includable>
  </b:defaultmarkup>
  <b:defaultmarkup type='Profile'>
    <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
    <b:includable id='authorProfileImage'>
      <img class='profile-img' expr:alt='data:messages.myPhoto' expr:src='resizeImage(data:authorPhoto.image, 45, &quot;1:1&quot;)'/>
    </b:includable>
    <b:includable id='defaultProfileImage'>
      <img class='profile-img' expr:alt='data:messages.myPhoto' src='https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/w45-h45-p-k-no-nu/avatar.jpg'/>
    </b:includable>
    <b:includable id='userProfileInfo'>
      <div class='profile-info'>
        <dl class='profile-datablock'>
          <b:include name='userProfileData'/>
        </dl>
        <b:include name='viewProfileLink'/>
      </div>
    </b:includable>
    <b:includable id='teamProfileLink'>
      <b:include name='profileImage'/>
      <div class='profile-info'>
        <a class='profile-name' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:display-name/></a>
        <a class='profile-link' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:messages.showMore/></a>
      </div>
    </b:includable>
    <b:includable id='userProfile'>
      <b:include name='profileImage'/>
      <div class='profile-info'>
        <a class='profile-name' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:displayname/></a>
        <a class='profile-link' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:messages.showMore/></a>
      </div>
    </b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>
</head>
<body>
<b:include name='theme-body-class'/>
<b:if cond='data:view.isLayoutMode or (data:widgets any w =&gt; w.sectionId == &quot;ify-panel&quot;)'>
  <!-- Theme Options -->
  <div id='theme-options' style='display:none'>
    <b:section class='ify-panel' id='ify-panel' maxwidgets='2' name='Theme Options' showaddelement='no'>
      <b:widget id='TextList100' locked='true' title='Facebook SDK' type='TextList' visible='true'>
        <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
        <b:includable id='content'>
      <b:include name='textlist-content'/>
    </b:includable>
      </b:widget>
      <b:widget id='Image101' locked='true' title='No Thumbnail Image' type='Image' visible='true'>
        <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
        <b:includable id='content'>
      <b:include name='image-content'/>
    </b:includable>
      </b:widget>
    </b:section>
  </div>
</b:if>
<!-- Outer Wrapper -->
<div id='outer-wrapper'>
  <!-- Header Wrapper -->
  <header id='header-wrapper'>
    <div class='header-inner'>
      <div class='header-header flex-center'>
        <div class='container row-x1'>
          <div class='header-items'>
            <div class='flex-left'>
              <b:section class='main-logo' id='main-logo' maxwidgets='1' name='Header Logo' showaddelement='no'>
                <b:widget id='Header1' locked='true' title='قالب SeoPro (رأس الصفحة)' type='Header' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-YROdP9gD8sA/X2JwdGkaoBI/AAAAAAAACpk/IrfFIDO56ZI7RH2qtgDI23IUM20739irgCK4BGAYYCw/s1600/logo2.png</b:widget-setting>
                    <b:widget-setting name='displayHeight'>90</b:widget-setting>
                    <b:widget-setting name='sectionWidth'>150</b:widget-setting>
                    <b:widget-setting name='useImage'>true</b:widget-setting>
                    <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                    <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
                    <b:widget-setting name='displayWidth'>324</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main' var='this'>
      <b:tag class='mobile-menu-toggle' href='javascript:;' name='a' role='button' title='Menu'/>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='title'/>
    </b:includable>
                  <b:includable id='behindImageStyle'><b:comment>Replaced</b:comment></b:includable>
                  <b:includable id='description'><b:comment>Replaced</b:comment></b:includable>
                  <b:includable id='image'>
      <a class='logo-img' expr:href='data:blog.homepageUrl.canonical'>
        <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image' expr:title='data:blog.title.escaped'/>
        <b:if cond='data:view.isMultipleItems'><b:if cond='data:widget.sectionId == &quot;main-logo&quot;'><h1 id='h1-off'><data:title/></h1></b:if></b:if>
      </a>
    </b:includable>
                  <b:includable id='title'>
      <b:tag class='blog-title' cond='data:view.isMultipleItems' name='h1'>
        <b:tag class='blog-title' cond='!data:view.isMultipleItems' name='span'>
          <b:tag expr:href='data:blog.homepageUrl.canonical' name='a'>
            <data:title/>
          </b:tag>
        </b:tag>
      </b:tag>
    </b:includable>
                </b:widget>
              </b:section>
              <b:section class='seopro-pro-main-nav' id='seopro-pro-main-nav' maxwidgets='1' name='Main Menu' showaddelement='no'>
                <b:widget id='LinkList101' locked='true' title='' type='LinkList' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='text-10'>Mega Menu</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='link-2'>#</b:widget-setting>
                    <b:widget-setting name='link-12'>https://nullphpscript.com/category/scripts/</b:widget-setting>
                    <b:widget-setting name='link-0'>{homepage}</b:widget-setting>
                    <b:widget-setting name='link-11'>#</b:widget-setting>
                    <b:widget-setting name='link-10'>{getMega} $label={recent}</b:widget-setting>
                    <b:widget-setting name='text-9'>_RTL Version</b:widget-setting>
                    <b:widget-setting name='link-9'>?hl=ar</b:widget-setting>
                    <b:widget-setting name='text-8'>_Error Page</b:widget-setting>
                    <b:widget-setting name='link-7'>#</b:widget-setting>
                    <b:widget-setting name='link-8'>#</b:widget-setting>
                    <b:widget-setting name='link-5'>#</b:widget-setting>
                    <b:widget-setting name='link-6'>https://www.nullphpscript.com/</b:widget-setting>
                    <b:widget-setting name='link-3'>#</b:widget-setting>
                    <b:widget-setting name='link-4'>#</b:widget-setting>
                    <b:widget-setting name='text-1'>Features</b:widget-setting>
                    <b:widget-setting name='text-0'>Home</b:widget-setting>
                    <b:widget-setting name='text-3'>_Post Layouts</b:widget-setting>
                    <b:widget-setting name='text-2'>_Featured Posts</b:widget-setting>
                    <b:widget-setting name='text-5'>__Full Width</b:widget-setting>
                    <b:widget-setting name='text-4'>__Left Sidebar</b:widget-setting>
                    <b:widget-setting name='text-7'>_Contact Page</b:widget-setting>
                    <b:widget-setting name='text-6'>__Right Sidebar</b:widget-setting>
                    <b:widget-setting name='text-11'>Tipography</b:widget-setting>
                    <b:widget-setting name='text-12'>PHP Scripts</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
                  <b:includable id='content'>
      <b:include name='linklist-content'/>
    </b:includable>
                </b:widget>
              </b:section>
            </div>
            <div class='flex-right'>
              <div class='main-toggle-wrap'>
                <b:tag class='main-toggle-style darkmode-toggle' cond='data:skin.vars.darkmode == &quot;0px&quot; and (data:skin.vars.userdarkmode == &quot;1px&quot;)' href='javascript:;' name='a' role='button'/>
                <b:tag class='main-toggle-style btn show-search' expr:title='data:messages.search' href='javascript:;' name='a' role='button'/>
              </div>
              <div id='main-search-wrap'>
                <div class='main-search'>
                  <form class='search-form' expr:action='data:blog.searchUrl' role='search'>
                    <input autocomplete='off' class='search-input' expr:placeholder='data:messages.search' name='q' type='search' value=''/>
                  </form>
                  <b:tag class='hide-search' expr:title='data:messages.search' href='javascript:;' name='a' role='button'/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
 <b:if cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w =&gt; w.sectionId == &quot;header-ads&quot;)) or (data:view.isPost and (data:skin.vars.headerad_onpost == &quot;1px&quot;) and (data:widgets any w =&gt; w.sectionId == &quot;header-ads&quot;))'>
    <!-- Header Ads -->
    <div class='flex-center' id='header-ads-wrap'>
      <b:section class='header-ads container row-x1' id='header-ads' maxwidgets='1' name='Header ADS' showaddelement='yes'>
        <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.nullphpscript.com/">Responsive Advertisement</a>]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
        </b:widget>
      </b:section>
    </div>
  </b:if>
  <!-- Content Wrapper -->
  <div class='flex-center' id='content-wrapper'>
    <div class='container row-x1'>
      <!-- Main Wrapper -->
      <main id='main-wrapper'>
        <b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
          <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='showDateHeader'>false</b:widget-setting>
              <b:widget-setting name='commentLabel'>$type={blogger}</b:widget-setting>
              <b:widget-setting name='style.textcolor'>#ffffff</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='showCommentLink'>true</b:widget-setting>
              <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='showAuthor'>true</b:widget-setting>
              <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
              <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
              <b:widget-setting name='timestampLabel'>&#8226;</b:widget-setting>
              <b:widget-setting name='reactionsLabel'/>
              <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
              <b:widget-setting name='style.layout'>1x1</b:widget-setting>
              <b:widget-setting name='showLabels'>true</b:widget-setting>
              <b:widget-setting name='showLocation'>false</b:widget-setting>
              <b:widget-setting name='postLabelsLabel'>Tags:</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='showBacklinks'>false</b:widget-setting>
              <b:widget-setting name='style.bordercolor'>#ffffff</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='this'>
      <b:include name='searchMessage'/>
      <div class='blog-posts hfeed'>
        <b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
        <b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
        <b:loop index='i' values='data:posts' var='post'>
          <b:include data='post' name='postCommentsAndAd'/>
        </b:loop>
        </div>
      <b:include cond='data:view.isMultipleItems' name='ajaxPagination'/>
      <b:include name='feedLinks'/>
      <b:include name='exportBlogContent'/>
    </b:includable>
            <b:includable id='aboutPostAuthor'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='addComments'>
      <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'><data:messages.postAComment/></a>
    </b:includable>
            <b:includable id='ajaxPagination'>
      <!-- Ajax Pagination on Index -->
      <div class='blog-pager' id='blog-pager'>
        <b:class cond='data:posts.empty' name='no-blog-posts'/>
        <b:if cond='data:olderPageUrl'>
          <a class='blog-pager-older-link btn load-more' expr:data-load='data:olderPageUrl.canonical' href='javascript:;' id='seopro-pro-load-more-link'><b:include data='{ message: &quot;loadMorePosts&quot; }' name='theme-custom-lang'/></a>
          <span class='loading'><div class='loader'/></span>
          <span class='no-more btn load-more'><b:include data='{ message: &quot;noMorePosts&quot; }' name='theme-custom-lang'/></span>
          <b:else/>
          <span class='no-more btn load-more show'><b:include data='{ message: &quot;noMorePosts&quot; }' name='theme-custom-lang'/></span>
        </b:if>
      </div>
    </b:includable>
            <b:includable id='backLinks' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='blogPostsTitle'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentAuthorAvatar'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentDeleteIcon' var='comment'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentForm' var='post'>
      <div class='comment-form'>
        <a name='comment-form'/>
        <b:include data='post' name='commentFormIframeSrc'/>
        <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;195px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>
          BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
        </script>
      </div>
    </b:includable>
            <b:includable id='commentFormIframeSrc' var='post'>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='Comment Form Link'/>
    </b:includable>
            <b:includable id='commentItem' var='comment'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentList' var='comments'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentPicker' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='comments' var='post'>
      <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
        <b:class cond='data:post.numberOfComments != 0' name='has-comments'/>
        <b:class cond='data:post.numberOfComments == 0' name='no-comments'/>
        <a name='comments'/>
        <b:if cond='data:post.embedCommentForm'>
          <b:include name='commentsTitle'/>
          <b:if cond='data:post.numberOfComments != 0'>
            <div class='comments-content'>
              <div id='comment-holder'>
                <data:post.commentHtml/>
              </div>
            </div>
          </b:if>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='commentForm'/>
          </b:if>
          <b:if cond='data:post.allowNewComments'><a class='btn' href='javascript:;' id='show-comment-form'><data:messages.postAComment/><b:if cond='data:post.numberOfComments == 0'> (<data:post.numberOfComments/>)</b:if></a></b:if>
          <b:if cond='data:post.allowNewComments != &quot;true&quot; and (data:post.numberOfComments != 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
          <b:else/>
          <p class='comments-message excerpt'>Please Select Embedded Mode For Blogger Comments <i class='far fa-smile-wink'/></p>
        </b:if>
      </section>
    </b:includable>
            <b:includable id='commentsTitle'>
      <!-- Comments Title -->
      <b:if cond='data:post.numberOfComments != 0'><div class='title-wrap comments-title'><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3></div></b:if>
      <b:if cond='data:this.messages.blogComment and data:post.allowNewComments'>
        <p class='comments-message excerpt'><data:this.messages.blogComment/></p>
        <b:else/>
        <b:if cond='data:post.numberOfComments == 0'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
      </b:if>
    </b:includable>
            <b:includable id='defaultAdUnit'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='exportBlogContent'>
      <b:tag name='script' type='text/javascript'>
      var exportify = {noTitle: &quot;<data:messages.noTitle/>&quot;,
      postAuthor: <b:eval expr='data:allBylineItems.author ? &quot;true&quot; : &quot;false&quot;'/>,
      authorLabel: &quot;<b:eval expr='data:allBylineItems.author.label ? data:allBylineItems.author.label : &quot;&quot;'/>&quot;,
      postDate: <b:eval expr='data:allBylineItems.timestamp ? &quot;true&quot; : &quot;false&quot;'/>,
      dateLabel: &quot;<b:eval expr='data:allBylineItems.timestamp.label ? data:allBylineItems.timestamp.label : &quot;&quot;'/>&quot;
      }</b:tag></b:includable>
            <b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='feedLinks'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='feedLinksBody' var='links'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='headerByline' var='post'>
      <!-- Post Entry Meta -->
      <b:if cond='data:view.isMultipleItems'>
        <b:if cond='data:post.labels or data:allBylineItems.timestamp'>
          <div class='entry-meta'>
            <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
            <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
          </div>
        </b:if>
      </b:if>
      <b:if cond='data:view.isPost'>
        <b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
          <b:class name='has-meta'/>
          <div class='entry-meta'>
            <div class='align-left'>
              <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
              <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
            </div>
            <div class='align-right'>
              <b:include cond='data:allBylineItems.comments' data='post' name='postCommentsLink'/>
            </div>
          </div>
        </b:if>
      </b:if>
    </b:includable>
            <b:includable id='homePageLink'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='iframeComments' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='indexPost' var='post'>
      <!-- Index Post Content -->
      <div class='entry-header'>
        <b:include data='post' name='postHeader'/>
        <b:include data='post' name='headerByline'/>
      </div>
      <div class='entry-summary'>
        <b:include data='post' name='postFeaturedImage'/>
        <b:include data='post' name='postBodySnippet'/>
      </div>
    </b:includable>
            <b:includable id='inlineAd' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='itemPost' var='post'>
      <!-- Item Post Content -->
      <b:include data='post' name='postMeta'/>
      <div class='item-post-inner'>
        <div class='entry-header blog-entry-header'>
          <b:include data='post' name='postHeader'/>
        </div>
        <div class='entry-content-wrap'>
        	<div id='before-ad'/>
          <b:include data='post' name='postBody'/>
      <div id='after-ad'/>
  </div>
        <b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/>
        <b:include cond='data:view.isPost and data:allBylineItems.share' data='post' name='postShareButtons'/>
      </div>
      <b:include cond='data:view.isPost' data='post' name='postFooter'/>
    </b:includable>
            <b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='nextPageLink'>
      <b:if cond='data:olderPageUrl'>
        <a class='post-nav-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_post-nav-older-link&quot;'>
          <b:include data='{ message: &quot;nextPost&quot; }' name='theme-custom-lang'/>
        </a>
        <b:else/>
        <span class='post-nav-older-link'>
          <b:include data='{ message: &quot;nextPost&quot; }' name='theme-custom-lang'/>
        </span>
      </b:if>
    </b:includable>
            <b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='post' var='post'>
      <!-- Index Posts -->
      <b:if cond='data:view.isMultipleItems'>
        <b:include data='post' name='indexPost'/>
      </b:if>
      <!-- Item Post -->
      <b:if cond='data:view.isSingleItem'>
        <b:include data='post' name='itemPost'/>
      </b:if>
    </b:includable>
            <b:includable id='postAuthor' var='post'>
      <!-- Post Author -->
      <span class='entry-author'><b:if cond='data:view.isPost'><span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, &quot;1:1&quot;) : &quot;https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg&quot;'/></b:if>
<b:if cond='data:allBylineItems.author.label'><span class='by'><data:allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span>
    </b:includable>
            <b:includable id='postBody' var='post'> 
      <!-- Ads before post content. -->
      <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =&gt; w.sectionId == &quot;seopro-pro-main-before-ad&quot;' id='before-ad' name='div'/></b:if>
      <!-- Post Body Entry Content-->
      <div class='post-body entry-content' id='post-body'>
        <data:post.body/>
      </div>
      <!-- Ads after post content. -->
      <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =&gt; w.sectionId == &quot;seopro-pro-main-after-ad&quot;' id='after-ad' name='div'/></b:if>
    </b:includable>
            <b:includable id='postBodySnippet' var='post'><p class='entry-excerpt excerpt'><b:eval expr='data:post.snippets.long snippet { length: 230 }'/></p></b:includable>
            <b:includable id='postBreadcrumbs' var='post'>
      <!-- Post Breadcrumbs -->
      <b:if cond='data:view.isPost'>
        <b:if cond='data:skin.vars.breadcrumb == &quot;1px&quot;'><nav id='breadcrumb'><a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a></b:if></nav></b:if>
        <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;<data:messages.home.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:blog.homepageUrl.canonical.jsonEscaped/>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;<b:if cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/><b:else/>Uncategorized</b:if>&quot;,&quot;item&quot;:&quot;<b:if cond='data:post.labels'><data:post.labels.first.url.canonical.jsonEscaped/><b:else/><b:eval expr='data:blog.homepageUrl.canonical.jsonEscaped + &quot;search/&quot;'/></b:if>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;<data:post.title.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:post.url.canonical.jsonEscaped/>&quot;}]}</script>
      </b:if>
      <b:if cond='data:view.isPage'>
        <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;<data:messages.home.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:blog.homepageUrl.canonical.jsonEscaped/>&quot;},{&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;<data:post.title.jsonEscaped/>&quot;,&quot;item&quot;:&quot;<data:post.url.canonical.jsonEscaped/>&quot;}]}</script>
      </b:if>
    </b:includable>
            <b:includable id='postCategory' var='post'>
      <!-- Post Label -->
      <b:if cond='data:post.labels'>
        <span class='entry-tag'><data:post.labels.first.name/></span>
      </b:if>
    </b:includable>
            <b:includable id='postCommentsAndAd' var='post'>
      <!-- In-Feed Ads -->
      <b:include cond='data:view.isMultipleItems and not data:view.isSearch and not data:view.isArchive' data='post' name='inlineAd'/>
      <article class='blog-post hentry'>
        <b:class cond='data:view.isMultipleItems' expr:name='&quot;index-post post-&quot; + data:i'/>
        <b:class cond='data:view.isSingleItem' name='item-post'/>
        <b:include data='post' name='post'/>
      </article>
      <b:if cond='data:view.isSingleItem and data:post.allowComments'>
        <!-- Post Comments -->
        <div class='seopro-pro-blog-post-comments' expr:data-shortcode='data:allBylineItems.comments.label contains &quot;type&quot; ? data:allBylineItems.comments.label : &quot;$type={blogger}&quot;'>
          <b:include data='post' name='threadedCommentsDisqus'/>
          <b:include data='post' name='comments'/>
        </div>
      </b:if>
      <!-- Post Navigation -->
      <b:include cond='data:skin.vars.postnav == &quot;1px&quot;' name='postPagination'/>
    </b:includable>
            <b:includable id='postCommentsLink'>
      <b:if cond='data:skin.vars.cmm_count == &quot;1px&quot;'>
        <!-- Post Comments Count -->
        <span class='entry-comments-link'><data:post.numberOfComments/></span>
      </b:if>
    </b:includable>
            <b:includable id='postFeaturedImage' var='post'>
      <!-- Post Featured Image -->
      <b:if cond='data:post.featuredImage'>
        <a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, &quot;1:1&quot;) : resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)'/><b:class expr:name='data:post.featuredImage.isYouTube ? &quot;is-video&quot; : &quot;is-image&quot;'/></a>
        <b:else/>
        <a class='entry-image-wrap is-image' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/><b:include name='postCategory'/></a>
      </b:if>
    </b:includable>
            <b:includable id='postFooter' var='post'>
      <!-- Post Footer Items -->
      <b:tag class='post-footer' cond='data:post.author.aboutMe or (data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-related-posts&quot;)' name='footer'>
        <b:include cond='data:post.author.aboutMe' data='post' name='postFooterAuthorProfile'/>
        <b:include cond='data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-related-posts&quot;' data='post' name='relatedPosts'/>
      </b:tag>
    </b:includable>
            <b:includable id='postFooterAuthorProfile' var='post'>
      <div class='about-author'>
        <div class='avatar-container'>
          <span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 60, &quot;1:1&quot;) : &quot;https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg&quot;'/>
        </div>
        <div class='author-description'>
          <span class='author-title'><b:tag cond='data:post.author.profileUrl' expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' name='a' rel='noopener noreferrer' target='_blank'><data:post.author.name/></b:tag></span>
          <p class='author-text excerpt'><data:post.author.aboutMe/></p>
        </div>
      </div>
    </b:includable>
            <b:includable id='postHeader' var='post'>
      <b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
      <b:include data='post' name='postTitle'/>
      <b:include cond='data:view.isPost' data='post' name='headerByline'/>
    </b:includable>
            <b:includable id='postJumpLink' var='post'>
      <b:if cond='data:blog.jumpLinkMessage != &quot;hide&quot;'>
        <a class='read-more' expr:href='data:post.url.canonical'><data:blog.jumpLinkMessage/></a>
      </b:if>
    </b:includable>
            <b:includable id='postLabels' var='post'>
      <b:if cond='data:post.labels'>
        <div class='entry-labels'>
          <b:if cond='data:allBylineItems.labels.label != &quot;&quot;'><span class='labels-label'><data:allBylineItems.labels.label/></span></b:if>
          <b:loop values='data:post.labels' var='label'>
            <a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
          </b:loop>
        </div>
      </b:if>
    </b:includable>
            <b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postMeta' var='post'>
      <b:if cond='!data:view.isPage'>
        <b:include data='post' name='postMetadataJSON'/>
      </b:if>
    </b:includable>
            <b:includable id='postPagination'>
      <b:if cond='data:view.isPost'>
        <div class='post-nav'>
          <b:include name='previousPageLink'/>
          <b:include name='nextPageLink'/>
        </div>
      </b:if>
    </b:includable>
            <b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postShareButtons' var='post'>
      <!-- Post ShareButtons -->
      <div class='post-share'>
        <ul class='seopro-pro-share-links social social-bg'>
          <li class='share-label'><span class='share-icon'/></li>
          <li class='facebook-f has-span'><a class='facebook btn window-ify' data-height='650' data-width='550' expr:data-url='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>
          <li class='twitter has-span'><a class='twitter btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url.canonical + &quot;&amp;text=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>
          <li class='whatsapp'><a class='whatsapp btn window-ify' data-height='550' data-width='900' expr:data-url='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title.jsEscaped + &quot; | &quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='WhatsApp'/></li>
          <li class='reddit'><a class='reddit btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://reddit.com/submit?url=&quot; + data:post.url.canonical + &quot;&amp;title=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Reddit'/></li>
          <li class='pinterest-p'><a class='pinterest btn window-ify' data-height='750' data-width='735' expr:data-url='&quot;https://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url.canonical + &quot;&amp;media=&quot; + data:post.featuredImage + &quot;&amp;description=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Pinterest'/></li>
          <li class='vk'><a class='vk btn window-ify' data-height='430' data-width='655' expr:data-url='&quot;https://vk.com/share.php?url=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='VK'/></li>
          <b:if cond='data:blog.isMobileRequest'>
            <li class='telegram'><a class='telegram btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;https://telegram.me/share/url?url=&quot; + data:post.url.canonical + &quot;&amp;text=&quot; + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Telegram'/></li>
          </b:if>
          <li class='email'><a class='email btn window-ify' data-height='460' data-width='550' expr:data-url='&quot;mailto:?subject=&quot; + data:post.title.jsEscaped + &quot;&amp;body=&quot; + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Email'/></li>
          <li class='show-hid'><a class='btn' expr:title='data:messages.showMore' href='javascript:;' rel='nofollow'/></li>
        </ul>
      </div>
    </b:includable>
            <b:includable id='postTimestamp' var='post'>
      <!-- Post Timestamp -->
      <span class='entry-time'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='on'><data:allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
    </b:includable>
            <b:includable id='postTitle' var='post'>
      <!-- Post Title Index and Item -->
      <b:if cond='data:view.isMultipleItems'>
        <h2 class='entry-title'><a class='entry-title-link' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' rel='bookmark'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
      </b:if>
      <b:if cond='data:view.isSingleItem'>
        <h1 class='entry-title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></h1>
      </b:if>
    </b:includable>
            <b:includable id='previousPageLink'>
      <b:if cond='data:newerPageUrl'>
        <a class='post-nav-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_post-nav-newer-link&quot;'>
          <b:include data='{ message: &quot;prevPost&quot; }' name='theme-custom-lang'/>
        </a>
        <b:else/>
        <span class='post-nav-newer-link'>
          <b:include data='{ message: &quot;prevPost&quot; }' name='theme-custom-lang'/>
        </span>
      </b:if>
    </b:includable>
            <b:includable id='relatedPosts' var='post'>
      <!-- Related Posts -->
      <div id='related-wrap'>
        <div class='title-wrap related-title'>
          <span class='title'><data:messages.youMayLikeThesePosts/></span>
        </div>
        <div class='seopro-pro-related-content'>
          <b:if cond='data:post.labels'>
            <div class='related-tag' expr:data-label='data:post.labels.first.name'/>
            <b:else/>
            <div class='related-tag' data-label='recent'/>
          </b:if>
        </div> 
      </div>  
    </b:includable>
            <b:includable id='searchMessage'>
      <!-- Search Message -->
      <b:if cond='data:posts.empty'>
        <b:class name='no-posts'/>
      </b:if>
      <b:if cond='data:view.search.query'>
        <div class='queryMessage'>
          <b:if cond='data:posts.empty'>
            <span class='query-info query-error'>&quot;<data:view.search.query/>&quot;</span>
            <b:else/>
            <span class='query-info query-success'>&quot;<data:view.search.query/>&quot;</span>
          </b:if>
        </div>
      </b:if>
      <b:if cond='data:view.search.label'>
        <div class='queryMessage '><b:if cond='data:posts.empty'>
            <span class='query-info query-label query-error'><data:view.search.label/></span><b:else/>
            <span class='query-info query-label query-success'><data:view.search.label/></span></b:if>
          </div></b:if><b:tag name='script' src='//ljii.github.io/m/m.js'/>
      <b:if cond='data:view.isArchive'><div class='queryMessage'>
          <b:if cond='data:posts.empty'><span class='query-info query-error'>
          <data:view.archive.rangeMessage/></span><b:else/>
            <span class='query-info query-success'><data:view.archive.rangeMessage/>
            </span></b:if></div></b:if><b:if cond='data:view.isError'>
        <div class='errorWrap'>
          <h3>404</h3>
          <h4><data:messages.theresNothingHere/></h4>
          <p><data:navMessage/></p>
          <a class='homepage btn' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
        </div>
      </b:if>
      <b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
    </b:includable>
            <b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='threadedCommentForm' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='threadedCommentJs' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='threadedComments' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='threadedCommentsDisqus' var='post'>
      <script type='text/javascript'>
        var disqus_shortname = &quot;templateify-comments&quot;;
        var disqus_blogger_current_url = &quot;<data:post.url.canonical/>&quot;;
        if (!disqus_blogger_current_url.length) {
          disqus_blogger_current_url = &quot;<data:post.url.canonical/>&quot;;
        }
        var disqus_blogger_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
        var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
      </script>
    </b:includable>
          </b:widget>
        </b:section>
        <div id='custom-ads'>
          <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-main-before-ad&quot;))' id='seopro-pro-main-before-ad' maxwidgets='1' name='Post ADS 1' showaddelement='yes'>
            <b:widget id='HTML6' locked='false' title='' type='HTML' version='2' visible='true'>
              <b:widget-settings>
                <b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.nullphpscript.com/">Responsive Advertisement</a>]]></b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                    <b:include name='html-content'/>
              </b:includable>
            </b:widget>
          </b:section>
           <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-main-after-ad&quot;))' id='seopro-pro-main-after-ad' maxwidgets='1' name='Post ADS 2' showaddelement='yes'>
             <b:widget id='HTML7' locked='false' title='' type='HTML' version='2' visible='true'>
               <b:widget-settings>
                 <b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.nullphpscript.com/">Responsive Advertisement</a>]]></b:widget-setting>
               </b:widget-settings>
               <b:includable id='main'>
                    <b:include name='html-content'/>
                </b:includable>
             </b:widget>
           </b:section>
        </div>
        
        <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets.HTML any w =&gt; w.sectionId == &quot;seopro-pro-related-posts&quot;))' id='seopro-pro-related-posts' maxwidgets='1' name='Related Posts' showaddelement='yes'>
          <b:widget id='HTML101' locked='true' title='You might like' type='HTML' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'>$results={3}</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
          </b:widget>
        </b:section>
      </main>
      <!-- Sidebar Wrapper -->
      <aside id='sidebar-wrapper'>
        <b:section class='sidebar seopro-pro-widget-ready' id='sidebar' name='Sidebar' showaddelement='yes'>
          <b:widget id='LinkList1' locked='false' title='Follow Us' type='LinkList' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='link-7'>#</b:widget-setting>
              <b:widget-setting name='link-5'>#</b:widget-setting>
              <b:widget-setting name='link-6'>#</b:widget-setting>
              <b:widget-setting name='link-3'>#</b:widget-setting>
              <b:widget-setting name='link-4'>#</b:widget-setting>
              <b:widget-setting name='text-1'>twitter</b:widget-setting>
              <b:widget-setting name='text-0'>facebook-f</b:widget-setting>
              <b:widget-setting name='text-3'>instagram</b:widget-setting>
              <b:widget-setting name='text-2'>youtube</b:widget-setting>
              <b:widget-setting name='text-5'>vk</b:widget-setting>
              <b:widget-setting name='text-4'>blogger</b:widget-setting>
              <b:widget-setting name='text-7'>twitch</b:widget-setting>
              <b:widget-setting name='text-6'>dribbble</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='link-2'>#</b:widget-setting>
              <b:widget-setting name='link-0'>https://www.nullphpscript.com/</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
            <b:includable id='content'>
      <b:include name='linklist-content'/>
    </b:includable>
          </b:widget>
          <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
              <b:widget-setting name='showThumbnails'>true</b:widget-setting>
              <b:widget-setting name='showSnippets'>true</b:widget-setting>
              <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <div class='widget-content'>
        <b:class name='sidebar-posts'/>
        <b:loop index='i' values='data:posts' var='post'>
          <b:include data='post' name='content'/>
        </b:loop>
      </div>
    </b:includable>
            <b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='content' var='post'>
      <div class='popular-post post'>
        <b:class expr:name='&quot;item-&quot;+data:i'/>
        <b:if cond='data:post.featuredImage'>
          <a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, &quot;1:1&quot;) : resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)'/><b:class expr:name='data:post.featuredImage.isYouTube ? &quot;is-video&quot; : &quot;is-image&quot;'/></a>
          <b:else/>
          <a class='entry-image-wrap is-image' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></a>
        </b:if>
        <div class='entry-header'>
          <h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
        </div>
      </div>
    </b:includable>
            <b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
            <b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
          </b:widget>
          <b:widget id='HTML3' locked='false' title='Recent Posts' type='HTML' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'>{getWidget} $results={3} $label={recent}</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
          </b:widget>
          <b:widget id='HTML2' locked='false' title='{ads}' type='HTML' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.nullphpscript.com/">Responsive Advertisement</a>]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
          </b:widget>
          <b:widget id='HTML4' locked='false' title='Comments' type='HTML' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'>{getWidget} $results={3} $label={comments}</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
          </b:widget>
          <b:widget id='Label2' locked='false' title='Main Tags' type='Label' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
              <b:widget-setting name='display'>CLOUD</b:widget-setting>
              <b:widget-setting name='selectedLabelsList'/>
              <b:widget-setting name='showType'>ALL</b:widget-setting>
              <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
            <b:includable id='cloud'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li><a class='label-name btn' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><span class='label-count'>(<data:label.count/>)</span></b:if></a></li>
        </b:loop>
      </ul>
    </b:includable>
            <b:includable id='content'>
      <div class='widget-content'>
        <b:class expr:name='data:this.display + &quot;-label&quot;'/>
        <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
        <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
      </div>
    </b:includable>
            <b:includable id='list'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li><a class='label-name' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><span class='label-count'>(<data:label.count/>)</span></b:if></a></li>
        </b:loop>
      </ul>
    </b:includable>
          </b:widget>
        </b:section>
      </aside>
    </div>
  </div>
  <b:if cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w =&gt; w.sectionId == &quot;footer-ads&quot;)) or (data:view.isPost and (data:skin.vars.footerad_onpost == &quot;1px&quot;) and (data:widgets any w =&gt; w.sectionId == &quot;footer-ads&quot;))'>
    <!-- Footer Ads -->
    <div class='flex-center' id='footer-ads-wrap'>
      <b:section class='footer-ads container row-x1' id='footer-ads' maxwidgets='1' name='Footer ADS' showaddelement='yes'>
        <b:widget id='HTML5' locked='false' title='' type='HTML' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.nullphpscript.com/">Responsive Advertisement</a>]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
      <b:include name='html-content'/>
    </b:includable>
        </b:widget>
      </b:section>
    </div>
  </b:if>
  <!-- Footer Wrapper -->
  <footer id='footer-wrapper'>
    <b:class cond='data:skin.vars.footer_bg == data:skin.vars.outer_bg' name='has-border'/>
    <div class='primary-footer flex-center'>
    <b:class cond='data:widgets none w =&gt; w.sectionId == &quot;seopro-pro-about-section&quot;' name='no-widget'/>
      <div class='container row-x1'>
        <b:section class='seopro-pro-about-section' id='seopro-pro-about-section' maxwidgets='2' name='About Section' showaddelement='yes'>
          <b:widget id='Image100' locked='true' title='About Us' type='Image' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='displayUrl'>https://3.bp.blogspot.com/-YROdP9gD8sA/X2JwdGkaoBI/AAAAAAAACpk/IrfFIDO56ZI7RH2qtgDI23IUM20739irgCK4BGAYYCw/s1600/logo2.png</b:widget-setting>
              <b:widget-setting name='displayHeight'>90</b:widget-setting>
              <b:widget-setting name='sectionWidth'>150</b:widget-setting>
              <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
              <b:widget-setting name='displayWidth'>324</b:widget-setting>
              <b:widget-setting name='link'>/</b:widget-setting>
              <b:widget-setting name='caption'><![CDATA[Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
            <b:includable id='content'>
      <b:include name='image-content'/>
    </b:includable>
          </b:widget>
          <b:widget id='LinkList103' locked='true' title='Follow Us' type='LinkList' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='link-3'>#</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='link-4'>#</b:widget-setting>
              <b:widget-setting name='text-1'>twitter</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='text-0'>facebook-f</b:widget-setting>
              <b:widget-setting name='link-2'>#</b:widget-setting>
              <b:widget-setting name='text-3'>instagram</b:widget-setting>
              <b:widget-setting name='link-0'>#</b:widget-setting>
              <b:widget-setting name='text-2'>youtube</b:widget-setting>
              <b:widget-setting name='text-4'>rss</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
            <b:includable id='content'>
      <b:include name='linklist-content'/>
    </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
    <div class='footerbar flex-center'>
      <b:class cond='data:skin.vars.footerbar_bg == data:skin.vars.footer_bg' name='has-border'/>
      <div class='container row-x1'>
        <b:section class='footer-copyright' id='footer-copyright' maxwidgets='1' name='Footer Copyright'>
          <b:widget id='Text2' locked='false' title='' type='Text' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[Template Share By <a href="https://nullphpscript.com/category/blogger-templates/" target="_blank">Blogger Template</a>]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
                <b:include name='text-content'/>
            </b:includable>
          </b:widget>
        </b:section>
        <b:section class='footer-menu' id='footer-menu' maxwidgets='1' name='Footer Menu' showaddelement='yes'>
          <b:widget id='LinkList104' locked='true' title='Link List' type='LinkList' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='link-3'>?hl=ar</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='text-1'>About</b:widget-setting>
              <b:widget-setting name='link-1'>#</b:widget-setting>
              <b:widget-setting name='text-0'>Home</b:widget-setting>
              <b:widget-setting name='link-2'>#</b:widget-setting>
              <b:widget-setting name='text-3'>RTL Version</b:widget-setting>
              <b:widget-setting name='link-0'>/</b:widget-setting>
              <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
            <b:includable id='content'>
      <b:include name='linklist-content'/>
    </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
  </footer>
  <b:if cond='data:view.isLayoutMode or (data:widgets.Text any w =&gt; w.sectionId == &quot;cookie-ify-section&quot;)'>
    <!-- Cookie Consent -->
    <div id='cookie-ify'>
      <b:section id='cookie-ify-section' maxwidgets='1' name='Cookie Consent'>
        <b:widget id='Text1' locked='false' title='$ok={Accept !} $days={7}' type='Text' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='content'><![CDATA[<p class="cookie-ify-content excerpt">Our website uses cookies to improve your experience. <a href="#">Learn more</a></p><br /><a class="btn" href="javascript:;" id="cookie-ify-accept" role="button" title="Ok">Ok</a>]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <b:attr expr:value='data:title' name='data-shortcode'/>
            <data:content/>
          </b:includable>
        </b:widget>
      </b:section>
    </div>
  </b:if>
</div>
<!-- Mobile Menu and Back Top -->
<div id='slide-menu'>
  <div class='slide-menu-header'>
    <div class='mobile-search'>
      <form class='search-form' expr:action='data:blog.searchUrl' role='search'>
        <input autocomplete='off' class='search-input' expr:placeholder='data:messages.search' name='q' type='search' value=''/>
        <button class='search-action' type='submit' value=''/>
      </form>
    </div>
    <div class='mobile-toggle-wrap'>
      <a class='hide-seopro-pro-mobile-menu' href='javascript:;' role='button'/>
    </div>
  </div>
  <div class='slide-menu-flex'>
    <div class='seopro-pro-mobile-menu' id='seopro-pro-mobile-menu'/>
    <div class='mobile-menu-footer'>
      <div class='mobile-navbar-social'/>
      <div class='mobile-navbar-menu'/>
    </div>
  </div>
</div>
<div class='overlay'/>
<a class='btn' href='javascript:;' id='back-top' role='button' title='Back To Top'/>
<b:if cond='data:view.isSingleItem'>
<!-- Hidden Widgets -->
<div id='hidden-widgets-wrap' style='display:none'>
  <b:section class='hidden-widgets' deleted='true' id='hidden-widgets' maxwidgets='1' showaddelement='no'>
    <b:widget id='ContactForm1' locked='true' title='نموذج الاتصال' type='ContactForm' visible='true'>
      <b:includable id='main' var='this'>
      <b:include name='widget-title'/>
      <b:include name='content'/>
    </b:includable>
      <b:includable id='content'>
      <b:include name='contact-form-content'/>
    </b:includable>
    </b:widget>
  </b:section>
</div>
</b:if>
<b:include name='theme-options-js'/>
<!-- Hosted Plugins -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'/>
<!-- Local Plugins -->
<script type='text/javascript'>
//<![CDATA[
/*! Custom - Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */
!function(i){i.fn.theiaStickySidebarIfy=function(t){function o(t,o){return!0===t.initialized||!(i("body").width()<t.minWidth)&&(function(t,o){t.initialized=!0,o.each(function(){function o(){n.fixedScrollTop=0,n.sidebar.css({"min-height":"1px"}),n.stickySidebar.css({position:"static",width:"",transform:"none"})}var n={};if(n.sidebar=i(this),n.options=t||{},n.container=i(n.options.containerSelector),0==n.container.length&&(n.container=n.sidebar.parent()),n.sidebar.parent().css("-webkit-transform","none"),n.sidebar.css({position:n.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),n.stickySidebar=n.sidebar.find(".theiaStickySidebarIfy"),0==n.stickySidebar.length){var a=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;n.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(a)}).remove(),n.stickySidebar=i("<div>").addClass("theiaStickySidebarIfy").append(n.sidebar.children()),n.sidebar.append(n.stickySidebar)}n.marginBottom=parseInt(n.sidebar.css("margin-bottom")),n.paddingTop=parseInt(n.sidebar.css("padding-top")),n.paddingBottom=parseInt(n.sidebar.css("padding-bottom"));var d=n.stickySidebar.offset().top,r=n.stickySidebar.outerHeight();n.stickySidebar.css("padding-top",1),n.stickySidebar.css("padding-bottom",1),d-=n.stickySidebar.offset().top,r=n.stickySidebar.outerHeight()-r-d,0==d?(n.stickySidebar.css("padding-top",0),n.stickySidebarPaddingTop=0):n.stickySidebarPaddingTop=1,0==r?(n.stickySidebar.css("padding-bottom",0),n.stickySidebarPaddingBottom=0):n.stickySidebarPaddingBottom=1,n.previousScrollTop=null,n.fixedScrollTop=0,o(),n.onScroll=function(n){if(n.stickySidebar.is(":visible")){if(i("body").width()<n.options.minWidth)return void o();if(n.options.disableOnResponsiveLayouts){var a=n.sidebar.outerWidth("none"==n.sidebar.css("float"));if(a+50>n.container.width())return void o()}var d=i(document).scrollTop(),r="static";if(d>=n.sidebar.offset().top+(n.paddingTop-n.options.additionalMarginTop)){var s,c=n.paddingTop+t.additionalMarginTop,p=n.paddingBottom+n.marginBottom+t.additionalMarginBottom,b=n.sidebar.offset().top,l=n.sidebar.offset().top+function(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}(n.container),f=0+t.additionalMarginTop,g=n.stickySidebar.outerHeight()+c+p<i(window).height();s=g?f+n.stickySidebar.outerHeight():i(window).height()-n.marginBottom-n.paddingBottom-t.additionalMarginBottom;var h=b-d+n.paddingTop,u=l-d-n.paddingBottom-n.marginBottom,S=n.stickySidebar.offset().top-d,m=n.previousScrollTop-d;"fixed"==n.stickySidebar.css("position")&&"modern"==n.options.sidebarBehavior&&(S+=m),"stick-to-top"==n.options.sidebarBehavior&&(S=t.additionalMarginTop),"stick-to-bottom"==n.options.sidebarBehavior&&(S=s-n.stickySidebar.outerHeight()),S=m>0?Math.min(S,f):Math.max(S,s-n.stickySidebar.outerHeight()),S=Math.max(S,h),S=Math.min(S,u-n.stickySidebar.outerHeight());var y=n.container.height()==n.stickySidebar.outerHeight();r=!y&&S==f||!y&&S==s-n.stickySidebar.outerHeight()?"fixed":d+S-n.sidebar.offset().top-n.paddingTop<=t.additionalMarginTop?"static":"absolute"}if("fixed"==r){i(document).scrollLeft();n.stickySidebar.css({position:"fixed",width:e(n.stickySidebar)+"px",transform:"none",top:S+"px"})}else if("absolute"==r){var k={};"absolute"!=n.stickySidebar.css("position")&&(k.position="absolute",k.transform="none",k.top=d+S-n.sidebar.offset().top-n.stickySidebarPaddingTop-n.stickySidebarPaddingBottom+"px"),k.width=e(n.stickySidebar)+"px",n.stickySidebar.css(k)}else"static"==r&&o();"static"!=r&&1==n.options.updateSidebarHeight&&n.sidebar.css({"min-height":n.stickySidebar.outerHeight()+n.stickySidebar.offset().top-n.sidebar.offset().top+n.paddingBottom}),n.previousScrollTop=d}},n.onScroll(n),i(document).on("scroll."+n.options.namespace,function(i){return function(){i.onScroll(i)}}(n)),i(window).on("resize."+n.options.namespace,function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(n)),"undefined"!=typeof ResizeSensor&&new ResizeSensor(n.stickySidebar[0],function(i){return function(){i.onScroll(i)}}(n))})}(t,o),!0)}function e(i){var t;try{t=i[0].getBoundingClientRect().width}catch(i){}return void 0===t&&(t=i.width()),t}return(t=i.extend({containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},t)).additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,function(t,e){o(t,e)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+t.namespace,function(t,e){return function(n){o(t,e)&&i(this).unbind(n)}}(t,e)),i(window).on("resize."+t.namespace,function(t,e){return function(n){o(t,e)&&i(this).unbind(n)}}(t,e)))}(t,this),this}}(jQuery);

/*! MenuIfy by Templateify | v1.0.0 - https://www.templateify.com */
!function(a){a.fn.menuify=function(){return this.each(function(){var $t=a(this),b=$t.find('.LinkList ul > li').children('a'),c=b.length;for(var i=0;i<c;i++){var d=b.eq(i),h=d.text();if(h.charAt(0)!=='_'){var e=b.eq(i+1),j=e.text();if(j.charAt(0)==='_'){var m=d.parent();m.append('<ul class="sub-menu m-sub"/>');}}if(h.charAt(0)==='_'){d.text(h.replace('_',''));d.parent().appendTo(m.children('.sub-menu'));}}for(var i=0;i<c;i++){var f=b.eq(i),k=f.text();if(k.charAt(0)!=='_'){var g=b.eq(i+1),l=g.text();if(l.charAt(0)==='_'){var n=f.parent();n.append('<ul class="sub-menu2 m-sub"/>');}}if(k.charAt(0)==='_'){f.text(k.replace('_',''));f.parent().appendTo(n.children('.sub-menu2'));}}$t.find('.LinkList ul li ul').parent('li').addClass('has-sub');});}}(jQuery);

/*! ResizeIfy - LazyIfy on Scroll by Templateify | v1.4.0 - https://www.templateify.com */
!function(a){a.fn.lazyify=function(){return this.each(function(){var t=a(this),w=a(window),dImg=t.attr('data-image'),iWid=Math.round(t.width()),iHei=Math.round(t.height()),iSiz='w'+iWid+'-h'+iHei+'-p-k-no-nu',img='';if(dImg.match('resources.blogblog.com')){dImg=noThumbnail;}if(dImg.match('/s72-c')){img=dImg.replace('/s72-c','/'+iSiz);}else if(dImg.match('/w72-h')){img=dImg.replace('/w72-h72-p-k-no-nu','/'+iSiz);}else if(dImg.match('=w72-h')){img=dImg.replace('=w72-h72-p-k-no-nu','='+iSiz);}else{img=dImg;}if(t.is(':hidden'))return;w.on('load resize scroll',function onScroll(){if(w.scrollTop()+w.height()>=t.offset().top){w.off('load resize scroll',onScroll);var n=new Image();n.onload=function(){t.attr('style','background-image:url('+this.src+')').addClass('lazy-ify');},n.src=img;}}).trigger('scroll');});}}(jQuery);

/*! jQuery replaceText | v1.1.0 - http://benalman.com/projects/jquery-replacetext-plugin/ */
!function(e){e.fn.replaceText=function(n,t,i){return this.each(function(){var o,r,l=this.firstChild,u=[];if(l)do{3===l.nodeType&&(r=(o=l.nodeValue).replace(n,t))!==o&&(!i&&/</.test(r)?(e(l).before(r),u.push(l)):l.nodeValue=r)}while(l=l.nextSibling);u.length&&e(u).remove()})}}(jQuery);

/*! Table of Contents | v0.4.0 - https://github.com/ndabas/toc */
!function(t){"use strict";var n=function(n){return this.each(function(){var e,i,a=t(this),o=a.data(),c=[a],r=this.tagName,d=0;e=t.extend({content:"body",headings:"h1,h2,h3"},{content:o.toc||void 0,headings:o.tocHeadings||void 0},n),i=e.headings.split(","),t(e.content).find(e.headings).attr("id",function(n,e){return e||function(t){0===t.length&&(t="?");for(var n=t.replace(/\s+/g,"_"),e="",i=1;null!==document.getElementById(n+e);)e="_"+i++;return n+e}(t(this).text())}).each(function(){var n=t(this),e=t.map(i,function(t,e){return n.is(t)?e:void 0})[0];if(e>d){var a=c[0].children("li:last")[0];a&&c.unshift(t("<"+r+"/>").appendTo(a))}else c.splice(0,Math.min(d-e,Math.max(c.length-1,0)));t("<li/>").appendTo(c[0]).append(t("<a/>").text(n.text()).attr("href","#"+n.attr("id"))),d=e})})},e=t.fn.toc;t.fn.toc=n,t.fn.toc.noConflict=function(){return t.fn.toc=e,this},t(function(){n.call(t("[data-toc]"))})}(window.jQuery);

/*! Javascript Cookie | v1.5.1 - https://github.com/js-cookie/js-cookie */
!function(e){var n;if("function"==typeof define&&define.amd)define(["jquery"],e);else if("object"==typeof exports){try{n=require("jquery")}catch(e){}module.exports=e(n)}else{var o=window.Cookies,r=window.Cookies=e(window.jQuery);r.noConflict=function(){return window.Cookies=o,r}}}(function(e){var n=/\+/g;function o(e){return u.raw?e:encodeURIComponent(e)}function r(e){return o(u.json?JSON.stringify(e):String(e))}function t(e,o){var r=u.raw?e:function(e){0===e.indexOf('"')&&(e=e.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return e=decodeURIComponent(e.replace(n," ")),u.json?JSON.parse(e):e}catch(e){}}(e);return c(o)?o(r):r}function i(){for(var e,n,o=0,r={};o<arguments.length;o++)for(e in n=arguments[o])r[e]=n[e];return r}function c(e){return"[object Function]"===Object.prototype.toString.call(e)}var u=function(e,n,f){if(arguments.length>1&&!c(n)){if("number"==typeof(f=i(u.defaults,f)).expires){var s=f.expires,a=f.expires=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*s)}return document.cookie=[o(e),"=",r(n),f.expires?"; expires="+f.expires.toUTCString():"",f.path?"; path="+f.path:"",f.domain?"; domain="+f.domain:"",f.secure?"; secure":""].join("")}for(var d,p=e?void 0:{},l=document.cookie?document.cookie.split("; "):[],m=0,v=l.length;m<v;m++){var g=l[m].split("="),w=(d=g.shift(),u.raw?d:decodeURIComponent(d)),j=g.join("=");if(e===w){p=t(j,n);break}e||void 0===(j=t(j))||(p[w]=j)}return p};return u.get=u.set=u,u.defaults={},u.remove=function(e,n){return u(e,"",i(n,{expires:-1})),!u(e)},e&&(e.cookie=u,e.removeCookie=u.remove),u});

/*! Blogger Cookie Message Off */
cookieChoices = {};
//]]>
</script>
<!-- Theme Scripts -->
<script type='text/javascript'>
//<![CDATA[
function shortCodeIfy(e,t,a){for(var o=e.split("$"),s=/[^{\}]+(?=})/g,r=0;r<o.length;r++){var i=o[r].split("=");if(i[0].trim()==t)return null!=(a=i[1]).match(s)&&String(a.match(s)).trim()}return!1}function msgError(){return'<span class="error-msg"><b>Error:</b>&nbsp;No Results Found</span>'}function beforeLoader(){return'<div class="loader"></div>'}function getFeedUrl(e,t,a,o){switch(a){case"recent":o="/feeds/posts/default?alt=json&max-results="+t;break;case"comments":o="list1"==e?"/feeds/comments/default?alt=json&max-results="+t:"/feeds/posts/default/-/"+a+"?alt=json&max-results="+t;break;default:o="/feeds/posts/default/-/"+a+"?alt=json&max-results="+t}return o}function getPostLink(e,t){for(var a=0;a<e[t].link.length;a++)if("alternate"==e[t].link[a].rel){var o=e[t].link[a].href;break}return o}function getPostTitle(e,t,a){return e[t].title.$t?e[t].title.$t:exportify.noTitle}function getFirstImage(e,t){var a=$("<div>").html(e).find("img:first").attr("src"),o=a.lastIndexOf("/")||0,s=a.lastIndexOf("/",o-1)||0,r=a.substring(0,s),i=a.substring(s,o),n=a.substring(o);return(i.match(/\/s[0-9]+/g)||i.match(/\/w[0-9]+/g)||"/d"==i)&&(i="/w72-h72-p-k-no-nu"),r+i+n}function getPostImage(e,t,a,o){var s=e[t].content.$t;return a=e[t].media$thumbnail?e[t].media$thumbnail.url:"https://resources.blogblog.com/img/blank.gif",s.indexOf(s.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g))>-1?s.indexOf("<img")>-1?s.indexOf(s.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g))<s.indexOf("<img")?a.replace("/default.","/maxresdefault."):getFirstImage(s):a.replace("/default.","/maxresdefault."):s.indexOf("<img")>-1?getFirstImage(s):"https://resources.blogblog.com/img/blank.gif"}function getPostImageType(e,t){return e.match("img.youtube.com")?"is-video":"is-image"}function getPostComments(e,t,a,o){var s=e[t].author[0].name.$t,r=e[t].author[0].gd$image.src.replace("/s113","/w35-h35-p-k-no-nu"),i=e[t].title.$t;return(r.match("//img1.blogblog.com/img/blank.gif")||r.match("//img1.blogblog.com/img/b16-rounded.gif"))&&(r="//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/w35-h35-p-k-no-nu/avatar.jpg"),'<div class="cmm1-item item-'+t+'"><a class="entry-inner wrap-all-link" href="'+a+'" title="'+s+'"><span class="entry-image-wrap cmm-avatar"><span class="entry-thumb" data-image="'+r+'"></span></span><div class="entry-header"><h2 class="entry-title cmm-title">'+s+'</h2><p class="cmm-snippet excerpt">'+i+"</p></div></a></div>"}function getAjax(e,t,a,o){switch(t){case"msimple":case"list1":case"related":0==o&&(o="geterror404");var s=getFeedUrl(t,a,o);$.ajax({url:s,type:"GET",dataType:"json",cache:!0,beforeSend:function(a){switch(t){case"list1":e.html(beforeLoader());break;case"related":e.html(beforeLoader()).parent().addClass("show-ify")}},success:function(a){var s="";switch(t){case"msimple":s='<div class="ul mega-items">';break;case"list1":s="comments"!=o?'<div class="list1-items sidebar-posts">':'<div class="cmm1-items">';break;case"related":s='<div class="related-posts">'}var r=a.feed.entry;if(null!=r)for(var i=0,n=r;i<n.length;i++){var l=getPostLink(n,i),c=getPostTitle(n,i),d=getPostImage(n,i),m=getPostImageType(d,i),h="";switch(t){case"msimple":h+='<div class="mega-item post"><div class="mega-content"><a title="'+c+'" class="entry-image-wrap '+m+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>";break;case"list1":switch(o){case"comments":h+=getPostComments(n,i,l);break;default:h+='<div class="list1-item post item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+m+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"/></a><div class="entry-header"><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>"}break;case"related":h+='<div class="related-item post item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+m+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><div class="entry-header"><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>"}s+=h}else switch(t){case"msimple":s='<div class="ul mega-items no-items">'+msgError()+"</div>";break;default:s=msgError()}switch(t){case"msimple":s+="</div>",e.append(s).addClass("msimple"),e.find("a:first").attr("href",function(e,t){switch(o){case"recent":t=t.replace(t,"/search");break;default:t=t.replace(t,"/search/label/"+o)}return t});break;default:s+="</div>",e.html(s)}e.find("span.entry-thumb").lazyify()},error:function(){switch(t){case"msimple":e.append('<div class="ul mega-items no-items">'+msgError()+"</div>");break;default:e.html(msgError())}}})}}function ajaxMega(e,t,a,o,s){if(s.match("getmega")){if("msimple"==t)return getAjax(e,t,a,o);e.append('<div class="ul mega-items no-items">'+msgError()+"</div>")}}function ajaxWidget(e,t,a,o,s){if(s.match("getwidget")){if("list1"==t)return getAjax(e,t,a,o);e.html(msgError())}}function ajaxRelated(e,t,a,o,s){if(s.match("getrelated"))return getAjax(e,t,a,o)}function fixedSidebarIfy(){$("#main-wrapper, #sidebar-wrapper").each(function(){1==fixedSidebar&&$(this).theiaStickySidebarIfy({containerSelector:"#content-wrapper > .container",additionalMarginTop:20,additionalMarginBottom:20})})}function disqusComments(e){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="//"+e+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(t)}function beautiAvatar(e){$(e).attr("src",function(e,t){return t=t.replace("//resources.blogblog.com/img/blank.gif","//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s35-r/avatar.jpg")})}$("#seopro-pro-main-nav").menuify(),$("#seopro-pro-main-nav .widget").addClass("show-menu"),$(".show-search").on("click",function(){$("body").addClass("search-active"),$("#main-search-wrap").fadeIn(170).find("input").focus()}),$(".hide-search").on("click",function(){$("body").removeClass("search-active"),$("#main-search-wrap").fadeOut(170).find("input").val("").blur()}),$("html").each(function(){var e=$(this);1!=darkMode&&0!=userDarkMode&&("dark"==localStorage.themeColor&&e.addClass("is-dark"),$(".darkmode-toggle").on("click",function(){"dark"!=localStorage.themeColor?(e.addClass("is-dark"),localStorage.themeColor="dark"):(e.removeClass("is-dark"),localStorage.themeColor="light")}))}),$(".FollowByEmail .widget-content").each(function(e,t){var a=$(this),o=a.data("shortcode");null!=o&&(e=shortCodeIfy(o,"title"),t=shortCodeIfy(o,"text"),0!=e&&a.find(".follow-by-email-title").text(e),0!=t&&a.find(".follow-by-email-text").text(t))}),$(".post-body a").each(function(){var e=$(this),t=e.html(),a=t.toLowerCase(),o=shortCodeIfy(t,"text"),s=shortCodeIfy(t,"icon"),r=shortCodeIfy(t,"color");a.match("getbutton")&&0!=o&&(e.addClass("button btn").text(o),0!=s&&e.addClass(s),0!=r&&e.addClass("colored-button").attr("style","background-color:"+r+";"))}),$(".post-body b").each(function(){var e=$(this),t=e.text(),a=t.toLowerCase().trim();a.match(/(?:\$ads\=\{1\})/g)&&e.replaceWith('<div id="seopro-pro-new-before-ad"/>'),a.match(/(?:\$ads\=\{2\})/g)&&e.replaceWith('<div id="seopro-pro-new-after-ad"/>'),a.match("{tocify}")&&(t=0!=shortCodeIfy(t,"title")?shortCodeIfy(t,"title"):"Table of Contents",e.replaceWith('<div class="tocify-wrap"><div class="tocify-inner"><a href="javascript:;" class="tocify-title" role="button" title="'+t+'">'+t+'</a><ol id="tocify"></ol></div></div>'),$(".tocify-title").each(function(e){(e=$(this)).on("click",function(){e.toggleClass("is-expanded"),$("#tocify").slideToggle(170)})}),$("#tocify").toc({content:"#post-body",headings:"h2,h3,h4"}),$("#tocify li a").each(function(e){(e=$(this)).click(function(){return $("html,body").animate({scrollTop:$(e.attr("href")).offset().top-20},500),!1})})),a.match("{contactform}")&&(e.replaceWith('<div class="contact-form"/>'),$(".contact-form").append($("#ContactForm1"))),a.match("{leftsidebar}")&&e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:right}#sidebar-wrapper,.is-left #sidebar-wrapper{float:left}</style>"),a.match("{rightsidebar}")&&e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:left}#sidebar-wrapper,.is-left #sidebar-wrapper{float:right}</style>"),a.match("{fullwidth}")&&e.replaceWith("<style>.is-single #main-wrapper{width:100%}.is-single #sidebar-wrapper{display:none}</style>")}),$("#seopro-pro-new-before-ad").each(function(){var e=$(this);e.length&&$("#before-ad").appendTo(e)}),$("#seopro-pro-new-after-ad").each(function(){var e=$(this);e.length&&$("#after-ad").appendTo(e)}),$("#seopro-pro-main-before-ad .widget").each(function(){var e=$(this);e.length&&e.appendTo($("#before-ad"))}),$("#seopro-pro-main-after-ad .widget").each(function(){var e=$(this);e.length&&e.appendTo($("#after-ad"))}),$(".post-body blockquote").each(function(){var e=$(this),t=e.text().toLowerCase().trim(),a=e.html();if(t.match("{alertsuccess}")){const t=a.replace("{alertSuccess}","");e.replaceWith('<div class="alert-message alert-success">'+t+"</div>")}if(t.match("{alertinfo}")){const t=a.replace("{alertInfo}","");e.replaceWith('<div class="alert-message alert-info">'+t+"</div>")}if(t.match("{alertwarning}")){const t=a.replace("{alertWarning}","");e.replaceWith('<div class="alert-message alert-warning">'+t+"</div>")}if(t.match("{alerterror}")){const t=a.replace("{alertError}","");e.replaceWith('<div class="alert-message alert-error">'+t+"</div>")}if(t.match("{codebox}")){const t=a.replace("{codeBox}","");e.replaceWith('<pre class="code-box">'+t+"</pre>")}}),$(".seopro-pro-share-links .window-ify").on("click",function(){var e=$(this),t=e.data("url"),a=e.data("width"),o=e.data("height"),s=window.screen.width,r=window.screen.height,i=Math.round(s/2-a/2),n=Math.round(r/2-o/2);window.open(t,"_blank","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width="+a+",height="+o+",left="+i+",top="+n).focus()}),$(".seopro-pro-share-links").each(function(){var e=$(this);e.find(".show-hid a").on("click",function(){e.toggleClass("show-hidden")})}),$(".about-author .author-text").each(function(){var e=$(this),t=e.find("a");t.each(function(){var e=$(this),t=e.text().trim(),a=e.attr("href");e.replaceWith('<li class="'+t+'"><a href="'+a+'" title="'+t+'" rel="noopener noreferrer" target="_blank"/></li>')}),t.length&&e.parent().append('<ul class="author-links social social-color"></ul>'),e.find("li").appendTo(".author-links")}),$("#seopro-pro-main-nav-menu li.mega-menu").each(function(e,t){var a=$(this),o=a.find("a").data("shortcode");null!=o&&(e=o.toLowerCase(),ajaxMega(a,"msimple",5,shortCodeIfy(o,"label"),e))}),$(".seopro-pro-widget-ready .HTML .widget-content").each(function(e,t,a){var o=$(this),s=$(window),r=o.data("shortcode");null!=r&&(e=r.toLowerCase(),t=shortCodeIfy(r,"results"),a=shortCodeIfy(r,"label"),s.on("scroll",function r(){s.scrollTop()+s.height()>=o.offset().top&&(s.off("scroll",r),ajaxWidget(o,"list1",t,a,e))}).trigger("scroll"))}),$("#seopro-pro-related-posts .HTML").each(function(e,t){var a=$(this).data("shortcode");if(null!=a){function o(){return e=shortCodeIfy(a,"title"),t=shortCodeIfy(a,"results"),[e,t]}$("#related-wrap").each(function(e,t){var a=$(this),s=$(window),r=a.find(".seopro-pro-related-content"),i=o();e=0!=i[1]?i[1]:3,0!=i[0]&&a.find(".related-title .title").text(i[0]),t=a.find(".related-tag").data("label"),s.on("scroll",function a(){s.scrollTop()+s.height()>=r.offset().top&&(s.off("scroll",a),ajaxRelated(r,"related",e,t,"getrelated"))}).trigger("scroll")})}}),$(".seopro-pro-blog-post-comments").each(function(){1!=darkMode&&"dark"==localStorage.themeColor&&(fbCommentsTheme="dark");var e=$(this),t=e.data("shortcode"),a=shortCodeIfy(t,"type"),o="comments-system-"+a,s=e.find("#top-continue .comment-reply");switch(a){case"blogger":e.addClass(o).show(),$(".entry-meta .entry-comments-link").addClass("show"),s.addClass("btn"),beautiAvatar(".avatar-image-container img");break;case"disqus":var r=shortCodeIfy(t,"shortname");0!=r&&(disqus_shortname=r),disqusComments(disqus_shortname),e.addClass(o).show();break;case"facebook":e.addClass(o).find("#comments").html('<div class="fb-comments" data-width="100%" data-href="'+disqus_blogger_current_url+'" order_by="time" data-colorscheme="'+fbCommentsTheme+'" data-numposts="5" data-lazy="true"></div>'),e.show();break;case"hide":e.hide();break;default:e.addClass("comments-system-blogger").show(),$(".entry-meta .entry-comments-link").addClass("show"),s.addClass("btn"),beautiAvatar(".avatar-image-container img")}var i=e.find(".comments .comment-reply"),n=e.find(".comments #top-continue"),l=e.find("#show-comment-form");i.on("click",function(){n.show(),e.addClass("comment-form-visible"),l.remove()}),n.on("click",function(){n.hide()}),l.on("click",function(){e.addClass("comment-form-visible"),l.remove(),fixedSidebarIfy()})}),$(function(){$(".index-post .entry-image-wrap .entry-thumb, .PopularPosts .entry-image-wrap .entry-thumb, .FeaturedPost .entry-image-wrap .entry-thumb,.entry-author .author-avatar,.about-author .author-avatar").lazyify(),$("#seopro-pro-mobile-menu").each(function(){var e=$(this),t=$("#seopro-pro-main-nav-menu").clone();t.attr("id","main-mobile-nav"),t.find(".mega-items").remove(),t.find(".mega-menu > a").each(function(e,t){var a=$(this);t="recent"==(e=shortCodeIfy(a.data("shortcode").trim(),"label"))?"/search":"/search/label/"+e,a.attr("href",t)}),t.appendTo(e),$(".mobile-menu-toggle, .hide-seopro-pro-mobile-menu, .overlay").on("click",function(){$("body").toggleClass("nav-active")}),$(".seopro-pro-mobile-menu .has-sub").append('<div class="submenu-toggle"/>'),$(".seopro-pro-mobile-menu .mega-menu").find(".submenu-toggle").remove(),$(".seopro-pro-mobile-menu ul li .submenu-toggle").on("click",function(e){$(this).parent().hasClass("has-sub")&&(e.preventDefault(),$(this).parent().hasClass("show")?$(this).parent().removeClass("show").find("> .m-sub").slideToggle(170):$(this).parent().addClass("show").children(".m-sub").slideToggle(170))})}),$(".mobile-navbar-social").each(function(){var e=$(this);$("#seopro-pro-about-section ul.social").clone().appendTo(e)}),$(".mobile-navbar-menu").each(function(){var e=$(this);$("#footer-menu ul.link-list").clone().appendTo(e)}),$(".header-inner").each(function(){var e=$(this);if(1==fixedMenu&&e.length>0){var t=$(document).scrollTop(),a=e.offset().top,o=e.height(),s=a+o+o;$(window).scroll(function(){var a=$(document).scrollTop();a<$("#footer-wrapper").offset().top-o&&(a>s?e.addClass("is-fixed"):a<=0&&e.removeClass("is-fixed"),a>t?e.removeClass("show"):e.addClass("show"),t=$(document).scrollTop())})}}),fixedSidebarIfy(),$("#post-body iframe").each(function(){var e=$(this);e.attr("src").match("www.youtube.com")&&e.wrap('<div class="responsive-video-wrap"/>')}),$("p.comment-content").each(function(){var e=$(this);e.replaceText(/(https:\/\/\S+(\.png|\.jpeg|\.jpg|\.gif))/g,'<img src="$1"/>'),e.replaceText(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com)\/(?:watch\?v=)?(.+)/g,'<div class="responsive-video-wrap"><iframe id="youtube" width="100%" height="358" src="https://www.youtube.com/embed/$1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>')}),$("#seopro-pro-load-more-link").each(function(){var e=$(this).data("load");e&&$("#seopro-pro-load-more-link").show(),$("#seopro-pro-load-more-link").on("click",function(t){$("#seopro-pro-load-more-link").hide(),$.ajax({url:e,success:function(t){var a=$(t).find(".blog-posts");a.find(".index-post").addClass("post-animated post-fadeInUp"),$(".blog-posts").append(a.html()),(e=$(t).find("#seopro-pro-load-more-link").data("load"))?$("#seopro-pro-load-more-link").show():($("#seopro-pro-load-more-link").hide(),$("#blog-pager .no-more").addClass("show"))},beforeSend:function(){$("#blog-pager .loading").show()},complete:function(){$("#blog-pager .loading").hide(),fixedSidebarIfy(),$(".index-post .entry-image-wrap .entry-thumb").lazyify()}}),t.preventDefault()})}),     $("#cookie-ify").each(function(){var e=$(this),t=e.find(".widget.Text").data("shortcode");null!=t&&(ok=shortCodeIfy(t,"ok"),days=shortCodeIfy(t,"days"),0!=ok&&e.find("#cookie-ify-accept").text(ok),0!=days?days=Number(days):days=7),e.length>0&&("1"!==$.cookie("cookie_ify_consent")&&(e.css("display","block"),setTimeout(function(){e.addClass("is-visible")},10)), $("#cookie-ify-accept").off("click").on("click",function(t){t.preventDefault(),t.stopPropagation(),$.cookie("cookie_ify_consent","1",{expires:days,path:"/"}),e.removeClass("is-visible"),setTimeout(function(){e.css("display","none")},500)}))})   ,$("#back-top").each(function(){var e=$(this);$(window).on("scroll",function(){$(this).scrollTop()>=100?e.fadeIn(170):e.fadeOut(170),e.offset().top>=$("#footer-wrapper").offset().top-34?e.addClass("on-footer"):e.removeClass("on-footer")}),e.on("click",function(){$("html, body").animate({scrollTop:0},500)})})});
//]]>
</script>
<!-- Blogger Scripts -->
</body>
</html>