Lantro UI - Safelink Blogger Templat

aisyah
tes 2 3 4


DEMO : https://lantro-safelink.blogspot.com/2023/08/noonpost-ui-premium-blogger-template.html#NoonPost_Premium_Blogger_Template 

  <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <b:attr name='xmlns' value=''/>
  <b:attr name='xmlns:b' value=''/>
  <b:attr name='xmlns:expr' value=''/>
  <b:attr name='xmlns:data' value=''/>
  <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' name='amp' value='amp'/>
  
<!--

    Name      : Lantro UI - Safelink
    Version   : 1.5
    Date      : 27-08-2022
    Demo      : https://lantro-safelink.blogspot.com
    Type      : Premium
    Designer  : Mian Saab
    Website   : https://thesquadhub.blogspot.com/

-->
    
  <!--[ <head> Open ]-->
  &lt;head&gt;

  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.isHomepage'>
      <!--[ Homepage title ]-->
      <title><data:blog.title.escaped/></title>
      <b:elseif cond='data:view.search.query'/>
      <!--[ Search title ]-->
      <title><data:messages.search/>: <data:view.search.query/></title>
      <b:elseif cond='data:view.search.label'/>
      <!--[ Label title ]-->
      <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
      <b:elseif cond='data:view.isArchive'/>
      <!--[ Archive title ]-->
      <title>Blog archive in: <data:blog.pageName.escaped/></title>
      <b:else/>
      <title>Blog: <data:blog.title.escaped/></title>
    </b:if>
    <b:elseif cond='data:view.isError'/>
    <!--[ Error title ]-->
    <title>Error 404: Not Found</title>
    <b:else/>
    <!--[ SingleItem title ]-->
    <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title>
  </b:if>

  <!--[ Meta for browser ]-->
  <meta charset='UTF-8'/>
  <meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
  <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  <meta content='max-image-preview:large' name='robots'/>

  <!-- Link Canonical -->
  <link expr:href='data:blog.url.canonical' rel='canonical'/>
  <!--<b:if cond='data:view.url == data:view.url params { amp: &quot;1&quot; }'>
    <link expr:href='data:view.url' rel='alternate'/>
    <b:else/>
    <link expr:href='data:view.url + &quot;?m=1&quot;' rel='alternate'/>
    <link expr:href='data:view.url params { amp: &quot;1&quot; }' rel='amphtml'/>
  </b:if>-->

  <b:if cond='!data:view.isError'>
    <!--[ Browser data, description and keyword ]-->
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription.escaped' name='description'/>
      <b:elseif cond='data:view.isSingleItem'/>
      <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/>
      <b:else/>
      <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/>
    </b:if>
    <meta expr:content='data:blog.title.escaped + &quot;, &quot; + data:blog.pageName.escaped + &quot;, Keyword_1, Keyword_2, Keyword_3 &quot;' name='keywords'/>
    <b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/>
  
    <!--[ Generator and rrs ]-->
    <meta content='blogger' name='generator'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - Feed&quot;' rel='alternate' type='application/rss+xml'/>
    <link expr:href='data:blog.homepageUrl.canonical + &quot;feeds/comments/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - Comments Feed&quot;' rel='alternate' type='application/rss+xml'/>
  
    <!--[ Theme Color ]-->
    <meta expr:content='data:skin.vars.themeColor' name='theme-color'/>
    <meta expr:content='data:skin.vars.themeColor' name='msapplication-navbutton-color'/>
    <meta expr:content='data:skin.vars.themeColor' name='apple-mobile-web-app-status-bar-style'/>
    <meta expr:content='yes' name='apple-mobile-web-app-capable'/>
  
    <!--[ Favicon ]-->
    <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
    <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
    
    <!--[ Open graph ]-->
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta expr:content='data:blog.title.escaped' property='og:site_name'/>
    <b:if cond='data:view.isMultipleItems'>
      <meta content='website' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>         
        <b:else/>
        <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/>
      </b:if>
      <b:else/>
      <meta content='article' property='og:type'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>            
        <b:else/>
        <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/>
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/>
      <b:else/>
      <meta content='Add_your_image_url_here' property='og:image'/>
    </b:if>
    
    <!--[ Twitter Card ]-->
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/>
    <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
    <b:if cond='data:view.isMultipleItems'>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>         
        <b:else/>
        <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/>
      </b:if>
      <b:else/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>            
        <b:else/>
        <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/>
      </b:if>
    </b:if>
    <meta content='summary_large_image' name='twitter:card'/>
    <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/>
      <b:else/>
      <meta content='Add_your_image_url_here' name='twitter:image:src'/>
    </b:if>
  
    <!--[ Site Verification ]-->
    <meta content='' name='msvalidate.01'/>
    
    <!--[ Preconnect and DNS Prefetch ]-->
    <link href='//1.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//2.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//3.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//blogger.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//lh3.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//www.blogger.com' rel='preconnect dns-prefetch'/><link href='//feeds.feedburner.com' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path &quot;feeds/posts/default&quot;' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path &quot;feeds/comments/default&quot;' rel='preconnect dns-prefetch'/><link href='//cdn.widgetpack.com' rel='preconnect dns-prefetch'/><link href='//translate.google.com' rel='preconnect dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='preconnect dns-prefetch'/><link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'/><link href='//use.fontawesome.com' rel='preconnect dns-prefetch'/><link href='//ajax.googleapis.com' rel='preconnect dns-prefetch'/><link href='//resources.blogblog.com' rel='preconnect dns-prefetch'/><link href='//ajax.microsoft.com ' rel='preconnect dns-prefetch'/><link href='//ajax.aspnetcdn.com ' rel='preconnect dns-prefetch'/><link href='//github.com' rel='preconnect dns-prefetch'/><link href='//cdn.rawgit.com' rel='preconnect dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='preconnect dns-prefetch'/><link href='//www.google-analytics.com' rel='preconnect dns-prefetch'/><link href='//themes.googleusercontent.com ' rel='preconnect dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect dns-prefetch'/><link href='//www.googletagservices.com' rel='preconnect dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='preconnect dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//apis.google.com' rel='preconnect dns-prefetch'/><link href='//www.w3.org' rel='preconnect dns-prefetch'/><link href='//www.facebook.com' rel='preconnect dns-prefetch'/><link href='//connect.facebook.net' rel='preconnect dns-prefetch'/><link href='//disqus.com' rel='preconnect dns-prefetch'/><link href='//plus.google.com' rel='preconnect dns-prefetch'/><link href='//twitter.com' rel='preconnect dns-prefetch'/><link href='//platform.twitter.com' rel='preconnect dns-prefetch'/><link href='//syndication.twitter.com' rel='preconnect dns-prefetch'/><link href='//r.twimg.com ' rel='preconnect dns-prefetch'/><link href='//p.twitter.com ' rel='preconnect dns-prefetch'/><link href='//cdn.api.twitter.com ' rel='preconnect dns-prefetch'/><link href='//www.youtube.com' rel='preconnect dns-prefetch'/><link href='//img.youtube.com' rel='preconnect dns-prefetch'/><link href='//www.pinterest.com' rel='preconnect dns-prefetch'/><link href='//statically.io/' rel='preconnect dns-prefetch'/><link href='//www.linkedin.com' rel='preconnect dns-prefetch'/><link href='//player.vimeo.com' rel='preconnect dns-prefetch'/><link href='//s3.amazonaws.com ' rel='preconnect dns-prefetch'/><link href='//s3.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//stats.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//cdn.adpacks ' rel='preconnect dns-prefetch'/>
    
    <!--[ Preload Fonts]-->
    <link as='font' crossorigin='' href='https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2' rel='preload' type='font/woff2'/>
    <link as='font' crossorigin='' href='https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2' rel='preload' type='font/woff2'/>
    <link as='font' crossorigin='' href='https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2' rel='preload' type='font/woff2'/>
    
  </b:if>
  
  <b:if cond='data:view.isLayoutMode'>
    <!--[ CSS Layout ]-->
    <b:template-skin><![CDATA[ body#layout::before{content:'Lantro UI v1.5 (Shiva Technic World)';position:absolute;top:15px;right:15px;font-size:.8rem;font-family:'Poppins', sans-serif;color:rgba(0,0,0,0.52)} body#layout{width:1025px;margin:0 !important;padding:60px 0 0 !important;border:0 !important;text-align:left !important;position:relative} body#layout div.layout-widget-description{font-size:12px !important;line-height:1.6em} body#layout div.layout-title{font-size:15px !important} body#layout div.section{border-radius:2px} body#layout .section h4{font-size:15px !important;margin-left:0!important} body#layout .add_widget a{font-size:13px !important} body#layout .Blog .widget-content{height:auto!important} body#layout #anchor-ad, body#layout #notif-widget .widget-content, body#layout #side-sticky, body#layout #HTML91 .widget-content, body#layout #HTML92 .widget-content, body#layout #HTML93 .widget-content, body#layout #HTML01 .widget-content, body#layout #HTML02 .widget-content, body#layout #HTML94 .widget-content{background:#f0f8ff !important} body#layout .mainIn{padding-bottom:30px} body#layout .headIn, body#layout .blogM, body#layout .navIn, body#layout .mainIn .secIn{display:flex} body#layout .headL, body#layout .mainIn .blogTopc{width:30%} body#layout .headR, body#layout .mainIn .blogCont{width:70%} body#layout .navIn >*{width:50%} body#layout .mainbar{width:55%} body#layout .sidebar{width:45%} body#layout header, body#layout .navIn, body#layout .mainIn, body#layout footer, body#layout .erroP{border-top:1px solid #e5e5e5;padding:30px 0 30px;position:relative} body#layout header::before, body#layout .mainIn::before, body#layout footer::before, body#layout .erroP::before{content:'Header';position:absolute;top:-14px;left:20px;padding:5px 20px;border:1px solid #e5e5e5;border-radius:20px;font-size:.8rem;font-family:'Poppins',sans-serif;color:rgba(0,0,0,0.52);background:#f1f1f1} body#layout #notif-widget{padding:0!important; margin-bottom:30px!important} body#layout #notif-widget .widget{margin-top:0!important} body#layout #notif-widget h4, body#layout #notif-widget .layout-widget-description{display:none !important} body#layout .erroP{margin-top:40px;padding-bottom:0} body#layout .mainIn::before{content:'Main Content'} body#layout footer::before{content:'Footer'} body#layout .erroP::before{content:'Custom Error Page'} ]]></b:template-skin>
  </b:if>

  <!--[ CSS stylesheet ]-->
  &lt;style&gt;&lt;!-- /* <b:skin version='1.3.0'><![CDATA[
/*
<Group description="Theme Color">
<Variable name="themeColor" description="Address bar color" type="color" default="#2e51a2" value="transparent"/>
</Group>

<Group description="Basic colors and Background">
<Variable name="head.color" description="Heading colors" type="color" default="#262d3d" value="#08102b"/>
<Variable name="body.color" description="Body colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="body.colorAlt" description="Alternative body colors" type="color" default="#767676" value="#767676"/>
<Variable name="body.bgColor" description="Main page bakground color" type="color" default="#fffdfc" value="#FFFFFF"/>
<Variable name="link.color" description="Link colors" type="color" default="#9C27B0" value="#9C27B0"/>
<Variable name="link.bgColor" description="Button link colors" type="color" default="#9C27B0" value="#9C27B0"/>
<Variable name="scroll.color" description="Scrollbar colors" type="color" default="#555" value="#555555"/>
</Group>

<Group description="Icon colors">
<Variable name="icon.color" description="Icon colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="icon.colorAlt" description="Alternative icon colors" type="color" default="#767676" value="#08102b"/>
<Variable name="icon.colorSec" description="Secondary icon colors" type="color" default="#767676" value="#767676"/>
</Group>

<Group description="Notification">
<Variable name="notif.height" description="Notification max height" type="length" max="60px" default="60px" value="60px"/>
<Variable name="notif.bg" description="Notification background color" type="color" default="#F3E5F5" value="#F3E5F5"/>
<Variable name="notif.color" description="Notification text color" type="color" default="#08102b" value="#08102b"/>
<Variable name="notif.link" description="Notification link color" type="color" default="#9c27b0" value="#9c27b0"/>
</Group>

<Group description="Header colors, background and height">
<Variable name="header.height" description="Header height" type="length" max="80px" default="60px" value="72px"/>
<Variable name="header.heightM" description="Header height(mobile)" type="length" max="80px" default="60px" value="60px"/>
<Variable name="header.titleSize" description="Header title font size" type="length" max="20px" default="16px" value="16px"/>
<Variable name="header.text" description="Header text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="header.icon" description="Header icon colors" type="color" default="#262d3d" value="#08102b"/>
<Variable name="header.bgColor" description="Header background color" type="color" default="#fffdfc" value="#fffdfc"/>
</Group>

<Group description="Navbar colors">
<Variable name="nav.height" description="Navbar max height" type="length" max="50px" default="48px" value="48px"/>
<Variable name="nav.text" description="Navbar text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="nav.icon" description="Navbar icon color" type="color" default="#48525c" value="#08102b"/>
<Variable name="nav.bg" description="Navbar background color" type="color" default="$(header.bgColor)" value="#fffdfc"/>
</Group>

<Group description="Searchbar colors">
<Variable name="search.border" description="Searchbar border" type="length" max="1px" default="0px" value="1px"/>
<Variable name="search.borderc" description="Searchbar border color" type="color" default="#e6e6e6" value="#e6e6e6"/>
<Variable name="search.icon" description="Searchbar icon color" type="color" default="#48525c" value="#08102b"/>
<Variable name="search.bg" description="Searchbar background color" type="color" default="#fffdfc" value="#fffdfc"/>
</Group>

<Group description="Content background">
<Variable name="content.bg" description="Content background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="content.border" description="Content border color" type="color" default="#eceff1" value="#eceff1"/>
</Group>

<Group description="Content max width">
<Variable name="content.maxWidth" description="Max width of main content" type="length" max="1440px" default="1024px" value="1280px"/>
<Variable name="sidebar.maxWidth" description="Max width of sidebar" type="length" max="360px" default="300px" value="300px"/>
<Variable name="post.maxContent" description="Post max width" type="length" max="900px" default="720px" value="780px"/>
<Variable name="page.maxContent" description="Static page max width" type="length" max="900px" default="780px" value="780px"/>
</Group>

<Group description="Post font size">
<Variable name="post.titleSize" description="Post title font size" type="length" max="42px" default="28px" value="36px"/>
<Variable name="post.titleSizeMobile" description="Post title size (onMobile)" type="length" max="38px" default="22px" value="28px"/>
<Variable name="post.fontSize" description="Post font size (Default)" type="length" max="18px" default="16px" value="16px"/>
<Variable name="post.fontSizeMobile" description="Post font size (Default onMobile)" type="length" max="18px" default="16px" value="15px"/>
</Group>

<Group description="Widget title font size">
<Variable name="widget.titleSize" description="Widget title font size" type="length" max="18px" default="14px" value="15px"/>
<Variable name="widget.titleAfter" description="Widget title border" type="length" max="40px" default="25px" value="25px"/>
<Variable name="widget.titleAfterC" description="Widget title border color" type="color" default="#989b9f" value="#989b9f"/>
</Group>

<Group description="Mobile menu colors">
<Variable name="mob.border" description="Mobile menu border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="mob.borderR" description="Mobile corder radius" type="length" max="20px" default="20px" value="20px"/>
<Variable name="mob.text" description="Mobile text colors" type="color" default="#48525c" value="#08102b"/>
<Variable name="mob.bg" description="Mobile background color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="mob.hovBg" description="Mobile hover background color" type="color" default="#f6f6f6" value="#f1f1f0"/>
</Group>

<Group description="Footer colors">
<Variable name="foot.border" description="Footer border" type="length" max="2px" default="0px" value="0px"/>
<Variable name="foot.text" description="Footer text colors" type="color" default="#48525c" value="#48525c"/>
<Variable name="foot.bg" description="Footer background color" type="color" default="#fff" value="#ffffff"/>
</Group>

<Group description="Dark mode colors and background">
<Variable name="dark.text" description="Dark mode text color" type="color" default="#fffdfc" value="#fffdfc"/>
<Variable name="dark.textAlt" description="Alternative text colors" type="color" default="#989b9f" value="#989b9f"/>
<Variable name="dark.link" description="Dark mode link colors" type="color" default="#f57c00" value="#F57C00"/>
<Variable name="dark.bg" description="Dark mode background color" type="color" default="#1c2733" value="#1c2733"/>
<Variable name="dark.bgAlt" description="Alternative background color" type="color" default="#263545" value="#263545"/>
<Variable name="dark.bgSec" description="Secondary background color" type="color" default="#374C63" value="#374C63"/>
</Group>

<Group description="(Do not edit) New Blogger comment required">
<Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center"  value="$(color) url() no-repeat scroll center center"/>
<Variable name="body.text.font" description="Font Blogger comment" type="font" default="&#39;'Poppins'&#39;, sans-serif" value="400 14px &#39;&#39;Poppins&#39;&#39;, sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#505050"  value="#505050"/>
<Variable name="body.link.color" description="Link color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#48525c"  value="#989b9f"/>
<Variable name="posts.icons.color" description="Post info color" type="color" default="#262d3d" value="#989b9f"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc"  value="transparent"/>
<Variable name="tabs.font" description="Font" type="font" default="&#39;'Poppins'&#39;, sans-serif" value="400 14px &#39;&#39;Poppins&#39;&#39;, sans-serif"/>
<Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d"  value="#08102b"/>
<Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff"  value="#fffdfc"/>
<Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)"  value="#fffdfc"/>
<Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#48525c"  value="#08102b"/>
<Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#262d3d"  value="#989b9f"/>
<Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#fffdfc"/>
<Variable name="blog.title.font" description="Blog title font" type="font" default="&#39;'Poppins'&#39;, sans-serif" value="400 14px &#39;&#39;Poppins&#39;&#39;, sans-serif"/>
<Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#fffdfc"/>
</Group>
*/

/* Variable color */:root{--buttonR:50px;--headC:$(head.color);--bodyC:$(body.color);--bodyCa:$(body.colorAlt);--bodyB:$(body.bgColor);--linkC:$(link.color);--linkB:$(link.bgColor);--scrlC:$(scroll.color);--iconC:$(icon.color);--iconCa:$(icon.colorAlt);--iconCs:$(icon.colorSec);--headerC:$(header.text);--headerT:$(header.titleSize);--headerW:400;--headerB:$(header.bgColor);--headerI:$(header.icon);--headerH:$(header.height);--headerHm:$(header.heightM);--notifH:$(notif.height);--notifU:$(notif.bg);--notifC:$(notif.color);--notifL:$(notif.link);--contentB:$(content.bg);--contentL:$(content.border);--contentW:$(content.maxWidth);--sideW:$(sidebar.maxWidth);--transB:rgba(0,0,0,.05);--pageW:$(page.maxContent);--postW:$(post.maxContent);--postT:$(post.titleSize);--postTm:$(post.titleSizeMobile);--postF:$(post.fontSize);--postFm:$(post.fontSizeMobile);--widgetT:$(widget.titleSize);--widgetTw:400;--widgetTa:$(widget.titleAfter);--widgetTac:$(widget.titleAfterC);--navH:$(nav.height);--navT:$(nav.text);--navI:$(nav.icon);--navB:$(nav.bg);--mobT:$(mob.text);--mobHv:$(mob.hovBg);--mobB:$(mob.bg);--mobL:$(mob.border);--mobBr:$(mob.borderR);--srchL:$(search.border);--srchLc:$(search.borderc);--srchI:$(search.icon);--srchB:$(search.bg);--fotT:$(foot.text);--fotB:$(foot.bg);--fotL:$(foot.border);--fontH:'Poppins', sans-serif;--fontB:'Poppins', sans-serif;--fontBa:'Poppins', sans-serif;--fontC:'Fira Mono',monospace;--trans-1:all .1s ease;--trans-2:all .2s ease;--trans-4:all .4s ease;--synxBg:#f6f6f6;--synxC:#2f3337;--synxOrange:#b75501;--synxBlue:#015692;--synxGreen:#54790d;--synxRed:#f15a5a;--synxGray:#656e77;--darkT:$(dark.text);--darkTa:$(dark.textAlt);--darkU:$(dark.link);--darkB:$(dark.bg);--darkBa:$(dark.bgAlt);--darkBs:$(dark.bgSec)}

/* Theme 1 - Red */ :root .theme1:not(.drK){/* Theme */ --themeC: #D32F2F; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #F44336; --linkB: #F44336; /* Scrollbar */--scrlC #F44336; /* Header */ --headerB: #FFEBEE; /* Notif */ --notifU: #FFEBEE; --notifC: #B71C1C; /* Search */ --srchB: #FFEBEE; /* MobMn */ --mobB: #FFEBEE;/* Border M Track */ --bTopMT : #FFEBEE ;/* Button M Track */--mtBtn : #FFEBEE}
    /* Theme 2 - Green */ :root .theme2:not(.drK){/* Theme */ --themeC: #00796B; /* Body */ --bodyB: #FCFFFC; /* Link */ --linkC: #009688; --linkB: #009688;/* Scrollbar */--scrlC #009688; /* Header */ --headerB: #E0F2F1; /* Notif */ --notifU: #E0F2F1; --notifC: #00796B; /* Search */ --srchB: #E0F2F1; /* MobMn */ --mobB: #E0F2F1;/* Border M Track */ --bTopMT : #E0F2F1 ;/* Button M Track */--mtBtn : #E0F2F1}
    /* Theme 3 - Blue */ :root .theme3:not(.drK){/* Theme */ --themeC: #1565C0; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #1976D2; --linkB: #1976D2;/* Scrollbar */--scrlC #1976D2; /* Header */ --headerB: #E3F2FD; /* Notif */ --notifU: #E3F2FD; --notifC: #1565C0; /* Search */ --srchB: #E3F2FD; /* MobMn */ --mobB: #E3F2FD;/* Border M Track */ --bTopMT : #E3F2FD ;/* Button M Track */--mtBtn : #E3F2FD}
    /* Theme 4 - Yellow */ :root .theme4:not(.drK){/* Theme */ --themeC: #FFC107; /* Body */ --bodyB: #FFFEFA; /* Link */ --linkC: #FF8F00; --linkB: #FF8F00;/* Scrollbar */--scrlC #FF8F00; /* Header */ --headerB: #FFF8E1; /* Notif */ --notifU: #FFF8E1; --notifC: #FF8F00; /* Search */ --srchB: #FFF8E1; /* MobMn */ --mobB: #FFF8E1;/* Border M Track */ --bTopMT : #FFF8E1 ;/* Button M Track */--mtBtn : #FFF8E1}
    /* Theme 5 - Pink */ :root .theme5:not(.drK){/* Theme */ --themeC: #C2185B; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #D81B60; --linkB: #D81B60;/* Scrollbar */--scrlC #D81B60;  /* Header */ --headerB: #FCE4EC; /* Notif */ --notifU: #FCE4EC; --notifC: #C2185B; /* Search */ --srchB: #FCE4EC; /* MobMn */ --mobB: #FCE4EC;/* Border M Track */ --bTopMT : #FCE4EC ;/* Button M Track */--mtBtn : #FCE4EC}
    /* Theme 6 - Orange */ :root .theme6:not(.drK){/* Theme */ --themeC: #E64A19; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #F4511E; --linkB: #F4511E; /* Scrollbar */--scrlC #F4511E; /* Header */ --headerB: #FBE9E7; /* Notif */ --notifU: #FBE9E7; --notifC: #E64A19; /* Search */ --srchB: #FBE9E7; /* MobMn */ --mobB: #FBE9E7;/* Border M Track */ --bTopMT : #FBE9E7 ;/* Button M Track */--mtBtn : #FBE9E7}
    /* Theme 7 - Blue Grey */ :root .theme7:not(.drK){/* Theme */ --themeC: #455A64; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #546E7A; --linkB: #546E7A; /* Scrollbar */--scrlC #546E7A; /* Header */ --headerB: #ECEFF1; /* Notif */ --notifU: #ECEFF1; --notifC: #455A64; /* Search */ --srchB: #ECEFF1; /* MobMn */ --mobB: #ECEFF1;/* Border M Track */ --bTopMT : #ECEFF1 ;/* Button M Track */--mtBtn : #ECEFF1}
    /* Theme 8 - Brown */ :root .theme8:not(.drK){/* Theme */ --themeC: #5D4037; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #5D4037; --linkB: #5D4037;  /* Scrollbar */--scrlC  #5D4037; /* Header */ --headerB: #EFEBE9; /* Notif */ --notifU: #EFEBE9; --notifC: #5D4037; /* Search */ --srchB: #EFEBE9; /* MobMn */ --mobB: #EFEBE9;/* Border M Track */ --bTopMT : #EFEBE9 ;/* Button M Track */--mtBtn : #EFEBE9}
    /* Theme 9 - Purple */ :root .theme9:not(.drK){/* Theme */ --themeC: #7B1FA2; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #8E24AA; --linkB: #8E24AA; /* Scrollbar */--scrlC  #8E24AA; /* Header */ --headerB: #F3E5F5; /* Notif */ --notifU: #F3E5F5; --notifC: #7B1FA2; /* Search */ --srchB: #F3E5F5; /* MobMn */ --mobB: #F3E5F5;/* Border M Track */ --bTopMT : #F3E5F5 ;/* Button M Track */--mtBtn : #F3E5F5}
    /* Theme 10 - Indigo */ :root .theme10:not(.drK){/* Theme */ --themeC: #283593; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #3949AB; --linkB: #3949AB; /* Scrollbar */--scrlC  #3949AB; /* Header */ --headerB: #E8EAF6; /* Notif */ --notifU: #E8EAF6; --notifC: #283593; /* Search */ --srchB: #E8EAF6; /* MobMn */ --mobB: #E8EAF6;/* Border M Track */ --bTopMT : #E8EAF6 ;/* Button M Track */--mtBtn : #E8EAF6}
]]></b:skin>

<style>/*<![CDATA[*/
/* Font Body and Heading */  @font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.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: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.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: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.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;}

/* Source Code Font */ @font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}

/* Clap neumo */ .clpN{box-shadow: 0 0 25px rgb(0 0 0 / 7%); max-width:200px; padding:15px 15px; border-radius:10px} .drK .clpN{background:var(--darkBa);box-shadow:none}

/* Theme changer */.headR .headM .themeBtn{display:block} .cusW{visibility:hidden; opacity:0;position:fixed;right:20px;left:20px;bottom:0;display:block;transition:var(--trans-1);-webkit-transition:var(--trans-1);z-index:21;background:var(--contentB);border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .cusH{width:100%;padding:20px 20px 15px;display:flex;align-items:center;justify-content:space-between} .cusHi::after{content:attr(data-text);font-size:13px;opacity:.8} .cusCl{cursor:pointer} .cusCl::after{content:'\2715';font-size:14px} .cusI:checked ~ .cusW{visibility:visible;opacity:1;bottom:200px} .cusI:checked ~ .cusW + .fCls{background:rgba(0,0,0,.25);opacity:1;visibility:visible;z-index:19} .cusP{width:100%;padding:0 20px 20px} @media screen and (min-width:501px){.cusW{position:fixed;width:70px;top:-5px;bottom:auto;right:0;left:auto;border-radius:15px 5px 15px 15px} .cusP{padding:0 17px 20px} .cusI:checked ~ .cusW{top:0;right:0;bottom:auto} .Rtl .cusW{right:auto;left:0;border-radius:5px 15px 15px 15px} .Rtl .cusI:checked ~ .cusW{right:auto;bottom:auto;left:0} .cusI:checked ~ .cusW + .fCls{background:transparent}} .tPkr{position:relative;width:26px;height:26px;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;margin:2px 4.5px;background:var(--pkrC);border-radius:50%;transition:all .3s ease;-webkit-transition:all .3s ease;cursor:pointer} .tPkr::after{content:'';position:absolute;top:-3px; bottom:-3px;right:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--pkrC);opacity:0;transition:all .3s ease;-webkit-transition:all .3s ease} .tPkr:hover{opacity:.8} .tPkr:hover::after{opacity:1} .tPkr.thB0::before{position:absolute;content:'\2715';line-height:18px;font-size:12px} .theme0 .thB0::after, .theme1 .thB1::after, .theme2 .thB2::after, .theme3 .thB3::after, .theme4 .thB4::after, .theme5 .thB5::after, .theme6 .thB6::after, .theme7 .thB7::after, .theme8 .thB8::after, .theme9 .thB9::after, .theme10 .thB10::after{opacity:1} .drK .cusW{background:var(--darkBs)} .drK .tPkr.thB0{background:var(--darkBa)} .drK .tPkr.thB0::after{border-color:var(--darkBa)}

/* Neumo */ .neumo{box-shadow: 0 0 25px rgb(0 0 0 / 7%);padding:15px 15px; border-radius:10px} .drK .neumo{background:var(--darkBa);box-shadow:none}

/* Menu */ .headR .headM{display:block;position:absolute;top:0;right:0;padding:10px 0;width:150px;background:var(--contentB);font-size:13px;border-radius:10px 5px 10px 10px;box-shadow:0 0 15px rgba(0,0,0,.07);-webkit-transition:var(--trans-2);transition:var(--trans-2);overflow:hidden;z-index:18;opacity:0;visibility:hidden} .headR .headM:before{content:attr(data-text);display:block;padding:0 15px 10px;width:100%;font-size:11px;opacity:.7} .headR .headM >*{display:block;padding:9px 15px;width:100%;cursor:pointer} .headR .headM >*:before{content:attr(aria-label);opacity:.9} .headR .headM >*:hover{background:rgba(0,0,0,.05)} .navM:checked ~ .mainWrp .headM{visibility:visible;opacity:1} .navM:checked ~ .mainWrp .headM + .fCls{visibility:visible;opacity:1;z-index:17} .headR .headM .sydB{display:true} .bD:not(.drK):not(.syD) .headR .headM .lgtB{background-color:rgba(0,0,0,.1)} .drK:not(.syD) .headR .headM .drK{background-color:rgba(0,0,0,.1)} .syD .headR .headM .sydB{background-color:rgba(0,0,0,.1)} .drK .headR .headM{background:var(--darkBs)} .Rtl .headR .headM{right:auto;left:0;border-radius:5px 10px 10px 10px}

/* Category posts */ .ctgC{margin-bottom:20px} .ctgC.loaded{animation:opaC .5s 0s;-webkit-animation:opaC .5s 0s} .ctgC .blogPg >*{margin-left:auto;margin-right:auto} @keyframes opaC{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes opaC{0%{opacity:0}100%{opacity:1}}

/* Author iFxd */.aNm.t .im{width:16px;height:16px;margin-right:4px;margin-left:4px}.iFxd.bl{top:auto;bottom:0;right:auto;left:0;font-size:12px;line-height:10px;padding:10px 10px}.aNm.t{padding:6px 6px}.drK .aNm.t .nm{color:#000}.aNm.t .nm{padding-right:10px}

/* Category layout */.stw-feature{padding:5px;text-align:center;position:relative}.stw-feature h2{font-size:1.6em;line-height:1.6em;margin-bottom:0;padding-bottom:0}.stw-feature ul{clear:both;margin:15px 0 20px;width:100%;display:flex;padding:0;flex-wrap:wrap;justify-content:space-between}.stw-feature.icon-p-2 li{position:relative;width:30%;list-style:none;line-height:1.3em;text-align:center;border-radius:10px;margin:6px 0;background:var(--contentB);box-shadow:0 5px 35px rgb(0 0 0/7%);padding:6px 0 12px;display:flex;align-items:center;justify-content:center}.stw-feature li a{display:block;text-decoration:none;color:var(--fontC)}.stw-feature li svg{margin:3px 0;width:35px;height:35px;display:inline-block}.stw-feature li span{display:block;padding:0 3px}.drK .stw-feature li{background:var(--darkBa)}

/* Clap button */@keyframes clap {0% {opacity: 0;transorm: scale(0);}60% {opacity: 1;transform: translateY(-100px) scale(1);}80%{transform: translateY(-190px) scale(0.6);}100% {opacity: 0;}}@keyframes pulse {0% {box-shadow: 0 0;}70% {box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0);}100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}}.claps_button {border-radius: 50%;background-color: var(--contentB);border: 1px solid;color: var(--linkC);width: 50px;height: 50px;outline: 0;cursor: pointer;filter: drop-shadow(0 3px 12px rgba(0, 0, 0, 0.05));transform: scale(1);transition: all .1s ease-in;z-index: 1;fill: var(--linkB);pointer-events: visible;}.drK .claps_button{background-color: var(--darkBa);}.claps {border-radius: 50%;background-color: var(--linkB);color: #fff;position: absolute;width: 50px;height: 50px;border: none;z-index: 0;}button.is_clicked ~ button.claps {animation: clap 1s ease-in-out forwards;}button.claps_button:hover {border-color: var(--linkC);color: var(--linkB);fill: var(--linkB);animation: pulse 2s infinite;}.clpN{box-shadow: 0 0 25px rgb(0 0 0 / 7%); max-width:200px; padding:15px 15px; border-radius:10px} .drK .clpN{background:var(--darkBa);box-shadow:none} .drK button.claps_button:hover{border-color: var(--darkU);color: var(--darkU);fill: var(--darkU)} .drK .claps_button{fill: var(--darkU); border: 1px solid;color: var(--darkU)} .drK .claps{background:var(--darkU)}

/* Preloader */.preloader{position:fixed;width:100%;height:100vh;background:var(--contentB);left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s;z-index:2000}.preloader.hide{opacity:0;pointer-events:none}.preloader .preloader-text{color:#838383;text-transform:uppercase;letter-spacing:8px;font-size:15px}.preloader .dots-container{display:flex;margin-bottom:48px}.preloader .dot{background:red;width:10px;height:10px;border-radius:50%;margin:0 5px}.preloader .dot.red{background:#ea4335;animation:bounce 1s infinite}.preloader .dot.green{background:#34a853;animation:bounce 1s infinite;animation-delay:.2s}.preloader .dot.yellow{background:#fbbc05;animation:bounce 1s infinite;animation-delay:.4s}@keyframes bounce{50%{transform:translateY(16px)}100%{transform:translateY(0)}}.drK .preloader{background:var(--darkB)}

/* Reading Progress Bar */.drK .pRs{border:1px solid var(--darkBs);background:var(--darkBa)}.pRs{border:.1px solid var(--contentL);top:0;left:0;z-index:999;height:6px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#e9ecef}.pBar{top:0;left:0;z-index:2;border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content;background:var(--linkC);transition:width .6s ease}.pSt{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:50px 50px}
.pAn{animation:AnPr 2s linear infinite}.pSt1{background-image:linear-gradient(45deg,rgba(204,204,204,.15) 25%,transparent 25%,transparent 50%,rgba(204,204,204,.15) 50%,rgba(204,204,204,.15) 75%,transparent 75%,transparent);background-size:50px 50px}.drK .pBar{background:var(--darkU)}.drK .pSt{background-image:linear-gradient(45deg,rgba(255,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(255,0,0,.15) 50%,rgba(255,0,0,.15) 75%,transparent 75%,transparent);background-size:50px 50px}

/* Safelink */
/* Human Verification */ .hmv{position:relative;font-family:var(--fontBa);border-radius:10px;padding:30px 20px;margin-bottom:40px;text-align:center;overflow:hidden} .hmv::before{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--linkB);opacity:.06} .hmv::after{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .hmv >*{position:relative;z-index:1} .hmv .hmvH{font-size:1.2rem;font-weight:700;margin-bottom:15px} .hmv .hmvD{font-family:var(--fontB);font-size:13px;opacity:.8;display:inline-flex;align-items:center} .hmv .hmvD svg{width:13px;height:13px;margin-right:5px} .hmv:not(.alt) .button, .hmv.alt .hmvH.bef, .hmv:not(.alt) .hmvH.aft, .hmv.alt .hmvD{display:none} .drK .hmv::before{background:var(--darkBs);opacity:1}

/* Scroll to Continue */ .aSlT, .aSlB{display:none;align-items:center;justify-content:center;text-align:center;padding:30px 0} .aSlP{display:block;position:relative;height:40px;width:100%;display:none;align-items:center;justify-content:center;z-index:0;border-radius:var(--buttonR);overflow:hidden} .aSlP::before{content:''; position: absolute;top:0;right:0;bottom:0;left:0; background:var(--linkC);opacity:.5} .aSlW{position: absolute;top:0;bottom:0;left:0;width:0;background:var(--linkC);opacity:.6;transition:width 1s ease} .aSlP > span{position:absolute;color:#fffdfc;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .aScr{display:none;position:relative;width:100%;font-family:var(--fontBa);border-radius:10px;padding:30px 20px;text-align:center;overflow:hidden} .aScr::after{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .aScr::before{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--linkB);opacity:.06} .aScr .hglt{color:var(--linkC)} .aScr .aScrH{position:relative;z-index:1;font-size:1.2rem;font-weight:700;margin-bottom:15px} .aScr .aScrD{position:relative;z-index:1;font-family:var(--fontB);font-size:13px;opacity:.8;display:inline-flex;align-items:center} .aScr .aScrD svg{width:13px;height:13px;margin-right:5px;stroke-width:1.5} .aSlT.vsbl, .aSlB.vsbl, .aSlT:not(.alt) .aSlP{display:flex} .aSlT.alt .aScr{display:block} .aSlT.nInt .aSlP > span{font-size:13px} .Rtl .aSlW{left:unset;right:0} .Rtl .aScr .aScrD svg{margin-right:0;margin-left:5px} .drK .aSlP::before{background:var(--darkBs);opacity:1} .drK .aSlW{background:var(--darkBa);opacity:1} .drK .aScr{background:var(--darkBs)} .drK .aScr::before{background:var(--darkBa);opacity:1} .drK .aScr .hglt{color:var(--darkU)}

/* Widget Profile */ .prfI:checked ~ .mainWrp .wPrf{top:0;opacity:1;visibility:visible} .prfI:checked ~ .mainWrp .wPrf ~ .fCls{z-index:3;opacity:1;visibility:visible} .wPrf{display:flex;position:absolute;top:-5px;right:0;background:var(--contentB);border-radius:16px 5px 16px 16px;width:260px;max-height:400px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);transition:var(--trans-1);z-index:4;opacity:0;visibility:hidden;overflow:hidden} .wPrf .prfS{background:inherit} .wPrf.tm .im{width:39px;height:39px;flex-shrink:0} .wPrf.sl .im{width:60px;height:60px;border-radius:26px;margin:0 auto} .wPrf.sl .prfC{text-align:center} .prfH .c{display:none} .prfL{display:flex;align-items:center;position:relative;width:calc(100% + 16px);left:-8px;right:-8px;border-radius:8px;padding:8px 0;transition:var(--trans-1)} .prfL::after{content:attr(data-text);margin:0 2px} .prfL >*{margin:0 8px;flex-shrink:0} a.prfL:hover{background:var(--transB)} .sInf{margin-bottom:0} .sInf .sDt .l{display:inline-flex;align-items:center} .sInf .sTxt{margin:5px auto 0;max-width:320px;font-size:93%;opacity:.9;line-height:1.5em} .sInf .sTxt a{text-decoration:underline} .sInf .lc{display:flex;justify-content:center;margin:10px 0 0;opacity:.8;font-size:90%} .sInf .lc svg{width:16px;height:16px} .sInf .lc::after{content:attr(data-text);margin:0 4px}

/* Standar CSS */ ::selection{color:#fff;background:var(--linkB)} .drK ::selection{background:var(--darkU)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;outline:0} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:auto} svg{width:22px;height:22px;fill:var(--iconC)} svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fCls{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'} /* SVG Icon Color */ svg{width:22px;height:22px;vertical-align:middle;fill:#161617}svg .svg-c{fill:var(--linkC)}svg.line .svg-c{fill:none;stroke:var(--linkC)}svg .line,svg.line{fill:none;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}.hidden,.replaced{display:none}.invisible{visibility:hidden}.clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:0 0;opacity:0;visibility:hidden}.drK svg .svg-c{fill:none;stroke:var(--darkU)} #HTML1 h3{display:none}

/* Pay box and Changelog */.changeLog{position:fixed;bottom:0;left:0;right:0;margin:0;padding:40px 0;width:100%;height:100%;background-color:#fefefe;font-family:var(--fontB);font-size:15px;z-index:22;-webkit-transition:all .1s ease;transition:all .1s ease;overflow-y:auto;opacity:0;visibility:hidden}.changeLog .logClose{display:flex;align-items:center;height:22px;position:absolute;top:20px;right:25px}.changeLog .logClose:before{content:'Close';font-size:11px;padding-right:8px;font-family:var(--fontB)}.changeLog .logContent{width:100%;max-width:820px;padding:0 20px;margin-left:auto;margin-right:auto;font-family:var(--fontB)}.changeLog .logContent h2{margin-top:10px;font-family:var(--fontB)}.changeLog .logContent ol,.changeLog .logContent ul{padding-left:30px}.logInput:checked ~ .changeLog{opacity:1;visibility:visible}.I{color:inherit;text-decoration:underline;font-family:var(--fontBa);line-height:20px}-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.purchaseContent{width:calc(100% - 40px);max-width:780px;max-height:calc(100% - 40px);overflow-y:auto;position:relative;background-color:#fefefe;display:flex;flex-wrap:wrap;border-radius:2px;margin-top:-100%;-webkit-transition:all .1s ease;transition:all .1s ease;z-index:3}.purchaseDetail{width:55%;flex-shrink:0;background-color:#f1f1f0;padding:50px 25px 20px}.purchaseMethod{width:45%;flex-shrink:0;padding:50px 25px 20px}.purchaseContent .purchaseTitle{margin-top:0;margin-bottom:30px;font-size:1.3rem;font-family:var(--fontBa)}.purchaseName, .purchasePrice{font-weight:900;margin-bottom:20px;color:var(--headC)}.purchaseName:before, .purchasePrice:before{content:attr(data-text);font-size:12px;display:block;font-weight:400;color:var(--bodyC)}.purchasePrice{font-size:2rem} .purchasePrice span{font-size:15px}.purchasePrice .Paypal:before{content:'/ $'}.purchasePrice i{font-style:normal}.purchasePrice i:before, .purchasePrice span.Paypal:after{content:attr(data-text)}.purchaseName:after{content:attr(data-title)}.purchaseInfo{font-size:13px;line-height:1.7em;margin-top:40px}.purchaseLink .button{display:flex;margin-right:0;padding:12px 20px}.purchaseLink .button svg{margin-right:12px}.purchaseLink .button svg.line{fill:none;stroke-width:1.8}.purchaseLink .transfer svg{height:18px;stroke:#05275b}.purchaseLink .paypal svg{fill:#0079C1}.purchaseLink .gumroad svg{height:18px;fill:#1d1d1d}.purchaseLink .themeforest{}.purchaseConfirm{font-size:13px;text-align:right;margin-top:35px}.purchaseInput:checked ~ .purchase .purchaseContent{margin-top:0}@media screen and (max-width:480px){.purchaseContent{display:block}.purchaseDetail{width:100%;background-color:transparent;padding-top:16px}.purchaseMethod{width:100%;background-color:#f1f1f0;border-radius:5px 5px 0 0;padding-top:25px}.purchaseName{display:none}.purchaseInfo{margin-top:0;font-size:12px}.purchaseContent .purchaseDetail .purchaseTitle{margin-bottom:20px}.Blog .post .purchaseDetail .purchaseTitle{margin-bottom:10px}}.onHome .purchase .purchaseName:before{margin-bottom:8px}.drK .purchaseDetail, .drK .purchaseContent{background-color:var(--darkB)}.drK .purchaseMethod{background-color:var(--darkBs)}.drK .purchaseMethod, .drK .purchaseName, .drK .purchasePrice, .drK .purchaseName:before, .drK .purchasePrice:before, .drK .purchaseContent{color:var(--darkT)}.drK.purchaseLink .transfer svg{stroke:var(--darkT)}.drK .purchaseLink .paypal svg, .drK .purchaseLink .gumroad svg{fill:var(--darkT)}.drK .changeLog{background-color:var(--darkB)}.drK .logContent{background-color:var(--darkB)}.pay{display:flex;justify-content:center;flex-wrap:wrap; font-family:var(--fontB);font-size:14px}.pay > *{transition:transform .15s ease;-webkit-transition:transform .15s ease}.pay > *:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.pyM{min-width:250px;max-width:300px;display:block;position:relative;background:#fff;border-radius:3px;box-shadow:0 10px 40px rgba(149,157,165,.2);padding:0 0 74px;text-align:center;margin:0 10px 30px}.pyM.disc::before{content:'-30%'; display:block;font-weight:700;font-size:13px;width:50px;height:50px;padding:15px 0 10px;background:#ebeced;border-radius:5px 5px 50px 50px;position:absolute;top:-5px;right:10px}.pyM.disc.ds-40::before{content:'-40%'}.pyM i.strike{display:block;font-size:15px;font-style:normal;text-decoration:line-through}.pyM ol.pyI{list-style:none;margin:30px 0;padding:0 30px;font-size:13px;line-height:1.8em;opacity:.8}.pyH{padding:20px;text-transform:uppercase}.pyP{font-size:55px;line-height:normal;color:var(--linkC);font-weight:700}.pyP::before, .pyP::after{content:attr(data-currency);font-size:16px;font-weight:400}.pyP::after{content:attr(data-text)}.pyB{position:absolute;bottom:0;left:0;right:0}.pyB .button{margin:0 0 30px}.drK .pyM{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2)} .drK .pyP{color:var(--darkU)} .drK.pyM.disc::before{background:var(--darkU)}

/* Pop-Up Box by Fineshop */.popSc{position:fixed;z-index:99999;top:0;bottom:0;left:0;right:0;padding:20px;background:#f3f5fe;display:flex;justify-content:center;align-items:center}.popSc.hidden{display:none}
.popSc .popBo{position:relative;background:#fff;max-width:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;border-radius:30px}
.popSc .popBo svg{display:block;width:50px;height:50px;fill:none !important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
.popSc .popBo h2{margin:10px 0 15px 0;font-size:1.2rem;font-weight:800;color:#08102b}
.popSc .popBo p{margin:0;line-height:1.7em;font-size:0.9rem;color:#08102b}

/* RGB Effect */.stwRainbow,.stwBlurRainbow{position:fixed;width:100%;bottom:0;left:0;right:0;height:3px;z-index:23;background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);background-size:200%;-webkit-animation:animeBar 5s linear infinite;animation:animeBar 5s linear infinite}.stwBlurRainbow{height:10px;z-index:22;filter:blur(10px);opacity:.7}@-webkit-keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes animeBar{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Music player */.player-STLH{transform:translate(0%,0%);width:330px;height:500px;border-radius:15px;background-color:var(--contentB);box-shadow:0 15px 20px 0 #dadada;}.player-STLH input[type=range]{-webkit-appearance:none!important;margin:0px;padding:0px;background:#e7e8ff;height:5px;width:150px;outline:none;cursor:pointer;overflow:hidden;border-radius:5px;}.player-STLH input[type=range]::-ms-fill-lower{background:var(--linkB);opacity:.2}.player-STLH input[type=range]::-ms-fill-upper{background:var(--linkB);opacity:.2}.player-STLH input[type=range]::-moz-range-track{border:none;background:var(--linkB);opacity:.2}.player-STLH input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:var(--linkB);height:5px;width:5px;border-radius:50%;box-shadow:-100vw 0 0 100vw var(--linkB);}.player-STLH input[type=range]::-moz-range-thumb{background:var(--linkB);height:8px;width:8px;border-radius:100%;}.player-STLH input[type=range]::-ms-thumb{-webkit-appearance:none!important;background:var(--linkB);height:8px;width:8px;border-radius:100%;}.player-STLH .cover-PS{width:150px;height:150px;border-radius:50%;overflow:hidden;position:absolute;left:50%;top:50px;transform:translateX(-50%)}.player-STLH .cover-PS img{width:100%;height:100%;object-fit:cover-PS;}.player-STLH .info-MS{position:absolute;left:50%;top:240px;transform:translateX(-50%);text-align:center;}.player-STLH .info-MS .title-MS{font-size:20px;font-weight:700;margin-bottom:2px;}.player-STLH .info-MS .singer-MS{font-size:12px;}.player-STLH .btn-box{position:absolute;top:330px;width:100%;display:flex;justify-content:center;}.player-STLH .btn-box i{font-size:24px;color:#72646f;margin:0 30px;cursor:pointer;}.player-STLH .btn-box i.active{color:var(--linkB);}.player-STLH .volume-box{display:none;position:absolute;left:50%;top:295px;transform:translateX(-50%);z-index:1;padding:0 20px;}.player-STLH .volume-box .volume-down{position:absolute;left:-15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#72646f;}.player-STLH .volume-box .volume-up{position:absolute;right:-15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#72646f;}.player-STLH .volume-box .volume-up::selection{background-color:unset;}.player-STLH .volume-box input[type=range]{height:5px;width:150px;margin:0 0 15px 0;}.player-STLH .volume-box.active{display:block;}.player-STLH .music-box{position:absolute;left:50%;top:385px;transform:translateX(-50%);}.player-STLH .music-box input[type=range]{height:5px;width:230px;margin:0 0 10px 0;}.player-STLH .music-box input[type=range]::-webkit-slider-thumb{height:5px;width:7px;}.player-STLH .music-box .current-time{position:absolute;left:-35px;top:50%;transform:translateY(-50%);font-size:12px}.player-STLH .music-box .duration{position:absolute;right:-35px;top:50%;transform:translateY(-50%);font-size:12px}.player-STLH .music-box .play,.player-STLH .music-box .pause{position:absolute;left:50%;top:55px;transform:translateX(-50%);width:50px;height:50px;border-radius:50px;background-color:var(--linkB);cursor:pointer;transition:all 0.4s;}.player-STLH .music-box .play i,.player-STLH .music-box .pause i{font-size:36px;color:#fff;position:absolute;left:50%;top:50%;transform:translate(-48%,-50%);}.player-STLH .music-box .pause i{font-size:32px;transform:translate(-50%,-50%);}.drK .player-STLH{background:var(--darkBa); box-shadow:none} .drK .player-STLH .music-box .play,.drK .player-STLH .music-box .pause {background-color:var(--darkU)}.drK.player-STLH input[type=range]::-ms-fill-lower{background:var(--darkU);opacity:.2}.drK .player-STLH input[type=range]::-ms-fill-upper{background:var(--darkU);opacity:.2}.drK .player-STLH input[type=range]::-moz-range-track{border:none;background:var(--darkU);opacity:.2}.drK .player-STLH input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background:var(--darkU);height:5px;width:5px;border-radius:50%;box-shadow:-100vw 0 0 100vw var(--darkU);}.drK.player-STLH input[type=range]::-moz-range-thumb{background:var(--darkU);height:8px;width:8px;border-radius:100%;}.drK.player-STLH input[type=range]::-ms-thumb{-webkit-appearance:none!important;background:var(--darkU);height:8px;width:8px;border-radius:100%;}.drK .player-STLH .btn-box i.active{color:var(--darkU);}.drK.player-STLH input[type=range]::-ms-thumb{-webkit-appearance:none!important;background:var(--darkU);height:8px;width:8px;border-radius:100%;}

/* Double click to copy hover text */.pre:not(.tb):hover::before{content:'Double click to copy | </>'}
.pre:not(.tb).html:hover::before{content:'Double click to copy | .html'}
.pre:not(.tb).css:hover::before{content:'Double click to copy | .css'}
.pre:not(.tb).js:hover::before{content:'Double click to copy | .js'}

/* Toast Notification */.tNtf span{position:fixed;left:24px;bottom:20px;margin-bottom:-40px;display:inline-flex;align-items:center;text-align:center;justify-content:center;z-index:997;background:#323232;color:rgba(255,255,255,.8);font-size:14px;font-family:Poppins;border-radius:3px;padding:13px 24px;box-shadow:0 5px 35px rgba(149,157,165,.3);opacity:0;transition:var(--trans-1);animation:3.6s cubic-bezier(.99,.02,.03,.99) forwards slidein;-webkit-animation:3.6s cubic-bezier(.99,.02,.03,.99) forwards slidein}.tNtf span i{content:'';width:14px;height:14px;display:inline-block;margin:0 10px;opacity:.8}.tNtf span i.copy{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='13' height='13' rx='2' ry='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>") center/14px no-repeat}@media screen and (max-width:500px){.tNtf span{left:0;right:0;bottom:0;margin-bottom:-70px;justify-content:left;text-align:left;font-size:15px;padding:15px 24px;border-radius:0}}.drK .tNtf span{box-shadow:0 10px 40px rgba(0,0,0,.2)}@keyframes slidein{0%{opacity:0}20%,50%,80%{opacity:1;margin-bottom:0}100%{opacity:0;margin-bottom:-70px;visibility:hidden}}
@media screen and (max-width:500px){/* Widget */ .prfI:checked ~ .mainWrp .wPrf{top:auto;bottom:0} .prfI:checked ~ .mainWrp .Profile .fCls{background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .prfH .c{display:flex} .wPrf{position:fixed;top:auto;left:0;right:0;bottom:-100%;width:100%;max-height:calc(100% - var(--headerH));border-radius:12px 12px 0 0}}
@keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}
@-webkit-keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}

/* Widget ToC */ .tocL{position:fixed;top:0;bottom:5%;right:-280px;width:280px;transition:var(--trans-1);z-index:5} .tocLi{width:280px;height:100%;position:fixed;background:var(--contentB);box-shadow:0 5px 30px 0 rgba(0,0,0,.05);z-index:2;border-radius:20px 0 0 20px} .tocLs{position:relative;top:20px;background:inherit} .tocIn{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:calc(100vh - var(--headerH))} .tocC{position:absolute;left:-45px;top:105px;transition:var(--trans-1)} .tocC span{display:flex;align-items:center;justify-content:center;width:45px;height:40px;border-radius:20px 0 0 20px;background:var(--contentB);transition:inherit;z-index:1;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)} .tocL svg.rad{width:20px;height:20px;position:absolute;right:-2px;top:-19px;fill:var(--contentB);transform:rotate(92deg);transition:inherit} .tocL svg.rad.in{top:auto;bottom:-19px;transform:rotate(-2deg)} .tocC span svg{opacity:.8;animation:wiggle 3s infinite} .tocT{display:flex;width:100%} .tocL ol{margin:0;margin-right:7px;padding-inline-start:35px;line-height:1.6em} .tocL li ol{margin:5px 0 10px;list-style:lower-roman} .tocL a{color:inherit;opacity:.8} .tocL a:hover{text-decoration:underline} .tocI:checked ~ .tocL{right:0;z-index:10} .tocI:checked ~ .tocL .tocC{opacity:0;visibility:hidden} .tocI:checked ~ .tocL .fCls{background:rgba(0,0,0,.25);opacity:1;visibility:visible} .drK .tocLi, .drK .tocC span {background:var(--darkBa)} .drK .tocL a{color:inherit} .drK .tocL svg.rad {fill:var(--darkBa)}/* TOC indicator */.tocC:before{content:'';display:block;width:10px;height:10px;background-color:var(--linkC);border-radius:50%;position:absolute;top:5px;left:12px;animation:indicator 1s ease infinite;-webkit-animation:indicator 1s ease infinite;z-index:1}@-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.drK .tocC:before{background-color:var(--darkU)}

/* Cookies consent */.ckWrap{position:fixed;right:0;left:0;bottom:-600px;z-index:50;width:100%;padding:20px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 30px 0;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);align-items:center;justify-content:center;text-align:center;animation:ckUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckUp 2.5s forwards;-webkit-animation-delay:1s}.ckWrap.acptd{animation:ckDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckDn 2.5s backwards;-webkit-animation-delay:.3s}.ckWrap.hidden{display:none}.ckWrap .ckCont svg{width:50px;height:50px;fill:#08102b;stroke:#08102b;stroke-width:.8}.ckCont h2{margin:0;color:#08102b;font-size:1.5rem;font-weight:800;font-family:inherit}.ckCont p{margin:10px 0;line-height:1.7em;color:#08102b;font-size:.9rem;font-weight:400;font-family:inherit}.ckWrap .btn{display:inline-flex;align-items:center;margin:0;padding:10px 15px;outline:0;border:0;border-radius:40px;line-height:20px;color:#fefefe;background-color:var(--linkB);font-size:13px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all .3s ease}
.ckWrap .btn:hover{opacity:.8;transform:scale(.97)}.ckWrap .btn.outl{color:#08102b;margin-left:8px;background-color:transparent;border:1px solid #767676}.ckWrap .btn.outl:hover{border-color:#482dff}@media screen and (min-width:768px){.ckWrap{max-width:450px;border-radius:30px;left:auto;right:30px;bottom:-500px;box-shadow:0 5px 35px rgba(0,0,0,.1);animation:ckdeskUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckdeskUp 2.5s forwards;-webkit-animation-delay:1s}.ckWrap.acptd{animation:ckdeskDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckdeskDn 2.5s backwards;-webkit-animation-delay:.3s}}@-webkit-keyframes ckUp{100%{bottom:0}}@keyframes ckUp{100%{bottom:0}}@-webkit-keyframes ckdeskUp{100%{bottom:30px}}@keyframes ckdeskUp{100%{bottom:30px}}@-webkit-keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}@keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}@-webkit-keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}@keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}.drK .ckWrap{background:rgba(50,50,50,.8)}
.drK .ckWrap .ckCont svg{fill:#fefefe;stroke:#fefefe}.drK .ckCont h2,.drK .ckCont p,.drK .btn.outl{color:#fefefe} .drK.ckWrap .btn{background:var(--darkU)}

/* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{position:relative;margin:0;padding:0!important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing: antialiased} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)}

/* Notif Section */ .ntfC{display:flex;align-items:center;position:relative;min-height:var(--notifH); background:var(--notifU);color:var(--notifC); padding:10px 15px; font-size:13px; transition:var(--trans-1);overflow:hidden;border-radius:10px;margin:1em 0 0} .ntfC::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .ntfC .secIn{width:100%; position:relative} .ntfC .c{display:flex;align-items:center} .ntfT{width:100%; padding-right: 15px; text-align:center} .ntfT a{color:var(--notifL); font-weight:700} .ntfI:checked ~ .ntfC{height:0;min-height:0; margin:0;padding:0; opacity:0;visibility:hidden} .ntfA{display:inline-flex;align-items:center;justify-content:center;text-align:initial} .ntfA >a{flex-shrink:0;white-space:nowrap;display:inline-block; margin-left:10px;padding:8px 12px;border-radius:40px; background:var(--notifL);color:#fffdfc; font-size:12px;font-weight:400; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none}

/* Bookmark */.pop-area::-webkit-scrollbar{display:none}.pop-area{display:flex!important;width:100%;height:100%;position:fixed;top:0;left:0;background:rgb(0 0 0/51%);visibility:hidden;opacity:0;transition:var(--trans-2);z-index:999999;overflow-y:scroll}.pop-area.open{opacity:1;visibility:visible}.pop-area .pop-html{background:#fff;padding-bottom:10px;display:block;margin:auto auto;width:calc(100% - 20px);max-width:500px;visibility:hidden;opacity:0;overflow:hidden;transition:var(--trans-2);transform:scale(.5);border-radius:7px;box-shadow:0 9px 46px 8px rgba(0,0,0,.14),0 11px 15px -7px rgba(0,0,0,.12),0 24px 38px 3px rgba(0,0,0,.2)}.pop-area.open .pop-html{opacity:1;transform:scale(1);visibility:visible}.pop-area .head-pop{width:-webkit-fill-available;padding:12px 30px;overflow:hidden;}.pop-area .close-btn{float:right;cursor:pointer;fill:#7e7e7e}.pop-area .buka-tutup svg{width:20px;height:20px;fill:none!important;stroke:#08102b;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px}
.pop-area .body-content{padding:10px}.pop-area .text-center{display:grid;text-align:center;grid-gap:15px}.pop-area .text-center svg{margin:0 auto}.pop-area .btn.btn-outline-info{width:fit-content;margin:0 auto;text-decoration:none}.pop-area .table{width:100%;box-shadow:0 5px 35px rgb(0 0 0 / 7%);background:var(--contentB);border-radius:10px;margin:5px 0;padding:5px}.pop-area .table img{border-radius:4px;width:auto;background:var(--mobHv)}.pop-area .img-left{width:140px;height:60px}.pop-area .item-left{padding-right:10px}.pop-area .btn-remove{cursor:pointer}.pop-area .btn-remove svg{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round;stroke-width:1}.pop-area .head-pop b:after{content:'';display:inline-block;vertical-align:middle;width:var(--widgetTa);margin:0 10px;opacity:.5}.pop-area .head-pop b{margin:0 0 25px;font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative}
.pop-area .table img:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;opacity:.7;white-space:nowrap}.show-bookmark{font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2}@-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.counterStat{color:#fff;font-size:16px}.drK .pop-area .pop-html{background:var(--darkB);color:var(--darkT)}.drK .pop-area .buka-tutup svg,.drK .btn-remove svg{stroke:var(--darkT)}.drK .pop-area .table img{background:var(--darkTa)} .drK .pop-area .table{background:var(--darkBa)}.iFxd .hartomy-bookmark-btn:before{content:'';font-size:12px;color:#767676;width:150px;padding-left:30px;padding:5px 0 5px 30px;background-color:var(--bodyB);border-radius:5px;position:absolute;right:0;display:none}.iFxd .hartomy-bookmark-btn{position:relative;transition:var(--trans-4)}.btn-outline-info{background:var(--linkB);padding: 5px;color: #fff;border-radius: 40px} .drK .btn-outline-info{background:var(--darkU);color:#fff} .drK .show-bookmark{background:var(--darkB);color:#e6e6e6}

/* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:16px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .fixLs{padding:60px 20px 20px;overflow-y:scroll;width:100%;background:var(--contentB)} .fixH, .mnH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .ntfC .c::after, .mnH .c::after{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::before{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls, .BlogSearch input:focus ~ .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri{max-width:520px} .fnBr{max-width:480px}

/* Display Flex */ .bIc{display:flex;align-items:center}

/* Header */ header{width:100%;z-index:10; position:-webkit-sticky;position:sticky;top:0;box-shadow:0 0 15px rgba(0,0,0,.07)} header a{color:inherit} header svg{width:20px;height:20px;fill:var(--headerI); opacity:.8} header svg.line{fill:none;stroke:var(--headerI)} .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB)} .headIn{display:flex;justify-content:space-between;height:100%} .headL{display:flex;align-items:center;min-width:200px;max-width: 300px ; /* change this to increase header title width */} .headL .headIc{flex:0 0 35px;padding-right:5px} .headI .headP{display:flex;justify-content:flex-end;align-items:center;position:relative;height:100%} .headI{height:100%; position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .headI >*{margin:0 7.5px} .headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0} .headIc >*{position:relative} .headIc svg{z-index:1} ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end} ul.headIc li{margin:0 2px} /* Header Widget */ .Header{background-repeat:no-repeat;background-size:100%;background-position:center} .Header img{max-width:160px;max-height:45px} .Header .headH{display:block;color:inherit;font-size:var(--headerT); font-weight:var(--headerW)} .Header .headH.hasSub{display:flex;align-items:baseline} .Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block} .Header .headSub{margin:0 5px;font:400 11px var(--fontB); white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6} .Header .headSub::before{content:attr(data-text)} /* Header Icon */ .tIc{width:30px;height:30px;justify-content:center} .tIc::after{content:'';background:var(--transB);border-radius:40px;position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden} .tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)} .tDL .d2, .drK .tDL .d1, .grD .tGr .s3{display:none} 

/* mainNav */ .mnBr ul, .topM ul{list-style:none;margin:0;padding:8px 15px} .mnMn svg, .tpMn svg{flex-shrink:0} .mnMn svg.d, .tpMn svg.d{width:14px;height:14px} 
/* Mobile Menu */ .mobMn{position:fixed;right:0;left:0;bottom:0; border-top:1px solid var(--mobL);border-radius:var(--mobBr) var(--mobBr) 0 0;background:var(--mobB);color:var(--mobT);padding:0 20px;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);z-index:2;font-size:12px} .mobMn svg.line{stroke:var(--mobT);opacity:.8} .mobMn ul{height:55px;display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0} .mobMn li{display:flex;justify-content:center;flex:1 0 20%} .mobMn li >*{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;border-radius:20px;padding:0 8px;transition:var(--trans-1);color:inherit} .mobMn li svg{margin:0 3px;flex-shrink:0} .mobMn li >*::after{content:attr(data-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0;margin:0;transition:inherit;opacity:.7} .mobMn li >*:hover::after{max-width:70px;margin:0 3px} .mobMn .nmH{opacity:.7} .mobMn li >*:hover{background:var(--mobHv)} .mobMn li >*:hover svg.line{fill:var(--mobT) !important;opacity:.5} /* Style 2 */ .MN-2 .mobMn{font-size:10px} .mobS .mobMn li >*{flex-direction:column;position:relative} .mobS .mobMn li >*:hover{background:transparent} .MN-2 .mobMn li >*::after{max-width:none} /* Style 3 */ .MN-3 .mobMn li >*::after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;bottom:-2px;opacity:0} .MN-3 .mobMn li >*:hover::after{background:var(--linkB);opacity:.7} .MN-3 .mobMn li >*:hover svg.line{stroke:var(--linkB);fill:var(--linkB) !important;opacity:.7}.drK.MN-3 .mobMn li >*:hover::after{background:var(--darkU);opacity:.7} .drK.MN-3 .mobMn li >*:hover svg.line{stroke:var(--darkU);fill:var(--darkU) !important;opacity:.7}

/* mainIn Section */.mainWrp::after{content:'';display:block;position:absolute;top:0;right:0;width:170px;height:170px;border-radius:0 0 0 170px;background:rgba(0,0,0,.02);z-index:-1;animation:float 3s ease-in-out infinite} .drK .mainWrp::after{background:rgba(0,0,0,.10)} .mainIn{padding:20px 0 40px} .blogCont{flex:1 0; position:relative} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child), .adSticky:not(.no-items){margin-top:40px} .blogCont .section:first-child{margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} .blogM{flex-wrap:wrap;justify-content:center} .blogIn{flex-grow:1} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky, .adSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onPs .mainbar, .onHm .mainbar{max-width:var(--postW)} .onPg .mainbar{max-width:var(--pageW)} /* blogTopc and ToC */ .topM a{color:inherit} .tpMn .a, .tpMn ul li >*{display:flex;align-items:center;padding:8px 5px;border-radius:8px;position:relative;width:calc(100% + 20px);left:-10px;right:-10px;transition:var(--trans-1)} .tpMn .a >*{margin:0 5px} .tpMn .n, .tpMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .tpMn ul{margin-bottom:10px} .tpMn ul li >*{opacity:.8; padding:8px 10px} .tpMn ul li >*:hover{opacity:1} .tpMn .a:hover, .tpMn ul li a:hover{color:var(--linkC);background:rgba(0,0,0,.05)} .tpMn li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 0} .tpMn details summary{list-style:none;outline:none;cursor:default} .tpMn details summary::-webkit-details-marker{display:none} .tpMn details[open] svg.d{transform:rotate(180deg)} .tocI ol ol ol{display:none} .tocI ol{list-style:none;padding:0;margin:0; line-height:1.5em} .tocI ol{counter-reset:toc-count} .tocI ol ol, .tocI li:not(:last-child){margin-bottom:5px} .tocI li li:first-child{margin-top:5px} .tocI li{display:flex;flex-wrap:wrap; justify-content:flex-end} .tocI li::before{flex:0 0 23px; content:counters(toc-count,'.')'. ';counter-increment:toc-count} .tocI li a{flex:1 0 calc(100% - 23px)} .tocI li li::before{flex:0 0 28px; content:counters(toc-count,'.')} .tocI li li a{flex:1 0 calc(100% - 28px)} .tocI >ol >li >ol{flex:0 0 calc(100% - 23px)} .tocI >ol >li >ol ol{flex:0 0 calc(100% - 28px)} .tocI a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .tocI a:hover{text-decoration:underline} .tpMn{box-shadow:0 0 15px rgba(0,0,0,.07);  border-radius:10px} .drK .tpMn{background:var(--darkBa)}

/* Img Neumo */ .imNeumo{background: var(--contentB);padding: 15px;box-shadow: 0 0 25px rgb(0 0 0 / 7%);border-radius: 10px} .drK .imNeumo{background:var(--darkBa)}

/* Footer */footer{padding:40px 0 0;background-color:var(--fotB);color:var(--fotT);font-size:95%;line-height:1.8em;box-shadow: 0 0 15px rgb(0 0 0 / 7%);border-radius:10px;margin-left:20px;margin-right:20px;margin-bottom:20px}footer .widget{margin-bottom:35px}footer .widget ul{list-style:none;margin:0;padding:0}footer .footerContent{display:flex;flex-wrap:wrap;padding:0 25px}footer .footerContent>:first-child{width:25%;margin-right:auto}footer .footerContent>:last-child{width:30%;margin-left:auto}footer .footerContent>*{width:18%}footer .footerContent .title{color:inherit;margin-bottom:12px;font-size:15px;font-weight:600}footer .footerContent .title:after{display:none}footer .LinkList a{display:inline-flex;align-items:center;color:inherit;line-height:24px}footer .LinkList a svg.line{width:15px;height:15px;margin-right:15px}footer .aboutUs{margin-right:25px}footer .aboutUs .titleText:before{content:attr(data-text);font-size:13px;opacity:.6;display:block;margin-bottom:5px}footer .aboutUs .aboutDesc{margin:20px 0 0;line-height:1.5em}footer .aboutLinks{display:flex;align-items:flex-start}footer .aboutLinks li:not(:last-child){margin-right:5px}footer .LinkList .aboutLinks a svg.line{width:20px;height:22px;margin-right:0;stroke:var(--iconCa);stroke-width:1.5}.drK footer .LinkList .aboutLinks a svg.line{stroke:var(--darkT)}footer .LinkList .aboutLinks a{display:flex}footer .creditInner{padding:28px 25px}footer .creditInner{display:flex;justify-content:space-between}footer .creditInner p{margin:0;padding-right:20px;overflow:hidden;white-space:nowrap}footer .creditInner .creator{opacity:0}footer .toTop{display:flex;align-items:center;opacity:.6;white-space:nowrap}footer .toTop:before{content:'To top'}footer .toTop svg{stroke:#262d3d;margin-left:5px;width:22px;height:22px}@media screen and (max-width:896px){footer{padding:40px 0 3rem;margin-bottom:0px;margin-left:0px;margin-right:0px}}@media screen and (max-width:640px){footer .footerContent>*,footer .footerContent>:first-child,footer .footerContent>:last-child{width:50%}}@media screen and (max-width:480px){footer .creditInner{font-size:12px}footer .footerContent>*,footer .footerContent>:first-child,footer .footerContent>:last-child{width:100%}footer .footerContent>:nth-child(1){order:1}footer .footerContent>:nth-child(2){order:2}footer .footerContent>:nth-child(3){order:3}footer .footerContent>:nth-child(4){order:4}footer .toTop:before{content:'Top'}}

/* Article*/ .onId .blogPts, .itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 22px);left:-11px;right:-11px;} .onId .blogPts >*, .itemFt .itm >*{flex:0 0 calc(50% - 22px);width:calc(50% - 22px); margin-bottom:0;margin-left:11px;margin-right:11px} .onId .blogPts{align-items:stretch} .onId .blogPts >*{margin-bottom:40px;box-shadow:0 0 15px rgba(0,0,0,.07); border-radius:15px; padding: 17px 17px 0 17px!important; position:relative} .onIndx .blogPts .pTag{padding-bottom:0} .onIndx .pTag .pInf{display:none} .onId .blogPts .nAd{padding-bottom:0} .onId .blogPts .pInf{position:sticky;bottom:0;left:0;right:0;margin-bottom: 10px} .onId .blogPts.mty{display:block;width:100%;left:0;right:0} .onId .blogPts.mty .noPosts{width:100%;margin:0;padding:0} .blogPts .ntry.noAd .widget, .Blog ~ .HTML{display:none} .drK.onId .blogPts >*{background:var(--darkBa)}

/* Article Section */ .onIndx .blogPts, .itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 20px);left:-10px;right:-10px} .onIndx .blogPts >*, .itemFt .itm >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px); margin-bottom:0;margin-left:10px;margin-right:10px} .onIndx .blogPts >*{background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;margin-bottom:20px;padding:10px 10px 45px;position:relative} .onIndx .blogPts .pTag{padding-bottom:0} .onIndx .pTag .pInf{display:none} .onIndx .blogPts .pInf{position:absolute;bottom:15px;left:15px;right:15px} .onIndx .blogPts{align-items:stretch} .onIndx .blogPts.mty{display:block;width:100%;left:0;right:0} .onIndx .blogPts.mty .noPosts{width:100%;margin:0} .onIndx .blogPts div.ntry{padding-bottom:0;flex:0 0 calc(100% - 20px)} .blogPts .ntry.noAd .widget, .Blog ~ .HTML{display:none} /* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px} /* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:10px; margin-bottom:20px; background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%; border-radius: 10px; color:var(--fontC); transition:var(--trans-1)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1} /* Sponsored */ .iFxd{display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .iFxd >*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:8px;background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)} .iFxd >* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7} .iFxd .cmnt{padding:5px;color:var(--bodyC)} .iFxd .cmnt::after{content:attr(data-text);margin:0 2.5px;opacity:.7} .drK .iFxd >* svg.line{stroke:var(--iconC)} /* Label */ .pLbls::before, .pLbls >*::before{content:attr(data-text)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline} .pLbls >*:not(:last-child)::after{content:'/'} /* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)} /* Title and Entry */ .pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:var(--fontC); display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em} /* Snippet, Description, Headers and Info */ .pHdr{margin-bottom:8px} .pHdr .pLbls{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontBa);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1} .pInf.nSpr .pJmp::before{content:attr(aria-label)} .pInf.ps{padding:10px 10px 10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;justify-content:flex-start;align-items:center; margin-top:25px; position:relative;left:-4px;right:-4px;width:calc(100% + 8px)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0; margin:0 4px} .pInf .pNm{flex-grow:1;width:calc(100% - 108px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:24px;margin:0 2px} .pInf .pCm.l{max-width:58px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} .pInf .n .nm::before{content:attr(data-write) ' ';opacity:.7} .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1} /* Product view */ .pTag .pPad{padding:10px 0} .pTag .pPric{font-size:20px;color:var(--linkC);padding-top:20px} .pTag .pPric::before, .pTag .pInfo small{content:attr(data-text);font-size:small;opacity:.8;display:block;line-height:1.5em;color:var(--bodyC)} .pTag .pInfo{font-size:14px;line-height:1.6em} .pTag .pInfo:not(.o){position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex} .pTag .pInfo:not(.o) >*{width:50%;padding:0 10px} .pTag .pMart{margin:10px 0 12px;display:flex;flex-wrap:wrap;line-height:1.6em; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .pTag .pMart >*{margin:0 4px} .pTag .pMart small{width:calc(100% - 8px);margin-bottom:10px} .pTag .pMart a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--contentL);border-radius:12px;margin-bottom:8px} .pTag .pMart img{width:20px;display:block} /* Blog pager */ .blogPg{display:flex;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between; font-size:90%;font-family:var(--fontB);line-height:20px; color:#fffdfc; margin:30px 0 50px; max-width:100%} .blogPg >*{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background:var(--linkB); border-radius:35px} .blogPg >* svg{width:18px;height:18px; stroke:var(--darkT); stroke-width:1.5} .blogPg >*::before{content:attr(data-text)} .blogPg .jsLd{margin-left:auto;margin-right:auto} .blogPg .nwLnk::before, .blogPg .jsLd::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after{content:attr(data-text); margin:0 8px} .blogPg .olLnk::before{margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--contentL); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)} .blogPg .nPst svg.line{stroke:var(--darkTa)} /* Breadcrumb */ .brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:var(--fontC)} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7}


/* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;align-items:center;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px} .blogTtl .g{position:relative;flex-shrink:0;margin:0 2px;font-size:12px} .blogTtl .g svg{width:20px;height:20px} /* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:10px; margin-bottom:20px; background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%;border-radius:10px; color:inherit; transition:var(--trans-1)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1} /* Sponsored */ .iFxd{display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .iFxd >*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:40px;background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)} .iFxd >* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7} .iFxd .cmnt{padding:5px;color:var(--bodyC)} .iFxd .cmnt::after{content:attr(data-text);margin:0 2.5px;opacity:.7} .drK .iFxd >* svg.line{stroke:var(--iconC)} /* Label */ .pLbls::before, .pLbls >*::before{content:attr(data-text)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline; padding:3.5px 0} .pLbls >*:not(:last-child)::after{content:'/'} /* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)} /* Title and Entry */ .pTtl{font-size:1.2rem;line-height:1.5em} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:900; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em} /* Snippet, Description, Headers and Info */ .drK .pJmp{border:1px solid var(--darkU)}.pHdr{margin-bottom:8px} .pHdr .pLbls{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; opacity:.8}}.pJmp:before,.iTtmp:before{content:attr(data-text);display:block;line-height:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pJmp{display:inline-flex;align-items:center;opacity:0;transition:var(--trans-2);border:1px solid var(--linkC);padding:3px 10px;border-radius:30px}.pHdr{margin-bottom:8px} .pHdr .pLbls{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontBa);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1;padding-bottom:15px} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1}.pInf.nSpr .pJmp:before{content:attr(aria-label)}.pInf.ps{padding:10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;justify-content:flex-start;align-items:center;margin-top:25px;position:relative;left:-4px;right:-4px;width:calc(100% + 8px)}.pInf.ps .pTtmp{opacity:1}.ntry:not(.noAd) .pJmp,.itemFt .itm .pJmp{animation:indicator 2s 3s infinite} .drK .pInf.ps{background:var(--darkBa)} .pInf.ps{padding:10px 10px 10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;justify-content:flex-start;align-items:center; margin-top:25px; position:relative;left:-4px;right:-4px;width:calc(100% + 8px)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0; margin:0 4px} .pInf .pNm{flex-grow:1;width:calc(100% - 108px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:24px;margin:0 2px} .pInf .pCm.l{max-width:58px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} .pInf .n .nm::before{content:attr(data-write) ' ';opacity:.7} .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1}/* Product view */ .pTag .pPad{padding:10px 0} .pTag .pPric{font-size:20px;color:var(--linkC);padding-top:20px} .pTag .pPric::before, .pTag .pInfo small{content:attr(data-text);font-size:small;opacity:.8;display:block;line-height:1.5em;color:var(--bodyC)} .pTag .pInfo{font-size:14px;line-height:1.6em} .pTag .pInfo:not(.o){position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex} .pTag .pInfo:not(.o) >*{width:50%;padding:0 10px} .pTag .pMart{margin:10px 0 12px;display:flex;flex-wrap:wrap;line-height:1.6em; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .pTag .pMart >*{margin:0 4px} .pTag .pMart small{width:calc(100% - 8px);margin-bottom:10px} .pTag .pMart a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--contentL);border-radius:12px;margin-bottom:8px} .pTag .pMart img{width:20px;display:block} /* Blog pager */ .blogPg{display:flex;flex-wrap:wrap;justify-content:space-between; font-size:90%;font-family:var(--fontB);line-height:20px; color:#fffdfc; margin:30px 0 40px; max-width:100%} .blogPg >*{display:flex;align-items:center; padding:10px 13px;margin-bottom:10px; color:inherit;background:var(--linkB); border-radius:40px} .blogPg >* svg{width:18px;height:18px; stroke:var(--darkT); stroke-width:1.5} .blogPg >*::before{content:attr(data-text)} .blogPg .jsLd{margin-left:auto;margin-right:auto} .blogPg .nwLnk::before, .blogPg .jsLd::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after{content:attr(data-text); margin:0 8px} .blogPg .olLnk::before{margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--contentL); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)} .blogPg .nPst svg.line{stroke:var(--darkTa)} /* Breadcrumb */ .brdCmb{margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:inherit} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7}

/* Article Style */ .pS h1, .pS h2, .pS h3, .pS h4, .pS h5, .pS h6{margin:1.5em 0 18px; font-family:var(--fontBa);font-weight:900; line-height:1.5em} .pS h1:target, .pS h2:target, .pS h3:target, .pS h4:target, .pS h5:target, .pS h6:target{padding-top:var(--headerH);margin-top:0} /* Paragraph */ .pS p{margin:1.7em 0} .pIndent{text-indent:2.5rem} .onIt:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0; font-size:55px;line-height:45px;opacity:.8} .pS hr{margin:3em 0; border:0} .pS hr::before{content:'\2027 \2027 \2027'; display:block;text-align:center; font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .pRef{display:block;font-size:14px;line-height:1.5em; opacity:.7; word-break:break-word} /* Img and Ad */ .pS img{display:inline-block;border-radius:3px;height:auto !important} .pS img.full{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none} .pS .widget, .ps .pAd >*{margin:40px 0} /* Note */ .note{position:relative;padding:16px 20px 16px 50px; background:#F3E5F5;color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::before{background:#e65151} .note.wr::after{content:'\0021'} /* Ext link */ .extL::after{content:''; width:14px;height:14px; display:inline-block;margin:0 5px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='7' y1='17' x2='17' y2='7'/><polyline points='7 7 17 7 17 17'/></svg>") center / 16px no-repeat} /* Scroll img */ .psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; margin:2em 0; position:relative;left:-7px;right:-7px; width:calc(100% + 14px)} .psImg >*{width:calc(50% - 14px); margin:0 7px 14px; position:relative} .psImg img{display:block} .scImg >*{width:calc(33.3% - 14px); margin:0 7px} .btImg label{position:absolute;top:0;left:0;right:0;bottom:0; border-radius:3px; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); transition:var(--trans-1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); color:var(--darkT); font-size:13px;font-family:var(--fontB)} .hdImg .shImg{width:100%;margin:0; left:0;right:0; transition:var(--trans-1); max-height:0;opacity:0;visibility:hidden} .inImg:checked ~ .hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible} .inImg:checked ~ .hdImg .btImg label{opacity:0;visibility:hidden} /* Post related */ .pRelate{padding: 16px 20px; background: var(--contentB); box-shadow: 0 5px 35px rgb(0 0 0 / 7%); border: 0; border-radius: 10px; font-size:14px} .pRelate b{font-weight:400; margin:0;opacity:.8} .pRelate ul, .pRelate ol{margin:8px 0 0;padding:0 20px} .drK .pRelate{background:var(--darkBa)} /* Blockquote */ blockquote, .cmC i[rel=quote]{position:relative;font-size:.97rem; opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)} blockquote.s-1, details.sp{font-size:.93rem; padding:25px 25px 25px 45px; border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em} blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0; font-size:60px;line-height:normal;opacity:.5} /* Table */ .ps table{margin:0 auto; font-size:14px;font-family:var(--fontB)} .ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:3px;overflow:hidden} .ps table:not(.tr-caption-container) td{padding:16px} .ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)} .ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .ps table th{padding:16px; text-align:inherit; border-bottom:1px solid var(--contentL)} .ps .table{display:block; overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} /* Img caption */ figure{margin-left:0;margin-right:0} .ps .tr-caption, .psCaption, figcaption{display:block; font-size:14px;line-height:1.6em; font-family:var(--fontB);opacity:.7} /* Syntax */ .pre{background:var(--synxBg);color:var(--synxC); direction: ltr} .pre:not(.tb){position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto;font-family:var(--fontC)} .pre pre{margin:0;color:inherit;background:inherit} .pre:not(.tb)::before, .cmC i[rel=pre]::before{content:'</>';display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px} .pre:not(.tb).html::before{content:'.html'} .pre:not(.tb).css::before{content:'.css'} .pre:not(.tb).js::before{content:'.js'} pre, .cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:3px;background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto; -moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre} pre i{color:var(--synxBlue);font-style:normal} pre i.block{color:#fff;background:var(--synxBlue)} pre i.green{color:var(--synxGreen)} pre i.gray{color:var(--synxGray)} pre i.red{color:var(--synxOrange)} pre i.blue{color:var(--synxBlue)} code{display:inline;padding:5px;font-size:14px;border-radius:3px;line-height:inherit;color:var(--synxC);background:#f2f3f5;font-family:var(--fontC)} /* Multi syntax */ .pre.tb{border-radius:5px} .pre.tb pre{margin:0;background:inherit} .pre.tb .preH{font-size:13px;border-color:rgba(0,0,0,.05);margin:0} .pre.tb .preH >*{padding:13px 20px} .pre.tb .preH::after{content:'</>';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto} .pre.tb >:not(.preH){display:none} .pS input[id*="1"]:checked ~ div[class*="C-1"], .pS input[id*="2"]:checked ~ div[class*="C-2"], .pS input[id*="3"]:checked ~ div[class*="C-3"], .pS input[id*="4"]:checked ~ div[class*="C-4"]{display:block}  /* ToC */ .pS details summary{list-style:none;outline:none} .pS details summary::-webkit-details-marker{display:none} details.sp{background: var(--contentB); box-shadow: 0 5px 35px rgb(0 0 0 / 7%); border: 0; border-radius: 10px;padding:20px 15px} details.sp summary{display:flex;justify-content:space-between;align-items:baseline} details.sp summary::after{content:attr(data-show);font-size:12px; opacity:.7;cursor:pointer} details.sp[open] summary::after{content:attr(data-hide)} details.toc a:hover{text-decoration:underline} details.toc ol, details.toc ul{padding:0 20px; list-style-type:decimal} details.toc li ol, details.toc li ul{margin:5px 0 10px; list-style-type:lower-alpha} /* Accordion */ .showH{background: var(--contentB); box-shadow: 0 5px 35px rgb(0 0 0 / 7%);padding: 16px 20px; border: 0; border-radius: 10px;margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em} details.ac{padding:18px 0;border-bottom:1px solid var(--contentL)} details.ac summary{font-weight:700;cursor:default; display:flex;align-items:baseline; transition:var(--trans-1)} details.ac summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ac[open] summary{color:var(--linkC)} details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ac.alt summary::before{content:'\002B'; padding:0 2px} details.ac.alt[open] summary::before{content:'\2212'} details.ac .aC{padding:0 25px;opacity:.9}  /* Tabs */ .tbHd{display:flex; border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em; overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .tbHd >*{padding:12px 15px; border-bottom:1px solid transparent; transition:var(--trans-1);opacity:.6;white-space:nowrap; scroll-snap-align:start} .tbHd >*::before{content:attr(data-text)} .tbCn >*{display:none;width:100%} .tbCn >* p:first-child{margin-top:0} .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .pS input[id*="4"]:checked ~ .tbHd label[for*="4"]{border-color:var(--linkB);opacity:1} .pS input[id*="1"]:checked ~ .tbCn div[class*="Text-1"], .pS input[id*="2"]:checked ~ .tbCn div[class*="Text-2"], .pS input[id*="3"]:checked ~ .tbCn div[class*="Text-3"], .pS input[id*="4"]:checked ~ .tbCn div[class*="Text-4"]{display:block} .tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)} /* Split */ .ps .blogPg{font-size:13px; justify-content:center; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .ps .blogPg >*{padding:8px 15px;margin:0 4px 8px} /* Youtube fullpage */ .videoYt{position:relative;padding-bottom:56.25%; overflow:hidden;border-radius:5px} .videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0} /* Lazy Youtube */ .lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px} .lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95} .lazyYt img, .lazyYt iframe, .lazyYt .play{position:absolute} .lazyYt iframe{width:100%;height:100%;bottom:0;right:0} .lazyYt .play{top:50%;left:50%; transform:translate3d(-50%,-50%,0); transition:all .5s ease;display:block;width:70px;height:70px;z-index:1} .lazyYt .play svg{width:inherit;height:inherit; fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8} .lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650; transition:all .4s ease-in-out; opacity:.3} .lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480; transition:all .6s ease-in-out; transform:translateY(0)} .lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out} .lazyYt .play:hover .t, .lazyYt .play:hover .c{stroke-dashoffset:0; opacity:.7;stroke:#FF0000} .nAmp .lazyYt{display:none} /* Button */ .button{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:40px;line-height:20px; color:#fffdfc; background:var(--linkB); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .button.ln{color:inherit;background:transparent; border:1px solid var(--bodyCa)} .button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset} .btnF{display:flex;justify-content:center; margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative} .btnF >*{margin:0 6px} /* Download btn */ .dlBox{max-width:500px;background: var(--contentB); box-shadow: 0 5px 35px rgb(0 0 0 / 7%); border-radius: 10px;padding:12px;margin:1.7em 0; display:flex;align-items:center; font-size:14px} .dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:45px;height:45px; padding:10px; background:rgba(0,0,0,.1);border-radius:5px} .dlBox .fT::before{content:attr(data-text);opacity:.7} .dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:40px;font-size:13px} .dlBox a::after{content:attr(aria-label)} .dlBox .fN{flex-grow:1; width:calc(100% - 200px);padding:0 15px} .dlBox .fN >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dlBox .fS{line-height:16px;font-size:12px;opacity:.8} /* Icon btn */ .icon{flex-shrink:0;display:inline-flex} .icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center} .icon::after{content:'';padding:0 6px} .icon.dl::before, .drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} .icon.demo::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M7.39999 6.32003L15.89 3.49003C19.7 2.22003 21.77 4.30003 20.51 8.11003L17.68 16.6C15.78 22.31 12.66 22.31 10.76 16.6L9.91999 14.08L7.39999 13.24C1.68999 11.34 1.68999 8.23003 7.39999 6.32003Z'/><path d='M10.11 13.6501L13.69 10.0601'/></svg>")} .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308102b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} /* Lightbox image */ .zmImg.s{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;margin:0;background:rgba(0,0,0,.75); display:flex;align-items:center;justify-content:center;z-index:999; -webkit-backdrop-filter:saturate(180%) blur(15px); backdrop-filter:saturate(180%) blur(15px)} .zmImg.s img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .zmImg.s img.full{left:auto;right:auto;border-radius:10px;width:auto} .zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB); position:fixed;bottom:-20px;right:-20px; display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%; transition:var(--trans-1);opacity:0;visibility:hidden} .zmImg.s::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer}

/* Article Style Responsive */ @media screen and (max-width: 640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px; border-radius:0} .note{font-size:13px} .scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .scImg >*{flex:0 0 80%;scroll-snap-align:center} .ps .table{position:relative; width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px; display:flex}} @media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0} .hdImg >*, .shImg >*{width:100%;margin:0 0 16px} .ps .tr-caption, .psCaption, figcaption{font-size:13px} .btnF >*{flex-grow:1;justify-content:center}.btnF >*:first-child{flex:0 0 auto} .dlBox a{width:42px;height:42px;justify-content:center} .dlBox a::after, .dlBox .icon::after{display:none} .pS .separator a{display:block!important;margin:0!important}}

/* Author profile */ .admPs{display:flex; max-width:480px;margin:30px 0; padding:12px 12px 15px; background:var(--contentB);border:1px solid var(--contentL);border-radius:8px; box-shadow:0 10px 25px -3px rgba(0,0,0,.1)} .admIm{flex-shrink:0; padding:5px 0 0} .admIm .im{width:34px;height:34px} .admI{flex-grow:1; width:calc(100% - 34px);padding:0 12px} .admN::before{content:attr(data-write) ' '; opacity:.7;font-size:90%} .admN::after{content:attr(data-text)} .admA{margin:5px 0 0; font-size:90%; opacity:.9;line-height:1.5em; /*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden*/}  /* Share btn */ .drK .pShc >*{background:var(--darkBa)} .pSh{margin:15px 0;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.05)} .pShc{display:flex;align-items:center;flex-wrap:wrap; position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px} .pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0} .pShc >*{margin: 0 5px;display: flex;align-items: center;color: inherit;padding: 12px;border-radius: 40px;background: #f1f1f0;} .pShc .c{color:#fffdfc} .pShc .c svg{fill:#fffdfc} .pShc .c::after{content:attr(aria-label)} .pShc .fb{background:#1778F2} .pShc .wa{background:#128C7E} .pShc .tw{background:#1DA1F2} .pShc a::after{content:attr(data-text);margin:0 3px} .pShc svg, .cpL svg{width:18px;height:18px; margin:0 3px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;/*margin-bottom:20px;*/display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:#f1f1f0} .shL svg{opacity:.8} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0; background:transparent;color:rgba(8,16,43,.4); padding:18px 8px;flex-grow:1} .cpL label{display:flex;align-items:center;flex-shrink:0;padding:2px 16px 2px 0;border-radius:15px}.cpLb{display:flex;align-items:center;position:relative;background:#f1f1f0;border-radius:10px; padding:0 8px} .cpLb:hover{border-color:rgba(0,0,0,.42);background:#ececec} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px} /* Comments */ .pCmnts{margin-top:50px} .cmDis{text-align:center;margin-top:20px;opacity:.7} .cmMs{margin-bottom:20px} .cm iframe{width:100%} .cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:60px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px} .cmH h3.title{margin:0;flex-grow:1;padding:16px 10px} .cmH .s{margin:0 14px} .cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%} .cmH .s::after{content:'\296E';line-height:18px;font-size:17px} .cmAv{flex-shrink:0;width:35px} .cmAv .im{width:35px;height:35px;border-radius:50%} .cmIn{flex-grow:1;width:100%;position:relative} .cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr{line-height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr .d{font-size:90%;color:var(--darkTa)} .cmHr.a .n{display:inline-flex;align-items:center} .cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin-left:3px} .cmCo{line-height:1.4em;opacity:.9} .cmCo img{margin-top:1em;margin-bottom:1em} .cmC i[rel=image]{font-size:90%; display:block;position:relative; min-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:1em auto} .cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)} .cmC i[rel=pre], .cmC i[rel=quote]{margin-top:1em;margin-bottom:1em; font-style:normal;line-height:inherit;padding:20px; opacity:1} .cmC i[rel=pre]::before{display:block;width:auto} .cmC i[rel=pre]{text-align:left} .cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px} .cmAc{margin-top:10px} .cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex} .cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)} .cmAc a::after{content:attr(data-text);margin:0 4px} .cmR{margin:10px calc(25px + 8px) 0} .cmRp ~ .cmAc, .cmBd.del ~ .cmAc, .onIt:not(.Rtl) .cmHr .date{display:none} .cmRi:checked ~ .cmRp .thTg{margin-bottom:0} .cmRi:checked ~ .cmRp .thTg::before{content:attr(aria-label)} .cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmR{display:none} .cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)} .cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse} .thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%} .thTg::after{content:'';width:20px;border-bottom:1px solid var(--widgetTac);opacity:.5;margin:0 10px} .thTg::before{content:attr(data-text);opacity:.7} .cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cmCn li{display:block;padding-bottom:25px;position:relative} .cmCn li .cmRbox{margin-top:20px;flex-grow:1} .cmCn li li{padding-bottom:15px;display:flex;width:calc(100% + 8px);left:-4px;right:-4px} .cmCn li li:last-child{padding-bottom:0} .cmCn li li .cmAv{width:calc(25px + 8px);padding:0 4px} .cmCn li li .cmAv .im{width:25px;height:25px} .cmCn li li .cmIn{width:calc(100% - 25px - 8px);padding:0 4px} .cmHl li li .cmIn::before{content:'';border-left:1px solid var(--contentL);position:absolute;left:-18px;top:30px;height:calc(100% - 20px)} .cmHl li li:last-child .cmIn::before{height:100%} .cmHl.noNew li li:last-child .cmIn::before{height:calc(100% - 30px)} .cmHl li li .cmHr .d::before{content:'\00B7';display:inline-block;text-indent:2px;letter-spacing:4px} .cmHl >li:not(:last-child){padding-bottom:25px;margin-bottom:25px;} .cmHl >li >.cmAv{position:absolute} .cmHl >li >.cmIn >.cmBd .cmHr{height:36px;padding-left:calc(35px + 8px);margin-bottom:8px;display:flex;flex-direction:column;justify-content:center;line-height:normal;} /* Comments Show/Hide */ #comment:target{margin:0;padding-top:60px} .cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr), #comment:target .cmShw, #comment:target .cmSh:checked ~ .cm:not(.cmBr){display:none} .cmSh:checked ~ .cm:not(.cmBr), #comment:target .cm:not(.cmBr), #comment:target .cmSh:checked ~ .cmShw{display:block} .cmBtn{display:block;margin:0;padding:20px;text-align:center;max-width:100%;} .cmBtn.ln:hover{color:var(--linkB)} /* Comments Pop-up */ #comment:target .cmSh:checked ~ .cm.cmBr{bottom:-100%;opacity:0;visibility:hidden} #comment:target .cmSh:checked ~ .cm.cmBr .fCls{opacity:0;visibility:hidden} /* Swich Language */ .nLng .lnDef, .lnAlt{display:none} .nLng .lnAlt{display:block}

/* Widget Style */ .widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%; font-size:12px;text-align:center; transform:translate(-50%, -50%)} .widget .title{margin:0 0 25px; font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative; border-radius:10px} .widget .title::after{content:'';display:inline-block;vertical-align:middle; width:var(--widgetTa); margin:0 10px;border-bottom:1px solid var(--widgetTac); opacity:.5} .widget input[type=text], .widget input[type=email], .widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4; padding:16px; line-height:1.6em; transition:var(--trans-1)} .widget input[type=text]:hover, .widget input[type=email]:hover, .widget textarea:hover{border-color:rgba(0,0,0,.42);background:#ececec} .widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus, .widget input[data-text=fl], .widget textarea[data-text=fl]{border-color:var(--linkB);background:#ececec} .widget input[type=button], .widget input[type=submit]{display:inline-flex;align-items:center; padding:12px 30px; outline:0;border:0;border-radius:4px; color:#fffdfc; background:var(--linkB); font-size:14px; white-space:nowrap;overflow:hidden;max-width:100%} .widget input[type=button]:hover, .widget input[type=submit]:hover{opacity:.7}

/* Widget FeaturedPost */
.itemFt .itm >*:last-child{flex-grow:1} .itemFt{background:var(--contentB);box-shadow:0 0 15px rgba(0,0,0,.07); border-radius:10px; padding:20px} .drK .itemFt{background:var(--darkBa)}

/* Widget PopularPosts */ .itemPp{counter-reset:p-cnt;box-shadow:0 0 15px rgba(0,0,0,.07); border-radius:10px; padding:20px} .drK .itemPp{background:var(--darkBa)} .itemPp .iCtnt{display:flex} .itemPp >*:not(:last-child){margin-bottom:20px} .itemPp .iCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.8em} .iInr{flex:1 0;width:calc(100% - 25px)} .iTtl{font-size:.95rem;font-weight:700;line-height:1.5em} .iTtmp{display:inline-flex} .iTtmp::after{content:'\2014';margin:0 5px; color:var(--widgetTac);opacity:.7} .iInf{margin:0 25px 5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:25px} .iInf .pLbls{display:inline;opacity:.8}

/* Widget Label */ /* List Label */ .wL>*{transition: all 1s cubic-bezier(.99,.02,.03,.99)!important} .wL{box-shadow:0 0 20px 2px rgb(0 0 0 / 7%); border-radius:10px; padding:20px} .mainWrp >:not(.header) .BlogSearch + .Label .wL{background: var(--mobHv); box-shadow:0 0 20px 1.6px rgb(0 0 0 / 7%); border-radius:10px; padding:20px}.wL ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;position:relative;width:calc(100% + 30px);left:-15px;right:-15px;font-size:13px}.wL li{width:calc(50% - 10px);margin:0 5px}.wL li>*{display:flex;align-items:baseline;justify-content:space-between;color:inherit;width:100%;padding:8px 10px;border-radius:25px;line-height:20px}.wL li>* svg{width:18px;height:18px;opacity:.8}.wL li>*:hover svg,.wL li>div svg{stroke:var(--linkC)}.wL li>*:hover .lbC,.wL li>div .lbC{color:var(--linkC)}.wL .lbR{display:inline-flex;align-items:center}.wL .lbR .lbC{margin:0 5px}.wL .lbAl{max-height:0;overflow:hidden;transition:var(--trans-4)}.wL .lbM{display:inline-block;margin-top:10px;line-height:25px;color:var(--linkC)}.wL .lbM::before{content:attr(data-show)}.wL .lbM::after,.wL .lbC::after{content:attr(data-text)}.wL .lbM::after{margin:0 8px}.wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.wL .lbC,.wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7}.lbIn:checked~.lbAl{max-height:1000vh}.lbIn:checked~.lbM::before{content:attr(data-hide)}.lbIn:checked~.lbM::after{visibility:hidden}.wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px}.wL.bg li{margin-bottom:10px}.wL.bg li>*{background:#f6f6f6}.wL.cl{display:flex;flex-wrap:wrap;box-shadow:0 0 15px rgba(0,0,0,.07); border-radius:10px; padding:20px} .drK .wL.cl{background:var(--darkBa)}.wL.cl>*,.wL.cl .lbAl>*{display:block;max-width:100%}.wL.cl .lbAl{display:flex;flex-wrap:wrap}.wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0}.wL.cl .lbN{display:flex;justify-content:space-between;margin:0 0 8px;padding:9px 13px;border:1px solid var(--contentL);border-radius:3px;color:inherit;line-height:20px}.wL.cl .lbN:hover .lbC,.wL.cl div.lbN .lbC{color:var(--linkB);opacity:1}.wL.cl .lbN:not(div):hover,.wL.cl div.lbN{border-color:var(--linkB)}.wL.cl .lbSz{display:flex}.wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0}

/* Widget ContactForm */ .ContactForm{max-width:500px; font-family:var(--fontB);font-size:14px} .cArea input[type=text], .cArea input[type=email], .cArea textarea{padding:25px 16px 8px 16px} .cArea:not(:last-child){margin-bottom:25px} .cArea label{display:block;position:relative} .cArea label .n{display:block;position:absolute;left:0;right:0;top:0; color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:var(--trans-1)} .cArea label .n.req::after{content:'*';font-size:85%} .cArea textarea{height:100px} .cArea textarea:focus, .cArea textarea[data-text=fl]{height:200px} .cArea input:focus ~ .n, .cArea textarea:focus ~ .n, .cArea input[data-text=fl] ~ .n, .cArea textarea[data-text=fl] ~ .n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#ececec} .cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal} .nArea .contact-form-error-message-with-border{color:#d32f2f} .nArea .contact-form-success-message-with-border{color:#2e7b32}

/* Widget Sliders */ .sldO{position:relative;display:flex;overflow-y:hidden;overflow-x:scroll; scroll-behavior:smooth;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0; -ms-overflow-style: none} .sldO.no-items{display:none} .sldO.no-items + .section{margin-top:0} .sldO .widget:not(:first-child){margin-top:0} .sldO .widget{position:relative;flex:0 0 100%;width:100%;background:transparent; outline:0;border:0} .sldC{position:relative} .sldS{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center;z-index:-1} .sldIm{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:var(--transB);display:block;padding-top:40%;border-radius:3px;color:#fffdfc;font-size:13px} .sldT{position:absolute;bottom:0;left:0;right:0;display:block;padding:20px; background:linear-gradient(0deg, rgba(30,30,30,.1) 0%, rgba(30,30,30,.05) 60%, rgba(30,30,30,0) 100%); border-radius:0 0 3px 3px} .sldS{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite} .sldO .widget:last-child .sldS{animation-name:tostart, snap} .Rtl .sldS{animation-name:tonext-rev, snap} .Rtl .sldO .widget:last-child .sldS{animation-name:tostart-rev, snap} .sldO:hover .widget .sldS, .Rtl .sldO:hover .widget .sldS, .sldO:focus-within .widget .sldS, .Rtl .sldO:focus-within .widget .sldS{animation-name:none} @media (prefers-reduced-motion:reduce){.sldS, .Rtl .sldS{animation-name:none}} @media screen and (max-width:640px){.sldO{width:calc(100% + 40px);left:-20px;right:-20px;padding:0 12.5px 10px} .sldO .widget{flex:0 0 90%;width:90%;margin:0 7.5px; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%)} .sldT{padding:10px 15px} .sldIm{font-size:12px}}

/* Sticky Ad */ .ancrA{position:fixed;bottom:0;left:0;right:0;min-height:70px;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1); transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:#fffdfc;z-index:50;border-top:1px solid var(--contentL)} .ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit} .ancrC svg{width:18px;height:18px;fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4} .ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative} .ancrI:checked ~ .ancrA{padding:0;min-height:0} .ancrI:checked ~ .ancrA .ancrCn{display:none} .ancrI:checked ~ .ancrA .ancrC svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drK svg.line, .drK .ancrC svg{fill:none;stroke:var(--darkT)}

/* Error Page */ .erroP{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0} .erroC{width:calc(100% - 40px);max-width:450px;margin:auto;font-family:var(--fontBa)} .erroC h3{font-size:1.414rem;font-family:inherit} .erroC h3 span:not(.e){position:relative} .erroC h3 span.e{display:block;font-size:140px;line-height:.8;margin-bottom:-1rem;color:#ebebf0} .erroC h3 span.e{animation:glitch 1s linear infinite} .erroC h3 span.e::before, .erroC h3 span.e::after{content:attr(title);position:absolute;left:0;right:0} .erroC h3 span.e::before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%);-webkit-clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)} .erroC h3 span.e::after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%);-webkit-clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)} .erroC p{margin:30px 5%;line-height:1.6em;opacity:.7} .erroC .button{margin:0;padding-left:2em;padding-right:2em;font-size:14px}

/* Responsive */
@media screen and (min-width:897px){/* Mobile menu */.mnMob{position:fixed;width:var(--navW)} .mnH, .mobMn{display:none}/* Header */ .headL .headN{width:100%} .headL, .headR{z-index:1} .headM .HTML + .PageList, .headL .headIc{display:none} .headM{display:flex;align-items:center;justify-content:center;max-width:calc(100% - 350px);height:100%;position:absolute;left:0;right:0;margin:0 auto} /* mainIn */ .mainIn{padding-top:30px} .mainIn .secIn, .mainIn .secIn >*{display:flex} .blogTopc{flex:0 0 215px;width:215px} .blogTopc::after, .blogCont::before{content:'';flex:0 0 25px} .blogCont::after{content:'';display:block; position:absolute;top:-20px;left:0;right:0; width:calc(100% + 20px);height:calc(100% + 40px); background:rgba(0,0,0,.01); border-radius:20px;z-index:-1} .blogCont{width:calc(100% - 215px)} .blogIn{width:calc(100% - 25px)} .blogM{display:flex} .mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px); transition:var(--trans-2)} .sidebar{display:flex;flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px); margin:0} .sidebar::before{content:'';flex:0 0 25px} .sidebar .sideIn{width:calc(100% - 25px)} .onPg .blogCont::before, .onPg .blogCont::after{display:none} /* mainNav */ .mnH{display:none} .mnMn svg:not(.d){display:none} .mnMn{display:flex;justify-content:flex-end;position:relative;width:calc(100% + 25px);left:-12.5px;right:-12.5px} .mnMn >li{display:inline-flex; align-items:center;margin:0 12.5px;position:relative; white-space:nowrap; height:var(--headerH)} .mnMn >li:hover ul{max-height:100vh; opacity:1;visibility:visible} .mnMn >li:last-child ul{left:auto;border-radius:16px 5px 16px 16px} .mnMn ul{display:block; position:absolute;top:calc(var(--headerH) - 15px);left:-15px;right:-15px; min-width:180px; max-height:0vh; background:var(--contentB); box-shadow:0 10px 20px -10px rgba(0,0,0,.1); border-radius:5px 16px 16px 16px; transition:var(--trans-1); opacity:0;visibility:hidden;z-index:1; overflow:hidden} .mnMn ul li >*{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)} .mnMn ul li >*:hover{background:var(--transB)} .mnMn ul li:last-child >*{padding-bottom:15px} .mnMn .a{display:inline-flex;align-items:center} .mnMn .a:hover{color:var(--linkC)} .mnMn .a:hover::after{opacity:1} .mnMn .a::after{content:'';border-bottom:1px solid var(--linkC);position:absolute;bottom:-1px;left:0;right:0;opacity:0;transition:var(--trans-1)} .mnMn .drp .n::after{content:'';padding:0 3px;flex:0 0}}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:6px} .drK::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-track{background:#e9ecef}::-webkit-scrollbar-thumb{background:var(--scrlC);border-radius:25px}::-webkit-scrollbar-thumb:hover{background:var(--scrlC)}::-webkit-scrollbar-thumb:active{background:var(--scrlC)}}
@media screen and (max-width:1100px) and (min-width: 897px){.pTtl{font-size:1.1rem} /* mainIn */ .mainIn .secIn, .mainIn .secIn >*{display:block} .blogTopc::after, .blogCont::before, .blogTopc .adSticky{display:none} .blogTopc, .blogCont{width:auto} .blogIn{width:100%}}
@media screen and (min-width:1101px){.tpC{display:none} .topM #HTML11{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .topM #HTML11 ~ .widget{visibility:hidden}}
@media screen and (max-width:1100px){.topM #HTML11 ~ .widget{display:none} .topM{position:fixed;top:0;bottom:0;left:-320px;width:80%;max-width:320px;transition:var(--trans-1);z-index:11} .topM .section{padding:30px 20px 20px;overflow-y:scroll;overflow-x:hidden; width:100%;max-height:100%} .tpMn .a, .tpMn ul li >*{padding-top:10px;padding-bottom:10px} .tpBr{width:100%;height:100%;position:relative;background:var(--contentB);box-shadow:0 5px 30px 0 rgba(0,0,0,.05);z-index:2} .tpBrs{width:100%;height:100%} .tpC{position:absolute;right:-45px;top:120px; transition:var(--trans-1);z-index:1} .tpC svg{width:20px;height:20px} .tpC svg.rad{width:20px;height:20px;position:absolute;left:-2px;top:-19px;fill:var(--contentB);transform:rotate(176deg);transition:inherit;z-index:1} .tpC svg.rad.in{top:auto;bottom:-19px;transform:rotate(-86deg)} .tpC label{display:flex;align-items:center;position:relative;justify-content:center;width:45px;height:40px;background:var(--contentB);transition:inherit;border-radius:0 20px 20px 0;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)} .topI:checked ~ .topM{left:0;z-index:12} .topI:checked ~ .topM .tpC{right:-17.5px} .topI:checked ~ .topM .tpC svg.rad{visibility:hidden} .topI:checked ~ .topM .tpC label{border-radius:20px;width:40px;background:var(--linkB)} .topI:checked ~ .topM .tpC label svg{transform:rotate(180deg);stroke:var(--darkT)} .topI:checked ~ .topM .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.25)}}
@media screen and (max-width:896px){/* mainIn */ .mainbar{margin:0 auto} .blogTopc .adSticky{display:none} /* Header */ .headIn{padding:0} .headL{padding:0 0 0 20px;flex-grow:1;width:50%;max-width:none} .headR{padding:0 20px 0 0;flex-shrink:0} .headIc .isSrh{display:block} .headL .headN{width:100%} /* mainNav */ .headM{display:flex;justify-content:flex-end;position:fixed;left:0;right:0;top:0;bottom:0;z-index:20;transition:var(--trans-1);visibility:hidden;opacity:0; margin:0} .mnBr{width:80%;top:2%;right:-100%;bottom:2%;max-width:480px;height:96%;border-radius:10px;transition:var(--trans2);z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .mnBrs{padding:50px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%; background:var(--contentB)} .mnH{padding:0;justify-content:flex-end} .mnH label{padding:15px 20px} .navi:checked ~ .mainWrp .header{z-index:13} .navi:checked ~ .mainWrp .headM{opacity:1;visibility:visible} .navi:checked ~ .mainWrp .headM .mnBr{margin-right:0;right:10%} .navi:checked ~ .mainWrp .headM .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .mnMen{padding:0 15px 20px} .mnMn svg{width:20px;height:20px;opacity:.8} .mnMn >li{position:relative} .mnMn >li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px} .mnMn li:not(.drp) .a:hover, .mnMn ul li a:hover, .mnMn li:not(.mr) .drpI:checked ~ .a{color:var(--linkC)} .mnMn li:not(.mr) .a::before, .mnMn .drp.mr li >*::before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:1px solid var(--linkC);transition:var(--trans-1);opacity:0} .mnMn li:not(.drp) .a:hover::before, .mnMn li:not(.mr) .drpI:checked ~ .a::before, .mnMn .drp.mr li >*:hover::before{opacity:1} .mnMn li:not(.mr) ul{position:relative;padding-left:5px} .mnMn li:not(.mr) ul::before{content:'';display:block;position:absolute;top:0;bottom:0;border-left:1px solid var(--contentL);height:calc(100% - 19px)} .mnMn li ul{display:none;opacity:0;visibility:hidden} .mnMn li:not(.mr) li >*{padding:10px 15px;opacity:.8} .mnMn li:not(.mr) li{position:relative} .mnMn li:not(.mr) li::before{content:'';width:8px;border-bottom:1px solid var(--contentL);display:block;position:absolute;top:19px} .mnMn .a, .mnMn .drp.mr li >*{display:flex;align-items:center;padding:10px 15px;position:relative;width:calc(100% + 30px);left:-15px;right:-15px;transition:var(--trans-1)} .mnMn .a >*{margin:0 5px} .mnMn .a:hover svg:not(.d){fill:var(--linkC)} .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)} .mnMn .n, .mnMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7} .mnMn .drp.mr li >*{display:block;padding:10px 20px} .mnMn .drp.mr svg.d{display:none} .mnMn .drpI:checked ~ .a svg.d{transform:rotate(180deg)} .mnMn .drpI:checked ~ ul{display:block;opacity:1;visibility:visible} /* Font and Blog */ .pTtl{font-size:1.1rem} .onId:not(.onHm) .pTtl{font-size:1rem}}
@media screen and (min-width:641px){.onId:not(.onHm) .blogPts >*{width:calc(33.333% - 22px);flex:0 0 calc(33.333% - 22px)}}
@media screen and (max-width:640px){/* Header */ .headCn{height:var(--headerHm)} /* Pop-up */ .fixL{align-items:flex-end} .fixL .fixLi, .fixL .cmBri{border-radius:16px 16px 0 0; max-width:680px} .fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%} /* Article */ .drK .onId .blogPts>*{background:var(--darkBa)} .onId .blogPts, .itemFt .itm{width:calc(100% + 15px);left:-7.5px;right:-7.5px;} .onId .blogPts >*, .itemFt .itm >*{flex:0 0 calc(50% - 15px);width:calc(50% - 15px); margin-left:7.5px;margin-right:7.5px} .onId .blogPts .nAd{flex:0 0 calc(100% - 15px)} .onId:not(.onHm) .pTtl{font-size:1.1rem}}
@media screen and (max-width:500px){/* blogTopc */ .topM{left:-280px;width:280px} /* Font size */ .iFxd{font-size:12px} .cdtIn, .pInf.ps{font-size:13px} .pDesc{font-size:14px} .pEnt{font-size:var(--postFm)} .pTtl.itm{font-size:var(--postTm)} /* Share */ .pShc a::after{display:none} /* Article */ .onId:not(.oGrd) .ntry .pTtl{font-size:1rem} .onId:not(.oGrd) .ntry .pSml{font-size:12px} .onId:not(.oGrd) .ntry .pSnpt{font-size:13px; display:none} .onId:not(.oGrd) .ntry .iFxd .spnr{display:none} .onId:not(.oGrd) .ntry .iFxd{padding:8px 3px} .onId:not(.oGrd) .ntry .iFxd .cmnt{padding:3px} .onId:not(.oGrd) .ntry .iFxd >* svg{padding:1px} .onId.oGrd .blogPts >*{flex:1 0 calc(100% - 15px); padding-bottom:0} .onId.oGrd .blogPts .pInf{position:relative} /* Widget Featured */ .itemFt .itm >*{flex:1 0 calc(100% - 15px)} .itemFt .itm .iThmb{margin-bottom:20px} .itemFt .itm .iCtnt{padding-bottom:30px;border-bottom:1px solid var(--contentL)} .itemFt .itm .pInf{margin-top:15px}}

/* Keyframes Animation */ @keyframes shimmer{100%{transform:translateX(100%)}} @keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @-webkit-keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @-webkit-keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @-webkit-keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @-webkit-keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @-webkit-keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @keyframes glitch{2%,64%{transform:translate(2px,0) skew(0deg)} 4%,60%{transform:translate(-2px,0) skew(0deg)} 62%{transform:translate(0,0) skew(5deg)}} @keyframes glitchTop{2%,64%{transform:translate(2px,-2px)} 4%,60%{transform:translate(-2px,2px)} 62%{transform:translate(13px,-1px) skew(-13deg)}} @keyframes glitchBotom{2%,64%{transform:translate(-2px,0)} 4%,60%{transform:translate(-2px,0)} 62%{transform:translate(-22px,5px) skew(21deg)}}

/* Noscript Option */  .noJs{display:flex;justify-content:flex-end;align-items:center;position:fixed;top:20px;left:20px;right:20px;z-index:99;max-width:640px;border-radius:12px;margin:auto;padding:10px 5px;background:#ffdfdf;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);color:#48525c} .noJs::before{content:attr(data-text);padding:0 10px;flex-grow:1} .noJs label{flex-shrink:0;padding:10px} .noJs label::after{content:'\2715';line-height:18px;font-size:14px} .nJs:checked ~ .noJs{display:none}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}

/* --- Remove to reduce CSS size or if you aren't using RTL --- */
.drK .adB{background:var(--darkBa)} .adB{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--darkTa);box-shadow: 0 0 15px rgb(0 0 0 / 7%);border-radius:7px} .adB::before{content:attr(data-text)}
/* Article Style RTL */.Rtl .note{padding:20px 50px 20px 20px} .Rtl .note::before{left:auto;right:-12px} .Rtl .note::after{left:auto;right:18px} .Rtl .pS hr::before{text-indent:-0.6em} .Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none} .Rtl blockquote, .Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)} .Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0} .Rtl blockquote.s-1::before{left:auto;right:0}
/* RTL Mode */ .Rtl .ntfT{padding:0 0 0 15px} .Rtl .ntfC::before{left:auto;right:-12px} .Rtl .ntfA >a{margin-left:0;margin-right:10px} .Rtl .cmHr.a .n::after{margin:0 3px 0 0} .Rtl .cmAc a::before{content:'\2935'} .Rtl .cmHl li li .cmIn::before{right:-18px;left:auto} .Rtl .cmHl >li >.cmIn >.cmBd .cmHr{padding:0 calc(35px + 8px) 0 0} .Rtl .BlogSearch .sb, .Rtl .fotCd .creator{left:auto;right:0} .Rtl .BlogSearch button.sb{left:0;right:auto} @media screen and (max-width:1100px){.Rtl .topM{left:auto;right:-320px} .Rtl .topI:checked ~ .topM{left:auto;right:0} .Rtl .topI:checked ~ .topM .tpC{left:-17.5px;right:auto} .Rtl .tpC{left:-45px;right:auto} .Rtl .tpC label{border-radius:20px 0 0 20px} .Rtl .tpC svg.rad{transform:rotate(92deg);left:auto;right:-2px} .Rtl .tpC svg.rad.in{transform:rotate(-2deg)}} @media screen and (min-width:897px){.Rtl .mnMn ul{border-radius:16px 5px 16px 16px} .Rtl .mnMn >li:last-child ul{left:-15px;right:auto;border-radius:5px 16px 16px 16px}} @media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px} .Rtl .headL{padding:0 20px 0 0} .Rtl .navi:checked ~ .mainWrp .headM .mnBr{margin-right:auto;margin-left:0} .Rtl .mnBr{margin-right:auto;margin-left:-480px} .Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:5px} .Rtl .mnMn li:not(.mr) .a::before, .Rtl .mnMn .drp.mr li >*::before{left:auto;right:0}} @media screen and (max-width:500px){.Rtl .topM{left:auto;right:-280px} .Rtl .ftMn{right:auto;left:0;border-radius:16px 16px 16px 5px} .Rtl .cdtIn .PageList{margin-left:5px;margin-right:auto}} .Rtl .tocLi{display:none}
.lazy:not([lazied]){display:none!important}

/* --- End --- */

/*]]>*/</style>
  
  <style>/*<![CDATA[*//* Widget BlogSearch */ .srhB .c{padding:0 20px} .srhB .BlogSearch{padding:0} .srhB .BlogSearch:last-child{border:0} .srhB .Label{padding:20px 0} .srhBs{padding-bottom:0} .BlogSearch form{position:relative;flex-grow:1} .BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:var(--trans-1);z-index:2} .BlogSearch input[type=search]::-ms-clear,.BlogSearch input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} .BlogSearch input[type=search]::-webkit-search-decoration, .BlogSearch input[type=search]::-webkit-search-cancel-button, .BlogSearch input[type=search]::-webkit-search-results-button, .BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .BlogSearch input:focus ~ button.sb{opacity:.7} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:12px;padding:0 15px} .BlogSearch button.sb::before{content:attr(data-text)}.BlogSearch{position:fixed;top:0;left:0;right:0;z-index:12} .BlogSearch form{position:relative} .BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;margin-top:-100%;padding:10px 55px;width:100%;height:var(--headerH);transition:var(--trans-1);z-index:2} .BlogSearch input:focus{margin-top:0;box-shadow:0 10px 40px rgba(0,0,0,.2)} .BlogSearch input[type=search]::-ms-clear,.BlogSearch input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} .BlogSearch input[type=search]::-webkit-search-decoration, .BlogSearch input[type=search]::-webkit-search-cancel-button, .BlogSearch input[type=search]::-webkit-search-results-button, .BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .BlogSearch input:focus ~ button.sb, .BlogSearch input:hover ~ button.sb{opacity:.9} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0;transition:var(--trans-2)} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0} .BlogSearch button.sb::before{content:'\2715'; padding-right: 3px;} .mainWrp >:not(.header) .BlogSearch{margin:0} .drK *.navIn .BlogSearch input{border-color:transparent}.mainWrp >:not(.header) .BlogSearch{position:static} .mainWrp >:not(.header) .BlogSearch input{margin-top:0;padding:8px 36px;height:auto;font-size:13px;background: var(--mobHv);border-radius:20px} .drK .mainWrp >:not(.header) .BlogSearch input{background: var(--darkBa)} .mainWrp >:not(.header) .BlogSearch .sb{padding:0 10px;font-size:12px} .mainWrp >:not(.header) .BlogSearch input:focus, .mainWrp >.header .BlogSearch input:focus{box-shadow:none} .mainWrp >:not(.header) .BlogSearch .fCls, .mainWrp >.header .BlogSearch .fCls{display:none} .mainWrp >.header .BlogSearch{position:absolute} .mainWrp >.header .BlogSearch input{background:var(--headerB);border-radius:0}.drK .mainWrp >.header .BlogSearch input{background:var(--darkB)}}/*]]>*/</style>
  
  <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
    <style>/*<![CDATA[*/ /* Dark Mode */.drK .pTag .pPric{color:var(--darkU)}.drK .pTag .pPric::before, .drK .pTag .pInfo small{color:#fff}.drK .pRelate,.drK details.sp,.drK .showH,.drK .pRateC{background:var(--darkBa); box-shadow:none} .drK .mnBrs{background:transparent} .drK .pRateC{color:#fff} .drK .wPrf{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2)} .drK .mobMn{background:var(--darkBa);color:var(--darkTa)} .drK .tDL .d2{display:block} .drK .tDL svg .f{stroke:none;fill:var(--darkT)} .drK .pThmb:not(.nul)::before{background-image:linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,.07) 20%, rgba(0,0,0,.1) 60%, rgba(0,0,0,0))} .drK input::placeholder, .drK .cpL input, .drK .cArea label .n{color:rgba(255,255,255,.25)} .drK .nArea .contact-form-error-message-with-border{color:#f94f4f} .drK .cmC i[rel=image]::before, .drK .widget input[type=text], .drK .widget input[type=email], .drK .widget textarea{background:var(--darkBs);border-color:rgba(255,255,255,.15)} .drK .erroC h3 span.e{color:var(--darkBa)} .drK svg, .drK svg.c-1{fill:var(--darkT)} .drK svg.line{fill:none;stroke:var(--darkT)} .drK svg.c-2{fill:var(--darkTalt); opacity:.4} .drK, .drK .navbar{background:var(--darkB);color:var(--darkT)} .drK .ntfA{color:#fff} .drK .ntfA >a {background: var(--darkU);color: #fffdfc} .drK .ntfC{background:var(--darkBa);color:var(--darkTa)} .drK header, .drK .tbHd, .drK .pRelate, .drK blockquote, .drK blockquote.s-1, .drK .cmC i[rel=quote], .drK details.sp, .drK .ps table:not(.tr-caption-container), .drK .ps table th, .drK .ps table:not(.tr-caption-container) tr:not(:last-child) td, .drK .pre.tb .preH, .drK details.ac, .drK .ancrA, .drK .ancrC, .drK .pSh, .drK .cmBd.del .cmCo, .drK .cmHl li li .cmIn::before, .drK .cpLb, .drK .tpMn li.br::after, .drK .cmHl >li:not(:last-child){border-color:rgba(255,255,255,.15)} .drK .pre{background:var(--darkBa);color:var(--darkTa)} .drK .cmC i[rel=pre]{background:var(--darkB);color:var(--darkTa)} .drK footer{background:var(--darkBa);border-color:rgba(255,255,255,.15)} .drK .tIc::after, .drK .shL a, .drK .cpLb{background:rgba(0,0,0,.15)} .drK h1, .drK h2, .drK h3, .drK h4, .drK h5, .drK h6, .drK footer, .drK .button{color:var(--darkT)} .drK .admPs{border-color:transparent} .drK .admPs, .drK .dlBox, .drK .fixLs, .drK .cArea input:focus ~ .n, .drK .cArea textarea:focus ~ .n, .drK .cArea input[data-text=fl] ~ .n, .drK .cArea textarea[data-text=fl] ~ .n, .drK .wL.bg li >*, .drK .BlogSearch input{background:var(--darkBs)} .drK .wL, .drK .ancrA{background:var(--darkBa)!important} .drK .button.ln{background:transparent} .drK::selection, .drK a, .drK .free::after, .drK .new::after, .drK .aTtl a:hover, .drK details.ac[open] summary, .drK .cpL label, .drK .wL li >*:hover .lbC, .drK .wL li >div .lbC, .drK .wL .lbM, .drK .cmBtn.ln:hover, .drK .wL.cl .lbN:hover .lbC, .drK .wL.cl div.lbN .lbC, .drK .tpMn .a:hover, .drK .tpMn ul li a:hover{color:var(--darkU)} .drK .wL li >*:hover svg, .drK .wL li >div svg{stroke:var(--darkU)} .drK .blogPg >*, .drK .button, .drK .zmImg::after, .drK .widget input[type=button], .drK .widget input[type=submit]{background:var(--darkU)} .drK .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .drK .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .drK .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .drK .pS input[id*="4"]:checked ~ .tbHd label[for*="4"], .drK .widget input[type=text]:focus, .drK .widget input[type=email]:focus, .drK .widget textarea:focus, .drK .widget input[data-text=fl], .drK .widget textarea[data-text=fl], .drK .wL.cl .lbN:not(div):hover, .drK .wL.cl div.lbN{border-color:var(--darkU)} .drK .button.ln:hover{border-color:var(--darkU);box-shadow:0 0 0 1px var(--darkU) inset} .drK header a, .drK .pLbls >*, .drK .aTtl a, .drK .blogPg >*, .drK .brdCmb a, .drK .wL li >*, .drK .cmAc a, .drK .pShc >*, .drK .topM a, .drK footer a{color:inherit} .drK .blogPg .nPst, .drK .blogPg .current{background:var(--contentL);color:var(--bodyCa)} @media screen and (max-width:1100px){.drK .tpBr{background:var(--darkBs)} .drK .tpC label{background:var(--darkBa)} .drK .tpC svg.rad{fill:var(--darkBa)} .drK .topI:checked ~ .topM .tpC label{background:var(--darkU)}} @media screen and (min-width:897px){.drK .mnMn .a:hover{color:var(--darkU)} .drK .mnMn .a::after{border-color:var(--darkU)} .drK .mnMn ul{background:var(--darkBs)} .drK .mnMn ul li >*:hover{background:rgba(0,0,0,.15)}} @media screen and (min-width:641px){.drK .ftMn a:hover{color:var(--darkU)}} @media screen and (max-width:640px){.drK .ftMn{background:var(--darkBa)}} @media screen and (max-width:896px){.drK .mnBrs{background:var(--darkBs)} .drK .mnMn li:not(.drp) .a:hover, .drK .mnMn ul li a:hover, .drK .mnMn li:not(.mr) .drpI:checked ~ .a{color:var(--darkU)} .drK .mnMn .a:hover svg:not(.d){fill:var(--darkU)} .drK .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--darkU)} .drK .mnMn li:not(.mr) .a::before, .drK .mnMn .drp.mr li >*::before{border-color:var(--darkU)} .drK .mnMn >li.br::after, .drK .mnMn li:not(.mr) ul::before, .drK .mnMn li:not(.mr) li::before{border-color:rgba(255,255,255,.15)}} @media screen and (max-width:500px){.drK .itemFt .itm .iCtnt{border-color:rgba(255,255,255,.15)}}.drK .headCn{background:var(--darkBa);color:var(--darkT)} /*]]>*/</style>
  </b:if>
  
  <b:if cond='data:view.isSingleItem and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
    <style>/*<![CDATA[*/ /* Related Posts */ .drK .rPst{background:var(--darkBa)} .rPst{margin:40px 0 0;padding: 15px;box-shadow: 0 0 25px rgb(0 0 0 / 7%);border-radius: 10px} .rPst ul{display:flex;flex-wrap:wrap; position:relative;width:100%; list-style:none;overflow-y:hidden;margin:0;padding:0; counter-reset:p-cnt} .rPst ul li{width:calc(50% - 20px);margin:0 10px 30px;position:relative} .rPst ul.s-2 li, .rPst ul.s-3 li, .rPst ul.s-4 li{width:calc(33.3% - 20px)} .rPst .iF{display:flex;flex-direction:row-reverse;align-items:flex-start;position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .rPst .iF >*{margin:0 7.5px} .rPst .iF .pThmb{flex:0 0 72px} .rPst .iF .pThmb .thmb{padding-top:100%} .rPst .iF .pCtnt{display:flex;flex-grow:1;width:calc(100% - 102px)} .rPst .iF .pCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.8em} .rPst .iF .pInf{position:relative;margin-top:8px} .rPst .iF .pInr{flex:1 0;width:calc(100% - 25px)} .rPst .iF .pSnpt{font-size:93%;margin-top:8px} .pTag + .pFoot .rPst .pSnpt{display:none} .rPst .thmb::before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); font-size:12px; opacity:.7;white-space:nowrap} .rPst .thmb div{background-position:center;background-size:cover;background-repeat:no-repeat; position:absolute;top:0;left:0;bottom:0;right:0} .rPst .pSnpt{} .rPst .pInf{position:absolute;bottom:0;left:0;right:0} .rPst .pInf::before{content:attr(data-date);opacity:.8} .rPst .s-4 li{padding-bottom:30px} @media screen and (max-width:640px){.rPst ul:not(.s-2) li, .rPst ul:not(.s-3) li, .rPst ul:not(.s-4) li{width:calc(100% - 20px)} .rPst .iF{max-width:500px;margin-left:auto;margin-right:auto} .rPst ul.s-2 li, .rPst ul.s-3 li, .rPst ul.s-4 li{width:calc(50% - 20px)}} @media screen and (max-width:500px){.rPst ul{100%} .rPst ul li{width:calc(50% - 15px);margin:0 7.5px 30px} .rPst ul:not(.s-2) li, .rPst ul:not(.s-3) li, .rPst ul:not(.s-4) li{width:calc(100% - 15px)} .rPst ul.s-2 li{width:calc(50% - 15px)} .rPst ul.s-2 .iTtl, .rPst ul.s-3 .iTtl{flex-grow:1;font-size:14px} .rPst ul.s-3 li{width:100%;margin:0 0 20px} .rPst ul.s-3 .i{display:flex;align-items:center} .rPst ul.s-3 .i >*{flex:0 0 calc(40% + 15px);margin:0 7.5px} .rPst ul.s-3 .iTtl a::after{content:attr(data-text);display:block;margin-top:8px;font-weight:400;font-size:12px;opacity:.7} .rPst ul.s-4{flex-wrap:nowrap;width:100%;right:-20px;left:-6.5px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .rPst ul.s-4 li{flex-shrink:0;width:80%;margin-bottom:0;scroll-snap-align:center}} /*]]>*/</style>
  </b:if>

  <b:defaultmarkups>
    <!--[ Blogger defaultmarkups ]-->
    <b:defaultmarkup type='Common'>
      
      <!--[ In-feed ad ]-->
      <b:includable id='post-adIn'>
        <div class='ntry nAd'>
          <!--[ InFeed Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Top article ad ]-->
      <b:includable id='post-adTop'>
        <div class='pAd'>
          <!--[ Top article Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Bottom article ad ]-->
      <b:includable id='post-adBot'>
        <div class='pAd'>
          <!--[ Bottom article Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Matched content Ad ]-->
      <b:includable id='post-relatedAd'>
        <div class='relatedPosts'>
          <!--[ Matched content Ad ]-->
          
          <!--<ins class='adsbygoogle'/>
          <script>...</script>-->
          
        </div>
      </b:includable>
      
      <!--[ Index title ]-->
      <b:includable id='titlePost'>
        <div class='blogTtl'>
          <b:class cond='data:view.isHomepage' name='hm'/>
          <b:if cond='data:view.isHomepage'>
            
            <!--[ Change <data:messages.latestPosts/> to replace 'Latest Posts' with your special text ]-->
            <h3 class='title'><data:messages.latestPosts/></h3>

            <b:else/>
            <div class='t'>
              <b:class cond='data:view.search or data:view.isArchive and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;' name='srch'/>
              <b:if cond='data:view.search.label'>
                <span class='hm' expr:data-text='data:messages.home'/><data:blog.pageName/>
                
                <b:elseif cond='data:view.search.query'/>
                <span expr:data-text='data:messages.search + &quot;:&quot;'/><data:view.search.query/>
                
                <b:elseif cond='data:view.isArchive'/>
                <span expr:data-text='data:messages.blogArchive + &quot;:&quot;'/><data:blog.pageName/>
                
                <b:else/>

                <!--[ Change all <data:messages.posts/> to replace 'Posts' with your special text ]-->
                <span class='hm' expr:data-text='data:messages.home'/><data:messages.posts/>
             
              </b:if>
            </div>
          </b:if>
        </div>
      </b:includable>
      
      <!--[ Customize ]-->
    <b:includable id='customize'>
        <input class='cusI hidden' id='forCusThm' type='checkbox'/>
        <div class='cusW'>
        <div class='cusH'>
        <label class='cusCl' for='forCusThm'/>
        </div>
        <div class='cusP'>
       <span class='tPkr thB0' onclick='modeL(); theme0();' style='--pkrC:#eceff1'/><span class='tPkr thB1' onclick='thmMo(); theme1()' style='--pkrC:#F44336'/>
       <span class='tPkr thB2' onclick='thmMo(); theme2()' style='--pkrC:#00BFA5'/><span class='tPkr thB3' onclick='thmMo(); theme3()' style='--pkrC:#2196F3'/>
       <span class='tPkr thB4' onclick='thmMo(); theme4()' style='--pkrC:#FBC02D'/><span class='tPkr thB5' onclick='thmMo(); theme5()' style='--pkrC:#E91E63'/>
       <span class='tPkr thB6' onclick='thmMo(); theme6()' style='--pkrC:#FF5722'/><span class='tPkr thB7' onclick='thmMo(); theme7()' style='--pkrC:#607D8B'/>
       <span class='tPkr thB8' onclick='thmMo(); theme8()' style='--pkrC:#5D4037'/><span class='tPkr thB9' onclick='thmMo(); theme9()' style='--pkrC:#744D97'/>
       <span class='tPkr thB10' onclick='thmMo(); theme10()' style='--pkrC:#3949AB'/>
       </div>
       </div>
       </b:includable>
      
      <!--[ Preloader ]-->
      <b:includable id='preloader'>
      <b:if cond='data:view.isPost or data:view.isPage'>
    <!--[ Preloader ]-->
    <div class='preloader'>
      <div class='dots-container'>
        <div class='dot red'/>
        <div class='dot yellow'/>
        <div class='dot green'/>
      </div>
    </div>
    <script>/*<![CDATA[*/ document.addEventListener('DOMContentLoaded',function(){var preloader=document.querySelector('.preloader');setTimeout(function(){preloader.classList.add('fadeOut')},2000);setTimeout(function(){preloader.classList.add('hidden')},2850)}); /*]]>*/</script></b:if>
      </b:includable>
      
      <!--[ Cookies Consent ]-->
      <b:includable id='cookies-consent'>
        <div class='ckWrap hidden' id='ckBox'>
          <div class='ckCont'>
            <h2>Cookies Consent</h2>
            <p>This website uses cookies to ensure you get the best experience on our website.</p>
          </div>
          <button class='button highH' id='ckAcptBtn'>Accept Cookies!</button>
          <label class='button ln highH' for='offchangeLog99'>Learn More</label>  
        </div>
        <input class='logInput hidden' id='offchangeLog99' type='checkbox'/>
        <div class='changeLog'>
          <label class='logClose' for='offchangeLog99'>
            <b:include name='close-icon'/>
          </label>
          <div class='logContent'>
            <data:content/>
          </div>
        </div>
      </b:includable>
      
      <!--[ Related post ]-->
      <b:includable id='post-related'>
        <div class='rPst' id='rPst'>
          <script>
              var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];
              var relatedPostConfig = {
                homePage: &quot;<data:blog.homepageUrl.canonical/>&quot;,
            
                /// Replace <data:messages.youMayLikeThesePosts/> to change Related Posts title
                widgetTitle: &quot;<h2 class='title'><b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Product&quot; ])'><data:messages.youMayLikeThesePosts/><b:else/>Related products!</b:if></h2>&quot;,
            
                numPosts: 6,
                summaryLength: 180,
                titleLength:&quot;auto&quot;,
                thumbnailSize: 300,
                noImage: &quot;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&quot;,
                containerId: &quot;rPst&quot;,
                newTabLink: false,
                moreText: &quot;Read more&quot;,
            
                // Change the related post style, there are 4 styles available
                widgetStyle: 4,
            
                callBack:function(){}
              }
            </script>
          <script>/*<![CDATA[*/ /*! Related Posts by Taufik Nurrohman dte.web.id */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h3 class='title'>Related Posts</h3>",widgetStyle:1,homePage:"http://www.shivatechnicworld.eu.org",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",containerId:"related-posts",newTabLink:false,moreText:"Read more",callBack:function(){}}; for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.async="async";b.rel="preload";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="s-'+A+' scrlH">',b=d.newTabLink?' target="_blank"':"",y=d.moreText,v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t; r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize).replace(/\=s[0-9]+(\-c)?/, "=s"+d.thumbnailSize):d.noImage; month=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];date=x[q].published.$t.substring(0,10); Y=date.substring(0, 4); m=date.substring(5, 7); D=date.substring(9, 10); M=month[parseInt(m-1)]; u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"} if(A==2){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div></div></li>'} else{if(A==3){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+' data-date="'+M+' '+D+', '+Y+'" data-text="'+y+'">'+w+'</a></div></div></li>'} else{if(A==4){c+='<li><div class="i"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lazy" data-style="background-image: url('+r+')"></div></a></div><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div><div class="pSnpt">'+u+'</div><div class="pInf pSml" data-date="'+M+' '+D+', '+Y+'"></div></div></li>'} else{c+='<li><div class="iF"><div class="pThmb"><a class="thmb" aria-label="'+w+'" href="'+v+'" title="'+t+'"><div class="lazy" data-style="background-image: url('+r+')"></div></a></div><div class="pCtnt"><div class="pInr"><div class="iTtl aTtl"><a href="'+v+'" '+b+'>'+w+'</a></div><div class="pSnpt">'+u+'</div><div class="pInf pSml" data-date="'+M+' '+D+', '+Y+'"></div></div></div></div></li>'} }}}s.innerHTML=c+="</ul>";d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); /*]]>*/</script>
        </div>
      </b:includable>
      
      <!--[ Post authors ]-->
      <b:includable id='post-authorProfile'>
        <div class='admPs'>
          <div class='admIm'>
            <b:include name='post-authorImage'/>
          </div>
          <div class='admI'>
            <bdi class='admN' expr:data-text='data:post.author.name' expr:data-write='data:messages.postedBy'/>
            <div class='admA'>
              <b:eval expr='data:post.author.aboutMe snippet {length: 200, links: true, linebreaks: true}'/>
              <!--<data:post.author.aboutMe/>-->
            </div>
          </div>
        </div>
      </b:includable>
      
      <b:includable id='post-authorImage'>
        <b:if cond='data:post.author.authorPhoto.image'>
          <b:if cond='!data:view.isPost'>
            <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;'>
              <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
              <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;' name='style'/>
            </div>
            <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;'/></noscript>
            <b:else/>
            <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,40,&quot;1:1&quot;) + &quot;)&quot;'>
              <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
              <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,20,&quot;1:1&quot;) + &quot;)&quot;' name='style'/>
            </div>
            <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:post.author.authorPhoto.image,40,&quot;1:1&quot;) + &quot;)&quot;'/></noscript>
          </b:if>
          <b:elseif cond='!data:view.isMultipleItems'/>
          <div class='im'><b:include name='profile-icon'/></div>
        </b:if>
      </b:includable>
      
      <b:includable id='post-authorName'>
        <bdi class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label'/>
        
        <!--[ Post Author with Link ]-->
        <!--<b:tag class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label' expr:name='data:post.author.profileUrl ? &quot;a&quot; : &quot;bdi&quot;'>
          <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.name' name='aria-label'/>
          <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.profileUrl' name='href'/>
          <b:attr cond='data:post.author.profileUrl' name='rel' value='author noreferrer'/>
          <b:attr cond='data:post.author.profileUrl' name='target' value='_blank'/>
        </b:tag>-->
      </b:includable>
      
      <!--[ Post article ]-->
      <b:includable id='postHeaders'>
        <div class='pHdr pSml'>
          <b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.labels' name='nHdr'/>
          <div class='aNm'>
            <b:include name='postLabelorSponsor'/>
          </div>
        </div>
      </b:includable>
      
      <b:includable id='postCommentsLinks'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment &quot;comment&quot;' role='button'>
            <b:include name='chat-icon'/>
          </a>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsUrl'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment &quot;comment&quot;' role='button'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chat-icon'/>
          </a>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsLabel'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <label class='cmnt' expr:data-text='data:post.numberOfComments' for='forComments'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chat-icon'/>
          </label>
        </b:if>
      </b:includable>
      
      <b:includable id='postCommentsLabela'>
        <b:if cond='data:post.allowComments and data:post.numberOfComments &gt; 0'>
          <label class='cmnt' expr:data-text='data:post.numberOfComments' for='forComments'>
            <b:class cond='data:view.isSingleItem' name='tIc'/>
            <b:include name='chata-icon'/>
          </label>
        </b:if>
      </b:includable>
      
      <b:includable id='postSponsored'>
        <div class='spnr'>
          <b:include name='link-icon'/>
        </div>
      </b:includable>
      
       <b:includable id='postProduct'>
        <div class='spnr'>
          <b:include name='tag-icon'/>
        </div>
      </b:includable>
      
      <b:includable id='postLabelSponsored'>
        <div class='pLbls nSpr'>
          <b:loop index='s' values='data:post.labels' var='label'>
            <b:if cond='data:s == 0'>
              <b:tag expr:data-text='data:label.name' name='span'/>
            </b:if>
          </b:loop>
        </div>
      </b:includable>
      
      <b:includable id='postLabel'>
        <b:if cond='data:widgets.Blog.first.allBylineItems.labels'>
          <div class='pLbls'>
            <b:attr cond='data:post.labels' expr:value='data:widgets.Blog.first.allBylineItems.labels.label' name='data-text'/>
            <b:loop index='i' values='data:post.labels' var='label'>
              <b:if cond='data:i &lt;= 0'>
                <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;span&quot;'>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url.canonical' name='href'/>
                  <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/>
                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                </b:tag>
              </b:if>
            </b:loop>
          </div>
        </b:if>
      </b:includable>
      
      <b:includable id='postLabelorSponsor'>
        <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
          <!--[ Post labels ]-->
          <b:include cond='data:post.labels' name='postLabel'/>
          <b:else/>
          <b:include name='postLabelSponsored'/>
        </b:if>
      </b:includable>
      
      <b:includable id='postJumpLinks'>
        <a class='pJmp' expr:aria-label='data:blog.jumpLinkMessage' expr:data-text='data:messages.keepReading' expr:href='data:post.url.canonical'/>
      </b:includable>
      
      <b:includable id='postTimestampPublish'>
        <time class='aTtmp pTtmp pbl' expr:data-text='format(data:post.date, &quot;MMM d, YYYY&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, YYYY&quot;'/>
      </b:includable>
      
      <b:includable id='postTimestamps'>
        <b:if cond='data:post.lastUpdated != data:post.date'>
          <time class='aTtmp pTtmp upd' data-date='Updated:' expr:data-text='format(data:post.lastUpdated, &quot;MMMM d, YYYY&quot;)' expr:data-time='format(data:post.lastUpdated, &quot;MMM d, YYYY&quot;)' expr:datetime='data:post.lastUpdated.iso8601' expr:title='&quot;Last updated: &quot; + data:post.lastUpdated format &quot;MMMM d, YYYY&quot;'/>
          <b:else/>
          <time class='aTtmp pTtmp pbl' expr:data-text='format(data:post.date, &quot;MMMM d, YYYY&quot;)' expr:data-time='format(data:post.lastUpdated, &quot;MMM d, YYYY&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, YYYY&quot;'/>
        </b:if>
      </b:includable>
      
      <b:includable id='postEntrySnippet'>
        <b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/>
        <!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>-->
      </b:includable>
      
      <b:includable id='postEntryThumbnail'>
        <b:if cond='data:post.featuredImage.isYoutube'>
          <img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, &quot;18:9&quot;) : data:post.featuredImage.youtubeMaxResDefaultUrl' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
          <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, &quot;18:9&quot;) : data:post.featuredImage.youtubeMaxResDefaultUrl'/></noscript>
          <b:else/>          
          <img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;) : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
          <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;) : data:post.featuredImage'/></noscript>
        </b:if>
      </b:includable>
      
      <!--[ Comment button ]-->
      <b:includable id='post-commentButton'>
        <!--[ Show/hide Comment ]-->
        <div class='cmShw'>
          <label class='cmBtn button' for='forComments'>
            <!--[ Delete tag bellow to change button style ]-->
       
          
            <b:if cond='data:post.numberOfComments &gt; 0'>
              <span><data:messages.joinTheConversation/> (<data:post.numberOfComments/>)</span>
              <b:else/>
              <data:messages.postAComment/>
            </b:if>
          </label>
        </div>
      </b:includable>
      
      <!--[ Comment disqus ]-->
      <b:includable id='post-commentDisqus'>
        <div class='cmDisqus' id='disqus_thread'>
          <div class='cmBtn button' id='disqusshow' onclick='load_Comments()'>
            <!--[ Delete tag bellow to change button style ]-->
            <b:class name='ln'/>
            
            <span><data:messages.joinTheConversation/></span>
          </div>
        </div>
        <script>/*<![CDATA[*/ var disqus_shortname = "shiva-technic-world-3"; !function(){var e=document.createElement("script");e.defer=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="shiva-technic-world-3";!function(){var e=document.createElement("script");e.defer=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
      </b:includable>
      
      <!--[ Comment disqus on-scroll ]-->
      <b:includable id='post-commentDisqusScroll'>
        <div class='cmDisqus' id='disqus_thread'>
          <div id='disqus_empty'/>
        </div>
        
        <!--[ Disqus script by bungfrangki.com, change 'shiva-technic-world-3' with your disqus_shortname ]-->
        <script>var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;; if (!disqus_blogger_current_url.length) {disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;} var disqus_blogger_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;; var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;</script>
        <script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) {var y = document.getElementById('disqus_empty'), t = document.getElementById('disqus_thread'), e = document.createElement('script'), d = document.createElement('script'), h = (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]); if( t && y ) {e.async = true; e.src = '//' + disqus_shortname + '.disqus.com/embed.js'; h.appendChild(e); d.async = !0; d.src = '//' + disqus_shortname + '.disqus.com/blogger_item.js'; h.appendChild(d); y.remove(); } }; window.addEventListener('scroll', function(e) {var currentScroll = document.scrollingElement.scrollTop; var t = document.getElementById('disqus_thread'); if( t && (currentScroll > t.getBoundingClientRect().top - 150) ) {load_disqus('shiva-technic-world-3'); console.log('Disqus loaded.'); }}, false); var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
      </b:includable>
      
      <!--[ Comment FB ]-->
      <b:includable id='post-commentFB'>        
        <div id='fb-root'/>
        <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='deferjs'/>
        <div id='commentFB'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
        <script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
      </b:includable>
      
      <!--[ Loadmore pagination ]-->
      <b:includable id='post-paginationMore'>
        <script> /*! Simple AJAX infinite scroll by Taufik Nurrohman dte.web.id */ !function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return&quot;function&quot;==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]=&quot;object&quot;==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function c(){return L.innerHTML=p.text.loading,v=!0,M?(y.classList.add(p.state.loading),l(&quot;loading&quot;,[p]),void u(M,function(t,n){y.className=x+&quot; &quot;+p.state.load,h=e.createElement(&quot;div&quot;),h.innerHTML=t;var o=r(&quot;title&quot;,h),a=r(p.target.post,h),i=r(p.target.anchors+&quot; &quot;+p.target.anchor,h),s=r(p.target.post,H);if(o=o&amp;&amp;o[0]?o[0].innerHTML:&quot;&quot;,a.length&amp;&amp;s.length){var d=s[s.length-1];e.title=o,d.insertAdjacentHTML(&quot;afterend&quot;,&quot; &quot;),h=e.createElement(&quot;div&quot;);for(var c=0,u=a.length;u&gt;c;++c)h.appendChild(a[c]);d.insertAdjacentHTML(&quot;afterend&quot;,h.innerHTML),f(),M=i.length?i[0].href:!1,v=!1,q++,l(&quot;load&quot;,[p,t,n])}},function(t,e){y.classList.add(p.state.error),v=!1,f(1),l(&quot;error&quot;,[p,t,e])})):(y.classList.add(p.state.loaded),L.innerHTML=p.text.loaded,l(&quot;loaded&quot;,[p]))}function f(t){if(L.innerHTML=&quot;&quot;,T){h.innerHTML=p.text[t?&quot;error&quot;:&quot;load&quot;];var e=h.firstChild;e.onclick=function(){return 2===p.type&amp;&amp;(T=!1),c(),!1},L.appendChild(e)}}var u=&quot;infinite-scroll-state-&quot;,p={target:{posts:&quot;.posts&quot;,post:&quot;.post&quot;,anchors:&quot;.anchors&quot;,anchor:&quot;.anchor&quot;},text:{load:&quot;%s&quot;,loading:&quot;%s&quot;,loaded:&quot;%s&quot;,error:&quot;%s&quot;},state:{load:u+&quot;load&quot;,loading:u+&quot;loading&quot;,loaded:u+&quot;loaded&quot;,error:u+&quot;error&quot;}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&amp;&amp;a(r)&amp;&amp;r(o.responseText,o));n&amp;&amp;a(n)&amp;&amp;n(o.responseText,o)}},o.open(&quot;GET&quot;,e),o.send()}},T=1!==p.type,v=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],M=r(p.target.anchor,L),m=e.body,y=e.documentElement,x=y.className||&quot;&quot;,E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=0,b=null,q=1;if(M.length){M=M[0].href,H.insertAdjacentHTML(&quot;afterbegin&quot;,&quot; &quot;),h=e.createElement(&quot;div&quot;),f();var w=function(){E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=m.scrollTop||y.scrollTop,v||E&gt;A+j||c()};w(),0!==p.type&amp;&amp;t.addEventListener(&quot;scroll&quot;,function(){T||(b&amp;&amp;t.clearTimeout(b),b=t.setTimeout(w,200))},!1)}return p}}(window,document);
if(typeof InfiniteScroll !== &quot;undefined&quot;) { var infinite_scroll = new InfiniteScroll ({ type: 0,
target: { posts: &quot;.blogPts&quot;, post: &quot;.ntry&quot;, anchors: &quot;.blogPg&quot;, anchor: &quot;.olLnk&quot;},
text: {
load: &quot;<a class='jsLd' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.loadMorePosts' href='javascript:;'/>&quot;,
loading: &quot;<div class='jsLd wait nPst' expr:data-text='data:messages.loading'><svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>&quot;,
loaded: &quot;<div class='jsLd nPst' expr:data-text='data:messages.noResultsFound'/>&quot;,
error: &quot;<a class='jsLd error' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.moreEllipsis' href='javascript:;'/>&quot;} }); }</script>
      </b:includable>
        
      <!--[ Single page condition ]-->
      <b:includable id='post-singlePage'>
        <style>/*<![CDATA[*/ .blogTopc, .blogCont:before, .blogCont:after{display:none !important} /*]]>*/</style>
      </b:includable>
        
      <!--[ SVG Icon ]-->      
      
      <!--[Clap icon]-->
      <b:includable id='clap-icon'>
      <svg class='svgIcon-use' height='33' viewBox='0 0 33 33' width='33'><path d='M28.86 17.342l-3.64-6.402c-.292-.433-.712-.729-1.163-.8a1.124 1.124 0 0 0-.889.213c-.63.488-.742 1.181-.33 2.061l1.222 2.587 1.4 2.46c2.234 4.085 1.511 8.007-2.145 11.663-.26.26-.526.49-.797.707 1.42-.084 2.881-.683 4.292-2.094 3.822-3.823 3.565-7.876 2.05-10.395zm-6.252 11.075c3.352-3.35 3.998-6.775 1.978-10.469l-3.378-5.945c-.292-.432-.712-.728-1.163-.8a1.122 1.122 0 0 0-.89.213c-.63.49-.742 1.182-.33 2.061l1.72 3.638a.502.502 0 0 1-.806.568l-8.91-8.91a1.335 1.335 0 0 0-1.887 1.886l5.292 5.292a.5.5 0 0 1-.707.707l-5.292-5.292-1.492-1.492c-.503-.503-1.382-.505-1.887 0a1.337 1.337 0 0 0 0 1.886l1.493 1.492 5.292 5.292a.499.499 0 0 1-.353.854.5.5 0 0 1-.354-.147L5.642 13.96a1.338 1.338 0 0 0-1.887 0 1.338 1.338 0 0 0 0 1.887l2.23 2.228 3.322 3.324a.499.499 0 0 1-.353.853.502.502 0 0 1-.354-.146l-3.323-3.324a1.333 1.333 0 0 0-1.886 0 1.325 1.325 0 0 0-.39.943c0 .356.138.691.39.943l6.396 6.397c3.528 3.53 8.86 5.313 12.821 1.353zM12.73 9.26l5.68 5.68-.49-1.037c-.518-1.107-.426-2.13.224-2.89l-3.303-3.304a1.337 1.337 0 0 0-1.886 0 1.326 1.326 0 0 0-.39.944c0 .217.067.42.165.607zm14.787 19.184c-1.599 1.6-3.417 2.392-5.353 2.392-.349 0-.7-.03-1.058-.082a7.922 7.922 0 0 1-3.667.887c-3.049 0-6.115-1.626-8.359-3.87l-6.396-6.397A2.315 2.315 0 0 1 2 19.724a2.327 2.327 0 0 1 1.923-2.296l-.875-.875a2.339 2.339 0 0 1 0-3.3 2.33 2.33 0 0 1 1.24-.647l-.139-.139c-.91-.91-.91-2.39 0-3.3.884-.884 2.421-.882 3.301 0l.138.14a2.335 2.335 0 0 1 3.948-1.24l.093.092c.091-.423.291-.828.62-1.157a2.336 2.336 0 0 1 3.3 0l3.384 3.386a2.167 2.167 0 0 1 1.271-.173c.534.086 1.03.354 1.441.765.11-.549.415-1.034.911-1.418a2.12 2.12 0 0 1 1.661-.41c.727.117 1.385.565 1.853 1.262l3.652 6.423c1.704 2.832 2.025 7.377-2.205 11.607zM13.217.484l-1.917.882 2.37 2.837-.454-3.719zm8.487.877l-1.928-.86-.44 3.697 2.368-2.837zM16.5 3.293L15.478-.005h2.044L16.5 3.293z' fill-rule='evenodd'/></svg>
      </b:includable>
      
      <b:includable id='back-icon'>
        <!--[ Back icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='forward-icon'>
        <!--[ Forward icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='arrow-right-icon'>
        <!--[ Arrow right icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line class='svg-c' x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
      </b:includable>
      
        <b:includable id='close-icon'>
          <!--[ Close icon ]-->
          <svg class='line' viewBox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
        </b:includable>
      
      <b:includable id='edit-icon'>
        <!--[ Edit icon ]-->
      <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(3.500000, 3.500000)'><line x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'/><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'/><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'/></g></svg>
     </b:includable>
      
      <b:includable id='edit-square-icon'>
        <!--[ Edit square icon ]-->
      <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path class='svg-c' d='M10.0002,0.7501 C3.0632,0.7501 0.7502,3.0631 0.7502,10.0001 C0.7502,16.9371 3.0632,19.2501 10.0002,19.2501 C16.9372,19.2501 19.2502,16.9371 19.2502,10.0001'/><path d='M17.5285,2.3038 L17.5285,2.3038 C16.5355,1.4248 15.0185,1.5168 14.1395,2.5098 C14.1395,2.5098 9.7705,7.4448 8.2555,9.1578 C6.7385,10.8698 7.8505,13.2348 7.8505,13.2348 C7.8505,13.2348 10.3545,14.0278 11.8485,12.3398 C13.3435,10.6518 17.7345,5.6928 17.7345,5.6928 C18.6135,4.6998 18.5205,3.1828 17.5285,2.3038 Z'/><line x1='13.009' x2='16.604' y1='3.8008' y2='6.9838'/></g></svg>
      </b:includable>

      
      <b:includable id='arrow-left-icon'>
        <!--[ Arrow left icon ]-->
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg>
      </b:includable>
      
      <b:includable id='arow-down-icon'>
        <!--[ Arrow down icon ]-->
        <svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
      </b:includable>
      
      <b:includable id='arow-up-icon'>
        <!--[ Arrow up icon ]-->
      <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path class='fill' d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/></g></svg>
      </b:includable>
      
      <b:includable id='arow-up-circle-icon'>
      <!--[ Arrow up circle icon ]-->
      <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(2.000000, 2.000000)'><path class='svg-c' d='M0.7503,10.0001 C0.7503,16.9371 3.0633,19.2501 10.0003,19.2501 C16.9373,19.2501 19.2503,16.9371 19.2503,10.0001 C19.2503,3.0631 16.9373,0.7501 10.0003,0.7501 C3.0633,0.7501 0.7503,3.0631 0.7503,10.0001 Z'/><path d='M6.5286,8.5582 C6.5286,8.5582 8.9206,12.0442 10.0006,12.0442 C11.0806,12.0442 13.4706,8.5582 13.4706,8.5582'/></g></svg>
        </b:includable>
      
      <b:includable id='eye-icon'>
        <!--[ Eye icon ]-->
       <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg>
      </b:includable>
      
      <b:includable id='send-icon'>
        <!--[ Send icon ]-->
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.800000, 2.800000)'><path d='M8.69324995,9.63816777 C8.69324995,9.63816777 -3.28340005,7.16056777 0.878549946,4.75801777 C4.39069995,2.73071777 16.4946499,-0.75483223 18.1856499,0.14576777 C19.0862499,1.83676777 15.6006999,13.9407178 13.5733999,17.4528678 C11.1708499,21.6148178 8.69324995,9.63816777 8.69324995,9.63816777 Z'/><line class='svg-c' x1='8.69325' x2='18.18565' y1='9.638168' y2='0.145768'/></g></svg>

      </b:includable>
      
      <!--[ Profile icon ]-->
      <b:includable id='profile-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(5.000000, 2.400000)'><path d='M6.84454545,19.261909 C3.15272727,19.261909 -8.52651283e-14,18.6874153 -8.52651283e-14,16.3866334 C-8.52651283e-14,14.0858516 3.13272727,11.961909 6.84454545,11.961909 C10.5363636,11.961909 13.6890909,14.0652671 13.6890909,16.366049 C13.6890909,18.6658952 10.5563636,19.261909 6.84454545,19.261909 Z'/><path d='M6.83729838,8.77363636 C9.26002565,8.77363636 11.223662,6.81 11.223662,4.38727273 C11.223662,1.96454545 9.26002565,-1.0658141e-14 6.83729838,-1.0658141e-14 C4.41457111,-1.0658141e-14 2.45,1.96454545 2.45,4.38727273 C2.44184383,6.80181818 4.39184383,8.76545455 6.80638929,8.77363636 C6.81729838,8.77363636 6.82729838,8.77363636 6.83729838,8.77363636 Z'/></g></svg>
      </b:includable>
      
      <!--[ Profiles icon ]-->
      <b:includable id='profiles-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.749500, 2.549500)'><path d='M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z'/><path d='M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z'/><path class='svg-c' d='M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323'/><path class='svg-c' d='M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301'/></g></svg>
      </b:includable>
      
      <!--[ Profile Circle icon ]-->
      <b:includable id='profile-circle-icon'>
      <svg class='line' viewBox='0 0 24 24'><path class='svgC' d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z'/><path d='M20.5899 22C20.5899 18.13 16.7399 15 11.9999 15C7.25991 15 3.40991 18.13 3.40991 22'/></svg>
      </b:includable>

      
      <!--[ Search icon ]-->
      <b:includable id='search-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><circle cx='9.76659044' cy='9.76659044' r='8.9885584'/><line class='svg-c' x1='16.0183067' x2='19.5423342' y1='16.4851259' y2='20.0000001'/></g></svg>
      </b:includable>
      
      <!--[ Translate icon ]-->
      <b:includable id='translate-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M.5,2V18A1.5,1.5,0,0,0,2,19.5H17L10.5.5H2A1.5,1.5,0,0,0,.5,2Z'/><path d='M12,4.5H22A1.5,1.5,0,0,1,23.5,6V22A1.5,1.5,0,0,1,22,23.5H13.5l-1.5-4'/><line x1='17' x2='13.5' y1='19.5' y2='23.5'/><line class='svg-c' x1='14.5' x2='21.5' y1='10.5' y2='10.5'/><line class='svg-c' x1='17.5' x2='17.5' y1='9.5' y2='10.5'/><path class='svg-c' d='M20,10.5c0,1.1-1.77,4.42-4,6'/><path class='svg-c' d='M16,13c.54,1.33,4,4.5,4,4.5'/><path class='svg-c' d='M10.1,7.46a4,4,0,1,0,1.4,3h-4'/></svg>
        </b:includable>
      
      <b:includable id='notification-icon'>
        <!--[ Notification icon ]-->
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.614552, 2.514190)'><path d='M7.38163814,2.84217094e-14 C2.94735243,2.84217094e-14 1.02068576,4.0152381 1.02068576,6.66952381 C1.02068576,8.65333333 1.30830481,8.06952381 0.210209572,10.4895238 C-1.13074281,13.9380952 4.26163814,15.347619 7.38163814,15.347619 C10.5006858,15.347619 15.8930667,13.9380952 14.5530667,10.4895238 C13.4549715,8.06952381 13.7425905,8.65333333 13.7425905,6.66952381 C13.7425905,4.0152381 11.8149715,2.84217094e-14 7.38163814,2.84217094e-14 Z'/><path d='M9.691448,17.998 C8.39716229,19.4437143 6.37811467,19.4608571 5.071448,17.998'/></g></svg>
      </b:includable>
      
      <b:includable id='setting-icon'>
        <!--[ Setting icon ]-->
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(3.500000, 2.500000)'><path class='svg-c' d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'/><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'/></g></svg>
      </b:includable>
      
       <b:includable id='sitemap-icon'>
        <!--[ Sitemap icon ]-->
        <svg height='1080pt' preserveAspectRatio='xMidYMid meet' version='1.1' viewBox='0 0 1080 1080' width='1080pt'>
<g fill='evenood' stroke='#ffffff' transform='translate(0,1080) scale(0.100000,-0.100000)'>
<path d='M4090 8595 l0 -1325 443 -1 c243 0 493 0 555 1 l112 1 0 -655 0 -656 -1742 -1 c-959 -1 -1747 0 -1753 2 -5 2 -30 3 -54 4 -37 0 -47 -5 -65 -28 l-21 -28 -3 -1095 -2 -1094 -508 -2 -507 -3 -3 -1317 -2 -1318 1325 0 1325 0 0 1321 0 1320 -447 -1 c-247 -1 -501 -1 -565 -1 l-118 1 10 26 c6 16 10 354 10 895 l0 869 1560 0 1560 0 0 -895 0 -895 -555 6 -555 7 0 -1326 0 -1327 1320 0 1320 0 0 1327 0 1326 -457 -8 c-252 -4 -483 -9 -513 -9 l-55 -1 -3 898 -2 897 1490 0 1490 0 0 -889 0 -888 -119 -6 c-66 -3 -302 -3 -525 0 l-406 6 0 -1326 0 -1327 1325 0 1325 0 0 1327 0 1326 -592 -6 -593 -6 -1 1072 c0 590 -3 1092 -5 1117 l-4 45 -1690 5 -1690 5 -3 653 -2 652 82 0 c46 1 278 0 516 0 l432 -1 0 1326 0 1325 -1320 0 -1320 0 0 -1325z m2188 38 l-3 -878 -894 -3 c-849 -2 -893 -1 -885 15 5 10 10 406 12 881 l2 862 885 0 885 0 -2 -877z m3642 -6243 l0 -880 -965 0 -965 0 0 880 0 880 965 0 965 0 0 -880z m-3608 -26 c2 -476 1 -868 -1 -870 -2 -2 -414 -4 -915 -4 l-911 0 3 857 c1 472 4 864 7 871 3 9 195 12 910 12 l905 0 2 -866z m-3532 -4 l0 -860 -917 2 -918 3 -3 845 c-1 465 0 851 3 858 3 9 197 12 920 12 l915 0 0 -860z'/>
</g>
</svg>
      </b:includable>
      
      <!--[ Triangle Danger icon ]-->
      <b:includable id='triangle-danger-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line x1='9.5' x2='9.5' y1='5.5' y2='9.395'/><line class='svg-c' x1='9.4957' x2='9.5047' y1='12.895' y2='12.895'/></g></svg>
      </b:includable>

      
      <!--[ Share icon ]-->
      <b:includable id='share-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M16.44 8.8999C20.04 9.2099 21.51 11.0599 21.51 15.1099V15.2399C21.51 19.7099 19.72 21.4999 15.25 21.4999H8.73998C4.26998 21.4999 2.47998 19.7099 2.47998 15.2399V15.1099C2.47998 11.0899 3.92998 9.2399 7.46998 8.9099'/><path d='M12 15.0001V3.62012'/><path class='svg-c' d='M15.35 5.85L12 2.5L8.65002 5.85'/></svg>
      </b:includable>
      
      <!--[ Share icon ]-->
      <b:includable id='share-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'/><circle cx='18.48892' cy='5.49436' r='3.51099'/><circle cx='18.48892' cy='18.50564' r='3.51099'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='8.476' y2='10.416'/><line class='cls-3 svg-c' x1='12.53012' x2='8.65012' y1='15.496' y2='13.556'/></svg>
      </b:includable>
      
      <!--[ Instagram icon ]-->
      <b:includable id='instagram-icon'>
        <svg viewBox='0 0 32 32'><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path class='svg-c' d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle class='svg-c' cx='23' cy='9' r='1'/></svg>
      </b:includable>
      
      <!--[ Facebook icon ]-->
      <b:includable id='facebook-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg>
      </b:includable>
      
      <!--[ Facebook rounded icon ]-->
      <b:includable id='facebook-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'/></svg>
      </b:includable>
      
      <!--[ Twitter icon ]-->
      <b:includable id='twitter-icon'>
        <svg viewBox='0 0 32 32'><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'/></svg>
      </b:includable>
      
      <!--[ Twitter rounded icon ]-->
      <b:includable id='twitter-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M11.4,26.6C11.5,26.6,11.5,26.6,11.4,26.6c-0.9,0-1.8-0.2-2.6-0.4c-1.3-0.4-2.5,0.8-2.1,2 c1.1,4.3,4.5,7.7,8.8,8.6c-1,0.3-2,0.4-3,0.4c-1,0-1.7,1.1-1.2,2c1.9,3.5,5.6,5.9,9.7,6h1c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2 c-1.3,0-2.9-0.1-4.5-0.5c-1-0.2-2-0.2-2.9,0.1c-1.7,0.6-3.5,1.1-5.4,1.3C8.5,50.2,8,50.7,8,51.4v0c0,0.5,0.3,1,0.8,1.2 c3.9,1.7,8.3,2.7,12.9,2.7c21.1,0,32.7-17.9,32.7-33.5v0c0-0.9,0.4-1.8,1.1-2.4c1.2-1,2.3-2.1,3.3-3.4c0.4-0.5-0.1-1.2-0.7-1 c-1.2,0.4-2.4,0.7-3.7,0.9c-0.2,0-0.3-0.2-0.1-0.4c1.5-1.1,2.8-2.6,3.6-4.3c0.3-0.6-0.3-1.2-0.9-0.9c-1.1,0.6-2.3,1-3.5,1.4 c-1.2,0.4-2.6,0.1-3.6-0.7c-1.9-1.5-4.4-2.4-7-2.4c-5.3,0-9.8,3.7-11.1,8.8c-0.2,0.9,0.5,1.7,1.4,1.7c1.6-0.1,3.2-0.3,4.4-0.5 c1-0.2,2,0.3,2.4,1.2c0.5,1.2-0.2,2.4-1.3,2.7c-4.6,1.3-9.7,0.4-9.7,0.4l0,0C21.2,21.8,14.3,18,9.3,12.5C8.6,11.7,7.3,12,7,12.9 c-0.4,1.2-0.6,2.5-0.6,3.9C6.4,20.9,8.4,24.5,11.4,26.6z'/></svg>
      </b:includable>
      
      <!--[ Telegram icon ]-->
      <b:includable id='telegram-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'/></svg>
      </b:includable>
      
      <!--[ Telegram rounded icon ]-->
      <b:includable id='telegram-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'/></svg>
      </b:includable>
      
      <!--[ Tiktok icon ]-->
      <b:includable id='tiktok-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path class='svg-c' d='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'/></svg>
      </b:includable>
      
      <!--[ Tumblr icon ]-->
      <b:includable id='tumblr-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path class='svg-c' d='M20,19a1,1,0,0,0-1,1,1,1,0,0,1-1,1H17a1,1,0,0,1-1-1V15h3a1,1,0,0,0,0-2H16V10a1,1,0,0,0-2,0v3H12a1,1,0,0,0,0,2h2v5a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3A1,1,0,0,0,20,19Z'/></svg>
      </b:includable>
      
      <!--[ line icon ]-->
      <b:includable id='line-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2C8.28,2,2,7.38,2,14c0,5.48,4.34,10.24,10.44,11.6L12,28.87a1,1,0,0,0,.37.91A1,1,0,0,0,13,30a1,1,0,0,0,.35-.06C14,29.68,30,23.58,30,14,30,7.38,23.72,2,16,2ZM14.22,27.4l.33-2.47a1,1,0,0,0-.83-1.12C8.09,22.91,4,18.78,4,14,4,8.49,9.38,4,16,4S28,8.49,28,14C28,20.61,18.14,25.66,14.22,27.4Z'/><path class='svg-c' d='M10,15.25H8.75V12a.75.75,0,0,0-1.5,0v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5Z'/><path class='svg-c' d='M24,12.75a.75.75,0,0,0,0-1.5H22a.76.76,0,0,0-.75.75v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5H22.75v-.5H24a.75.75,0,0,0,0-1.5H22.75v-.5Z'/><path class='svg-c' d='M13,11.25a.76.76,0,0,0-.75.75v4a.75.75,0,0,0,1.5,0V12A.76.76,0,0,0,13,11.25Z'/><path class='svg-c' d='M19,11.25a.76.76,0,0,0-.75.75v1.75l-1.65-2.2a.75.75,0,0,0-1.35.45v4a.75.75,0,0,0,1.5,0V14.25l1.65,2.2a.75.75,0,0,0,.6.3.67.67,0,0,0,.24,0,.75.75,0,0,0,.51-.71V12A.76.76,0,0,0,19,11.25Z'/></svg>
      </b:includable>
      
      <!--[ Line rounded icon ]-->
      <b:includable id='line-r-icon'>
        <svg viewBox='0 0 24 24'><path d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/></svg>
      </b:includable>
      
      <!--[ Youtube icon ]-->
      <b:includable id='youtube-icon'>
        <svg viewBox='0 0 32 32'><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path class='svg-c' d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></svg>        
      </b:includable>
      
      <!--[ LinkedIn icon ]-->
      <b:includable id='linkedIn-icon'>
        <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path class='svg-c' d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'/><path class='svg-c' d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'/><circle class='svg-c' cx='11' cy='11' r='1'/></svg>        
      </b:includable>
      
      <!--[ LinkedIn rounded icon ]-->
      <b:includable id='linkedIn-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'/><path class='svg-c' d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'/><path class='svg-c' d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'/></svg>
      </b:includable>
      
      <!--[ Whatsapp icon ]-->
      <b:includable id='whatsapp-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path class='svg-c' d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></svg>
      </b:includable>
      
      <!--[ Whatsapp rounded icon ]-->
      <b:includable id='whatsapp-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'/></svg>
      </b:includable>
      
      <!--[ Pinterest icon ]-->
      <b:includable id='pinterest-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z'/></svg>
      </b:includable>
      
      <!--[ Pinteres rounded icon ]-->
      <b:includable id='pinterest-r-icon'>
        <svg viewBox='0 0 64 64'><path d='M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z'/></svg>
      </b:includable>
      
      <!--[ Mail rounded icon ]-->
      <b:includable id='mail-r-icon'>
        <svg viewBox='0 0 500 500'><path d='M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z'/></svg>
      </b:includable>
      
      <!--[ Circle icon ]-->
      <b:includable id='circle-icon'>
        <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/></svg>
      </b:includable>
      
      <!--[ Home icon ]-->
      <b:includable id='home-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line class='svg-c' x1='14.71978' x2='9.28022' y1='15.00368' y2='15.00368'/><path d='M100.28571,274.70685h-10a5,5,0,0,1-5-5v-5.00916a5,5,0,0,1,1.601-3.667l5.6798-5.2648a4,4,0,0,1,5.43845,0l5.67981,5.2648a5,5,0,0,1,1.601,3.667v5.00916A5,5,0,0,1,100.28571,274.70685Z' transform='translate(-83.28571 -252.70317)'/></g></svg>
      </b:includable>
      
      <!--[ Home alt icon ]-->
      <b:includable id='home-alt-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line class='svg-c' x1='14.71978' x2='9.28022' y1='15.00368' y2='15.00368'/><path d='M100.28571,274.70685h-10a5,5,0,0,1-5-5v-5.00916a5,5,0,0,1,1.601-3.667l5.6798-5.2648a4,4,0,0,1,5.43845,0l5.67981,5.2648a5,5,0,0,1,1.601,3.667v5.00916A5,5,0,0,1,100.28571,274.70685Z' transform='translate(-83.28571 -252.70317)'/></g></svg>
      </b:includable>
      
      <!--[ Folder icon ]-->
      <b:includable id='folder-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path d='M21.4446 15.7579C21.4446 19.336 19.336 21.4446 15.7579 21.4446H7.97172C4.38443 21.4446 2.27588 19.336 2.27588 15.7579V7.9626C2.27588 4.38444 3.5903 2.27588 7.16846 2.27588H9.16749C9.88576 2.27588 10.5621 2.61406 10.9931 3.18868L11.9059 4.40269C12.3378 4.97618 13.0135 5.31406 13.7315 5.31549H16.5611C20.1484 5.31549 21.472 7.14108 21.472 10.7923L21.4446 15.7579Z'/><path class='svg-c' d='M7.05893 14.4891H16.6524'/></g></svg>
      </b:includable>
      
      <!--[ Message icon ]-->
      <b:includable id='message-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path class='svg-c' d='M17.2677 9.06113L13.0023 12.4954C12.1951 13.1283 11.0635 13.1283 10.2563 12.4954L5.95424 9.06113'/><path d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z'/></svg>
      </b:includable>
      
      <!--[ Paper icon ]-->
      <b:includable id='paper-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.649800, 2.749900)'><line class='svg-c' x1='10.6555' x2='5.2555' y1='12.6999' y2='12.6999'/><line x1='8.6106' x2='5.2546' y1='8.6886' y2='8.6886'/><path d='M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z'/><path d='M10.2844,0.0827 L10.2844,2.7437 C10.2844,4.6017 11.7904,6.1067 13.6484,6.1067 L16.5994,6.1067'/></g></svg>
      </b:includable>
      
      <!--[ Document icon ]-->
      <b:includable id='document-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M15.7162 16.2234H8.4962'/><path d='M15.7162 12.0369H8.4962'/><path class='svg-c' d='M11.2513 7.86008H8.4963'/><path d='M15.9086 2.74979C15.9086 2.74979 8.2316 2.75379 8.2196 2.75379C5.4596 2.77079 3.7506 4.58679 3.7506 7.35679V16.5528C3.7506 19.3368 5.4726 21.1598 8.2566 21.1598C8.2566 21.1598 15.9326 21.1568 15.9456 21.1568C18.7056 21.1398 20.4156 19.3228 20.4156 16.5528V7.35679C20.4156 4.57279 18.6926 2.74979 15.9086 2.74979Z'/></svg>
      </b:includable>
      
      <!--[ Buy icon ]-->
      <b:includable id='buy-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.650200, 2.850200)'><path d='M2.044,3.58024493 C7.3705141,2.243 13.9926469,2.32498848 15.5231061,4.06777179 C17.0535652,5.8105551 17.0220031,11.638 15.2330031,13.237 C13.4450031,14.836 5.68,14.988 3.22,13.237 C0.621,11.386 2.129,5.692 2.044,2.243 C2.095,0.313 -1.13686838e-13,0 -1.13686838e-13,0'/><line class='svg-c' x1='10.5059' x2='13.2789' y1='7.8696' y2='7.8696'/><path d='M3.6138,17.2773 C3.9138,17.2773 4.1578,17.5213 4.1578,17.8213 C4.1578,18.1223 3.9138,18.3663 3.6138,18.3663 C3.3128,18.3663 3.0688,18.1223 3.0688,17.8213 C3.0688,17.5213 3.3128,17.2773 3.6138,17.2773 Z'/><path d='M13.9453,17.2773 C14.2463,17.2773 14.4903,17.5213 14.4903,17.8213 C14.4903,18.1223 14.2463,18.3663 13.9453,18.3663 C13.6453,18.3663 13.4013,18.1223 13.4013,17.8213 C13.4013,17.5213 13.6453,17.2773 13.9453,17.2773 Z'/></g></svg>
      </b:includable>
      
      <!--[ Download icon ]-->
      <b:includable id='download-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line class='svg-c' x1='9.8791' x2='9.8791' y1='12.791' y2='0.75'/><polyline points='12.7951 9.8642 9.8791 12.7922 6.9631 9.8642'/><path d='M14.3703,5.2587 C17.9493,5.5887 19.2503,6.9287 19.2503,12.2587 C19.2503,19.3587 16.9393,19.3587 10.0003,19.3587 C3.0593,19.3587 0.7503,19.3587 0.7503,12.2587 C0.7503,6.9287 2.0503,5.5887 5.6303,5.2587'/></g></svg>
      </b:includable>
      
      <!--[ Download alt icon ]-->
      <b:includable id='download-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><polyline points='8 17 12 21 16 17'/><line class='svg-c' x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>
      </b:includable>
      
      <!--[ Lock icon ]-->
      <b:includable id='lock-icon'>
       <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M16.4234 9.4478V7.3008C16.4234 4.7878 14.3854 2.7498 11.8724 2.7498C9.35937 2.7388 7.31337 4.7668 7.30237 7.2808V7.3008V9.4478'/><path d='M15.6832 21.2496H8.04218C5.94818 21.2496 4.25018 19.5526 4.25018 17.4576V13.1686C4.25018 11.0736 5.94818 9.37659 8.04218 9.37659H15.6832C17.7772 9.37659 19.4752 11.0736 19.4752 13.1686V17.4576C19.4752 19.5526 17.7772 21.2496 15.6832 21.2496Z'/><path class='svg-c' d='M11.8629 14.2027V16.4237'/></svg>
      </b:includable>
      
      <!--[ Shield done icon ]-->
      <b:includable id='shield-done-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18.865 5.1238C19.302 5.2768 19.594 5.6888 19.594 6.1518V12.9248C19.594 14.8178 18.906 16.6248 17.691 18.0248C17.08 18.7298 16.307 19.2788 15.486 19.7228L11.928 21.6448L8.364 19.7218C7.542 19.2778 6.768 18.7298 6.156 18.0238C4.94 16.6238 4.25 14.8158 4.25 12.9208V6.1518C4.25 5.6888 4.542 5.2768 4.979 5.1238L11.561 2.8108C11.795 2.7288 12.05 2.7288 12.283 2.8108L18.865 5.1238Z'/><path class='svg-c' d='M9.32251 11.9177L11.2145 13.8107L15.1125 9.91269'/></svg>
      </b:includable>
      
      <!--[ Plus icon ]-->
      <b:includable id='plus-icon'>
        <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.300000, 2.300000)'><line class='svg-c' x1='9.73684179' x2='9.73684179' y1='6.162632' y2='13.3110531'/><line class='svg-c' x1='13.3146315' x2='6.158842' y1='9.73684179' y2='9.73684179'/><path d='M-3.55271368e-14,9.73684211 C-3.55271368e-14,2.43473684 2.43473684,2.13162821e-14 9.73684211,2.13162821e-14 C17.0389474,2.13162821e-14 19.4736842,2.43473684 19.4736842,9.73684211 C19.4736842,17.0389474 17.0389474,19.4736842 9.73684211,19.4736842 C2.43473684,19.4736842 -3.55271368e-14,17.0389474 -3.55271368e-14,9.73684211 Z'/></g></svg>
      </b:includable>
      
      <!--[ Moon icon ]-->
      <b:includable id='moon-sun-icon'>
        <svg class='line' viewBox='0 0 24 24'>
          <g class='d1'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g>
          <g class='d2'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path class='svg-c' d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g></svg>
      </b:includable>
      
      <!--[ Sun icon ]-->
      <b:includable id='sun-moon-icon'>
        <svg class='line' viewBox='0 0 24 24'>
          <g class='d1'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g>
          <g class='d2'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g></svg>
      </b:includable>
      
      <!--[ Chat icon ]-->
      <b:includable id='chat-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg>
      </b:includable>
      
      <!--[ Messages icon ]-->
      <b:includable id='messages-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14'/><path class='svg-c' d='M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z'/></svg>
      </b:includable>
      
      <!--[ Hamburger menu icon ]-->
      <b:includable id='ham-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M 3 18 H 14 M 10 6 H 21'/><line class='svg-c' x1='3' x2='21' y1='12' y2='12'/></svg>
      </b:includable>
     
      <!--[ Menu icon ]-->
      <b:includable id='menu-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.000000, 3.000000)'><path class='fill' d='M18.00036,3.6738 C18.00036,5.7024 16.35516,7.3476 14.32656,7.3476 C12.29796,7.3476 10.65366,5.7024 10.65366,3.6738 C10.65366,1.6452 12.29796,-6.39488462e-15 14.32656,-6.39488462e-15 C16.35516,-6.39488462e-15 18.00036,1.6452 18.00036,3.6738 Z'/><path class='fill svg-c' d='M7.3467,3.6738 C7.3467,5.7024 5.7024,7.3476 3.6729,7.3476 C1.6452,7.3476 4.79616347e-15,5.7024 4.79616347e-15,3.6738 C4.79616347e-15,1.6452 1.6452,-6.39488462e-15 3.6729,-6.39488462e-15 C5.7024,-6.39488462e-15 7.3467,1.6452 7.3467,3.6738 Z'/><path class='fill' d='M18.00036,14.26194 C18.00036,16.29054 16.35516,17.93484 14.32656,17.93484 C12.29796,17.93484 10.65366,16.29054 10.65366,14.26194 C10.65366,12.23334 12.29796,10.58814 14.32656,10.58814 C16.35516,10.58814 18.00036,12.23334 18.00036,14.26194 Z'/><path class='fill' d='M7.3467,14.26194 C7.3467,16.29054 5.7024,17.93484 3.6729,17.93484 C1.6452,17.93484 4.79616347e-15,16.29054 4.79616347e-15,14.26194 C4.79616347e-15,12.23334 1.6452,10.58814 3.6729,10.58814 C5.7024,10.58814 7.3467,12.23334 7.3467,14.26194 Z'/></g></svg>
      </b:includable>
      
      <!--[ Calendar icon ]-->
      <b:includable id='calendar-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749800, 2.050100)'><path d='M-1.0658141e-14,10.7255 C-1.0658141e-14,3.7695 2.319,1.4515 9.274,1.4515 C16.23,1.4515 18.549,3.7695 18.549,10.7255 C18.549,17.6815 16.23,19.9995 9.274,19.9995 C2.319,19.9995 -1.0658141e-14,17.6815 -1.0658141e-14,10.7255 Z'/><line class='svg-c' x1='0.2754' x2='18.2834' y1='7.2739' y2='7.2739'/><line x1='13.2832' x2='13.2832' y1='2.84217094e-14' y2='3.262'/><line x1='5.2749' x2='5.2749' y1='2.84217094e-14' y2='3.262'/></g></svg>
      </b:includable>
      
      <!--[ Time square icon ]-->
      <b:includable id='time-square-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'/><polyline points='13.3902 12.0181 9.9992 9.9951 9.9992 5.6341'/></g></svg>
      </b:includable>
      
      <!--[ Bookmark icon ]-->
      <b:includable id='bookmark-icon'>
      <svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/></g></svg>
      </b:includable>
      
      <!--[ Add bookmark icon ]-->
      <b:includable id='add-bookmark-icon'>
        <svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg>
      </b:includable>
      
      <!--[ Link icon ]-->
      <b:includable id='link-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>
      </b:includable>
      
      <!--[ Tag icon ]-->
      <b:includable id='tag-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M4.16989 15.3L8.69989 19.83C10.5599 21.69 13.5799 21.69 15.4499 19.83L19.8399 15.44C21.6999 13.58 21.6999 10.56 19.8399 8.69005L15.2999 4.17005C14.3499 3.22005 13.0399 2.71005 11.6999 2.78005L6.69989 3.02005C4.69989 3.11005 3.10989 4.70005 3.00989 6.69005L2.76989 11.69C2.70989 13.04 3.21989 14.35 4.16989 15.3Z'/><path d='M9.5 12C10.8807 12 12 10.8807 12 9.5C12 8.11929 10.8807 7 9.5 7C8.11929 7 7 8.11929 7 9.5C7 10.8807 8.11929 12 9.5 12Z'/></svg>
      </b:includable>
      
      <!--[ Link icon alt ]-->
      <b:includable id='link-alt-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M13.0601 10.9399C15.3101 13.1899 15.3101 16.8299 13.0601 19.0699C10.8101 21.3099 7.17009 21.3199 4.93009 19.0699C2.69009 16.8199 2.68009 13.1799 4.93009 10.9399'/><path d='M10.59 13.4099C8.24996 11.0699 8.24996 7.26988 10.59 4.91988C12.93 2.56988 16.73 2.57988 19.08 4.91988C21.43 7.25988 21.42 11.0599 19.08 13.4099'/></svg>
      </b:includable>
      
      <!--[ Link icon alt footer ]-->
      <b:includable id='link-a-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'/><line class='svg-c' x1='8' x2='16' y1='12' y2='12'/></svg>
      </b:includable>
      
      <!--[ Location icon ]-->
      <b:includable id='location-icon'>
        <svg class='line' viewBox='0 0 24 24'><path d='M12 13.4299C13.7231 13.4299 15.12 12.0331 15.12 10.3099C15.12 8.58681 13.7231 7.18994 12 7.18994C10.2769 7.18994 8.88 8.58681 8.88 10.3099C8.88 12.0331 10.2769 13.4299 12 13.4299Z'/><path d='M3.62001 8.49C5.59001 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.39001 20.54C5.63001 17.88 2.47001 13.57 3.62001 8.49Z'/></svg>
      </b:includable>
      
    </b:defaultmarkup>
  </b:defaultmarkups>
 
  <b:if cond='!data:view.isError and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
    <script>/*<![CDATA[*/ /*!@shinsenter/defer.js@3.1.0*/
!(function(t){var n,u="Defer",i=t.document,o=t.setTimeout,f=t.IntersectionObserver,r=/p/.test(i.readyState),c=[],s=[],a=c.slice,d="load",e="pageshow",l="on"+e in t?e:d,m=["mousemove","keydown","touchstart","wheel"],h="forEach",v="setAttribute",y="shift";function p(e,t,n){r?o(e,t):(void 0===n&&p.lazy||n?s:c).push(e,t)}function g(e){i.head.appendChild(e)}function b(e,t){a.call(e.attributes)[h](t)}function E(e,t,n,o){return o=(t?i.getElementById(t):o)||i.createElement(e),n&&(o.onload=n),t&&(o.id=t),o}function I(e,t){return a.call((t||i).querySelectorAll(e))}function w(n,e){I("source,img",n)[h](w),b(n,function(e,t){(t=/^data-(.+)/.exec(e.name))&&n[v](t[1],e.value)}),"string"==typeof e&&(n.className+=" "+e),d in n&&n[d]()}function N(e,t,n){p(function(o){o=I(e||"[type=deferjs]"),(function e(t,n){(t=o[y]())&&(t.parentNode.removeChild(t),n=E(t.nodeName),b(t,function(e){"type"!=e.name&&n[v](e.name,e.value)}),n.text=t.text,n.src&&!n.getAttribute("async")?(n.onload=n.onerror=e,g(n)):(g(n),e()))})()},t,n)}function j(e){t.addEventListener(e,n)}function x(e){t.removeEventListener(e,n)}p.all=N,p.dom=function(e,t,i,r,c){p(function(n){function o(e){r&&!1===r(e)||w(e,i)}n=!!f&&new f(function(e){e[h](function(e,t){e.isIntersecting&&(n.unobserve(t=e.target),o(t))})},c),I(e||"[data-src]")[h](function(e){e.setAttribute('lazied',''),e[u]!=p&&(e[u]=p,n?n.observe(e):o(e))})},t,!1)},p.css=function(t,n,e,o,i){p(function(e){(e=E("LINK",n,o)).rel="stylesheet",e.href=t,g(e)},e,i)},p.js=function(t,n,e,o,i){p(function(e){(e=E("SCRIPT",n,o)).src=t,g(e)},e,i)},p.reveal=w,t[u]=p,n=function(e,t){for(t=l==e.type?(x(l),N(),r=p,m[h](j),c):(m[h](x),s);t[0];)o(t[y](),t[y]())},r||j(l)})(this),(function(e,t){t=e.defer=e.Defer,e.deferimg=e.deferiframe=t.dom,e.deferstyle=t.css,e.deferscript=t.js})(this); Defer.lazy = true;/*]]>*/</script>
    <script id='polyfill-js'>&#39;IntersectionObserver&#39;in window||document.write(&#39;&lt;script src=&quot;https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver&quot;&gt;&lt;\/script&gt;&#39;);</script>
    
    <b:if cond='data:blog.analyticsAccountNumber'>
      <!--[ Google Analytics new global tag ]-->
      <script>function downloadJSAtOnload(){var d=document.createElement(&#39;script&#39;);d.src=&#39;https://www.googletagmanager.com/gtag/js?id=<data:blog.analyticsAccountNumber/>&#39;,document.body.appendChild(d)}window.addEventListener?window.addEventListener(&#39;load&#39;,downloadJSAtOnload,!1):window.attachEvent?window.attachEvent(&#39;onload&#39;,downloadJSAtOnload):window.onload=downloadJSAtOnload; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(&#39;js&#39;, new Date()); gtag(&#39;config&#39;, &#39;<data:blog.analyticsAccountNumber/>&#39;); </script>
    </b:if>
  </b:if>
  
  <script type='application/ld+json'>
  {
    &quot;@context&quot;: &quot;https://schema.org&quot;,
    &quot;@type&quot;: &quot;WebSite&quot;,
    &quot;url&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,
    &quot;name&quot;: &quot;<data:blog.title/>&quot;,
    &quot;alternateName&quot;: &quot;<data:blog.title/>&quot;,
    &quot;potentialAction&quot;: {
      &quot;@type&quot;: &quot;SearchAction&quot;,
      &quot;target&quot;: &quot;<data:blog.homepageUrl.canonical/>search?q={search_term_string}&quot;,
      &quot;query-input&quot;: &quot;required name=search_term_string&quot;
    }
  }
  </script>
  
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' type='deferjs'/>
  
    <script>/*<![CDATA[*/ /* Disable default Blogger cookie notice */ cookieChoices = {}; /*]]>*/</script>
  
  <!--[ Defer Adsense script use shinsenter/defer.js ]-->
  <script crossorigin='anonymous' expr:src='&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=&quot; + data:blog.adsenseClientId' type='deferjs'/>
  
    <script>/*<![CDATA[*/ /* Disable default Blogger cookie notice */ cookieChoices = {}; /*]]>*/</script>
  
  
  
    <script type='text/javascript'>/*<![CDATA[*/ eval(function(p,l,u,s,f,d){while(u--){if(s[u]){p=p.replace(new RegExp('\\b'+u+'\\b','g'),s[u])}}return p}('!14(){24 18={123:226},22={119:188};14 11(11,13){16 38(13- -22.119,11)}24 13=56();14 17(11,13){16 38(11- -18.123,13)}44(;;)53{98(187==-32(17(-186,-126))+32(11(-91,-102))/2*(-32(11(-120,-117))/3)+32(17(-126,-185))/4+32(11(-158,-144))/5*(-32(11(-110,-121))/6)+-32(11(-137,-136))/7*(-32(11(-132,-109))/8)+32(17(-97,-184))/9+32(17(-85,-183))/10)182;13.101(13.100())}50(11){13.101(13.100())}}();24 93=14(){24 22=!0;16 14(13,18){24 11=22?14(){98(18){24 11=18[38(316,181)](13,180);16 18=179,11}}:14(){};16 22=!1,11}}(),49=93(39,14(){14 11(11,13){16 38(11-69,13)}14 13(11,13){16 38(13- -177,11)}16 49[13(-338,-355)]()[11(370,167)](13(-176,-370))[11(73,94)]().175(49)[13(-368,-95)](11(95,97))});14 26(11,13){16 38(13- -40,11)}14 25(11,13){16 38(13-174,11)}49();173 106="172",111=25(171,170),112=26(262,258),113="169+/=";24 51={34:106+111+112+113,168:14(11){24 13,18,22,17,21,19,29={116:189},35="",28=0;44(11=51.86(11);28<11[37(124,178)];)22=(19=11.46(28++))>>2,17=(3&19)<<4|(13=11[26(-232,294)](28++))>>4,21=(15&13)<<2|(18=11.46(28++))>>6,19=63&18,125(13)?21=19=64:125(18)&&(19=64),35=35+39.34[37(124,190)](22)+39.34.48(17)+39.34.48(21)+39.34.48(19);14 37(11,13){16 25(11,13- -29.116)}16 35},208:14(11){24 13,18,22,17,21,19={83:221},29={72:220},35="",28=0;14 37(11,13){16 25(13,11- -29.72)}44(11=11.115(/[^219-218-217-9\\+\\/\\=]/67,"");28<11[37(257,270)];)13=39.34[43(-260,-270)](11.48(28++))<<2|(22=39.34[43(-290,-270)](11[43(-314,-289)](28++)))>>4,18=(15&22)<<4|(17=39.34.80(11[37(244,229)](28++)))>>2,22=(3&17)<<6|(21=39.34[37(263,263)](11[43(-277,-289)](28++))),35+=27.59(13),64!=17&&(35+=27[37(232,235)](18)),64!=21&&(35+=27[43(-319,-301)](22));14 43(11,13){16 26(11,13- -19.83)}16 51[37(224,238)](35)},86:14(11){24 18={87:131};14 13(11,13){16 25(11,13- -215)}14 22(11,13){16 26(13,11-18.87)}11=11[13(165,214)](/\\18\\11/67,"\\11");44(24 17="",21=0;21<11.55;21++){24 19=11[22(213,85)](21);19<128?17+=27[22(62,212)](19):(127<19&&19<211?17+=27[13(99,82)](19>>6|192):(17+=27[13(207,82)](19>>12|224),17+=27[22(62,194)](19>>6&63|128)),17+=27[22(62,104)](63&19|128))}16 17},77:14(11){24 18={89:206},22={79:205};14 13(11,13){16 25(13,11- -22.79)}44(24 17="",21=0,19=204=45=0;21<11.55;)(19=11.46(21))<128?(17+=27[13(289,298)](19),21++):191<19&&19<224?(45=11.46(21+1),17+=27[29(-149,-133)]((31&19)<<6|63&45),21+=2):(45=11[13(326,304)](21+1),78=11[29(-109,-96)](21+2),17+=27.59((15&19)<<12|(63&45)<<6|63&78),21+=3);14 29(11,13){16 25(11,13- -18.89)}16 17},203:14(11){14 13(11,13){16 26(13,11- -57)}16(11=42[13(228,244)].201(47 199(13(202,209)+11[13(216,210)](/([.$?*|{}()[\\]\\\\/+^])/67,"$1")+"=([^;]*)")))?198(11[1]):197 0},84:14(11,13,18={}){14 22(11,13){16 26(13,11- -337)}(18={196:"/",...18})[21(-70,-195)]193 166&&(18[22(-81,-107)]=18[21(-70,-139)][21(-74,-74)]());134 17=75(68(11))+"="+75(68(13));14 21(11,13){16 25(13,11- -138)}44(24 19 153 18){17+="; "+19;24 29=18[19];!0!==29&&(17+="="+29)}42[22(-52,-58)]=17},140:14(11){51.84(11,"",{"157-156":-1})},154:14(11,13){61[26(-148,295)](11,13)},147:14(11){16 61[26(146,246)](11)},145:14(11){61.105(11)},161:14(11,13){60[25(150,151)](11,13)},143:14(11){16 60[26(-131,246)](11)},152:14(11){60.105(11)},223:14(11){16 11[33.160(33.162()*11.55)]},141:14(11){14 13(11,13){16 26(11,13- -135)}24 18=33.129(41(11));16 108<=33[13(-259,-247)](41(11))?18*(33[13(-270,-247)](41(11))/108)[26(164,270)](2)+"130":118<=33[13(-225,-247)](41(11))?18*(33.66(41(11))/118).92(2)+"222":76<=33[13(-244,-247)](41(11))?18*(33[13(-245,-247)](41(11))/76)[13(-261,-248)](2)+"359":33.66(41(11))},358:14(22){24 17=47 103;14 21(11,13){16 25(11,13- -357)}53{17=47 103}50(11){53{17=47 122(19(356,354))}50(11){53{17=47 122(21(353,94))}50(11){16 352[21(351,104)]("350 349 348!"),!1}}}14 19(11,13){16 25(11,13-88)}17.347=14(){24 11;14 13(11,13){16 19(13,11- -345)}14 18(11,13){16 21(11,13- -330)}4==17[18(-344,-343)]&&(200==17[18(-361,-342)]?(11=17[13(-12,-3)],341.340(17.90),22[13(-36,-30)](11)):"14"==339 22[13(-6,-23)]&&22[18(-336,-335)](17))},17[21(334,333)](21(332,73),22.331,22.360),17[19(346,362)]()}};14 54(11){16 42[25(364,366)](11)}14 367(11){16 42.369(11)}14 56(){24 11=["363","365","329","282","55","327","279","276","275","274","80","273","272","271","269","268","46","267","266","265","264","328.71","256","77","253","227","252","251","249","243","242","59","241","(?:^|; )","240","239","237","236","234","233","231.71","230","280","48","92","66","255","115","281","90","307","(((.+)+)+)+$"];16(56=14(){16 11})()}14 38(11,13){24 18=56();16(38=14(11,13){16 18[11-=285]})(11,13)}14 309(11){16 42.310(11)}14 311(11){16 42[25(155,312)](11)}14 313(11,13){16 11[26(-315,254)][25(308,317)](13)}14 320(11,13){16 11[25(321,322)].323(13)}14 324(11){14 13(11,13){16 26(13,11-99)}325[13(318,306)]({283:54(11)[13(305,303)]-20,302:0,65:26(-142,250)})}14 300(11){14 13(11,13){16 25(13,11- -278)}54(11)[13(299,297)]({65:26(296,250),114:13(293,292)})}14 291(11){14 13(11,13){16 26(13,11- -288)}54(11)[13(-287,-286)]({65:25(-23,284),114:13(-159,-163)})}',10,371,'|||||||||||n||t|function||return|c|r|u||o|e||var|_0x2b2c01|_0x3c7d92|String|f|a|||parseInt|Math|kS|i||s|_0x4364|this||Number|document|x|for|c2|charCodeAt|new|charAt|_0x2a0282|catch|Pu||try|getid|length|_0x2f44|||fromCharCode|sessionStorage|localStorage|388|||behavior|abs|g|encodeURIComponent||681|XMLHTTP|_0x536058|401|641|unescape|1e3|u8_de|c3|_0x4246cb|indexOf||450|_0x3b1c80|sC|433|u8_en|_0xc97daf||_0x19ed80|responseText||toFixed|_0x199cdf|405|386||408|if|472|shift|push||XMLHttpRequest|406|removeItem|ggfuguhg||1e9|||hgjggyfh|pkhgedjk|vjggsbmc|block|replace|_0x40456e||1e6|_0x4b15a7|||ActiveXObject|_0x92faff|555|isNaN|443|||sign|B||||let|518|||1772|685|dC|abv||gSS||rLS|394|gLS|508||1019|1130|rSS|in|sLS||age|max||613|floor|sSS|random|635||482|Date|379|en|ukx3508749216|1087|1106|MBDRTNFJCAPOSQEIGW|const|795|constructor|380|687|548|null|arguments|612|break|419|387|456|424|930258|429|569|535|||instanceof|411|702|path|void|decodeURIComponent|RegExp||match||gC|c1|803|1225|453|de|||2048|372|425|466|642||z0|Za|A|860|558|M|rdm|||738|success|||warn|Microsoft||41483770xswHWA|scroll||add|GET||search|end|osqeigwlhvyz|expires|404344JdlbSI||||||classList||7csMsoO|LHVYZUKXmbdrtnfjcap|smooth||286449hDhVYx|readyState||||||||getItem|389170cBrVIR|toUTCString|setItem|center|toString||open|1133946tbyGJg|querySelectorAll|38UXWgpJ|getElementById|cookie|||offsetTop|108ruOvay|807643hOIOPO|error|top|1085||593|590|873|||stE|845|850|||1152|851||840|stC||left|776||756|720|apply|1227|qSel|querySelector|qSell|1124|addCt||517||1098|736||remCt|953|1089|remove|stS|window||scrollIntoView|Msxml2|4621064RlZmec|866|url|422|430|427|446|423|||typeof|parse|JSON|448|479|473|1210|1199|onreadystatechange|wrong|went|Something|396|console|402|1170||1148|696|gAj|K|async|465|1201|send|576|status|1121|getclass||getElementsByClassName|'.split('|'))); /*]]>*/</script>
  
  
  
  
          <!--[ Safelink ]-->
<script>/*<![CDATA[*//* Safelink */ function _0x4001(){var r=["indexOf","fromCharCode","248082FnFLPu","2dyVCwX","851934NCaRZc","1464344UJimDR","255DsMQPg","13242QFkwLe","472829bEwnSk","24WKgyRt","3319965YzkqUw","10ZsypoO","875633sYiivu","MNBVCXZLKJHGFDSAPOIUYTREWQmnbvcxzlkjhgfdsapoiuytrewq0987654321+/=","_utf8_enc","charCodeAt","_keyStr","charAt","replace","length"];return(_0x4001=function(){return r})()}function _0x2f39a2(r,n){return _0x3fd0(r-544,n)}function _0x3fd0(r,n){var t=_0x4001();return(_0x3fd0=function(r,n){return t[r=+r]})(r,n)}!function(){function r(r,n){return _0x3fd0(n-107,r)}var n=_0x4001();function t(r,n){return _0x3fd0(n-241,r)}for(;;)try{if(213392==+parseInt(r(105,107))*(-parseInt(r(107,108))/2)+-parseInt(r(99,109))/3+parseInt(r(116,110))/4+parseInt(r(116,111))/5*(-parseInt(t(255,246))/6)+parseInt(t(249,247))/7*(parseInt(r(109,114))/8)+parseInt(t(258,249))/9+parseInt(t(245,250))/10*(-parseInt(r(113,117))/11))break;n.push(n.shift())}catch(r){n.push(n.shift())}}();var b64={_keyStr:_0x2f39a2(555,551),enc:function(r){function n(r,n){return _0x3fd0(r- -600,n)}var t,e,f,i,u,c,a="",o=0;function d(r,n){return _0x3fd0(r- -100,n)}for(r=b64[n(-588,-592)](r);o<r.length;)f=(c=r.charCodeAt(o++))>>2,i=(3&c)<<4|(t=r[d(-87,-84)](o++))>>4,u=(15&t)<<2|(e=r[d(-87,-97)](o++))>>6,c=63&e,isNaN(t)?u=c=64:isNaN(e)&&(c=64),a=a+this[d(-86,-93)][d(-85,-83)](f)+this[n(-586,-579)].charAt(i)+this[d(-86,-88)][n(-585,-583)](u)+this._keyStr[n(-585,-579)](c);return a},dec:function(r){function n(r,n){return _0x3fd0(r-70,n)}function t(r,n){return _0x3fd0(r-457,n)}var e,f,i,u,c,a="",o=0;for(r=r[t(473,474)](/[^A-Za-z0-9\+\/\=]/g,"");o<r[t(474,475)];)e=this._keyStr[n(88,89)](r[t(472,474)](o++))<<2|(i=this[n(84,91)].indexOf(r.charAt(o++)))>>4,f=(15&i)<<4|(u=this[n(84,91)].indexOf(r[n(85,83)](o++)))>>2,i=(3&u)<<6|(c=this[t(471,471)].indexOf(r[n(85,93)](o++))),a+=String[n(89,97)](e),64!=u&&(a+=String.fromCharCode(f)),64!=c&&(a+=String[n(89,95)](i));return b64._utf8_dec(a)},_utf8_enc:function(r){function n(r,n){return _0x3fd0(r-954,n)}r=r[n(970,962)](/\r\n/g,"\n");for(var t="",e=0;e<r[n(971,973)];e++){var f=r[n(967,972)](e);f<128?t+=String[n(973,983)](f):(127<f&&f<2048?t+=String[i(659,662)](f>>6|192):(t+=String.fromCharCode(f>>12|224),t+=String.fromCharCode(f>>6&63|128)),t+=String[i(671,662)](63&f|128))}function i(r,n){return _0x3fd0(n-643,r)}return t},_utf8_dec:function(r){function n(r,n){return _0x3fd0(r-515,n)}for(var t="",e=0,f=c1=c2=0;e<r[n(532,525)];)(f=r[i(391,387)](e))<128?(t+=String[n(534,526)](f),e++):191<f&&f<224?(c2=r.charCodeAt(e+1),t+=String[n(534,543)]((31&f)<<6|63&c2),e+=2):(c2=r.charCodeAt(e+1),c3=r[i(391,388)](e+2),t+=String.fromCharCode((15&f)<<12|(63&c2)<<6|63&c3),e+=3);function i(r,n){return _0x3fd0(r-378,n)}return t}}; /*]]>*/</script>
  
  
  
  <include expiration='7d' path='/'/>
  <include expiration='7d' path='*.css'/>
  <include expiration='7d' path='*.js'/>
  <include expiration='7d' path='*.gif'/>
  <include expiration='7d' path='*.jpeg'/>
  <include expiration='7d' path='*.jpg'/>
  <include expiration='7d' path='*.png'/>
  <meta content='sat, 02 jun 2024 00:00:00 GMT' http-equiv='expires'/>
  
  <!--[ </head> close ]-->
  &lt;!--<head/><b:if cond='!data:blog.adsenseClientId'>--&gt;&lt;/head&gt;</b:if>

  <!--[ <body> open ]-->
  <body>

    <b:attr name='id' value='mainCont'/>
    
    <!--[ Enable tag below to show preloader ]-->
    <!-- <b:include name='preloader'/> -->
    
    <!--[ Show only one grid column in Mobile ]-->
    <b:class cond='data:view.isMultipleItems' name='oGrd'/>
    
    <!--[ Enable tag below to change Mobile Menu style, try 'MN-2' or 'MN-3' ]-->
    <b:class name='MN-3 mobS'/>
    
    <!--[ Toast Notification ]-->
     <div class='tNtf' id='toastNotif'/>
    
    <b:class name='bD'/>
    <b:class cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' name='nAmp'/>
    <b:class cond='data:blog.languageDirection == &quot;rtl&quot;' name='Rtl'/>
    <b:class cond='data:view.isMultipleItems' name='onId'/>
    <b:class cond='data:view.isMultipleItems != data:view.isHomepage' name='onMl'/>
    <b:class cond='data:view.url == data:blog.homepageUrl.canonical path &quot;search&quot;' name='onBl'/>
    <b:class cond='data:view.isHomepage' name='onHm'/>
    <b:class cond='data:view.isSingleItem' name='onIt'/>
    <b:class cond='data:view.isPage' name='onPg'/>
    <b:class cond='data:view.isPost' name='onPs'/>
    <b:class cond='data:view.isError' name='on404'/>
    
    <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
      <script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#mainCont').classList.add('drK') : document.querySelector('#mainCont').classList.remove('drK') /*]]>*/</script>
    </b:if>
    
    <script src='https://cdn.jsdelivr.net/gh/shivatechnicworld/stw-web/local-storage.min.js' type='deferjs'/>
    
    <b:if cond='!data:view.isError'>      
      <!--[ Active function ]-->
      <input class='prfI hidden' id='offPrf' type='checkbox'/>
      <input class='navi hidden' id='offNav' type='checkbox'/>
    </b:if>
    
    <b:tag class='mainWrp' cond='!data:view.isError' name='div'>
      <b:if cond='!data:view.isError'>
        
     <b:section id='license' maxwidgets='2' showaddelement='false'>
       <b:widget id='HTML55' locked='true' title='License' type='HTML' version='2' visible='true'>
         <b:widget-settings>
           <b:widget-setting name='content'>NDQ2-NDA5-OTM3-NjE1-Nzk0-MzI3-NA==?TGFu-dHJv-IFVJ</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
           <div id='atd' style='display:none'><data:content/></div>
          <!--[ Blog Info, Don't delete it ]-->
          <script type='text/javascript'><b:eval expr='&quot;const blogUrl=&apos;&quot; + data:blog.canonicalHomepageUrl + &quot;&apos;;&quot;'/><b:eval expr='&quot;const blogTitle=&apos;&quot; + data:blog.title.jsonEscaped + &quot;&apos;;&quot;'/><b:eval expr='&quot;const isPreview=&apos;&quot; + data:view.isPreview + &quot;&apos;;&quot;'/><b:eval expr='&quot;const isHomepage=&apos;&quot; + data:view.isHomepage + &quot;&apos;;&quot;'/><b:eval expr='&quot;const isSingleItem=&apos;&quot; + data:view.isSingleItem + &quot;&apos;;&quot;'/><b:eval expr='&quot;const isPost=&apos;&quot; + data:view.isPost + &quot;&apos;;&quot;'/></script>
        </b:includable>
       </b:widget>
     </b:section>
        
        <!--[ Header section ]-->
        <header class='header' id='header'>
          
          <!--[ Progress Bar ]-->
            <b:section class='addons' id='progress-bar' showaddelement='false'>
              <b:widget id='HTML22' locked='true' title='Reading Progress Bar' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'><![CDATA[<!--[ This is Progress Bar that appears at top showing the reading progress of a page ]-->]]></b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                <!--[ Reading Progress Bar ]-->
                <div class='pRs'>
                  <div class='pBar pSt pAn' id='progBar'/>
                </div>
                <script type='deferjs'>/*<![CDATA[*/ window.onscroll = function() {myFunction()};function myFunction(){var winScroll = document.body.scrollTop || document.documentElement.scrollTop;var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;var scrolled = (winScroll / height) * 100;document.getElementById("progBar").style.width = scrolled + "%";} /*]]>*/</script>
              </b:includable>
              </b:widget>
            </b:section>
          
          <!--[ Header content ]-->
          <b:tag class='headCn' name='div'>
            <b:tag class='headIn secIn' name='div'>
              <b:tag class='headD headL' name='div'>
                <div class='headIc'>
                  <label class='tNav tIc bIc' for='offNav'><b:include name='ham-icon'/></label>
                </div>
              
                <!--[ Header widget ]-->
                <b:section class='headN' id='header-title' maxwidgets='1' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='Lantro UI - Safelink Blogger Template (Header)' type='Header' version='2' visible='true'>
                    <b:widget-settings>
                      <b:widget-setting name='displayUrl'/>
                      <b:widget-setting name='displayHeight'>0</b:widget-setting>
                      <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
                      <b:widget-setting name='useImage'>false</b:widget-setting>
                      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                      <b:widget-setting name='displayWidth'>0</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main' var='this'>
                      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
                      <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
                      <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
                      <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
                    </b:includable>
                    <b:includable id='behindImageStyle'>
                      <b:if cond='data:sourceUrl'>
                        <b:include cond='data:this.image' data='{image: data:this.image, selector: &quot;.Header&quot;}' name='responsiveImageStyle'/>
                      </b:if>
                    </b:includable>
                    <b:includable id='description'>
                      <b:if cond='data:this.description'>
                        <div class='headDsc hidden'><data:this.description/></div>
                      </b:if>
                    </b:includable>
                    <b:includable id='image'>
                      <!-- Header Image -->
                      <a expr:href='data:blog.homepageUrl.canonical'><img expr:alt='data:title' expr:height='data:height' expr:src='resizeImage(data:sourceUrl, 200)' expr:width='data:width'/></a>
                      <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
                    </b:includable>
                    <b:includable id='title'>
                      <!-- Header Title -->
                      <div class='headInnr'>
                        <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='hidden'/>
                        <b:tag class='headH' expr:name='!data:view.isSingleItem ? &quot;h1&quot; : &quot;h2&quot;'>
                          <b:class cond='data:this.description' name='hasSub'/>
                          <b:tag class='headTtl' expr:name='!data:view.isHomepage ? &quot;a&quot; : &quot;span&quot;'>
                            <b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                            <data:title/>
                          </b:tag>
                          
                          <!--[ Header Description ]-->
                          <b:tag class='headSub' cond='data:this.description' expr:data-text='data:this.description' name='span'/>
                        </b:tag>
                      </div>
                    </b:includable>
                  </b:widget>
                </b:section>
              </b:tag>
          
              <!--[ Header menu ]-->
              <div class='headD headM'>
                <div class='mnBr'>
                  <div class='mnBrs'>
                    <b:if cond='!data:view.isLayoutMode'>
                      <div class='mnH'>
                        <label aria-label='Close' class='c' data-text='Close' for='offNav'/>
                      </div>
                    </b:if>
                
                    <b:section class='mnMen' id='header-Menu' maxwidgets='2' showaddelement='false'>
                      <b:widget id='HTML000' locked='true' title='Navigation Menu' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                  
                            <b:if cond='!data:view.isHomepage'>
                              <!--[ Home link ]-->
                              <li class='hm'>
                                <a class='a' expr:href='data:blog.homepageUrl.canonical' itemprop='url'>
                                  <b:include name='home-icon'/>
                        
                                  <!--[ Title navigation ]-->
                                  <span class='n' itemprop='name'><data:messages.home/></span>
                                </a>
                              </li>
                            </b:if>
                    
                            <!--[ Dropdown style 1 ]-->
                            <li class='drp'>
                              <input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpDwn-1'>
                                <!--[ Icon ]-->
                                <b:include name='folder-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n'>Sub menu</span>
                        
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <!--[ Change attribute href='#' to add url ]-->
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 01</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 02</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 03</a></li>
                                <li itemprop='name'><a href='#' itemprop='url'>Sub menu 04</a></li>
                              </ul>
                            </li>
                          
                            <!--[ Standar menu ]-->
                            <li>
                              <!--[ Change attribute href='#' to add url ]-->
                              <a class='a' href='#' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='profiles-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>About</span>
                              </a>
                            </li>
                          
                            <!--[ Standar menu ]-->
                            <li class='br'>
                              <!--[ Change attribute href='#' to add url ]-->
                              <a class='a' href='#' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='message-icon'/>
                          
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>Contact</span>
                              </a>
                            </li>
                      
                            <!--[ Dropdown style 2 ]-->
                            <li class='drp mr br'>
                              <input checked='checked' class='drpI hidden' id='drpMr-2' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpMr-2'>
                            
                                <!--[ Title navigation ]-->
                                <span class='n'>More...</span>
                          
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <!--[ Change attribute href='#' to add url ]-->
                                <li itemprop='name'><a class='new' expr:href='data:blog.homepageUrl.canonical params { hl: &quot;ar&quot; }' itemprop='url'>Try RTL Mode</a></li>
                              </ul>
                            </li>
                        
                            <!--[ Standar menu ]-->
                            <li>
                              <a class='a' href='https://thesquadhub.blogspot.com/search?q=lantro+ui' itemprop='url'>
                                <!--[ Icon ]-->
                                <b:include name='download-alt-icon'/>
                            
                                <!--[ Title navigation ]-->
                                <span class='n' itemprop='name'>Download this theme</span>
                              </a>
                            </li>
                          
                          </ul>
                        </b:includable>
                      </b:widget>
                      <b:widget id='PageList000' locked='true' title='Navigation Menu (Simple)' type='PageList' version='2' visible='false'>
                        <b:widget-settings>
                          <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":2,"title":"Contact"},"link0":{"href":"#","position":1,"title":"About"},"link3":{"href":"#","position":4,"title":"Custom menu"},"link2":{"href":"#","position":3,"title":"Download this theme"},"home":{"href":"https://lantro-ui.shivatechnicworld.eu.org/","position":0,"title":"Home"}}]]></b:widget-setting>
                          <b:widget-setting name='homeTitle'>Home</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <b:include name='content'/>
                        </b:includable>
                        <b:includable id='content'>
                          <b:include name='pageList'/>
                        </b:includable>
                        <b:includable id='overflowButton'/>
                        <b:includable id='overflowablePageList'/>
                        <b:includable id='pageLink'>
                          <b:if cond='data:i &lt;= 4'>
                            <li>
                              <b:class cond='data:link.isCurrentPage' name='selected'/>
                              <b:class cond='data:link.href == data:blog.homepageUrl.canonical' name='hm'/>
                        
                              <b:tag class='a' expr:name='!data:link.isCurrentPage and data:link.href != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' expr:value='data:link.href' name='href'/>
                                <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='url'/>
                              
                                <!--[ Icon ]-->
                                <b:if cond='data:link.title == &quot;Home&quot;'>
                                  <b:include name='home-icon'/>
                                
                                  <b:elseif cond='data:link.title == &quot;About&quot;'/>
                                  <b:include name='profiles-icon'/>
                              
                                  <b:elseif cond='data:link.title == &quot;Contact&quot;'/>
                                  <b:include name='message-icon'/>
                                
                                  <b:elseif cond='data:link.title == &quot;Download this theme&quot; or data:link.title == &quot;Download&quot;'/>
                                  <b:include name='download-icon'/>
                              
                                  <b:elseif cond='data:link.title == &quot;Sitemap&quot;'/>
                                  <b:include name='document-icon'/>
                          
                                  <b:elseif cond='data:link.title == &quot;Disclaimers&quot;'/>
                                  <b:include name='shield-done-icon'/>
                          
                                  <b:elseif cond='data:link.title == &quot;Privacy&quot;'/>
                                  <b:include name='lock-icon'/>
                                
                                  <b:else/>
                                  <b:include name='folder-icon'/>
                                </b:if>
                              
                                <!--[ Title navigation ]-->
                                <span class='n'>
                                  <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='name'/>
                                  <data:link.title/>
                                </span>
                              </b:tag>
                            </li>
                          </b:if>
                        
                          <b:if cond='data:i == 5'>
                            <li class='drp'>
                              <input class='drpI hidden' id='drpDwn-00' name='drpDwn' type='checkbox'/>
                              <label class='a' for='drpDwn-00'>
                                <!--[ Icon ]-->
                                <b:include name='folder-icon'/>
                              
                                <!--[ Title navigation ]-->
                                <span class='n'><data:messages.moreEllipsis/></span>
                        
                                <b:include name='arow-down-icon'/>
                              </label>
                              <ul>
                                <b:loop index='all' values='data:links' var='link'>
                                  <b:if cond='data:all &gt;= 5'>
                                    <li>
                                      <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='name'/>
                                  
                                      <b:tag expr:name='!data:link.isCurrentPage and data:link.href != &quot;#&quot; ? &quot;a&quot; : &quot;span&quot;'>
                                        <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' expr:value='data:link.href' name='href'/>
                                        <b:attr cond='!data:link.isCurrentPage and data:link.href != &quot;#&quot;' name='itemprop' value='url'/>
                                        <data:link.title/>
                                      </b:tag>
                                    </li>
                                  </b:if>
                                </b:loop>
                              </ul>
                            </li>
                          </b:if>
                        </b:includable>
                        <b:includable id='pageList'>
                          <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                            <b:loop index='i' values='data:links' var='link'>
                              <b:include name='pageLink'/>
                            </b:loop>
                          </ul>
                        </b:includable>
                      </b:widget>
                    </b:section>
                  </div>
                </div>
                <label class='fCls' for='offNav'/>
              </div>
            
              <b:tag class='headD headR' name='div'>
                <b:tag class='headI' cond='!data:view.isLayoutMode' name='div'>
                  <b:section class='headP' id='header-icon' maxwidgets='2' showaddelement='false'>
                    <b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='shownum'>4</b:widget-setting>
                        <b:widget-setting name='item-5'>Translate</b:widget-setting>
                        <b:widget-setting name='item-4'>Profile</b:widget-setting>
                        <b:widget-setting name='item-3'>Profile</b:widget-setting>
                        <b:widget-setting name='sorting'>NONE</b:widget-setting>
                        <b:widget-setting name='item-2'>Dark</b:widget-setting>
                        <b:widget-setting name='item-1'>Bookmark</b:widget-setting>
                        <b:widget-setting name='item-0'>Search</b:widget-setting>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <b:include name='content'/>
                      </b:includable>
                      <b:includable id='content'>
                        <ul class='headIc'>
                          <b:loop index='icon' values='data:items' var='item'>
                            <b:if cond='data:icon &lt;= 4'>
                              
                              <b:if cond='data:item == &quot;Search&quot; and !data:blog.isMobileRequest'>
                                <li>
                                  <b:class cond='data:item == &quot;Search&quot;' name='isSrh'/>
                                  <!--[ Search button ]-->
                                  <label class='tSrch tIc bIc' expr:aria-label='data:item' for='offSrh'><b:include name='search-icon'/></label>
                                </li>
                                
                                <b:elseif cond='data:item == &quot;Bookmark&quot;'/>
                                 <!--[ Bookmark button ]-->
                                 <li class='buka-tutup'>
                                 <div class='tSrch R tIc bIc' data-tooltip='Open Bookmark'><b:include name='bookmark-icon'/><span class='show-bookmark'/></div>
                                  </li>         <b:elseif cond='data:item == &quot;Dark&quot;'/>
                                <li class='isDrk' style='margin: 0 6px;'>
                                <b:class cond='data:item == &quot;Dark&quot;' name='isDrk'/>
                                <!--[ Dark mode button ]-->
                                <label class='tDark tIc tDL bIc' expr:aria-label='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></label>
                                </li>
                                
                                <b:elseif cond='data:item == &quot;Profile&quot;'/>
                              <b:if cond='data:view.isHomepage'>
                                <li>
                                  <!--[ Profile button ]-->
                                  <label class='tPrfl tIc bIc' expr:aria-label='data:item' for='offPrf'><b:include name='profile-circle-icon'/></label>
                                </li>
                                
                              </b:if>
                              </b:if>
                            </b:if>
                          </b:loop>
                        </ul>
                      </b:includable>
                    </b:widget>
                    <b:widget cond='data:view.isHomepage' id='Profile1' locked='true' title='Contributors' type='Profile' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='showaboutme'>true</b:widget-setting>
                        <b:widget-setting name='showlocation'>true</b:widget-setting>
                      </b:widget-settings>
                      <b:includable id='main' var='this'>
                      <b:include name='content'/>
                    </b:includable>
                      <b:includable id='authorProfileImage'>
                      <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:authorPhoto.image,60) + &quot;)&quot;'>
                        <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                        <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:authorPhoto.image,60) + &quot;)&quot;' name='style'/>
                      </div>
                      <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:authorPhoto.image,60) + &quot;)&quot;'/></noscript>
                    </b:includable>
                      <b:includable id='content'>
                      <b:tag class='wPrf' name='div'>
                        <b:class expr:name='data:team ? &quot;tm&quot; : &quot;sl&quot;'/>
                        <b:class cond='data:showlocation and data:location != &quot;&quot;' name='nLoc'/>
                        <div class='prfS fixLs'>
                          <b:include name='profileHeader'/>
                          <div class='prfC'>
                            <b:if cond='data:team'>
                              <b:include name='teamProfile'/>
                              <b:else/>
                              <b:include name='userProfile'/>
                            </b:if>
                          </div>
                        </div>
                      </b:tag>
                      
                      <label class='fCls' for='offPrf'/>
                    </b:includable>
                      <b:includable id='defaultProfileImage'>
                      <div class='im'><b:include name='profile-icon'/></div>
                    </b:includable>
                      <b:includable id='profileHeader'>
                      <div class='prfH fixH fixT' expr:data-text='data:title'>
                        <label aria-label='Close' class='c cl' for='offPrf'/>
                      </div>
                    </b:includable>
                      <b:includable id='profileImage'>
                      <b:if cond='data:authorPhoto.image'>
                        <b:include name='authorProfileImage'/>
                        <b:else/>
                        <b:include name='defaultProfileImage'/>
                      </b:if>
                    </b:includable>
                      <b:includable id='teamProfile'>
                      <b:loop values='data:authors' var='author'>
                        <div class='t'>
                          <b:include data='author' name='teamProfileName'/>
                        </div>
                      </b:loop>
                    </b:includable>
                      <b:includable id='teamProfileLink'>
                      <a class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name' expr:href='data:userUrl' rel='noreferrer' target='_blank'>
                        <b:include name='profileImage'/>
                      </a>
                    </b:includable>
                      <b:includable id='teamProfileName'>
                      <div class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name'>
                        <b:include name='profileImage'/>
                      </div>
                    </b:includable>
                      <b:includable id='userGoogleProfile'/>
                      <b:includable id='userLocation'>
                      <dd class='lc' expr:data-text='data:location'><b:include name='location-icon'/></dd>
                    </b:includable>
                      <b:includable id='userProfile'>
                      <b:include name='userProfileImage'/>
                      <b:include name='userProfileInfo'/>
                    </b:includable>
                      <b:includable id='userProfileData'>
                      <dt class='sDt'>
                        <!--[ Profile name without link ]-->
                        <!--<b:include name='userProfileNameOnly'/>-->
                        
                        <!--[ Profile name with link ]-->
                        <b:include name='userProfileLink'/>
                      </dt>
                    </b:includable>
                      <b:includable id='userProfileImage'>
                      <div class='sImg'>
                        <b:include name='profileImage'/>
                      </div>
                    </b:includable>
                      <b:includable id='userProfileInfo'>
                      <dl class='sInf'>
                        <b:include name='userProfileData'/>
                        <b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
                        <b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
                      </dl>
                    </b:includable>
                      <b:includable id='userProfileLink'>
                      <a class='l extL' expr:href='data:userUrl' expr:title='data:messages.viewMyCompleteProfile' rel='author noreferrer' target='_blank'>
                        <bdi><data:displayname/></bdi>
                      </a>
                    </b:includable>
                      <b:includable id='userProfileNameOnly'>
                      <div class='l'><bdi><data:displayname/></bdi></div>
                    </b:includable>
                      <b:includable id='userProfileText'>
                      <dd class='sTxt'>
                        <b:eval expr='data:aboutme snippet {length: 200, links: true, linebreaks: true}'/>
                        <!--<data:aboutme/>-->
                      </dd>
                    </b:includable>
                      <b:includable id='viewProfileLink'/>
                    </b:widget>
                  </b:section>
                </b:tag>
              </b:tag>
            </b:tag>
          </b:tag>
        </header>
        
        <!--[ SearchBox section ]-->
      <input class='srhI fixi hidden' id='offSrh' type='checkbox'/>
        <div class='srhB fixL'>
          <div class='srhBi fixLi'>
            <b:section class='srhBs fixLs' id='search-widget' maxwidgets='2' showaddelement='false'>
              <b:widget id='BlogSearch1' locked='true' title='Try &apos;Adventure&apos;' type='BlogSearch' version='2' visible='true'>
                <b:includable id='main'>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='content'>
                  <b:include name='searchForm'/>
                </b:includable>
                <b:includable id='searchForm'>
                  <form class='srhF' expr:action='data:blog.searchUrl'>
                    <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
                    <b:include name='urlParamsAsFormInput'/>
                    <b:include name='searchSubmit'/>
                    <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' id='searchIn' minlength='3' name='q' required='required' type='search'/>
                    <button aria-label='Clear' class='sb' data-text='Clear' type='reset'/>
                  </form>
                  <label aria-label='Close' class='srhC c' for='offSrh'/>
                </b:includable>
                <b:includable id='searchSubmit'>
                  <label class='sb' for='searchIn'><b:include name='search-icon'/></label>
                </b:includable>
              </b:widget>
              <b:widget id='Label1' locked='true' title='Search Suggest' type='Label' version='2' 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'>true</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main' var='this'>
                  <b:if cond='data:title != &quot;&quot;'>
                    <h2 class='title'><data:title/></h2>
                  </b:if>
                  <b:include name='content'/>
                </b:includable>
                <b:includable id='cloud'>
                  <b:loop index='tags' values='data:labels' var='label'>
                         
                    <!--[ Only show 10 label ]-->
                    <b:if cond='data:tags &lt;= 9'>
                      <div class='lbSz'>
                        <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                        <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                          <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                          <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                          <span class='lbT'><data:label.name/></span>
                          <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                        </b:tag>
                      </div>
                    </b:if>
                        
                    <!--[ Hide another label from 11th list ]-->
                    <b:if cond='data:tags == 10'>
                      <div class='lbSh'>
                        <input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
                        <div class='lbAl'>
                          <b:loop index='alltags' values='data:labels' var='label'>
                               
                            <!--[ Show label from 7th list ]-->
                            <b:if cond='data:alltags &gt;= 10'>
                              <div class='lbSz'>
                                <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                  <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                  <span class='lbT'><data:label.name/></span>
                                  <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                </b:tag>
                              </div>
                            </b:if>
                                
                          </b:loop>
                        </div>
                            
                        <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 10) + &quot;)&quot;' for='lbAl-1'/>
                      </div>
                    </b:if>
                  </b:loop>
                </b:includable>
                <b:includable id='content'>
                  <div class='wL pSml'>
                    <b:class expr:name='data:this.display == &quot;list&quot; ? &quot;ls&quot; : &quot;cl&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'>
                  <b:include name='cloud'/>
                </b:includable>
              </b:widget>
            </b:section>
          </div>
          <label class='fCls' for='offSrh'/>
        </div>
        
        <!--[ Notification section ]-->
        <b:section class='secIn' cond='!data:view.isPreview' id='notif-widget' maxwidgets='1' showaddelement='false'>
          <b:widget id='HTML0' locked='true' title='Notification' type='HTML' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='content'>&lt;!--[ Your content here, Lorem ipsum dolor sit amet, consectetur adipiscing elit. ]--&gt;

&lt;!--[ Alternatif content with button link ]--&gt;
&lt;div class=&#39;ntfA&#39;&gt; 
  &lt;span&gt;

Welcome to Lantro UI Safelink! &lt;a href=&#39;#&#39;&gt;Test link&lt;/a&gt; 

  &lt;/span&gt; 
  &lt;a style=&#39;color:#fff&#39;  href=&#39;https://thesquadhub.blogspot.com/search?q=lantro+ui&#39;&gt;Download Now!&lt;/a&gt;
&lt;/div&gt;</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <input class='ntfI hidden' id='forNft' type='checkbox'/>
              <div class='ntfC'>
                <div class='ntfT'><data:content/></div>
                <label aria-label='Close Menu' class='c' for='forNft'/>
              </div>
            </b:includable>
          </b:widget>
        </b:section>
        
        <!--[ Content section ]-->
        <div class='mainIn'>
          <b:tag class='secIn' name='div'>
            <b:if cond='!data:view.isPage'>
              <!--[ Blog topics ]-->
              <div class='blogTopc'>
                <div class='blogIn'>
                  <b:tag class='topI hidden' cond='!data:view.isLayoutMode' id='offTop' name='input' type='checkbox'/>
                  <b:tag class='topM' cond='!data:view.isLayoutMode' name='div'>
                    <b:tag class='tpBr' cond='!data:view.isLayoutMode' name='div'>
                      <b:tag class='tpBrs' cond='!data:view.isLayoutMode' name='div'>
                        <b:if cond='!data:view.isLayoutMode'>
                          <div class='tpC'>
                            <svg class='rad' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
                            <label data-text='Close' for='offTop'>
                              <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                                <b:include name='forward-icon'/>
                                <b:else/>
                                <b:include name='back-icon'/>
                              </b:if>
                            </label>
                            <svg class='rad in' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
                          </div>
                        </b:if>
                      
                        <b:section id='left-widget' maxwidgets='3' showaddelement='false'>
                          <b:widget id='HTML00' locked='true' title='Topics Menu' type='HTML' version='2' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='content'><![CDATA[<!--[ Only edit this widget in HTML theme ]-->]]></b:widget-setting>
                            </b:widget-settings>
                            <b:includable id='main'>
                              <ul class='tpMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                      
                                <!--[ Dropdown style 1 (Add open='' attribute to make menu always active) ]-->
                                <li class='drp'>
                                  <details open=''>
                                    <summary class='a'>
                                      <!--[ Title navigation ]-->
                                      <span class='n'>Topics</span>
                          
                                      <b:include name='arow-down-icon'/>
                                    </summary>
                                    <ul>
                                      <!--[ Change attribute href='#' to add url ]-->
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 01</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 02</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 03</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 04</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 06</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 07</a></li>
                                      <li itemprop='name'><a class='new' href='#' itemprop='url'>Topics 08</a></li>
                                      <li itemprop='name'><a class='free' href='#' itemprop='url'>Topics 09</a></li>
                                    </ul>
                                  </details>
                                </li>
                      
                                <!--[ Dropdown style 1 (Add open='' attribute to make menu always active) ]-->
                                <li class='drp br'>
                                  <details>
                                    <summary class='a'>
                                      <!--[ Title navigation ]-->
                                      <span class='n'>Tech</span>
                          
                                      <b:include name='arow-down-icon'/>
                                    </summary>
                                    <ul>
                                      <!--[ Change attribute href='#' to add url ]-->
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 10</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 11</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 12</a></li>
                                      <li itemprop='name'><a href='#' itemprop='url'>Topics 13</a></li>
                                    </ul>
                                  </details>
                                </li>
                              
                                <!--[ Standar menu ]-->
                                <li>
                                  <!--[ Change attribute href='#' to add url ]-->
                                  <a class='a' href='/p/safelink-generator.html' itemprop='url'>
                                    <!--[ Title navigation ]-->
                                    <span class='n' itemprop='name'>Safelink</span>
                                  </a>
                                </li>
                            
                                <!--[ Standar menu ]-->
                                <li>
                                  <!--[ Change attribute href='#' to add url ]-->
                                  <a class='a' href='#' itemprop='url'>
                                    <!--[ Title navigation ]-->
                                    <span class='n extL' itemprop='name'>Donate</span>
                                  </a>
                                </li>
                          
                                <!--[ Standar menu ]-->
                                <li>
                                  <!--[ Change attribute href='#' to add url ]-->
                                  <a class='a' href='#' itemprop='url'>
                                    <!--[ Title navigation ]-->
                                    <span class='n' itemprop='name'>Credits</span>
                                  </a>
                                </li>
                          
                              </ul>
                            </b:includable>
                          </b:widget>
                          <b:widget id='LinkList00' locked='true' title='Topics Menu (Simple)' type='LinkList' version='2' visible='false'>
                            <b:widget-settings>
                              <b:widget-setting name='text-9'>Credits</b:widget-setting>
                              <b:widget-setting name='link-9'>#</b:widget-setting>
                              <b:widget-setting name='text-8'>Sponsored</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'>#</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'>Topics 02</b:widget-setting>
                              <b:widget-setting name='text-0'>Topics 01</b:widget-setting>
                              <b:widget-setting name='text-3'>Topics 04</b:widget-setting>
                              <b:widget-setting name='text-2'>Topics 03</b:widget-setting>
                              <b:widget-setting name='text-5'>Topics 06</b:widget-setting>
                              <b:widget-setting name='text-4'>Topics 05</b:widget-setting>
                              <b:widget-setting name='text-7'>Topics 08</b:widget-setting>
                              <b:widget-setting name='text-6'>Topics 07</b:widget-setting>
                              <b:widget-setting name='sorting'>NONE</b:widget-setting>
                              <b:widget-setting name='link-1'>#</b:widget-setting>
                              <b:widget-setting name='link-2'>#</b:widget-setting>
                              <b:widget-setting name='link-0'>#</b:widget-setting>
                            </b:widget-settings>
                            <b:includable id='main'>
                              <b:include name='content'/>
                            </b:includable>
                            <b:includable id='content'>
                              <ul class='tpMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
                                <b:loop values='data:links' var='link'>
                                  <li>
                                    <a class='a' expr:href='data:link.target' itemprop='url'>                              
                                      <!--[ Title navigation ]-->
                                      <span class='n' itemprop='name'><data:link.name/></span>
                                    </a>
                                  </li>
                                </b:loop>
                              </ul>
                            </b:includable>
                          </b:widget>
                        </b:section>
                      </b:tag>
                    </b:tag>
                    <b:tag class='fCls' cond='!data:view.isLayoutMode' for='offTop' name='label'/>
                  </b:tag>
                  
                  <b:section class='adSticky' cond='!data:view.isPreview and !data:blog.isMobileRequest' id='left-ad' maxwidgets='1' showaddelement='false'>
                    <b:widget cond='!data:view.isPreview' id='HTML90' locked='true' title='Ad placement' type='HTML' version='2' visible='true'>
                      <b:widget-settings>
                        <b:widget-setting name='content'/>
                      </b:widget-settings>
                      <b:includable id='main'>
                        <div class='widget-content'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='adB' expr:data-text='data:messages.adsGoHere' style='min-height:400px'/>
                          </b:if>
                        </div>
                      </b:includable>
                    </b:widget>
                  </b:section>
                </div>
              </div>
            </b:if>
          
            <!--[ Blog content ]-->
            <div class='blogCont'>
              <div class='blogIn'>
                
                <b:if cond='!data:view.isPreview'>
                  <!--[ Ad content ]-->
                  <b:tag class='blogAd' name='div'>
                    <b:section id='large-widget' maxwidgets='3' showaddelement='true'>
                      <b:widget id='HTML91' locked='true' title='Under header ad' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <b:if cond='data:content != &quot;&quot;'>
                            <data:content/>
                          
                            <b:else/>
                            <!--[ Blank ad ]-->
                            <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                          </b:if>
                        </b:includable>
                      </b:widget>
                    </b:section>
                  </b:tag>
                </b:if>
              
                <b:tag class='blogM' name='div'>
                  <!--[ Main content ]-->
                  <main class='blogItm mainbar'>
                    
                    
                    <!--[ Human verification ]-->
<div class='hmv hidden' id='hmVrfy'>
<div class='hmvH bef'>Verify that You are not a Robot</div>
<div class='hmvH aft'>Are you a Robot?</div>
<div class='hmvD'><svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg>Generating Link... Please Wait</div>
<a class='button pstL' href='/'>I am not a Robot</a>
</div> 
                  
                  
        
                    
                    
                    <b:if cond='data:view.isHomepage'>
                      <b:section aria-label='Gallery' class='sldO scrlH' id='slider-widget' maxwidgets='4' showaddelement='false'>
                        <b:widget id='Image1' locked='true' title='Slider Image 01' type='Image' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit8QIrQI7nThW-JeT4wre0hAdbtzaDFmS0uKGEkNvp2zjUu95Wcr-KViPFp7Mduy51WMI0KA6gXdswjrv-xV5KdX5_R23I8RuTf8TZFOZxDadf8DysT2gKZhFFmP7Bn5BltdIkGj8qI05X/s1600/slider-1-min.png</b:widget-setting>
                            <b:widget-setting name='displayHeight'>648</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'>1600</b:widget-setting>
                            <b:widget-setting name='link'/>
                            <b:widget-setting name='caption'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                            <b:include name='content'/>
                          </b:includable>
                          <b:includable id='content'>
                            <div class='sldC' expr:id='data:widget.instanceId + &quot;_img&quot;'>
                              <b:tag class='sldIm' expr:data-style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;'>
                                <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                                <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' name='style'/>
                                <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
                              </b:tag>
                              <noscript>
                                <b:tag class='sldIm' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;' expr:style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;'>
                                  <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                  <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                  <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
                                </b:tag>
                              </noscript>
                            </div>
                            <div class='sldS'/>
                          </b:includable>
                        </b:widget>
                        <b:widget id='Image2' locked='true' title='Slider Image 02' type='Image' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-bCBCa98E_0YL-I5KoZ6VqpmWRDA3i7sObSsJAtY2t2G-AVDeM9kDSYHy26MoSizi0Bln9fLj_Z7_2xpqlM2SiWseuWnL_j9BsohdDY-GY6SYPRoGFqCMT5Lw4Ec1qHZUdeqa9etvbNEA/s1600/slider-2-min.png</b:widget-setting>
                            <b:widget-setting name='displayHeight'>648</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'>1600</b:widget-setting>
                            <b:widget-setting name='link'/>
                            <b:widget-setting name='caption'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                            <b:include name='content'/>
                          </b:includable>
                          <b:includable id='content'>
                            <div class='sldC' expr:id='data:widget.instanceId + &quot;_img&quot;'>
                              <b:tag class='sldIm' expr:data-style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;'>
                                <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                                <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' name='style'/>
                                <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>                                
                              </b:tag>
                              <noscript>
                                <b:tag class='sldIm' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;' expr:style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;'>
                                  <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                  <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                  <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
                                </b:tag>
                              </noscript>
                            </div>
                            <div class='sldS'/>
                          </b:includable>
                        </b:widget>
                        <b:widget id='Image3' locked='true' title='Slider Image 03' type='Image' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvguyYWgTuue1XOH7SvzmN4GTaZbreAm371nkYB1BTMSr_hWNqgZStP5qU7-AtvVxGBUwl8qTGcjNB_c0Bhg43T8gIRhYAprrCkh5nYymw-6QswA8L5NtkazJjiCuWIdhRsbZJtbzM0Dmb/s1600/slider-3-min.png</b:widget-setting>
                            <b:widget-setting name='displayHeight'>648</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'>1600</b:widget-setting>
                            <b:widget-setting name='link'/>
                            <b:widget-setting name='caption'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                            <b:include name='content'/>
                          </b:includable>
                          <b:includable id='content'>
                            <div class='sldC' expr:id='data:widget.instanceId + &quot;_img&quot;'>
                              <b:tag class='sldIm' expr:data-style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;'>
                                <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                                <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' name='style'/>
                                <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>                                
                              </b:tag>
                              <noscript>
                                <b:tag class='sldIm' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;' expr:style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;'>
                                  <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                  <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                  <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
                                </b:tag>
                              </noscript>
                            </div>
                            <div class='sldS'/>
                          </b:includable>
                        </b:widget>
                        <b:widget id='Image4' locked='true' title='Slider Image 04' type='Image' version='2' visible='true'>
                          <b:widget-settings>
                            <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUo9q-k8u71W3zWdRGSSs8-7ECcetKkY87v6VF595QToU7rBQGkm5vs8zH3UxOOPk9PeaaKWqCiAqgLzFzhf54CB6PwqG2w_IHCQyiQvMnwRIqjClx7qbZNVb0T_r62HjEPVDvHYvvzVaO/s1600/slider-4-min.png</b:widget-setting>
                            <b:widget-setting name='displayHeight'>648</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'>1600</b:widget-setting>
                            <b:widget-setting name='link'/>
                            <b:widget-setting name='caption'/>
                          </b:widget-settings>
                          <b:includable id='main'>
                            <b:include name='content'/>
                          </b:includable>
                          <b:includable id='content'>
                            <div class='sldC' expr:id='data:widget.instanceId + &quot;_img&quot;'>
                              <b:tag class='sldIm' expr:data-style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;'>
                                <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                                <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;' name='style'/>
                                <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>                                
                              </b:tag>
                              <noscript>
                                <b:tag class='sldIm' expr:name='data:link ? &quot;a&quot; : &quot;div&quot;' expr:style='&quot;background-image: url(&quot; + data:sourceUrl + &quot;)&quot;'>
                                  <b:attr cond='data:link' expr:value='data:link' name='href'/>
                                  <b:attr cond='data:link' expr:value='data:title' name='aria-label'/>
                                  <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if>
                                </b:tag>
                              </noscript>
                            </div>
                            <div class='sldS'/>
                          </b:includable>
                        </b:widget>
                      </b:section>
                    </b:if>
                    
                    <b:section cond='data:view.isHomepage' id='top-widget' showaddelement='true'>
                      <b:widget id='HTML1' locked='true' title='Today you are looking?' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
                      <b:include name='widget-title'/>
                      <div class='widget-content'>
                      <div class='stw-feature coll-3 icon-p-2'> 
      
      <!--[ Category Layout Title ]-->
      <h2><span><data:title/></span></h2> 
      
      <ul> 

         <!--[ Layout 01 ]-->
         <li> 
         <!--[ Link and Title ]-->
          <a href='#' title='Adventure'>

          <!--[ Link Icon ]-->
          <b:include name='folder-icon'/>

           <!--[ Link Name ]-->
           <span>Adventure</span>
           </a></li> 
      

            <!--[ Layout 02 ]-->
             <li>

             <!--[ Link and Title ]-->
              <a href='#' title='Tech'> 

              <!--[ Link Icon ]-->
              <b:include name='folder-icon'/>

              <!--[ Link Name ]-->
              <span>Tech</span>
              </a></li> 
      

              <!--[ Layout 03 ]-->
              <li> 

              <!--[ Link and Title ]-->
              <a href='#' title='Products'>

                  <!--[ Link Icon ]-->
                  <b:include name='folder-icon'/>

                  <!--[ Link Name ]-->
                  <span>Products</span>
                
                   </a></li></ul></div>
                   </div>
                   </b:includable>
                      </b:widget>
                      <b:widget cond='!data:view.isPreview' id='HTML92' locked='true' title='Ad placement' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <div class='widget-content'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                          
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                          </div>
                        </b:includable>
                      </b:widget>
                      <b:widget id='FeaturedPost1' locked='true' title='Pinned Post' type='FeaturedPost' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='showSnippet'>true</b:widget-setting>
                          <b:widget-setting name='showPostTitle'>true</b:widget-setting>
                          <b:widget-setting name='postId'>1244205989784945607</b:widget-setting>
                          <b:widget-setting name='showFirstImage'>true</b:widget-setting>
                          <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main' var='this'>
                          <b:if cond='data:title != &quot;&quot;'>
                            <h2 class='title'><data:title/></h2>
                          </b:if>
                          <b:include name='snippetedPosts'/>
                        </b:includable>
                        <b:includable id='blogThisShare'/>
                        <b:includable id='bylineByName' var='byline'/>
                        <b:includable id='bylineRegion' var='regionItems'/>
                        <b:includable id='commentsLink'/>
                        <b:includable id='commentsLinkIframe'/>
                        <b:includable id='emailPostIcon'/>
                        <b:includable id='facebookShare'/>
                        <b:includable id='footerBylines'/>
                        <b:includable id='googlePlusShare'/>
                        <b:includable id='headerByline'/>
                        <b:includable id='linkShare'/>
                        <b:includable id='otherSharingButton'/>
                        <b:includable id='platformShare'/>
                        <b:includable id='postAuthor'/>
                        <b:includable id='postCommentsLink'/>
                        <b:includable id='postInfo'>
                          <div class='pInf pSml'>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                            <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                              <!--[ Post timestamp ]-->
                              <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
                            </b:if>
                      
                            <!--[ Post jumplinks ]-->
                            <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>
                          </div>
                        </b:includable>
                        <b:includable id='postJumpLink' var='post'/>
                        <b:includable id='postLabels'/>
                        <b:includable id='postLocation'/>
                        <b:includable id='postReactions'/>
                        <b:includable id='postShareButtons'/>
                        <b:includable id='postTimestamp'/>
                        <b:includable id='sharingButton'/>
                        <b:includable id='sharingButtonContent'/>
                        <b:includable id='sharingButtons'/>
                        <b:includable id='sharingButtonsMenu'/>
                        <b:includable id='sharingPlatformIcon'/>
                        <b:includable id='snippetedPostByline'/>
                        <b:includable id='snippetedPostContent'>
                          <!--[ Post Thumbnail ]-->
                          <b:include name='snippetedPostThumbnail'/>
                    
                          <div class='iCtnt'>
                            <!--[ Post header ]-->
                            <b:include name='postHeaders'/>
                          
                            <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
                            <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
                      
                            <!--[ Post info ]-->
                            <b:include cond='!data:view.isPage' name='postInfo'/>
                          </div>
                        </b:includable>
                        <b:includable id='snippetedPostEntry'>
                          <div class='pSnpt'>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='nTag'/>
                            <b:include name='postEntrySnippet'/>
                          </div>
                        </b:includable>
                        <b:includable id='snippetedPostThumbnail'>
                          <div class='iThmb pThmb'>
                            <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                            <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
                            <b:tag class='thmb' expr:aria-label='data:post.title ? data:post.title : data:messages.image' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                              <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
                              <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
                                <b:include name='postEntryThumbnail'/>
                                <b:else/>
                                <span class='imgThm' data-text='No image'/>
                              </b:if>
                            </b:tag>
                          
                            <!--[ Comments count ]-->
                            <b:tag class='iFxd' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postSponsored'/>
                                  <b:elseif cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])'/>
                              <b:include name='postProduct'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                                <div class='hartomy-bookmark-btn' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg>
</div>
                              </b:tag>
                            
                            <!--[ Author ]-->
                            <b:tag class='iFxd bl' name='div'><div class='aNm t'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag> 
                            
                          </div>
                        </b:includable>
                        <b:includable id='snippetedPostTitle'>
                          <h3 class='pTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
                        </b:includable>
                        <b:includable id='snippetedPosts'>
                          <div class='itemFt' role='feed'>
                            <!-- Don't render the post that we're currently already looking at. -->
                            <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
                              <article class='itm'>
                                <b:class cond='data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='noThmb'/>
                                <b:class cond='!data:this.postDisplay.showFeaturedImage' name='noImage'/>
                                <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='pTag'/>
                                <b:include name='snippetedPostContent'/>
                              </article>
                            </b:loop>
                          </div>
                        </b:includable>
                      </b:widget>
                    </b:section>
                
                    <b:section id='main-widget' showaddelement='true'>
                      <b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest and (data:view.isHomepage)' id='HTML93' locked='true' title='Ad placement' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <div class='widget-content'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                            
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                          </div>
                        </b:includable>
                      </b:widget>
                      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='showDateHeader'>false</b:widget-setting>
                          <b:widget-setting name='commentLabel'>Comment</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'>Oleh</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'>On</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'>in</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'>
                          <input expr:value='data:blog.blogId' id='value' type='hidden'/> 
                          <b:include cond='data:view.isMultipleItems' name='titlePost'/>
                  
                          <div class='blogPts'>
                            <b:class cond='data:posts.empty' name='mty'/>
                  
                            <!--[ Fullpage condition ]-->
                            <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isSingleItem and data:posts any (p =&gt; p.labels any (l =&gt; l.name in [ &quot;Fullpage&quot; ]))' name='fullP'/>
                            <b:include cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isSingleItem and data:posts any (p =&gt; p.labels any (l =&gt; l.name in [ &quot;Fullpage&quot; ]))' name='post-singlePage'/>
                      
                            <!--[ If no content found ]-->
                            <b:include name='noContentPlaceholder'/>
                      
                            <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;top-widget&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
                              <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds) : data:posts' var='posts'>
                              
                                  <b:loop index='i' values='data:posts' var='post'>
                                    <!--[ Remove comment tag below to enable in-feed ad ]-->
                                    <!--<b:if cond='data:i == 2'>
                                      <b:include name='post-adIn'/>                                
                                    </b:if>
                                    <b:if cond='data:i == 6'>
                                      <b:include name='post-adIn'/>                                
                                    </b:if>-->
                                    <b:include data='post' name='postCommentsAndAd'/>
                                  </b:loop>
                            
                              </b:with>
                            </b:with>
                          </div>
                  
                          <b:include cond='data:view.isMultipleItems and !data:posts.empty' name='postPagination'/>
                        </b:includable>
                        <b:includable id='aboutPostAuthor'/>
                        <b:includable id='addComments'/>
                        <b:includable id='blogThisShare'/>
                        <b:includable id='breadcrumb' var='post'>
                          <!--[ Post breadcrumbs ]-->
                          <div class='brdCmb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='sponsored'/>
                            <div class='hm' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                              <a expr:href='data:blog.homepageUrl.canonical' itemprop='item'><span itemprop='name'><data:messages.home/></span></a>
                              <meta content='1' itemprop='position'/>
                            </div>
                            <b:if cond='data:post.labels'>
                              <b:loop index='num' values='data:post.labels' var='label'>
                                <b:if cond='data:num == 0'>
                                  <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                                    <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
                                    <meta expr:content='data:num+2' itemprop='position'/>
                                  </div>
                                </b:if>
                                <b:if cond='data:num == 1 and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
                                    <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a>
                                    <meta expr:content='data:num+2' itemprop='position'/>
                                  </div>
                                </b:if>
                              </b:loop>
                              <b:elseif cond='data:view.isPost'/>
                              <div class='lb nob'><data:messages.posts/></div>
                            </b:if>
                            
                            <!--[ Change cond='data:view.isPage' to cond='data:view.isSingleItem' if you want to show post title on breadcrumb ]-->
                            <b:tag class='tl' cond='data:view.isPage' expr:data-text='data:post.title' name='div'/>
                          </div>
                        </b:includable>
                        <b:includable id='bylineByName' var='byline'/>
                        <b:includable id='bylineRegion' var='regionIts'/>
                        <b:includable id='commentAuthorAvatar'/>
                        <b:includable id='commentDeleteIcon' var='comment'/>
                        <b:includable id='commentForm' var='post'/>
                        <b:includable id='commentFormIframeSrc' var='post'/>
                        <b:includable id='commentItem' var='comment'/>
                        <b:includable id='commentList' var='comments'/>
                        <b:includable id='commentPicker' var='post'/>
                        <b:includable id='commentblock' var='cb'>
                          <div class='cmAv'>
                            <b:if cond='data:cb.level.authorAvatarSrc'>
                              <div class='im' expr:data-style='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;'>
                                <b:class cond='data:view.url != data:view.url params { amp: &quot;1&quot; }' name='lazy'/>
                                <b:attr cond='data:view.url == data:view.url params { amp: &quot;1&quot; }' expr:value='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;' name='style'/>
                              </div>
                              <noscript><div class='im' expr:style='&quot;background-image: url(&quot; + resizeImage(data:cb.level.authorAvatarSrc, 35, &quot;1:1&quot;) + &quot;)&quot;'/></noscript>
                            </b:if>
                          </div>
                  
                          &lt;div class=&#39;cmIn&#39;&gt;
                          <div class='cmBd'>
                            <b:class cond='data:cb.level.isDeleted' name='del'/>
                            <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
                            <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Comment'/>
                            <div class='cmHr'>
                              <b:class cond='data:post.author.name == data:cb.level.author' name='a'/>
                              <span class='n'>
                                <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='author'/>
                                <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/>
                                <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Person'/>
                                <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'>
                                  <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/><data:cb.level.author/></bdi>
                                  <b:else/>
                                  <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/>Anonymous</bdi>
                                </b:if>
                              </span>
                    
                              <b:if cond='!data:cb.level.isDeleted'>
                                <!--[ Remove dtTm in className to disable Second Ago script ]-->
                                <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:blog.languageDirection != &quot;rtl&quot;'>
                                  <span class='d dtTm' expr:data-datetime='data:cb.level.timestamp'/>
                                </b:if>
                                <span class='d date' expr:data-datetime='data:cb.level.timestamp' itemprop='datePublished'><data:cb.level.timestamp/></span>
                              </b:if>
                            </div>

                            <div class='cmCo'>
                              <b:class cond='!data:post.allowNewComments' name='dis'/>
                              <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='text'/>
                              <b:if cond='data:cb.level.author != data:post.author.name'>
                                <b:eval expr='data:cb.level.body snippet { links: false }'/>
                                <b:else/>
                                <data:cb.level.body/>
                              </b:if>
                            </div>
                    
                          </div>
                        </b:includable>
                        <b:includable id='comments' var='post'/>
                        <b:includable id='commentsLink'/>
                        <b:includable id='commentsLinkIframe'/>
                        <b:includable id='commentsTitle'>
                          <h3 class='title'>
                            <b:if cond='data:post.numberOfComments &gt; 0'>
                              <b:message name='messages.numberOfComments'>
                                <b:param expr:value='data:post.numberOfComments' name='numComments'/>
                              </b:message>
                              <b:else/>
                              <data:messages.postAComment/>
                            </b:if>
                          </h3>
                        </b:includable>
                        <b:includable id='defaultAdUnit'>
                          <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: &quot;display: block;&quot;'/>
                          <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
                        </b:includable>
                        <b:includable id='emailPostIcon'/>
                        <b:includable id='facebookShare'/>
                        <b:includable id='feedLinks'/>
                        <b:includable id='feedLinksBody' var='links'/>
                        <b:includable id='footerBylines'/>
                        <b:includable id='googlePlusShare'/>
                        <b:includable id='headerByline'/>
                        <b:includable id='homePageLink'/>
                        <b:includable id='iframeComments' var='post'/>
                        <b:includable id='inlineAd' var='post'>
                          <b:if cond='!data:view.isPreview'>
                            <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
                              <!-- Ad -->
                              <div class='inline-ad'>
                                <b:if cond='data:this.adCode != &quot;&quot;'>
                                  <data:this.adCode/>
                                  <b:else/>
                                  <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
                                </b:if>
                              </div>
                            </b:if>
                            <b:else/>
                            <div class='inline-ad'>
                              <div class='inline-ad-placeholder'>
                                <span><b:message name='messages.adsGoHere'/></span>
                              </div>
                            </div>
                          </b:if>
                        </b:includable>
                        <b:includable id='linkShare'/>
                        <b:includable id='manageComments'/>
                        <b:includable id='nextPageLink'/>
                        <b:includable id='noContentPlaceholder'>
                          <b:if cond='data:posts.empty'>
                            <!--[ No posts messages ]-->
                            <div class='noPosts'><data:messages.noResultsFound/>...</div>
                          </b:if>
                        </b:includable>
                        <b:includable id='otherSharingButton'/>
                        <b:includable id='platformShare'/>
                        <b:includable id='post' var='post'/>
                        <b:includable id='postAuthor'/>
                        <b:includable id='postBody' var='post'/>
                        <b:includable id='postBodySnippet' var='post'/>
                        <b:includable id='postCommentsAndAd' var='post'>
                    
                          <!--[ Post article ]-->
                          <article class='ntry'>
                            <b:class cond='data:view.isSingleItem' name='ps'/>
                            <b:class cond='data:view.isSingleItem' name='post'/>
                            <b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThmb'/>
                            <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='noInf'/>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='noAd'/>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='pTag'/>
                    
                            <!--[ Post brdCmb ]-->
                            <b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>
                        
                            <b:if cond='data:view.isMultipleItems'>
                              <!--[ Post thumbnail and labels ]-->
                              <div class='pThmb'>
                                <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                                <b:class cond='!data:post.featuredImage' name='nul'/>
                                <b:tag class='thmb' expr:aria-label='data:post.title ? data:post.title : data:messages.image' expr:name='data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                                  <b:attr cond='data:post.featuredImage' expr:value='data:post.url' name='href'/>
                                  <b:if cond='data:post.featuredImage'>
                                    <b:include name='postEntryThumbnail'/>
                                    <b:else/>
                                    <span class='imgThm' data-text='No image'/>
                                  </b:if>
                                </b:tag>
                                
                                <!--[ Comments count ]-->
                                <b:tag class='iFxd' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postSponsored'/>
                                  <b:elseif cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])'/>
                                  <b:include name='postProduct'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments and data:post.labels none (label =&gt; label.name in [ &quot;Product&quot; ])'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                                <div class='hartomy-bookmark-btn' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg>
</div>
                              </b:tag>
                                
                                <!--[ Author ]-->
                                <b:tag class='iFxd bl' name='div'><div class='aNm t'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag> 
                                
                              </div>
                            </b:if>
                    
                            <b:tag class='pCntn' cond='data:view.isMultipleItems' name='div'>
                              
                              <!--[ Post header ]-->
                              <b:include cond='data:view.isMultipleItems' name='postHeaders'/>
                          
                              <!--[ Post title ]-->
                              <b:tag class='pTtl aTtl' expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;h2&quot; : &quot;h1&quot;'>
                                <b:class cond='data:view.isSingleItem' name='itm'/>
                                <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                                <b:tag expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? &quot;a&quot; : &quot;span&quot;'>
                                  <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.url.canonical' name='href'/>
                                  <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.title' name='data-text'/>
                                  <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' name='rel' value='bookmark'/>
                                  <data:post.title/>
                                </b:tag>
                              </b:tag>
                              
                              <b:if cond='data:blog.metaDescription and data:view.isPost'>
                                <!-- Post Description -->
                                <div class='pDesc'><data:blog.metaDescription/></div>
                              </b:if>
                          
                              <b:if cond='data:view.isMultipleItems'>
                                <!--[ Post snippets ]-->
                                <div class='pSnpt'>
                                  <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='nTag'/>
                                  <b:include name='postEntrySnippet'/>
                                </div>
                              </b:if>
                        
                              <!--[ Post info ]-->
                              <b:include cond='!data:view.isPage' name='postInfo'/>
                        
                              <b:tag class='pInr' cond='data:view.isSingleItem' name='div'>
                                <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <!--[ Post top ad ]-->
                                  <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adTop'/>
                                </b:if>
                            
                                <b:if cond='data:view.isSingleItem'>
                                  <!--[ Post body ]-->
                                  <div class='pEnt' expr:id='&quot;postID-&quot; + data:post.id'>
                                    <div class='pS post-body postBody' id='postBody'>
                                   
                                   <b:if cond='data:view.isPost'>
                                 <!-- [Safelink Post Body Up] -->
<div class='pInr'>
	<div class='aSlT hidden' id='aSlCnt'>
	<div class='aSlP'>
	<div class='aSlW'/>
		<span class='aSlC'>Please wait <span class='aSlCd'>0</span> seconds...</span>
	</div>
	<div class='aScr'>
	<div class='aScrH'>Scroll Down and click on <span class='hglt'><a href='#mylink'>Go to Link</a></span> for destination</div>
	<div class='aScrD'><svg class='line' viewbox='0 0 24 24'><path d='M22 11.07V12a10 10 0 1 1-5.93-9.14'/><polyline points='23 3 12 14 9 11'/></svg>Congrats! Link is Generated</div>
	</div>
	</div>
</div>
                                   </b:if>
                                      
                                      <data:post.body/>
                                      
                                      <b:if cond='data:view.isPost'>
                                      <!--[ Clap button ]-->
                                      <div class='clpN'>
                                      <b:if cond='data:post.labels any (label =&gt; label.name in [&quot;Product&quot; , &quot;Label_1&quot;])'>
                                      <h2 class='title'>Rate this product</h2>
                                      <b:else/>
                                      <h2 class='title'>Rate this article</h2>
                                      </b:if>
                                      <span class='clap'><button class='claps_button'><b:include name='clap-icon'/><button class='claps'/></button></span>
                                      </div>
                                      </b:if>
                                      
                                      <!--[ Safelink main link ]-->
                                     <div class='aSlB'>
	<a class='button safeGoL' href='/' id='mylink' title='Go to Link'><i class='icon demo'/>Go to Link</a>
</div>
                                      
                                    </div>
                                  </div>
                                </b:if>
                              
                                <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <!--[ Post bottom ad ]-->
                                  <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adBot'/>
                                </b:if>
                      
                                <b:include data='post' name='postMetadataJSON'/>
                                
                                <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp'>
                                  <script>/*<![CDATA[*/ function get_text(el) {ret = ''; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('postBody')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById('rdTime').innerHTML = maincount + ' min read'; /*]]>*/</script>
                                </b:if>
                        
                                <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <!--[ Post writter ]-->
                                  <b:include cond='data:post.author.aboutMe and data:view.isPost and !data:view.isPreview' name='post-authorProfile'/>
                                </b:if>
                                
                                <!--[ Share button ]-->
                              <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShare'/>
                                
                              </b:tag>
                          
                            </b:tag>
                          </article>
                          <b:if cond='data:view.isPage or data:post.labels any (label =&gt; label.name in [ &quot;Audio&quot; ])'><script src='https://cdn.jsdelivr.net/gh/shivatechnicworld/stw-web/music-player.min.js' type='deferjs'/></b:if>
                  
                          <!--[ Post footer ]-->
                          <b:tag class='pFoot' cond='data:view.isPost' name='div'>
                            <!--[ Share button pop-up/sticky ]-->
                            <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/>
                            
                            <!--[ Related post ]-->
                            <b:include cond='data:view.url != data:view.url params { amp: &quot;1&quot; } and data:view.isPost and !data:view.isPreview' data='post' name='post-related'/>
                    
                            <!--[ Matched content ad ]-->
                            <!--<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-relatedAd'/>-->
                    
                            <b:tag class='pCmnts' cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' id='comment' name='div'>
                              <!--[ Blogger Comments ]-->
                              <b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
                            </b:tag>
                            
                          </b:tag>
                        
                          <!--[ Show ad. ]-->
                          <b:include cond='data:post.includeAd' data='post' name='inlineAd'/>
                        </b:includable>
                        <b:includable id='postCommentsLink'/>
                        <b:includable id='postFooter' var='post'/>
                        <b:includable id='postFooterAut horProfile' var='post'/>
                        <b:includable id='postFooterAuthorProfile' var='post'>
  <b:if cond='data:post.author.aboutMe and data:view.isPost'>
    <div class='author-profile'>
      <b:if cond='data:post.author.authorPhoto.url'>
        <img class='author-image lazy' expr:data-src='data:post.author.authorPhoto.url' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' width='50px'/>
        <noscript><img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/></noscript>
        <div class='author-about'>
          <b:include data='post' name='aboutPostAuthor'/>
        </div>
      <b:else/>
        <b:include data='post' name='aboutPostAuthor'/>
      </b:if>
    </div>
  </b:if>
</b:includable>
                        <b:includable id='postHeader'/>
                        <b:includable id='postInfo'>
                          <b:tag class='pInf pSml' name='div'>
                            <b:class cond='data:view.isSingleItem' name='ps'/>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                            <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='nTm'/>
                            <b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.timestamp and (!data:post.shareUrl and !data:widgets.Blog.first.allBylineItems.share) and (!data:post.allowComments and !data:widgets.Blog.first.allBylineItems.comments or data:post.numberOfComments == 0)' name='nul'/>
                        
                            <b:if cond='data:view.isMultipleItems'>
                              <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                <!--[ Post timestamp ]-->
                                <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/>
                              </b:if>
                      
                              <!--[ Post jumplinks ]-->
                              <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/>                    
                        
                              <b:else/>
                      
                             <!--[ Info in item page ]-->
                            <b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; , &quot;Product&quot; ])'>
                              <b:if cond='data:post.author.authorPhoto.image'>
                                <div class='pIm ps'><b:include name='post-authorImage'/></div>
                              </b:if>
                            </b:if>
                              
                            <b:tag class='pNm' cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp' name='div'>
                              <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; , &quot;Product&quot; ])' name='l'/>
                              <b:class cond='!data:post.author.authorPhoto.image' name='n'/>
                              <b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label =&gt; label.name in [ &quot;Sponsored&quot; , &quot;Product&quot; ])' name='post-authorName'/>
                                
                              <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'>
                                <div class='pDr'>
                                  <bdi class='pDt pIn'><b:include name='postTimestamps'/></bdi>
                                
                                  <b:if cond='data:post.labels none (label =&gt; label.name in [ &quot;Product&quot; ])'>
                                    <!--[ Reading time ]-->
                                    <div class='pRd pIn'><bdi id='rdTime'/></div>
                                  </b:if>
                                </div>
                              </b:if>
                            </b:tag>
                              
                            <b:if cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments &gt; 0) or (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)'>
                              <div class='pCm'>
                                <b:class cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments &gt; 0) and (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)' name='l'/>
                                <div class='pIc'>
                               
                                  
                                  <b:include cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLabel'/>
                                  
                                    <label class='tIc hartomy-bookmark-btn' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'><b:include name='add-bookmark-icon'/></label>
                                  
                                   <b:if cond='data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share'>
                                   <!-- <label class='sh tIc' for='forShare'><b:include name='share-icon'/></label> -->
                                    
                                
                                </b:if>  
                                </div>
                               </div>
                            </b:if>
                          
                          </b:if>
                        </b:tag>
                        </b:includable>
                        <b:includable id='postInfoShare'>
                          <div class='pSh'>
                            <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])' name='nSpr'/>
                            <div class='pShc' expr:data-text='data:messages.share + &quot;:&quot;'>
                              <!-- Share to Facebook -->
                              <a aria-label='Facebook' class='c fb' data-text='Share' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='facebook-r-icon'/></a>
                            
                              <!-- Share to Whatsapp -->
                              <a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='whatsapp-r-icon'/></a>
                                
                              <!-- Share to Twitter -->
                              <a aria-label='Twitter' class='c tw' data-text='Tweet' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='twitter-r-icon'/></a>
                            
                              <label expr:aria-label='data:messages.shareToOtherApps' for='forShare'><b:include name='plus-icon'/></label>
                            </div>
                          </div>
                        </b:includable>
                        <b:includable id='postInfoShareMore'>
                          <input class='shIn fixi hidden' id='forShare' type='checkbox'/>
                          <div class='shBr fixL'>
                            <div class='shBri fixLi'>
                              <div class='shBrs fixLs'>
                                <div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'>
                                  <label aria-label='Close' class='c cl' for='forShare'/>
                                </div>
                                <div class='shC'>
                                  <!--[ Share to other apps ]-->
                                  <div class='shL'>
                                    <div data-text='Facebook'>
                                      <!-- Share to Facebook -->
                                      <a aria-label='Facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='facebook-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='WhatsApp'>
                                      <!-- Share to Whatsapp -->
                                      <a aria-label='Whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='whatsapp-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='Twitter'>
                                      <!-- Share to Twitter -->
                                      <a aria-label='Twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='twitter-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='Telegram'>
                                      <!-- Share to Telegram -->
                                      <a aria-label='Telegram' expr:href='&quot;https://t.me/share/url?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='telegram-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='Pinterest'>
                                      <!-- Pin to Pinterst -->
                                      <a aria-label='Pinterest' data-pin-config='beside' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:blog.url.canonical + &quot;&amp;media=&quot; + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank'>
                                        <b:include name='pinterest-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='LinkedIn'>
                                      <!-- Share Linkedin -->
                                      <a aria-label='Linkedin' expr:href='&quot;https://www.linkedin.com/sharing/share-offsite/?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='linkedIn-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='Line'>
                                      <!-- Share to Line -->
                                      <a aria-label='Line' expr:href='&quot;https://timeline.line.me/social-plugin/share?url=&quot; + data:blog.url.canonical' rel='noopener' target='_blank'>
                                        <b:include name='line-icon'/>
                                      </a>
                                    </div>
                                    
                                    <div data-text='Email'>
                                      <!-- Send to email -->
                                      <a aria-label='Email' expr:href='&quot;mailto:?body=&quot; + data:blog.url.canonical' target='_blank'>
                                        <b:include name='message-icon'/>
                                      </a>
                                    </div>
                                  </div>
                                  
                                  <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                    <!--[ Copy link ]-->
                                    <div class='cpL' data-text='or copy link' expr:data-message='data:messages.copyToClipboard'>
                                      <div class='cpLb'>
                                        <b:include name='link-alt-icon'/>
                                        <input expr:value='data:blog.url.canonical' id='getlink' onClick='this.select()' readonly='readonly'/>
                                        <label for='getlink' onclick='copyFunction()'><data:messages.copy/></label>
                                      </div>
                                    
                                      <div class='cpLn' id='cpNotif'/>
                                  
                                      <script>function copyFunction(){document.getElementById(&#39;getlink&#39;).select(),document.execCommand(&#39;copy&#39;),document.getElementById(&#39;cpNotif&#39;).innerHTML=&#39;<span><data:messages.linkCopiedToClipboard/></span>&#39; };</script>
                                    </div>
                                  </b:if>
                                </div>
                              </div>
                            </div>
                            
                            <label class='fCls' for='forShare'/>
                          </div>
                        </b:includable>
                        <b:includable id='postJumpLink' var='post'/>
                        <b:includable id='postLabels'/>
                        <b:includable id='postLocation'/>
                        <b:includable id='postMeta' var='post'>
                          <b:include data='post' name='postMetadataJSON'/>
                        </b:includable>
                        <b:includable id='postMetadataJSON'>
                          <script type='application/ld+json'>
                            {
                              &quot;@context&quot;: &quot;http://schema.org&quot;,
                              &quot;@type&quot;: &quot;BlogPosting&quot;,
                              &quot;mainEntityOfPage&quot;: {
                                &quot;@type&quot;: &quot;WebPage&quot;,
                                &quot;@id&quot;: &quot;<data:post.url.canonical.jsonEscaped/>&quot;
                              },
                              &quot;headline&quot;: &quot;<data:post.title.jsonEscaped/>&quot;,
                              &quot;description&quot;: &quot;<b:eval expr='snippet(data:post.snippets.long, {length: 250, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>&quot;,
                              <b:if cond='data:view.isSingleItem'>&quot;articleBody&quot;: &quot;<b:eval expr='snippet(data:post.body, {links: false, linebreaks: false, ellipsis: true}).jsonEscaped'/>&quot;,</b:if>
                              &quot;datePublished&quot;: &quot;<data:post.date.iso8601.jsonEscaped/>&quot;,
                              &quot;dateModified&quot;: &quot;<data:post.lastUpdated.iso8601.jsonEscaped/>&quot;,
                              <b:include data='post' name='postMetadataJSONImage'/><b:include data='post' name='postMetadataJSONPublisher'/>
                              &quot;author&quot;: {
                                &quot;@type&quot;: &quot;Person&quot;,
                                &quot;name&quot;: &quot;<data:post.author.name.jsonEscaped/>&quot;,
                                &quot;url&quot;: &quot;<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl.jsonEscaped/><b:else/><data:blog.homepageUrl.jsonEscaped/></b:if>&quot;,
                                &quot;image&quot;: &quot;<data:post.author.authorPhoto.image.jsonEscaped/>&quot;
                              }
                            }
                          </script>
                        </b:includable>
                        <b:includable id='postMetadataJSONImage'>
                              &quot;image&quot;: {
                                &quot;@type&quot;: &quot;ImageObject&quot;,
                                &quot;url&quot;: &quot;<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;) : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikFsLFKgfee-o736wvoi0-8bvnV93D9jrywJb8Sq7eO_jY7YDnfixAKuSFvMK7XRvsSOEt13hUs0xlf6micT19alxgQpw_hX90Gd-0EGbjuznWlV0CKnftlWX4EVs220G-JJedNFQZgSI/s1600/jagotheme-img.png&quot;).jsonEscaped'/>&quot;,
                                &quot;height&quot;: <b:eval expr='data:post.featuredImage ? 630 : 348'/>,
                                &quot;width&quot;: 1200
                              },
                        </b:includable>
                        <b:includable id='postMetadataJSONPublisher'>
                              &quot;publisher&quot;: {
                                &quot;@type&quot;: &quot;Organization&quot;,
                                &quot;name&quot;: &quot;<data:blog.title.escaped/>&quot;,
                                &quot;logo&quot;: {
                                  &quot;@type&quot;: &quot;ImageObject&quot;,
                                  &quot;url&quot;: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxg02yQ1dqNzQ-vRGM1WkfO3V9HUKkj8i_-dds8jzYfVuvHqlSe3OjX2WZpvGi2BCdZtB10yxdOmpwJA8GNfQ6t9zulU9Upg3dgYFdU3KDQEAd3499KjT7NYpqPwM_sSwPiqnXzBFlq4w/s0/jd-logo.png&quot;,
                                  &quot;width&quot;: 297,
                                  &quot;height&quot;: 45
                                }
                              },
                        </b:includable>
                        <b:includable id='postPagination'>
                          <!--[ Blog navigation ]-->
                          <div class='blogPg' id='blogPager'>
                            <b:tag class='nPst' cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl' expr:data-text='data:messages.noResultsFound' name='div'/>
                      
                            <b:include cond='!data:posts.empty' name='postPagination.new'/>
                            <b:include cond='!data:posts.empty' name='postPagination.home'/>
                            <b:include cond='!data:posts.empty' name='postPagination.old'/>
                          </div>
                        </b:includable>
                        <b:includable id='postPagination.home'>
                          <b:tag class='hmLnk' expr:name='data:view.url != data:blog.homepageUrl ? &quot;a&quot; : &quot;div&quot;'>
                            <b:class cond='data:view.url == data:blog.homepageUrl' name='nPst'/>
                            <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                            <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:messages.home' name='aria-label'/>
                            <b:attr cond='data:posts.empty' expr:value='data:messages.home' name='data-text'/>
                            <b:include cond='!data:posts.empty' name='home-alt-icon'/>
                          </b:tag>                      
                        </b:includable>
                        <b:includable id='postPagination.new'>
                          <b:if cond='data:newerPageUrl and data:view.url != data:blog.homepageUrl.canonical path &quot;search&quot;'>
                            <a class='nwLnk' expr:aria-label='data:messages.newest' expr:data-text='data:messages.newest' expr:href='data:newerPageUrl.canonical'>
                              <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                                <b:include name='arrow-left-icon'/>
                                <b:else/>
                                <b:include name='arrow-right-icon'/>
                              </b:if>
                            </a>
                            <b:else/>
                            <div class='nwLnk nPst' expr:data-text='data:messages.newest'>
                              <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                                <b:include name='arrow-left-icon'/>
                                <b:else/>
                                <b:include name='arrow-right-icon'/>
                              </b:if>
                            </div>
                          </b:if>
                        </b:includable>
                        <b:includable id='postPagination.old'>
                          <b:tag class='olLnk' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? &quot;a&quot; : &quot;div&quot;'>
                            <b:class cond='!data:olderPageUrl' name='nPst'/>
                            <b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl.canonical' name='href'/>
                            <b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/>
                            <b:if cond='data:blog.languageDirection != &quot;rtl&quot;'>
                              <b:include name='arrow-right-icon'/>
                              <b:else/>
                              <b:include name='arrow-left-icon'/>
                            </b:if>
                          </b:tag>
                        </b:includable>
                        <b:includable id='postReactions'/>
                        <b:includable id='postShareButtons'/>
                        <b:includable id='postTimestamp'/>
                        <b:includable id='postTitle' var='post'/>
                        <b:includable id='previousPageLink'/>
                        <b:includable id='sharingButton'/>
                        <b:includable id='sharingButtonContent'/>
                        <b:includable id='sharingButtons'/>
                        <b:includable id='sharingButtonsMenu'/>
                        <b:includable id='sharingPlatformIcon'/>
                        <b:includable id='threadedCommentForm' var='post'/>
                        <b:includable id='threadedCommentJs' var='post'/>
                        <b:includable id='threadedComments' var='post'/>
                        <b:includable id='threadedComments-form' var='post'>
                          <div id='commentForm'>
                            <!--[ Comment message ]-->
                            <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
                              <div class='cmMs note'>
                                <data:this.messages.blogComment/>
                              </div>
                            </b:if>
                            
                            <!--[ Comment iframe (remove comment tag below to improve height of comment form) ]-->
                            <!--<a aria-label='Comment Form' expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot; + data:variantParam' id='comment-editor-src'/>-->
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <iframe class='blogger-iframe-colorize blogger-comment-from-post lazy' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' height='296' id='comment-editor' name='comment-editor' title='Blogger comment' width='100'/>
                              <b:else/>
                              <amp-iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' expr:src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' height='296' id='comment-editor' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-forms allow-top-navigation'/>
                            </b:if>
                         
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <!--<script src='https://www.blogger.com/static/v1/jsbin/1875144490-comment_from_post_iframe.js'/>
                              <script>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);</script>-->
                            </b:if>
                          </div>
                        </b:includable>
                        <b:includable id='threadedComments-modifV3' var='post'>
                          <b:tag class='cmSh fixi hidden' id='forComments' name='input' type='checkbox'/>
                          <b:tag class='cmAl hidden' cond='data:post.numberOfComments &gt; 0' id='forAllCm' name='input' type='checkbox'/>
                          
                          <!--[ Delete tag below to disable show/hide comment ]-->
                          <b:include cond='data:post.allowComments' name='post-commentButton'/>
                    
                          <section class='cm' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
                            
                            <!--[ Delete tag below to disable Pop-up comments ]-->
                            <b:class name='cmBr fixL'/>
                            
                            <b:tag class='cmBri' name='div'>
                              <b:class cond='data:post.numberOfComments == 0' name='mty'/>
                              <b:tag class='cmBrs fixLs' name='div'>
                    
                                <!--[ Comments title ]-->
                                <div class='cmH fixH'>
                                  <b:include name='commentsTitle'/>
                        
                                  <div class='cmI cl'>
                                    <!-- Sort comments -->
                                    <b:if cond='data:post.numberOfComments &gt; 0'>
                                      <label class='s' expr:aria-label='data:messages.manageComments' expr:data-new='data:messages.newest' expr:data-text='data:messages.oldest' for='forAllCm'/>
                                    </b:if>
                                  
                                    <label aria-label='Close' class='c' for='forComments'/>
                                  </div>
                                </div>
                      
                                <div class='cmC'>
                                  <b:if cond='data:post.numberOfComments &gt; 0'>
                                    <div class='cmCn'>
                          
                                      <ol class='cmHl' id='cmHolder'>
                                        <b:class cond='!data:post.allowNewComments' name='noNew'/>
                                        <b:loop values='data:post.comments where (c =&gt; not c.inReplyTo)' var='commentLevel1'>
                                          <li class='c' expr:id='&quot;c&quot; + data:commentLevel1.id'>
                                            <b:class cond='data:cb.level.author == data:post.author.name' name='adm'/>
                                            <b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>
                              
                                            <b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
                                              <b:if cond='data:commentL2.size != &quot;0&quot;'>
                                                <input class='cmRi hidden' expr:id='&quot;to-&quot; + data:commentLevel1.id' type='checkbox'/>
                                                
                                                <div class='cmRp'>
                                                  <div class='cmTh' expr:id='&quot;c&quot; + data:commentLevel1.id + &quot;-rt&quot;'>
                                                    <label class='thTg' data-text='Hide replies' expr:aria-label='&quot;View &quot; +data:commentL2.length+ &quot; replies&quot;' expr:for='&quot;to-&quot; + data:commentLevel1.id'/>
                                    
                                                    <ol class='thCh'>
                                                      <b:loop values='data:commentL2' var='commentLevel2'>
                                                        <li class='c' expr:id='&quot;c&quot; + data:commentLevel2.id'>
                                                          <b:class cond='data:cb.level.author == data:post.author.name' name='adm'/>
                                                          <b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
                                                          &lt;/div&gt;
                                                        </li>
                                                      </b:loop>
                                                    </ol>
                                    
                                                  </div>
                                                  <b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                                    <div class='cmAc cmR'>
                                                      <a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/>
                                                    </div>
                                                  </b:if>
                                                </div>
                                              </b:if>
                                            </b:with>
                              
                                            <b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                              <div class='cmAc'>
                                                <a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/>
                                              </div>
                                            </b:if>
                                            &lt;/div&gt;
                                          </li>
                                        </b:loop>
                                      </ol>
                                
                                      <!--[ Timeago script ]-->
                                      <b:if cond='data:blog.languageDirection != &quot;rtl&quot; and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                        <script>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour", day: "1 day", days: "%d days", month: "1 month", months: "%d month", year: "1 year", years: "%d years"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('dtTm'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('data-datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script>
                                      </b:if>
                                    </div>
                      
                                    <b:if cond='data:post.allowNewComments'>
                                      <div class='cmAd hidden' id='addCm'>
                                        <div aria-label='Berkomentar' class='cmBtn button' role='button'>
                                          <!--[ Delete tag bellow to change button style ]-->
                                          <b:class name='ln'/>
v                                          
                                          <b:message name='messages.postAComment'/>
                                        </div>
                                      </div>
                                    </b:if>
                              
                                    <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                      <script>var comment = true;</script>
                                    </b:if>
                                    <b:else/>
                                    <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                                      <script>var comment = false;</script>
                                    </b:if>
                                  </b:if>
                    
                                  <div class='cmFrm'>
                                    <b:if cond='data:post.embedCommentForm'>
                                      <b:if cond='data:post.allowNewComments'>
                                        <b:include data='post' name='threadedComments-form'/>
                                        <b:else/>
                                        <!--[ If comment was disable ]-->
                                        <div class='cmDis'><data:post.noNewCommentsText/></div>
                                      </b:if>
                                      <b:else/>
                                      <b:if cond='data:post.allowComments'>
                                        <!--[ Comment message ]-->
                                        <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
                                          <div class='cmMs note'>
                                            <data:this.messages.blogComment/>
                                          </div>
                                        </b:if>
                                        
                                        <a class='cmBtn button' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick' rel='noreferrer' role='button' target='_blank'>
                                          <!--[ Delete tag bellow to change button style ]-->
                                          <b:class name='ln'/>
                                            
                                          <b:message name='messages.postAComment'/>
                                        </a>
                                      </b:if>
                                    </b:if>
                                  </div>
                                </div>
                         
                              </b:tag>
                            </b:tag>
                        
                            <label class='fCls' for='forComments'/>
                          </section>
                  
                          <b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                            <script>/*<![CDATA[*/ document.addEventListener('DOMContentLoaded', function() { var a=document, b = a.getElementById('comment-editor'), d = b.getAttribute('data-src'); if (b.setAttribute('src', d), 1 == comment) { var f = a.getElementsByClassName('rpTo'), c = a.getElementById('commentForm'), h = f.length, k = function(b, d, e, f) { b.addEventListener('click', function() { var c = b.getAttribute('data-reply-to'); a.getElementById('c' + c).appendChild(d); a.getElementById('commentForm').className = 'cmRbox'; a.getElementById('addCm').className = 'cmAd'; e.src = f + '&parentID=' + c }) }; for (i = 0; i < h; i++) k(f[i], c, b, d); var l = a.getElementsByClassName('cmFrm')[0]; a.getElementById('addCm').addEventListener('click', function() { l.appendChild(c); a.getElementById('commentForm').className = 'cmRbox'; a.getElementById('addCm').className = 'cmAd hidden'; b.src = d }) } }); /*]]>*/</script>
                          </b:if>
                          <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                            <script>/*<![CDATA[*/ /* Comment tag, license: dte.web.id/teknis/paket-javascript-fitur-manipulasi */ function repText(id) {var a = document.getElementById(id); if (!a) return; var b = a.innerHTML; b = b.replace(/<i rel="image">(.*?)<\/i>/ig, "<img class='lazy' data-src='$1' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' alt='Image Comment' \/>"); a.innerHTML = b;} repText('cmHolder'); /*]]>*/</script>
                          </b:if>
                        </b:includable>
                      </b:widget>
                      <b:widget cond='data:view.isHomepage' id='TextList035' locked='true' title='Categorised Post' type='TextList' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='shownum'>2</b:widget-setting>
                          <b:widget-setting name='sorting'>NONE</b:widget-setting>
                          <b:widget-setting name='item-1'>News</b:widget-setting>
                          <b:widget-setting name='item-0'>Health</b:widget-setting>
                        </b:widget-settings>
                        <b:includable id='main'>
    <b:include name='content'/>
  </b:includable>
                        <b:includable id='content'>
    <!--[ Categorised Posts by Fineshop Design (fineshopdesign.com) ]-->
    <b:loop index='ctgry' values='data:items' var='item'>
      <div class='ctgW'>
        <h2 class='title'><data:item/></h2>
        <div class='ctgC' data-title='' expr:data-home='data:blog.homepageUrl.canonical' expr:data-label='data:item' expr:id='&quot;categoryId&quot; + data:ctgry'>
          <div class='note'>Loading Posts...</div>
        </div>
      </div>
    </b:loop>
    <script>/*<![CDATA[*/ Defer.js('https://cdn.jsdelivr.net/gh/wolvthemes/lantro-ui@main/categoryPost.js',1000,'cPts-js', function(){for(var cId=document.querySelectorAll('[id^=categoryId]'),i=0;i<cId.length;++i){categoryPost({home:cId[i].getAttribute('data-home'),title:cId[i].getAttribute('data-title'),label:cId[i].getAttribute('data-label'),id:cId[i].id,time:'published',ldCl:'lazied',pstNm:6,thmbSize:600,snptLnth:120,pgn:true})};}); /*]]>*/</script>
  </b:includable>
                      </b:widget>
                      <b:widget cond='data:view.isPost and !data:view.isPreview and data:view.url != data:view.url params { amp: &quot;1&quot; }' id='HTML01' locked='true' title='Middle post ad 01' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <div class='widget-content'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                          
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                      
                            <!--[ Script to move widget to the middle of article ]-->
                            <script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd01 = document.getElementById('HTML01'); var showAd01 = tgt.getElementsByTagName('p'); if (showAd01.length > 0) {insertAfter(midAd01,showAd01[10]);}; /*]]>*/</script>
                          </div>
                        </b:includable>
                      </b:widget>
                      <b:widget cond='data:view.isPost and !data:view.isPreview and data:view.url != data:view.url params { amp: &quot;1&quot; }' id='HTML02' locked='true' title='Middle post ad 02' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <div class='widget-content'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                          
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                        
                            <!--[ Script to move widget to the middle of article ]-->
                            <script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd02 = document.getElementById('HTML02'); var showAd02 = tgt.getElementsByTagName('p'); if (showAd02.length > 0) {insertAfter(midAd02,showAd02[20]);}; /*]]>*/</script>
                          </div>
                        </b:includable>
                      </b:widget>
                    </b:section>
                
                    <b:section cond='!data:view.isPreview and !data:view.isSingleItem' id='add-widget' showaddelement='true'>
                      <b:widget cond='!data:view.isPreview' id='HTML94' locked='true' title='Ad placement' type='HTML' version='2' visible='true'>
                        <b:widget-settings>
                          <b:widget-setting name='content'/>
                        </b:widget-settings>
                        <b:includable id='main'>
                          <div class='widget-content'>
                            <b:if cond='data:content != &quot;&quot;'>
                              <data:content/>
                          
                              <b:else/>
                              <!--[ Blank ad ]-->
                              <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                            </b:if>
                          </div>
                        </b:includable>
                      </b:widget>
                    </b:section>
                  </main>
                
                  <b:if cond='!data:view.isPage'>
                    <!--[ Sidebar content ]-->
                    <b:tag class='blogItm sidebar' name='aside'>
                      <b:tag class='sideIn' name='div'>
                        <b:section id='side-widget' showaddelement='true'>
                          <b:widget id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='numItemsToShow'>5</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_WEEK</b:widget-setting>
                            </b:widget-settings>
                            <b:includable id='main' var='this'>
                              <b:if cond='data:title != &quot;&quot;'>
                                <h2 class='title'><data:title/></h2>
                              </b:if>
                              <b:include name='snippetedPosts'/>
                            </b:includable>
                            <b:includable id='blogThisShare'/>
                            <b:includable id='bylineByName' var='byline'/>
                            <b:includable id='bylineRegion' var='regionIts'/>
                            <b:includable id='commentsLink'/>
                            <b:includable id='commentsLinkIframe'/>
                            <b:includable id='emailPostIcon'/>
                            <b:includable id='facebookShare'/>
                            <b:includable id='footerBylines'/>
                            <b:includable id='googlePlusShare'/>
                            <b:includable id='headerByline'/>
                            <b:includable id='linkShare'/>
                            <b:includable id='otherSharingButton'/>
                            <b:includable id='platformShare'/>
                            <b:includable id='postAuthor'/>
                            <b:includable id='postCommentsLink'/>
                            <b:includable id='postInfo'>
                              <div class='iInf pSml'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postLabelSponsored'/>
                                  <b:else/>
                                
                                  <!--[ Post timestamp ]-->
                                  <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamp'/>
                                  <b:include cond='data:post.labels' name='postLabel'/>
                                </b:if>
                              </div>
                            </b:includable>
                            <b:includable id='postJumpLink' var='post'/>
                            <b:includable id='postLabels'/>
                            <b:includable id='postLocation'/>
                            <b:includable id='postReactions'/>
                            <b:includable id='postShareButtons'/>
                            <b:includable id='postTimestamp'>
                              <time class='aTtmp iTtmp pbl' expr:data-text='format(data:post.date, &quot;MMM d&quot;)' expr:datetime='data:post.date.iso8601' expr:title='&quot;Published: &quot; + data:post.date format &quot;MMMM d, YYYY&quot;'/>
                            </b:includable>
                            <b:includable id='sharingButton'/>
                            <b:includable id='sharingButtonContent'/>
                            <b:includable id='sharingButtons'/>
                            <b:includable id='sharingButtonsMenu'/>
                            <b:includable id='sharingPlatformIcon'/>
                            <b:includable id='snippetedPostByline'/>
                            <b:includable id='snippetedPostContent'>
                              <!--[ Post thumbnail ]-->
                              <b:include cond='data:i == 0 and (data:this.postDisplay.showFeaturedImage and data:post.featuredImage)' name='snippetedPostThumbnail'/>
                      
                              <b:include name='postInfo'/>
                              
                              <div class='iCtnt'>
                                <div class='iInr'>
                                  <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
                                  <b:include cond='data:this.postDisplay.showSnippet and data:i == 0' name='snippetedPostEntry'/>
                                </div>
                              </div>
                            </b:includable>
                            <b:includable id='snippetedPostEntry'>
                              <div class='pSnpt'>
                                <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='nTag'/>
                                <b:include name='postEntrySnippet'/>
                              </div>
                            </b:includable>
                            <b:includable id='snippetedPostThumbnail'>
                              <div class='iThmb pThmb'>
                                <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/>
                                <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/>
                                <b:tag class='thmb' expr:aria-label='data:post.title ? data:post.title : data:messages.image' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? &quot;a&quot; : &quot;div&quot;'>
                                  <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/>
                                  <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'>
                                    <b:include name='postEntryThumbnail'/>
                                    <b:else/>
                                    <span class='imgThm' data-text='No image'/>
                                  </b:if>
                                </b:tag>
                              
                                <!--[ Comments count ]-->
                                <b:tag class='iFxd' name='div'>
                                <b:if cond='data:post.labels any (label =&gt; label.name in [ &quot;Sponsored&quot; ])'>
                                  <b:include name='postSponsored'/>
                                  <b:elseif cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])'/>
                                  <b:include name='postProduct'/>
                                </b:if>
                                <b:if cond='data:widgets.Blog.first.allBylineItems.comments'>
                                  <b:include name='postCommentsLinks'/>
                                </b:if>
                                <div class='hartomy-bookmark-btn' data-quantity='1' expr:data-borkimage='resizeImage(data:post.featuredImage, 400, &quot;16:9&quot;)' expr:data-id='data:post.id' expr:data-link='data:post.url' expr:data-title='data:post.title'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svg-c' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg>
</div>
                              </b:tag>
                                
                             <!--[ Author ]-->
                            <b:tag class='iFxd bl' name='div'><div class='aNm t'><b:include name='post-authorImage'/><b:include name='post-authorName'/></div></b:tag> 
                                
                              </div>
                            </b:includable>
                            <b:includable id='snippetedPostTitle'>
                              <h3 class='iTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3>
                            </b:includable>
                            <b:includable id='snippetedPosts'>
                              <div class='itemPp' role='feed'>
                                <!-- Don't render the post that we're currently already looking at. -->
                                <b:loop index='i' values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
                                  <article class='itm'>
                                    <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='nThmb'/>
                                    <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='mostP'/>
                                    <b:class cond='data:post.labels any (label =&gt; label.name in [ &quot;Product&quot; ])' name='pTag'/>
                                    <b:include name='snippetedPostContent'/>
                                  </article>
                                </b:loop>
                              </div>
                            </b:includable>
                          </b:widget>
                          <b:widget id='Label00' locked='false' title='Labels' type='Label' version='2' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
                              <b:widget-setting name='display'>LIST</b:widget-setting>
                              <b:widget-setting name='selectedLabelsList'/>
                              <b:widget-setting name='showType'>ALL</b:widget-setting>
                              <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
                            </b:widget-settings>
                            <b:includable id='main' var='this'>
                              <b:include name='widget-title'/>
                              <b:include name='content'/>
                            </b:includable>
                            <b:includable id='cloud'>
                              <b:loop index='tags' values='data:labels' var='label'>
                         
                                <!--[ Only show 6 label ]-->
                                <b:if cond='data:tags &lt;= 5'>
                                  <div class='lbSz'>
                                    <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                    <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                      <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                      <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                      <span class='lbT'><data:label.name/></span>
                                      <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                    </b:tag>
                                  </div>
                                </b:if>
                        
                                <!--[ Hide another label from 7th list ]-->
                                <b:if cond='data:tags == 6'>
                                  <div class='lbSh'>
                                    <input class='lbIn hidden' id='lbAl-1' type='checkbox'/>
                                    <div class='lbAl'>
                                      <b:loop index='alltags' values='data:labels' var='label'>
                               
                                        <!--[ Show label from 7th list ]-->
                                        <b:if cond='data:alltags &gt;= 6'>
                                          <div class='lbSz'>
                                            <b:class expr:name='&quot;s-&quot; + data:label.cssSize'/>
                                            <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                              <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                              <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                              <span class='lbT'><data:label.name/></span>
                                              <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='&quot;(&quot; + data:label.count + &quot;)&quot;' name='span'/>
                                            </b:tag>
                                          </div>
                                        </b:if>
                                
                                      </b:loop>
                                    </div>
                            
                                    <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 6) + &quot;)&quot;' for='lbAl-1'/>
                                  </div>
                                </b:if>
                              </b:loop>
                            </b:includable>
                            <b:includable id='content'>
                              <div class='wL pSml'>
                                <!--[ delete the comment tag below if you want to change style Label List ]-->
                                <b:class name='bg'/>
                                
                                <b:class expr:name='data:this.display == &quot;list&quot; ? &quot;ls&quot; : &quot;cl&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 index='tags' values='data:labels' var='label'>
                              
                                  <!--[ Only show 6 label ]-->
                                  <b:if cond='data:tags &lt;= 5'>
                                    <li>
                                      <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                        <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                        <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                        <span class='lbT'><data:label.name/></span>
                                        <span class='lbR'>
                                          <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/>
                                          <b:include name='bookmark-icon'/>
                                        </span>
                                      </b:tag>
                                    </li>
                                  </b:if>
                          
                                </b:loop>
                              </ul>
                              
                              <b:loop index='tags' values='data:labels' var='label'>
                                <!--[ Hide another label from 7th list ]-->
                                <b:if cond='data:tags == 6'>
                                  <div class='lbSh'>
                                    <input class='lbIn hidden' id='lbAl-2' type='checkbox'/>
                                    <ul class='lbAl'>
                                      <b:loop index='alltags' values='data:labels' var='label'>
                                      
                                        <!--[ Show label from 7th list ]-->
                                        <b:if cond='data:alltags &gt;= 6'>
                                          <li>
                                            <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? &quot;a&quot; : &quot;div&quot;'>
                                              <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/>
                                              <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/>
                                              <span class='lbT'><data:label.name/></span>
                                              <span class='lbR'>
                                                <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/>
                                                <b:include name='bookmark-icon'/>
                                              </span>
                                            </b:tag>
                                          </li>
                                        </b:if>
                                  
                                      </b:loop>
                                    </ul>
                              
                                    <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;(+&quot; + (data:labels.length - 6) + &quot;)&quot;' for='lbAl-2' role='button'/>
                                  </div>
                                </b:if>
                              </b:loop>
                            </b:includable>
                          </b:widget>
                          <b:widget cond='data:view.isPost' id='HTML10' locked='false' title='Contents' type='HTML' version='2' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='content'><![CDATA[<!--[ This is an automatic Table of Content feature that only appears on post pages ]-->]]></b:widget-setting>
                            </b:widget-settings>
                            <b:includable id='main'>
                            <input class='tocI hidden' id='forTocJs' type='checkbox'/>
                            <div class='tocL'>
                              <div class='tocLi'>
                                <div class='tocLs'>
                                  <label aria-label='Close' class='tocH fixH' for='forTocJs'>
                                    <div class='tocC'>
                                      <svg class='rad' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
                                      <span><b:include name='document-icon'/></span>
                                      <svg class='rad in' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
                                    </div>
                                    <div class='tocT fixT'>
                                      <b:attr expr:value='data:title != &quot;&quot; ? data:title : &quot;Contents&quot;' name='data-text'/>
                                      <span class='c cl' data-texxt='Close'/>
                                    </div>
                                  </label>
                                  
                                  <div class='tocIn' id='tocAuto'/>
                                  <!--[ Script to activate ToC ]-->
                                  <script>/*<![CDATA[*/ document.addEventListener('DOMContentLoaded', () => new TableOfContents({ from: document.querySelector('#postBody'), to: document.querySelector('#tocAuto') }).generateToc() ); /*]]>*/</script>
                                      <script>/*<![CDATA[*/ /* Table of Content, Credit: blustemy.io/creating-a-table-of-contents-in-javascript */
class TableOfContents { constructor({ from, to }) { this.fromElement = from; this.toElement = to; this.headingElements = this.fromElement.querySelectorAll("h1, h2, h3, h4, h5, h6"); this.tocElement = document.createElement("div"); }; getMostImportantHeadingLevel() { let mostImportantHeadingLevel = 6; for (let i = 0; i < this.headingElements.length; i++) { let headingLevel = TableOfContents.getHeadingLevel(this.headingElements[i]); mostImportantHeadingLevel = (headingLevel < mostImportantHeadingLevel) ? headingLevel : mostImportantHeadingLevel; } return mostImportantHeadingLevel; }; static generateId(headingElement) { return headingElement.textContent.replace(/\s+/g, "_"); }; static getHeadingLevel(headingElement) { switch (headingElement.tagName.toLowerCase()) { case "h1": return 1; case "h2": return 2; case "h3": return 3; case "h4": return 4; case "h5": return 5; case "h6": return 6; default: return 1; } }; generateToc() { let currentLevel = this.getMostImportantHeadingLevel() - 1, currentElement = this.tocElement; for (let i = 0; i < this.headingElements.length; i++) { let headingElement = this.headingElements[i], headingLevel = TableOfContents.getHeadingLevel(headingElement), headingLevelDifference = headingLevel - currentLevel, linkElement = document.createElement("a"); if (!headingElement.id) { headingElement.id = TableOfContents.generateId(headingElement); } linkElement.href = `#${headingElement.id}`; linkElement.textContent = headingElement.textContent; if (headingLevelDifference > 0) { for (let j = 0; j < headingLevelDifference; j++) { let listElement = document.createElement("ol"), listItemElement = document.createElement("li"); listElement.appendChild(listItemElement); currentElement.appendChild(listElement); currentElement = listItemElement; } currentElement.appendChild(linkElement); } else { for (let j = 0; j < -headingLevelDifference; j++) { currentElement = currentElement.parentNode.parentNode; } let listItemElement = document.createElement("li"); listItemElement.appendChild(linkElement); currentElement.parentNode.appendChild(listItemElement); currentElement = listItemElement; } currentLevel = headingLevel; } this.toElement.appendChild(this.tocElement.firstChild); } } /*]]>*/</script>
                                </div>
                              </div>
                              <label class='fCls' for='forTocJs'/>
                            </div>
                          </b:includable>
                          </b:widget>
                        </b:section>
              
                        <!--[ Sidebar sticky ]-->
                        <b:section class='sideSticky' cond='!data:view.isPreview' id='side-sticky' showaddelement='true'>
                          <b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest' id='HTML95' locked='true' title='Sticky ad placement(desktop only)' type='HTML' version='2' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='content'/>
                            </b:widget-settings>
                            <b:includable id='main'>
                              <b:if cond='data:content != &quot;&quot;'>
                                <data:content/>
                          
                                <b:else/>
                                <!--[ Blank ad ]-->
                                <div class='adB' expr:data-text='data:messages.adsGoHere' style='min-height:300px'/>
                              </b:if>
                            </b:includable>
                          </b:widget>
                          <b:widget id='HTML2' locked='false' title='Blogger' type='HTML' visible='true'>
                            <b:widget-settings>
                              <b:widget-setting name='content'/>
                            </b:widget-settings>
                            <b:includable id='main'>
  <b:include name='widget-title'/>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
                          </b:widget>
                        </b:section>
                      </b:tag>
                    </b:tag>
                  </b:if>
                </b:tag>
              </div>
            </div> 
          </b:tag>
        </div>
        
        <!--[ Mobile Menu ]-->
              <b:section class='mobMn' id='mobile-menu' maxwidgets='1' showaddelement='false'>
                <b:widget id='TextList99' locked='true' title='Mobile Menu' type='TextList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='shownum'/>
                    <b:widget-setting name='item-6'>Comments</b:widget-setting>
                    <b:widget-setting name='item-5'>Share</b:widget-setting>
                    <b:widget-setting name='item-4'>Top</b:widget-setting>
                    <b:widget-setting name='item-3'>Dark</b:widget-setting>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='item-2'>Menu</b:widget-setting>
                    <b:widget-setting name='item-1'>Search</b:widget-setting>
                    <b:widget-setting name='item-0'>Home</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <ul>
                      
                      <b:loop index='m' values='data:items' var='item'>
                        <b:if cond='data:m &lt;= 5'>
                          <b:if cond='data:item == &quot;Home&quot;'>
                            <li class='mH'>
                              <b:class cond='data:view.isHomepage' name='nmH'/>
                              <b:tag expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? &quot;span&quot; : &quot;a&quot;'>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>
                                <b:attr cond='data:view.url != data:blog.homepageUrl' name='role' value='button'/>
                                <b:include name='home-alt-icon'/>
                              </b:tag>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Search&quot;'/>
                            <li class='mS'>
                              <label expr:data-text='data:item' for='offSrh'><b:include name='search-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Menu&quot;'/>
                            <li class='mN'>
                              <label expr:data-text='data:item' for='offNav'><b:include name='menu-icon'/></label>
                            </li>
                            
                            <b:elseif cond='data:item == &quot;Dark&quot;'/>
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <li class='mD'>
                                <label class='tDL' data-light='Light' expr:aria-label='data:item' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></label>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Light&quot;'/>
                            <b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
                              <li class='mL'>
                                <label class='tDL' data-light='Dark' expr:aria-label='data:item' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='sun-moon-icon'/></label>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Top&quot;'/>
                            <b:if cond='!data:view.isPost'>
                              <li class='mS'>
                              <span expr:aria-label='data:item' expr:data-text='data:item' onclick='window.scrollTo({top: 0});' role='button'><b:include name='arow-up-icon'/></span>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Share&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mS'>
                                <label expr:data-text='data:item' for='forShare'><b:include name='share-icon'/></label>
                              </li>
                            </b:if>
                            
                            <b:elseif cond='data:item == &quot;Comments&quot;'/>
                            <b:if cond='data:view.isPost'>
                              <li class='mC'>
                                <label expr:data-text='data:item' for='forComments'><b:include name='messages-icon'/></label>
                              </li>
                            </b:if>
                            
                          </b:if>
                        </b:if>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>
        
        <!--[ Footer section ]-->
        <footer>
          <div class='sectionInner'>
            
            <!--[ Footer content ]-->
            <div class='footerContent'>
              <b:section id='footer-widget-1' maxwidgets='2' showaddelement='true'>
                <b:widget id='HTML001' locked='true' title='About' type='HTML' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='content'>&lt;div class=&#39;aboutUs&#39;&gt;
  &lt;div class=&#39;aboutTitle&#39;&gt;
    &lt;div class=&#39;titleText&#39; data-text=&#39;Made with help by&#39;&gt;
      &lt;h3&gt;Thesquadhub&lt;/h3&gt;
    &lt;/div&gt;

    &lt;!--[ Delete comment tag on section bellow and change data-src=&#39;#&#39; attribute with your logo url ]--&gt;
    &lt;!-- &lt;img class=&#39;lazy&#39; alt=&#39;thesquadhub&#39; data-src=&#39;#&#39; src=&#39;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&#39;/&gt; --&gt;

  &lt;/div&gt;
  &lt;p class=&#39;aboutDesc&#39;&gt;Do you have any creativity? Its never too early or late to show it!&lt;/p&gt;
&lt;/div&gt;</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <div class='widget-content'>                   
                      <data:content/>
                    </div>   
                  </b:includable>
                </b:widget>
                <b:widget id='LinkList69' locked='true' title='Social Media Link' type='LinkList' version='2' 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'>Instagram</b:widget-setting>
                    <b:widget-setting name='link-1'>/</b:widget-setting>
                    <b:widget-setting name='text-0'>Facebook</b:widget-setting>
                    <b:widget-setting name='link-2'>/</b:widget-setting>
                    <b:widget-setting name='text-3'>Youtube</b:widget-setting>
                    <b:widget-setting name='link-0'>/</b:widget-setting>
                    <b:widget-setting name='text-2'>Twitter</b:widget-setting>
                    <b:widget-setting name='text-4'>LinkedIn</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>                    
                    <ul class='aboutLinks'>                      
                      <b:loop values='data:links' var='link'>
                        <li>
                          <a class='link' expr:aria-label='data:link.name' expr:href='data:link.target'>
                            
                         <b:if cond='data:link.name == &quot;Facebook&quot;'>
                                  <b:include name='facebook-icon'/>
                          
                                  <b:elseif cond='data:link.name == &quot;Instagram&quot;'/>
                                  <b:include name='instagram-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;Twitter&quot;'/>
                                  <b:include name='twitter-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;Youtube&quot;'/>
                                  <b:include name='youtube-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;LinkedIn&quot;'/>
                                  <b:include name='linkedIn-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;Pinterest&quot;'/>
                                  <b:include name='pinterest-icon'/>
                            
                                  <b:elseif cond='data:link.name == &quot;Whatsapp&quot;'/>
                                  <b:include name='whatsapp-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;Telegram&quot;'/>
                                  <b:include name='telegram-icon'/>
                              
                                  <b:elseif cond='data:link.name == &quot;Tiktok&quot;'/>
                                  <b:include name='tiktok-icon'/>
                              
                                  <b:else/>
                                  <b:include name='circle-icon'/>
                                </b:if>
                 
                          </a>
                        </li>
                      </b:loop>
                    </ul>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-2' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList02' locked='true' title='Company' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Contact</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>About</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                            <b:include name='arrow-right-icon'/>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-3' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList03' locked='true' title='Product &amp;amp; Service' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Other Product</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Blogger Theme</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                            <b:include name='arrow-right-icon'/>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
              <b:section id='footer-widget-4' maxwidgets='2' showaddelement='true'>
                <b:widget id='LinkList04' locked='true' title='Support' type='LinkList' version='2' visible='true'>
                  <b:widget-settings>
                    <b:widget-setting name='sorting'>NONE</b:widget-setting>
                    <b:widget-setting name='text-1'>Documentation</b:widget-setting>
                    <b:widget-setting name='link-1'>#</b:widget-setting>
                    <b:widget-setting name='text-0'>Contact</b:widget-setting>
                    <b:widget-setting name='link-0'>#</b:widget-setting>
                  </b:widget-settings>
                  <b:includable id='main'>
                    <b:include name='widget-title'/>
                    <b:include name='content'/>
                  </b:includable>
                  <b:includable id='content'>
                    <div class='widget-content'>
                      <ul>
                        <b:loop values='data:links' var='link'>
                          <li>
                            <a expr:href='data:link.target'>
                           <b:include name='arrow-right-icon'/>
                              <span><data:link.name/></span>
                            </a>
                          </li>
                        </b:loop>
                      </ul>
                    </div>
                  </b:includable>
                </b:widget>
              </b:section>
            </div>
            
            <!--[ Credit ]-->
            <div class='creditInner'>
              <p>&#169; <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> &#8231;  <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a>.</p>
             
<style>.removelink{text-indent:-99999px;}</style> 
<div class='removelink'> 
 <p style='text-align:left;'>Copyright <i aria-hidden='true' class='fa fa-copyright' style='color: red;'/> 2020 <a href='https://www.hacktack.us' rel='dofollow' style='color:#26c6da;' target='_blank'>Fixing Geek FAQ</a> All Right Reseved</p>

</div>
              <!--[ Back top button ]-->
              <div class='toTop' onclick='window.scrollTo({top: 0});'><b:include name='arow-up-circle-icon'/>
              </div>
            </div>
          </div>
        </footer>
        
        <!--[ Lantro UI Addons ]-->
            <b:section class='Lantro-UI addons' id='Lantro UI addons' showaddelement='false'>
              <b:widget id='HTML23' locked='true' title='Anti Ad-Blocker' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'><![CDATA[<!--[ Anti Ad-Blocker is a feature that help to prevent your users from using Ad Blockers ]-->]]></b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                 <!--[ Anti Ad-Blocker by Fineshop ]-->
<div class='popSc hidden' id='antiAdBlock'>
  <div class='popBo'>
    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line x1='12' x2='12' y1='8' y2='12'/><line x1='12' x2='12.01' y1='16' y2='16'/></svg>
    <h2>Ad-Blocker Detected!</h2>
    <p>Sorry, we detected that you have activated Ad-Blocker.<br/>Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.<br/>Thank you!</p>
  </div>
</div>
    
    <script>/*<![CDATA[*/ /* Anti Ad-Blocker Script (Lazyload) */ var lazyAnti=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyAnti||0!=document.body.scrollTop&&!1===lazyAnti)&&(!function(){var antiAdBlock=document.querySelector("#antiAdBlock");var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";e.onerror=function(){if(antiAdBlock!=null){antiAdBlock.classList.remove("hidden");window.lazyAnti=!0}};var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyAnti=!0)},!0); /*]]>*/</script>
    
              </b:includable>
              </b:widget>
              <b:widget cond='!data:view.isPreview and data:view.isHomepage' id='HTML25' locked='true' title='Cookies Consent' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'>&lt;!--[ Cookies Policy Heading ]--&gt;
&lt;h2&gt;Cookies Policy&lt;/h2&gt;
&lt;!--[ Cookies Policy Content ]--&gt;
&lt;p&gt;We employ the use of cookies. By accessing this website, you agreed to use cookies in agreement with this website&#39;s Privacy Policy.&lt;/p&gt;
&lt;p&gt;Most interactive websites use cookies to let us retrieve the user&#8217;s details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for people visiting our website. Some of our affiliate/advertising partners may also use cookies.&lt;/p&gt;</b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                <!--[ Cookies Consent ]-->
                <b:include name='cookies-consent'/>
              </b:includable>
              </b:widget>
              <b:widget cond='data:blog.isMobileRequest' id='HTML26' locked='true' title='RGB Effect (Mobile only)' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'><![CDATA[<!--[ This is RGB effect that appears sticky on footer ]-->]]></b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                <div class='stwRainbow'/>
                <!--[ Remove it to disable blur shadow effect ]-->
                 <div class='stwBlurRainbow'/> 
              </b:includable>
              </b:widget>
              <b:widget id='HTML27' locked='true' title='Internet Toast Notification' type='HTML' version='2' visible='true'>
                <b:widget-settings>
                  <b:widget-setting name='content'><![CDATA[<!--[ This is Internet toast notification that appears when visitors internet gone and restored ]-->]]></b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                      
      <script type='deferjs'>/*<![CDATA[*/ /* No Internet Connection Script (Only Toast) */ window.addEventListener("offline",function(){document.querySelector("#toastNotif").innerHTML="<span>No internet connection!</span>"}),window.addEventListener("online",function(){document.querySelector("#toastNotif").innerHTML="<span>Internet connection restored!</span>"}); /*]]>*/</script>
              </b:includable>
              </b:widget>
              <b:widget id='HTML28' locked='true' title='?m=1 hider ( Not Recommended )' type='HTML' version='2' visible='false'>
                <b:widget-settings>
                  <b:widget-setting name='content'><![CDATA[<!--[ Activate this Script to hide ?m=1 on Mobile View  ]-->]]></b:widget-setting>
                </b:widget-settings>
                <b:includable id='main'>
                <script>/*<![CDATA[*/ var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>
                   </b:includable>
              </b:widget>
            </b:section>
        
        <b:if cond='!data:view.isPreview'>
          <!--[ Delete 'or data:blog.isMobileRequest' if you want to show ad in both(desktop and mobile) ]-->
          <b:section cond='data:view.isLayoutMode or data:blog.isMobileRequest' id='anchor-ad' showaddelement='false'>
            <b:widget id='HTML99' locked='true' title='Anchor Ad (Mobile only)' type='HTML' version='2' visible='false'>
              <b:widget-settings>
                <b:widget-setting name='content'>&lt;script async src=&quot;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3634564548027385&quot;
     crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
&lt;!-- 222 --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:inline-block;width:728px;height:90px&quot;
     data-ad-client=&quot;ca-pub-3634564548027385&quot;
     data-ad-slot=&quot;9986234562&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
     (adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <!--[ Sticky ad ]-->
                <input class='ancrI hidden' id='ancrI' type='checkbox'/>
                <div class='ancrA'>
                  <label aria-label='Close Menu' class='ancrC' for='ancrI'><svg viewBox='0 0 24 24'><polyline points='5 9 12 16 19 9'/></svg></label>
                  <div class='ancrCn'>
                    <b:if cond='data:content != &quot;&quot;'>
                      <data:content/>
                          
                      <b:else/>
                      <!--[ Blank ad ]-->
                      <div class='adB' expr:data-text='data:messages.adsGoHere'/>
                    </b:if>
                  </div>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </b:if>
        
      </b:if>
    </b:tag>
    
    <b:tag class='erroP' cond='data:view.isLayoutMode or data:view.isError' name='section'>
      <b:section class='erroC' cond='data:view.isLayoutMode or data:view.isError' id='error-404' showaddelement='false'>
        <b:widget id='HTML404' locked='true' title='Home' type='HTML' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='content'>&lt;h3&gt;&lt;span class=&#39;e&#39; title=&#39;404&#39;&gt;404&lt;/span&gt;&lt;span&gt;Something Wrong!&lt;/span&gt;&lt;/h3&gt;

&lt;p&gt;We&#39;re sorry but the page you&#39;re looking for is unavailable, was renamed or no longer exists.&lt;/p&gt;</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <data:content/>
            <a class='button' expr:href='data:blog.homepageUrl.canonical'><data:title/></a>
          </b:includable>
        </b:widget>
      </b:section>
    </b:tag>
    
    <!--[ Javascript disable condition ]-->
    <noscript>
      <input class='nJs hidden' id='forNoJS' type='checkbox'/>
      <div class='noJs' expr:data-text='data:blog.title + &quot; works best with JavaScript enabled&quot;'>
        <label for='forNoJS'/>
      </div>
    </noscript>
    
    <b:if cond='!data:view.isError and data:view.url != data:view.url params { amp: &quot;1&quot; }'>
      <!--[ Load More - Delete this section if you want to disable this feature ]-->
      <b:include cond='data:view.isHomepage or data:view.url == data:blog.homepageUrl.canonical path &quot;search&quot;' name='post-paginationMore'/>
      
      <!--[ Additional JS ]-->
          <script>/*<![CDATA[*/function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#mainCont").classList.add("drK"):document.querySelector("#mainCont").classList.remove("drK")}; /*]]>*/</script>  
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'/>      
<script src='https://cdn.jsdelivr.net/gh/shivatechnicworld/stw-web/lui-b-pre.min.js' type='deferjs'/><b:if cond='!data:view.isPreview and data:view.isPost'><script>/*<![CDATA[*/
var claps_button=document.querySelector(".claps_button"),claps=document.querySelector(".claps");claps_button.addEventListener("click",clap),claps.innerText="+"+(localStorage.getItem("claps")?localStorage.getItem("claps"):0);let count1=Number(localStorage.getItem("claps"))?Number(localStorage.getItem("claps")):0;function clap(t){count1+=1,localStorage.setItem("claps",count1),claps.innerText="+"+count1,claps_button.classList.toggle("is_clicked"),setTimeout((()=>claps_button.classList.remove("is_clicked")),1e3)} /*]]>*/</script></b:if><script>/*<![CDATA[*/ Defer.all('script[type="deferjs"]', 50, true);Defer.dom('.lazy', 5000, 'lazied', null, {rootMargin:'1px'}),'undefined'!=typeof infinite_scroll&&infinite_scroll.on('load',function(){Defer.dom('.lazy', 5000, 'lazied', null, {rootMargin:'1px'}) }); /*]]>*/</script>
      
      <!--[ Safelink Settings ]-->
<script>/*<![CDATA[*/ /* Safelink Settings */ 
const aSl={
par:"url",
hcd:5000,
gcd:15000,
nwt:false,
sby:"published",
mxr:20,
pwt:"Getting your link..."};
var _0x1d11=["\x6D\x6F\x64\x65","\x64\x61\x72\x6B\x6D\x6F\x64\x65","\x67\x65\x74\x49\x74\x65\x6D","\x6C\x69\x67\x68\x74","\x73\x65\x74\x49\x74\x65\x6D","\x64\x72\x4B","\x61\x64\x64","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74","\x23\x6D\x61\x69\x6E\x43\x6F\x6E\x74","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72","\x72\x65\x6D\x6F\x76\x65","\x72\x65\x61\x64\x79","\x2E\x73\x61\x66\x65\x4C","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x61\x73\x68","\x69\x6E\x63\x6C\x75\x64\x65\x73","\x73\x70\x6C\x69\x74","\x67\x65\x74","\x6C\x65\x6E\x67\x74\x68","\x63\x6C\x69\x63\x6B","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x74\x61\x72\x67\x65\x74","\x67\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x68\x72\x65\x66","\x70\x61\x72","\x6E\x77\x74","\x6F\x70\x65\x6E","\x5F\x62\x6C\x61\x6E\x6B","\x64\x65\x63","\x72\x65\x70\x6C\x61\x63\x65","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x26\x6F\x72\x64\x65\x72\x62\x79\x3D","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x73\x53\x53","\x74\x6F\x53\x74\x72\x69\x6E\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x69\x73\x74\x6F\x72\x79","\x72\x65\x70\x6C\x61\x63\x65\x53\x74\x61\x74\x65","\x74\x69\x74\x6C\x65","\x66\x65\x65\x64","\x65\x6E\x74\x72\x79","\x66\x6C\x6F\x6F\x72","\x72\x61\x6E\x64\x6F\x6D","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x6C\x69\x6E\x6B","\x68\x6D\x56\x72\x66\x79","\x68\x69\x64\x64\x65\x6E","\x23\x68\x6D\x56\x72\x66\x79\x20\x2E\x70\x73\x74\x4C","\x61\x6C\x74","\x4E\x6F\x20\x70\x6F\x73\x74\x20\x77\x61\x73\x20\x66\x6F\x75\x6E\x64","\x53\x41\x46\x45\x5F\x4C","\x74\x72\x75\x65","\x67\x53\x53","\x67\x63\x64","\x2E\x73\x61\x66\x65\x47\x6F\x4C","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x76\x73\x62\x6C","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x70\x77\x74","\x72\x53\x53","\x3D","\x23\x3F","","\x73\x65\x61\x72\x63\x68","\x68\x61\x73","\x64\x61\x74\x61\x2D\x68\x72\x65\x66","\x2F","\x23","\x65\x6E\x63","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x66\x6F\x72\x45\x61\x63\x68","\x2F\x2F","\x73\x62\x79","\x6D\x78\x72","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x70\x61\x72\x73\x65","\x72\x65\x6C","\x68\x63\x64","\x67\x41\x6A","\x61\x53\x6C\x43\x6E\x74","\x77\x69\x64\x74\x68","\x73\x74\x79\x6C\x65","\x2E\x61\x53\x6C\x57","\x25","\x2E\x61\x53\x6C\x43\x64","\x30","\x2E\x61\x53\x6C\x43","\x2E\x61\x53\x6C\x42","\x74\x65\x78\x74","\x23\x61\x74\x64","\x3F","\x2D","\x72\x65\x70\x6C\x61\x63\x65\x41\x6C\x6C","\x4C\x61\x6E\x74\x72\x6F\x20\x55\x49","\x68\x65\x61\x64\x65\x72","\x74\x72\x69\x6D","\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x31\x35\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72\x3A\x20\x74\x65\x61\x6C\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x27\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x41\x6C\x65\x72\x74\x3A\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x20\x4C\x69\x63\x65\x6E\x73\x65\x20\x4B\x65\x79\x20\x45\x6D\x70\x74\x79\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x31\x35\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72\x3A\x20\x70\x75\x72\x70\x6C\x65\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x27\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x41\x6C\x65\x72\x74\x3A\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x20\x3C\x63\x6F\x64\x65\x20\x73\x74\x79\x6C\x65\x3D\x27\x63\x6F\x6C\x6F\x72\x3A\x72\x65\x64\x27\x3E","\x3C\x2F\x63\x6F\x64\x65\x3E\x20\x69\x6E\x76\x61\x6C\x69\x64\x20\x6C\x69\x63\x65\x6E\x73\x65\x20\x6B\x65\x79\x2E\x3C\x62\x72\x2F\x3E\x47\x65\x6E\x65\x72\x61\x74\x65\x20\x59\x6F\x75\x72\x20\x4C\x69\x63\x65\x6E\x73\x65\x20\x6B\x65\x79\x20\x46\x72\x6F\x6D\x20\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x68\x65\x73\x71\x75\x61\x64\x68\x75\x62\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x70\x2F\x6C\x69\x63\x65\x6E\x73\x65\x2D\x67\x65\x6E\x65\x72\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C\x27\x3E\x48\x65\x72\x65\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x61\x74\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x76\x61\x6C\x75\x65","\x74\x65\x78\x74\x43\x6F\x6E\x74\x65\x6E\x74","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x31\x35\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72\x3A\x20\x74\x65\x61\x6C\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x27\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x41\x6C\x65\x72\x74\x3A\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x20\x3C\x63\x6F\x64\x65\x20\x73\x74\x79\x6C\x65\x3D\x27\x63\x6F\x6C\x6F\x72\x3A\x72\x65\x64\x27\x3E\x4C\x69\x63\x65\x6E\x73\x65\x20\x4B\x65\x79\x20\x4E\x6F\x74\x20\x4D\x61\x74\x63\x68\x3C\x2F\x63\x6F\x64\x65\x3E\x20\x50\x6C\x65\x61\x73\x65\x20\x41\x63\x74\x69\x76\x61\x74\x65\x20\x54\x68\x65\x6D\x65\x2E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x31\x35\x70\x78\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x63\x6F\x6C\x6F\x72\x3A\x20\x70\x75\x72\x70\x6C\x65\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x77\x68\x69\x74\x65\x3B\x74\x65\x78\x74\x2D\x61\x6C\x69\x67\x6E\x3A\x63\x65\x6E\x74\x65\x72\x3B\x27\x3E\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x41\x6C\x65\x72\x74\x3A\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E\x20\x54\x68\x69\x73\x20\x3C\x63\x6F\x64\x65\x20\x73\x74\x79\x6C\x65\x3D\x27\x63\x6F\x6C\x6F\x72\x3A\x72\x65\x64\x27\x3E","\x3C\x2F\x63\x6F\x64\x65\x3E\x20\x42\x6C\x6F\x67\x20\x49\x44\x20\x69\x73\x20\x6E\x6F\x74\x20\x52\x65\x67\x69\x73\x74\x65\x72\x65\x64\x2E\x3C\x62\x72\x2F\x3E\x47\x65\x6E\x65\x72\x61\x74\x65\x20\x59\x6F\x75\x72\x20\x4C\x69\x63\x65\x6E\x73\x65\x20\x6B\x65\x79\x20\x46\x72\x6F\x6D\x20\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x27\x62\x75\x74\x74\x6F\x6E\x27\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x68\x65\x73\x71\x75\x61\x64\x68\x75\x62\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x70\x2F\x6C\x69\x63\x65\x6E\x73\x65\x2D\x67\x65\x6E\x65\x72\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C\x27\x3E\x48\x65\x72\x65\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x74\x68\x65\x73\x71\x75\x61\x64\x68\x75\x62\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F","\x61\x73\x73\x69\x67\x6E"];$(document)[_0x1d11[11]](function(){function _0x25d6x1(){localStorage[_0x1d11[4]](_0x1d11[0],_0x1d11[1]=== localStorage[_0x1d11[2]](_0x1d11[0])?_0x1d11[3]:_0x1d11[1]),_0x1d11[1]=== localStorage[_0x1d11[2]](_0x1d11[0])?document[_0x1d11[9]](_0x1d11[8])[_0x1d11[7]][_0x1d11[6]](_0x1d11[5]):document[_0x1d11[9]](_0x1d11[8])[_0x1d11[7]][_0x1d11[10]](_0x1d11[5])}});$(document)[_0x1d11[11]](function(){function _0x25d6x2(_0x25d6x3,_0x25d6x4){var _0x25d6x5=_0x25d6x6();return (_0x25d6x2= function(_0x25d6x3,_0x25d6x4){return _0x25d6x5[_0x25d6x3=  +_0x25d6x3]})(_0x25d6x3,_0x25d6x4)}function _0x25d6x6(){var _0x25d6x3=[_0x1d11[12],_0x1d11[13],_0x1d11[14],_0x1d11[15],_0x1d11[16],_0x1d11[17],_0x1d11[18],_0x1d11[19],_0x1d11[20],_0x1d11[21],_0x1d11[22],_0x1d11[23],_0x1d11[24],_0x1d11[25],_0x1d11[26],_0x1d11[27],_0x1d11[28],_0x1d11[29],_0x1d11[30],_0x1d11[31],_0x1d11[32],_0x1d11[33],_0x1d11[34],_0x1d11[35],_0x1d11[36],_0x1d11[37],_0x1d11[38],_0x1d11[39],_0x1d11[40],_0x1d11[41],_0x1d11[42],_0x1d11[43],_0x1d11[44],_0x1d11[45],_0x1d11[46],_0x1d11[47],_0x1d11[48],_0x1d11[49],_0x1d11[50],_0x1d11[51],_0x1d11[52],_0x1d11[53],_0x1d11[54],_0x1d11[55],_0x1d11[56],_0x1d11[57],_0x1d11[58]];return (_0x25d6x6= function(){return _0x25d6x3})()}!function(){var _0x25d6x3=224,_0x25d6x4=230,_0x25d6x5=255,_0x25d6x7=236,_0x25d6x8=229,_0x25d6x9=240,_0x25d6xa=246,_0x25d6xb=257,_0x25d6xc=249,_0x25d6xd=236,_0x25d6xe=94,_0x25d6xf=263,_0x25d6x10=242,_0x25d6x11=243,_0x25d6x12=225,_0x25d6x13=244,_0x25d6x14=245,_0x25d6x15=103,_0x25d6x16=89,_0x25d6x17=239,_0x25d6x18=246,_0x25d6x19=81,_0x25d6x1a=88,_0x25d6x1b=248,_0x25d6x1c=96,_0x25d6x1d=86,_0x25d6x1e=275,_0x25d6x1f=261,_0x25d6x20=73,_0x25d6x21=72,_0x25d6x22=264,_0x25d6x23=261,_0x25d6x24=252,_0x25d6x25=71,_0x25d6x26=70,_0x25d6x27=233,_0x25d6x28=235,_0x25d6x29=237,_0x25d6x2a=81,_0x25d6x2b=69,_0x25d6x2c=108,_0x25d6x2d=102,_0x25d6x2e=68,_0x25d6x2f=218,_0x25d6x30=231,_0x25d6x31=329,_0x25d6x32=66,_0x25d6x33=278,_0x25d6x34=52,_0x25d6x35=440,_0x25d6x36=462,_0x25d6x37=223,_0x25d6x38=439,_0x25d6x39=462,_0x25d6x3a=926,_0x25d6x3b=916,_0x25d6x3c=416,_0x25d6x3d=249,_0x25d6x3e=238,_0x25d6x3f=418,_0x25d6x40=724,_0x25d6x41=737,_0x25d6x42=35,_0x25d6x43=53,_0x25d6x44=736,_0x25d6x45=755,_0x25d6x46=735,_0x25d6x47=777,_0x25d6x48=757,_0x25d6x49=741,_0x25d6x4a=757,_0x25d6x4b=38,_0x25d6x4c=45,_0x25d6x4d=751,_0x25d6x4e=732,_0x25d6x4f=752,_0x25d6x50=731,_0x25d6x51=739,_0x25d6x52=730,_0x25d6x53=729,_0x25d6x54=22,_0x25d6x55=8,_0x25d6x56=763,_0x25d6x57=770,_0x25d6x58=754,_0x25d6x59=747,_0x25d6x5a=112,_0x25d6x5b=116,_0x25d6x5c=758,_0x25d6x5d=753,_0x25d6x5e=499,_0x25d6x5f=477,_0x25d6x60=504,_0x25d6x61=514,_0x25d6x62=224,_0x25d6x63=111;function _0x25d6x64(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x4-  -_0x25d6x63,_0x25d6x3)}function _0x25d6x65(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x4- _0x25d6x62,_0x25d6x3)}var _0x25d6x66,_0x25d6x67,_0x25d6x68,_0x25d6x69,_0x25d6x6a=qSell(_0x25d6x65(208,_0x25d6x3));function _0x25d6x6b(_0x25d6x3){var _0x25d6x5=498;const _0x25d6x4=window[_0x25d6x7(_0x25d6x5e,_0x25d6x5f)][_0x25d6x7(500,483)];function _0x25d6x7(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x3- _0x25d6x5,_0x25d6x4)}if(_0x25d6x4&& _0x25d6x4[_0x25d6x7(501,_0x25d6x60)](_0x1d11[59])&& _0x25d6x4[_0x25d6x7(502,518)](/=(.*)/s)[0]== _0x1d11[60]+ _0x25d6x3&& _0x1d11[61]!= _0x25d6x4[_0x1d11[16]](/=(.*)/s)[1]){return window[_0x25d6x7(499,_0x25d6x61)][_0x1d11[14]][_0x1d11[16]](/=(.*)/s)[1]}}function _0x25d6x6c(_0x25d6x3){var _0x25d6x4=window[_0x25d6x2(_0x25d6x5b- 115,_0x25d6x5a)][_0x1d11[62]];const _0x25d6x5= new URLSearchParams(_0x25d6x4);return _0x25d6x5[_0x1d11[63]](_0x25d6x3)?_0x25d6x5[_0x25d6x2(_0x25d6x5c- 753,_0x25d6x5d)](_0x25d6x3):void(0)}0< _0x25d6x6a[_0x25d6x65(245,_0x25d6x4)]&& _0x25d6x6a[_0x1d11[69]]((_0x25d6x3)=>{var _0x25d6x8=448,_0x25d6x9=449,_0x25d6xa=447,_0x25d6xb=427,_0x25d6xc=160,_0x25d6xd=144,_0x25d6xe=138,_0x25d6xf=422,_0x25d6x10=147,_0x25d6x11=134,_0x25d6x12=454,_0x25d6x13=441,_0x25d6x14=465,_0x25d6x15=455,_0x25d6x16=456;_0x25d6x3[_0x1d11[68]](_0x25d6x2(_0x25d6x58- _0x25d6x59,_0x25d6x57),function(_0x25d6x3){function _0x25d6x4(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x4-  -147,_0x25d6x3)}function _0x25d6x5(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x3-  -_0x25d6x16,_0x25d6x4)}_0x25d6x3[_0x25d6x5(-_0x25d6x8,-_0x25d6x9)]();var _0x25d6x7=_0x25d6x3[_0x25d6x5(-_0x25d6xa,-_0x25d6xb)][_0x25d6x4(-158,-137)](_0x25d6x4(-_0x25d6xc,-136)),_0x25d6x3=_0x25d6x3[_0x25d6x4(-_0x25d6xd,-_0x25d6xe)][_0x1d11[22]](_0x1d11[64]);null!= (_0x25d6x3= null!= _0x25d6x7&& _0x1d11[65]!= _0x25d6x7&& _0x1d11[66]!= _0x25d6x7&& _0x1d11[61]!= _0x25d6x7?_0x25d6x7:null!= _0x25d6x3&& _0x1d11[66]!= _0x25d6x3&& _0x1d11[61]!= _0x25d6x3?_0x25d6x3:void(0))&& (_0x25d6x3= b64[_0x1d11[67]](_0x25d6x3),_0x25d6x3= blogUrl+ _0x1d11[60]+ aSl[_0x25d6x5(-444,-_0x25d6xf)]+ _0x1d11[59]+ _0x25d6x3,1== aSl[_0x25d6x4(-_0x25d6x10,-_0x25d6x11)]?window[_0x25d6x5(-442,-_0x25d6x12)](_0x25d6x3,_0x25d6x5(-_0x25d6x13,-_0x25d6x14)):window[_0x1d11[13]][_0x25d6x5(-445,-_0x25d6x15)] = _0x25d6x3)})}),null== _0x25d6x6b(aSl[_0x25d6x65(_0x25d6x5,_0x25d6x7)])&& null== _0x25d6x6c(aSl[_0x1d11[24]])|| (_0x25d6x6a= null!= _0x25d6x6b(aSl[_0x25d6x64(-98,-99)])?b64[_0x25d6x65(_0x25d6x8,_0x25d6x9)](_0x25d6x6b(aSl[_0x25d6x65(_0x25d6xa,_0x25d6x7)])):b64[_0x25d6x65(_0x25d6xb,_0x25d6x9)](_0x25d6x6c(aSl[_0x25d6x65(_0x25d6xc,_0x25d6xd)])),_0x25d6x66= blogUrl[_0x25d6x64(-92,-_0x25d6xe)](/.*?:\/\//g,_0x1d11[70])+ _0x25d6x65(_0x25d6xf,_0x25d6x10)+ aSl[_0x1d11[71]]+ _0x25d6x65(_0x25d6xf,_0x25d6x11)+ aSl[_0x1d11[72]],Pu[_0x25d6x65(_0x25d6x12,_0x25d6x13)](_0x1d11[49],_0x25d6x6a),0< (_0x25d6x6a= window[_0x25d6x64(-129,-110)][_0x25d6x65(_0x25d6x3,_0x25d6x14)]())[_0x25d6x64(-_0x25d6x15,-_0x25d6x16)](_0x1d11[66])&& (_0x25d6x6a= _0x25d6x6a[_0x1d11[73]](0,_0x25d6x6a[_0x25d6x65(_0x25d6x17,_0x25d6x18)](_0x1d11[66])),window[_0x25d6x64(-_0x25d6x19,-_0x25d6x1a)][_0x25d6x65(242,_0x25d6x1b)]({},document[_0x25d6x64(-_0x25d6x1c,-_0x25d6x1d)],_0x25d6x6a)),Pu[_0x1d11[77]]({url:_0x25d6x66,async:!0,success:function(_0x25d6x3){var _0x25d6x4=956,_0x25d6x5=713;function _0x25d6x7(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x4-  -_0x25d6x56,_0x25d6x3)}function _0x25d6x8(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x3- _0x25d6x55,_0x25d6x4)}if((_0x25d6x3= JSON[_0x1d11[74]](_0x25d6x3)[_0x25d6x7(-_0x25d6x40,-_0x25d6x41)])[_0x1d11[39]]&& 0!== _0x25d6x3[_0x25d6x8(_0x25d6x42,_0x25d6x43)][_0x1d11[18]]){for(var _0x25d6x9,_0x25d6xa,_0x25d6xb=(_0x25d6x3= _0x25d6x3[_0x25d6x7(-725,-_0x25d6x44)])[Math[_0x25d6x7(-_0x25d6x45,-_0x25d6x46)](Math[_0x25d6x8(37,49)]()* _0x25d6x3[_0x25d6x7(-_0x25d6x47,-_0x25d6x48)])],_0x25d6xc=0,_0x25d6xd=_0x25d6xb[_0x1d11[43]][_0x25d6x7(-_0x25d6x49,-_0x25d6x4a)];_0x25d6xc< _0x25d6xd;_0x25d6xc++){_0x25d6x8(_0x25d6x4b,_0x25d6x4c)== (_0x25d6xa= _0x25d6xb[_0x25d6x7(-_0x25d6x4d,-_0x25d6x4e)][_0x25d6xc])[_0x1d11[75]]&& (_0x25d6x9= _0x25d6xa[_0x1d11[23]])};remCt(getid(_0x25d6x7(-_0x25d6x4f,-_0x25d6x50)),_0x25d6x7(-_0x25d6x51,-_0x25d6x52)),qSel(_0x25d6x7(-749,-_0x25d6x53))[_0x1d11[23]]= _0x25d6x9,setTimeout(function(){addCt(getid(_0x25d6x2(-961-  -993,-_0x25d6x4)),_0x25d6x2(-678-  -_0x25d6x5,-657))},aSl[_0x1d11[76]])}else {toastNotif(_0x25d6x8(44,_0x25d6x54))}}})),null!= Pu[_0x1d11[51]](_0x25d6x65(_0x25d6x1e,_0x25d6x1f))&& _0x25d6x64(-69,-_0x25d6x20) == isPost&& (_0x25d6x66= Pu[_0x25d6x64(-60,-_0x25d6x21)](_0x25d6x65(_0x25d6x22,_0x25d6x23)),_0x25d6x67= Math[_0x25d6x65(239,_0x25d6x24)](aSl[_0x25d6x64(-_0x25d6x21,-_0x25d6x25)] / 1e3),_0x25d6x68= _0x25d6x67,qSel(_0x25d6x64(-74,-_0x25d6x26))[_0x25d6x65(_0x25d6x27,_0x25d6x28)]= _0x25d6x66,1== aSl[_0x25d6x65(243,_0x25d6x29)]&& qSel(_0x1d11[53])[_0x25d6x64(-_0x25d6x2a,-_0x25d6x2b)](_0x25d6x64(-_0x25d6x2c,-_0x25d6x2d),_0x25d6x65(_0x25d6x3,239)),addCt(getid(_0x1d11[78]),_0x25d6x64(-49,-_0x25d6x2e)),_0x25d6x69= setInterval(function(){var _0x25d6x3=193,_0x25d6x4=246,_0x25d6x5=--_0x25d6x68/ _0x25d6x67 * 100;function _0x25d6x7(_0x25d6x3,_0x25d6x4){return _0x25d6x2(_0x25d6x4- _0x25d6x3f,_0x25d6x3)}qSel(_0x1d11[81])[_0x1d11[80]][_0x1d11[79]]= 100- _0x25d6x5+ _0x1d11[82],qSel(_0x1d11[83])[_0x25d6x7(_0x25d6x35,_0x25d6x36)]= Math[_0x25d6x2(-218-  -_0x25d6x4,-_0x25d6x37)](_0x25d6x68),_0x25d6x68<= 0&& (clearInterval(_0x25d6x69),qSel(_0x1d11[83])[_0x25d6x7(_0x25d6x38,_0x25d6x39)]= _0x1d11[84],setTimeout(()=>{qSel(_0x1d11[85])[_0x25d6x2(_0x25d6x3c- 372,396)]= aSl[_0x25d6x2(_0x25d6x3e- _0x25d6x3,_0x25d6x3d)]},1e3),setTimeout(()=>{var _0x25d6x3=959;addCt(qSel(_0x1d11[86]),_0x25d6x2(-_0x25d6x3b-  -_0x25d6x3,-_0x25d6x3a)),addCt(getid(_0x1d11[78]),_0x1d11[47])},4e3))},1e3),qSel(_0x1d11[53])[_0x1d11[68]](_0x25d6x65(_0x25d6x2f,_0x25d6x30),function(){Pu[_0x25d6x2(324- _0x25d6x33,_0x25d6x31)](_0x25d6x2(89- _0x25d6x34,_0x25d6x32))}))}()});$(document)[_0x1d11[11]](function(){var _0x25d6x6d=$(_0x1d11[88])[_0x1d11[87]]();var _0x25d6x6e=_0x25d6x6d[_0x1d11[91]](_0x1d11[90],_0x1d11[61])[_0x1d11[16]](_0x1d11[89])[1];const _0x25d6x6f=_0x1d11[92];var _0x25d6x70=$(_0x1d11[93]);const _0x25d6x71=()=>{return _0x25d6x6f[_0x1d11[94]]()};const _0x25d6x72=(_0x25d6x6f)=>{return btoa(_0x25d6x6f)};const _0x25d6x73=_0x25d6x72(_0x25d6x71());if($[_0x1d11[94]]($(_0x1d11[88])[_0x1d11[87]]())== _0x1d11[61]){$(_0x1d11[96])[_0x1d11[95]](_0x25d6x70)};if(_0x25d6x6e!== _0x25d6x73){$(_0x1d11[97]+ _0x25d6x6d+ _0x1d11[98])[_0x1d11[95]](_0x25d6x70)};if(window[_0x1d11[99]]){var _0x25d6x6d=$(_0x1d11[88])[_0x1d11[87]]();var _0x25d6x6e=_0x1d11[61]+ _0x25d6x6d+ _0x1d11[61];const _0x25d6x74=document[_0x1d11[100]](_0x1d11[99]);const _0x25d6x75=document[_0x1d11[100]](_0x1d11[101]);const _0x25d6x76=_0x25d6x75[_0x1d11[101]];const _0x25d6x77=()=>{return _0x25d6x74[_0x1d11[102]][_0x1d11[94]]()[_0x1d11[91]](_0x1d11[90],_0x1d11[61])[_0x1d11[16]](_0x1d11[89])[0]};const _0x25d6x78=()=>{return _0x25d6x74[_0x1d11[102]][_0x1d11[94]]()[_0x1d11[91]](_0x1d11[90],_0x1d11[61])[_0x1d11[16]](_0x1d11[89])[1]};const _0x25d6x72=(_0x25d6x74)=>{return btoa(_0x25d6x74)};const _0x25d6x79=(_0x25d6x74)=>{return atob(_0x25d6x74)};const _0x25d6x7a=_0x25d6x79(_0x25d6x78());const _0x25d6x7b=_0x25d6x79(_0x25d6x77());if(_0x25d6x7a!== _0x25d6x6f){$(_0x1d11[103])[_0x1d11[95]](_0x25d6x70)};if(_0x25d6x76!== _0x25d6x7b){$(_0x1d11[104]+ _0x25d6x76+ _0x1d11[105])[_0x1d11[95]](_0x25d6x70)}}else {window[_0x1d11[13]][_0x1d11[107]](_0x1d11[106])}})
/*]]>*/</script>
      
    <script>/*<![CDATA[*/

/*]]>*/</script>
      
      <b:if cond='!data:view.isPage'>
        <!--[ Lazy adsense Script with auto ads ]-->
        <!--<script>/*<![CDATA[*/ var lazyadsense = false; window.addEventListener('scroll', function(){if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) { (function() { var ad = document.createElement('script'); ad.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-' + <data:blog.adsenseClientId/>; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; }}, true); /*]]>*/</script>-->
      </b:if>
    
    </b:if>
    
  <!--[ </body> close ]-->
  &lt;!--</body>--&gt;&lt;/body&gt;
</html>
tes ted terd