<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.locale.languageDirection' expr:lang='data:blog.locale.language' prefix='og: http://ogp.me/ns#' 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'>
<!-- Anime.xml-free v4.3.0 | Canvas.xml v1.10.0 | github.com/zkreations/canvas.xml -->
<head>
<!-- Basic data -->
<meta expr:charset='data:blog.encoding'/>
<meta expr:content='data:view.isHomepage ? "website" : "article"' property='og:type'/>
<!-- Responsive viewport -->
<meta content='width=device-width,initial-scale=1' name='viewport'/>
<!-- App name -->
<meta expr:content='data:blog.title' name='application-name'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Meta Referrer Tag -->
<meta content='unsafe-url' name='referrer'/>
<!-- Type of twitter card -->
<meta content='summary_large_image' name='twitter:card'/>
<!-- favicon -->
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<!-- Url canonical -->
<meta expr:content='data:view.url.canonical' property='og:url'/>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<!-- Descripcion -->
<b:if cond='data:view.description'>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<b:if cond='data:view.isError or data:view.isArchive or data:view.isSearch'>
<meta content='noindex,follow' name='robots'/>
</b:if>
<!-- Featured Image -->
<b:if cond='data:widgets'>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl,1200,"1200:630")' property='og:image'/>
</b:loop>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
</b:if>
<!-- Title -->
<b:with value='data:view.isError ? data:messages.theresNothingHere : data:view.title.escaped' var='title'>
<meta expr:content='data:title' property='og:title'/>
<meta expr:content='data:title' name='twitter:title'/>
<title><data:title/></title>
</b:with>
<!-- Feeds -->
<b:if cond='data:blog.feedLinks'>
<b:with value='path(data:blog.homepageUrl.canonical,"feeds/posts/default")' var='feeds'>
<link expr:href='data:feeds' rel='alternate' title='Atom 1.0' type='application/atom+xml'/>
<link expr:href='data:feeds params {alt: "rss"}' rel='alternate' title='RSS 2.0' type='application/rss+xml'/>
</b:with>
</b:if>
<!-- AdSense -->
<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</b:if>
<!-- Sitelinks Searchbox -->
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl.canonical/>",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.searchUrl/>?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<b:comment>Global Styles</b:comment>
<style>/*<![CDATA[*/
/*! Google fonts */
@font-face{font-family:Oswald;font-style:normal;font-weight:400;src:local('Oswald Regular'),local('Oswald-Regular'),url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8A.woff) format('woff');font-display:fallback}@font-face{font-family:Oswald;font-style:normal;font-weight:500;src:local('Oswald Medium'),local('Oswald-Medium'),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-6hwTus9E.woff) format('woff');font-display:fallback}@font-face{font-family:Oswald;font-style:normal;font-weight:700;src:local('Oswald Bold'),local('Oswald-Bold'),url(https://fonts.gstatic.com/s/oswald/v16/TK3hWkUHHAIjg75-ohoTus9E.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format('woff');font-display:fallback}@font-face{font-family:Roboto;font-display:auto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff');font-display:fallback}
/*!
* Whale v1.6.0
* Copyright 2017-2019 zkreations
* Developed by Daniel Abel M. (instagram.com/danie.abel)
* Licensed under MIT (github.com/zkreations/whale/blob/master/LICENSE)
* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
*/button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{padding:0;box-sizing:border-box}*,::after,::before,legend{box-sizing:border-box}dl,ol,ol ol,ol ul,ul,ul ol,ul ul{margin-bottom:0}.abbr,abbr,abbr[title]{-webkit-text-decoration:underline dotted}img,legend,video{max-width:100%}button,input,progress,sub,sup,textarea{vertical-align:baseline}.clearfix::after,.embed-fluid::before{content:""}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}details,main{display:block}h1{margin:.67em 0}dl,ol,p,ul{margin-top:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*! End normalize.css */body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;text-align:left}a{color:#2196f3;text-decoration:none;background-color:transparent}a:hover{color:#1565c0}a:active,a:focus,a:hover{text-decoration:none;outline-width:0}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}dl,ol,ul{padding-left:0;list-style:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit;display:block}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#FFF9C4}.abbr,abbr{font-size:90%;text-decoration:underline dotted;border-bottom:0;cursor:help;text-transform:uppercase}table{border-spacing:0;border-collapse:collapse;background-color:transparent}[role=button],a,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}figure{margin:0 0 1rem}img{display:inline-block;vertical-align:middle}embed,iframe,object{margin:0;padding:0;border:0;outline:0}video{display:block;height:auto}p{margin-bottom:0}.container{margin-right:auto;margin-left:auto}.position-static{position:static}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.fixed-bottom,.fixed-top{position:fixed;right:0;z-index:1100;left:0}.fixed-top{top:0}.fixed-bottom{bottom:0}button,input,textarea{background:none;padding:0;margin:0;border:0;outline:0;box-shadow:none;font:inherit}.btn,.form-input{padding:.5rem .8rem}.form-input{display:block;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid #cfd8dc}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.embed-fluid{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-fluid embed,.embed-fluid iframe,.embed-fluid object,.embed-fluid video,.embed-item{position:absolute;top:0;left:0;width:100%;height:100%}.embed-fluid::before{display:block}.embed-fluid-21by9::before{padding-top:42.857143%}.embed-fluid-16by9::before{padding-top:56.25%}.embed-fluid-4by3::before{padding-top:75%}.embed-fluid-1by1::before{padding-top:100%}.table-fluid{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.dropdown-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dropdown-menu li{position:relative}.dropdown-menu a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.dropdown-menu ul{text-align:left;display:none}.dropdown-menu ul.is-active{display:block}.dropdown-menu .is-arrow{margin-left:auto}.dropdown-menu .is-parent>a .is-arrow::after{content:"";display:inline-block;vertical-align:middle;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px dashed;margin-left:.5rem}@media (min-width:992px){.dropdown-menu{-ms-flex-direction:row;flex-direction:row}.dropdown-menu ul{top:0;left:100%;position:absolute;min-width:100%}.dropdown-menu a{white-space:nowrap}.dropdown-menu>li>ul{top:100%;left:0}.dropdown-menu ul .is-parent>a .is-arrow::after{border-left:4px dashed;border-right:0 transparent;border-top:4px solid transparent;border-bottom:4px solid transparent}}.wjs-panel:not(.is-active){display:none}.clearfix::after{display:block;clear:both}.float-left{float:left}.float-right{float:right}.float-none{float:none}.display-none{display:none}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-block{display:block}.display-table{display:table}.display-table-row{display:table-row}.display-table-cell{display:table-cell}.display-flex{display:-ms-flexbox;display:flex}.display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.position-relative{position:relative}.position-absolute{position:absolute}.flex-none{-ms-flex:none;flex:none}.flex-auto{-ms-flex:auto;flex:auto}.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0{-ms-flex-positive:0;flex-grow:0}.flex-grow-1{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center{-ms-flex-pack:center;justify-content:center}.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}.align-content-center{-ms-flex-line-pack:center;align-content:center}.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.align-items-center{-ms-flex-align:center;align-items:center}.align-items-end{-ms-flex-align:end;align-items:flex-end}.align-items-start{-ms-flex-align:start;align-items:flex-start}.align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.align-self-auto{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end{-ms-flex-item-align:end;align-self:flex-end}.align-self-start{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.row{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}[class*=col-]{padding-right:.5rem;padding-left:.5rem;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;width:100%}.no-gutters{margin-right:0;margin-left:0}.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.float-left-sm{float:left}.float-right-sm{float:right}.float-none-sm{float:none}.display-none-sm{display:none}.display-inline-sm{display:inline}.display-inline-block-sm{display:inline-block}.display-block-sm{display:block}.display-table-sm{display:table}.display-table-row-sm{display:table-row}.display-table-cell-sm{display:table-cell}.display-flex-sm{display:-ms-flexbox;display:flex}.display-inline-flex-sm{display:-ms-inline-flexbox;display:inline-flex}.flex-none-sm{-ms-flex:none;flex:none}.flex-auto-sm{-ms-flex:auto;flex:auto}.flex-fill-sm{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-sm{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-sm{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-sm{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-sm{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-sm{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-sm{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-sm{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-sm{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-sm{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-sm{-ms-flex-pack:center;justify-content:center}.justify-content-end-sm{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-sm{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-sm{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-sm{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-sm{-ms-flex-line-pack:center;align-content:center}.align-content-end-sm{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-sm{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-sm{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-sm{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-sm{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-sm{-ms-flex-align:baseline;align-items:baseline}.align-items-center-sm{-ms-flex-align:center;align-items:center}.align-items-end-sm{-ms-flex-align:end;align-items:flex-end}.align-items-start-sm{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-sm{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-sm{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-sm{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-sm{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-sm{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-sm{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-sm{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-sm{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-sm{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-sm{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-sm{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-sm{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-sm{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-sm{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-sm{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-sm{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-sm{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-sm{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-sm{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-sm{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-sm{-ms-flex-order:-1;order:-1}.order-last-sm{-ms-flex-order:13;order:13}.order-0-sm{-ms-flex-order:0;order:0}.order-1-sm{-ms-flex-order:1;order:1}.order-2-sm{-ms-flex-order:2;order:2}.order-3-sm{-ms-flex-order:3;order:3}.order-4-sm{-ms-flex-order:4;order:4}.order-5-sm{-ms-flex-order:5;order:5}.order-6-sm{-ms-flex-order:6;order:6}.order-7-sm{-ms-flex-order:7;order:7}.order-8-sm{-ms-flex-order:8;order:8}.order-9-sm{-ms-flex-order:9;order:9}.order-10-sm{-ms-flex-order:10;order:10}.order-11-sm{-ms-flex-order:11;order:11}.order-12-sm{-ms-flex-order:12;order:12}.offset-1-sm{margin-left:8.333333%}.offset-2-sm{margin-left:16.666667%}.offset-3-sm{margin-left:25%}.offset-4-sm{margin-left:33.333333%}.offset-5-sm{margin-left:41.666667%}.offset-6-sm{margin-left:50%}.offset-7-sm{margin-left:58.333333%}.offset-8-sm{margin-left:66.666667%}.offset-9-sm{margin-left:75%}.offset-10-sm{margin-left:83.333333%}.offset-11-sm{margin-left:91.666667%}}@media (min-width:768px){.float-left-md{float:left}.float-right-md{float:right}.float-none-md{float:none}.display-none-md{display:none}.display-inline-md{display:inline}.display-inline-block-md{display:inline-block}.display-block-md{display:block}.display-table-md{display:table}.display-table-row-md{display:table-row}.display-table-cell-md{display:table-cell}.display-flex-md{display:-ms-flexbox;display:flex}.display-inline-flex-md{display:-ms-inline-flexbox;display:inline-flex}.flex-none-md{-ms-flex:none;flex:none}.flex-auto-md{-ms-flex:auto;flex:auto}.flex-fill-md{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-md{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-md{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-md{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-md{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-md{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-md{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-md{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-md{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-md{-ms-flex-pack:center;justify-content:center}.justify-content-end-md{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-md{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-md{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-md{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-md{-ms-flex-line-pack:center;align-content:center}.align-content-end-md{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-md{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-md{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-md{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-md{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-md{-ms-flex-align:baseline;align-items:baseline}.align-items-center-md{-ms-flex-align:center;align-items:center}.align-items-end-md{-ms-flex-align:end;align-items:flex-end}.align-items-start-md{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-md{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-md{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-md{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-md{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-md{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-md{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-md{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-md{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-md{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-md{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-md{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-md{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-md{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-md{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-md{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-md{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-md{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-md{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-md{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-md{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-md{-ms-flex-order:-1;order:-1}.order-last-md{-ms-flex-order:13;order:13}.order-0-md{-ms-flex-order:0;order:0}.order-1-md{-ms-flex-order:1;order:1}.order-2-md{-ms-flex-order:2;order:2}.order-3-md{-ms-flex-order:3;order:3}.order-4-md{-ms-flex-order:4;order:4}.order-5-md{-ms-flex-order:5;order:5}.order-6-md{-ms-flex-order:6;order:6}.order-7-md{-ms-flex-order:7;order:7}.order-8-md{-ms-flex-order:8;order:8}.order-9-md{-ms-flex-order:9;order:9}.order-10-md{-ms-flex-order:10;order:10}.order-11-md{-ms-flex-order:11;order:11}.order-12-md{-ms-flex-order:12;order:12}.offset-1-md{margin-left:8.333333%}.offset-2-md{margin-left:16.666667%}.offset-3-md{margin-left:25%}.offset-4-md{margin-left:33.333333%}.offset-5-md{margin-left:41.666667%}.offset-6-md{margin-left:50%}.offset-7-md{margin-left:58.333333%}.offset-8-md{margin-left:66.666667%}.offset-9-md{margin-left:75%}.offset-10-md{margin-left:83.333333%}.offset-11-md{margin-left:91.666667%}}@media (min-width:992px){.float-left-lg{float:left}.float-right-lg{float:right}.float-none-lg{float:none}.display-none-lg{display:none}.display-inline-lg{display:inline}.display-inline-block-lg{display:inline-block}.display-block-lg{display:block}.display-table-lg{display:table}.display-table-row-lg{display:table-row}.display-table-cell-lg{display:table-cell}.display-flex-lg{display:-ms-flexbox;display:flex}.display-inline-flex-lg{display:-ms-inline-flexbox;display:inline-flex}.flex-none-lg{-ms-flex:none;flex:none}.flex-auto-lg{-ms-flex:auto;flex:auto}.flex-fill-lg{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-lg{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-lg{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-lg{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-lg{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-lg{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-lg{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-lg{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-lg{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-lg{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-lg{-ms-flex-pack:center;justify-content:center}.justify-content-end-lg{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-lg{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-lg{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-lg{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-lg{-ms-flex-line-pack:center;align-content:center}.align-content-end-lg{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-lg{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-lg{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-lg{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-lg{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-lg{-ms-flex-align:baseline;align-items:baseline}.align-items-center-lg{-ms-flex-align:center;align-items:center}.align-items-end-lg{-ms-flex-align:end;align-items:flex-end}.align-items-start-lg{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-lg{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-lg{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-lg{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-lg{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-lg{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-lg{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-lg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-lg{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-lg{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-lg{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-lg{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-lg{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-lg{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-lg{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-lg{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-lg{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-lg{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-lg{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-lg{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-lg{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-lg{-ms-flex-order:-1;order:-1}.order-last-lg{-ms-flex-order:13;order:13}.order-0-lg{-ms-flex-order:0;order:0}.order-1-lg{-ms-flex-order:1;order:1}.order-2-lg{-ms-flex-order:2;order:2}.order-3-lg{-ms-flex-order:3;order:3}.order-4-lg{-ms-flex-order:4;order:4}.order-5-lg{-ms-flex-order:5;order:5}.order-6-lg{-ms-flex-order:6;order:6}.order-7-lg{-ms-flex-order:7;order:7}.order-8-lg{-ms-flex-order:8;order:8}.order-9-lg{-ms-flex-order:9;order:9}.order-10-lg{-ms-flex-order:10;order:10}.order-11-lg{-ms-flex-order:11;order:11}.order-12-lg{-ms-flex-order:12;order:12}.offset-1-lg{margin-left:8.333333%}.offset-2-lg{margin-left:16.666667%}.offset-3-lg{margin-left:25%}.offset-4-lg{margin-left:33.333333%}.offset-5-lg{margin-left:41.666667%}.offset-6-lg{margin-left:50%}.offset-7-lg{margin-left:58.333333%}.offset-8-lg{margin-left:66.666667%}.offset-9-lg{margin-left:75%}.offset-10-lg{margin-left:83.333333%}.offset-11-lg{margin-left:91.666667%}}@media (min-width:1200px){.float-left-lx{float:left}.float-right-lx{float:right}.float-none-lx{float:none}.display-none-xl{display:none}.display-inline-xl{display:inline}.display-inline-block-xl{display:inline-block}.display-block-xl{display:block}.display-table-xl{display:table}.display-table-row-xl{display:table-row}.display-table-cell-xl{display:table-cell}.display-flex-xl{display:-ms-flexbox;display:flex}.display-inline-flex-xl{display:-ms-inline-flexbox;display:inline-flex}.flex-none-xl{-ms-flex:none;flex:none}.flex-auto-xl{-ms-flex:auto;flex:auto}.flex-fill-xl{-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-0-xl{-ms-flex-positive:0;flex-grow:0}.flex-grow-1-xl{-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-xl{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-xl{-ms-flex-negative:1;flex-shrink:1}.flex-wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse-xl{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-xl{-ms-flex-direction:column;flex-direction:column}.flex-column-reverse-xl{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-xl{-ms-flex-direction:row;flex-direction:row}.flex-row-reverse-xl{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.justify-content-center-xl{-ms-flex-pack:center;justify-content:center}.justify-content-end-xl{-ms-flex-pack:end;justify-content:flex-end}.justify-content-start-xl{-ms-flex-pack:start;justify-content:flex-start}.justify-content-around-xl{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between-xl{-ms-flex-pack:justify;justify-content:space-between}.align-content-center-xl{-ms-flex-line-pack:center;align-content:center}.align-content-end-xl{-ms-flex-line-pack:end;align-content:flex-end}.align-content-start-xl{-ms-flex-line-pack:start;align-content:flex-start}.align-content-around-xl{-ms-flex-line-pack:distribute;align-content:space-around}.align-content-between-xl{-ms-flex-line-pack:justify;align-content:space-between}.align-content-stretch-xl{-ms-flex-line-pack:stretch;align-content:stretch}.align-items-baseline-xl{-ms-flex-align:baseline;align-items:baseline}.align-items-center-xl{-ms-flex-align:center;align-items:center}.align-items-end-xl{-ms-flex-align:end;align-items:flex-end}.align-items-start-xl{-ms-flex-align:start;align-items:flex-start}.align-items-stretch-xl{-ms-flex-align:stretch;align-items:stretch}.align-self-auto-xl{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto}.align-self-baseline-xl{-ms-flex-item-align:baseline;align-self:baseline}.align-self-center-xl{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-self-end-xl{-ms-flex-item-align:end;align-self:flex-end}.align-self-start-xl{-ms-flex-item-align:start;align-self:flex-start}.align-self-stretch-xl{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.col-auto-xl{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1-xl{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2-xl{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3-xl{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4-xl{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5-xl{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6-xl{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7-xl{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8-xl{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9-xl{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10-xl{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11-xl{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12-xl{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first-xl{-ms-flex-order:-1;order:-1}.order-last-xl{-ms-flex-order:13;order:13}.order-0-xl{-ms-flex-order:0;order:0}.order-1-xl{-ms-flex-order:1;order:1}.order-2-xl{-ms-flex-order:2;order:2}.order-3-xl{-ms-flex-order:3;order:3}.order-4-xl{-ms-flex-order:4;order:4}.order-5-xl{-ms-flex-order:5;order:5}.order-6-xl{-ms-flex-order:6;order:6}.order-7-xl{-ms-flex-order:7;order:7}.order-8-xl{-ms-flex-order:8;order:8}.order-9-xl{-ms-flex-order:9;order:9}.order-10-xl{-ms-flex-order:10;order:10}.order-11-xl{-ms-flex-order:11;order:11}.order-12-xl{-ms-flex-order:12;order:12}.offset-1-xl{margin-left:8.333333%}.offset-2-xl{margin-left:16.666667%}.offset-3-xl{margin-left:25%}.offset-4-xl{margin-left:33.333333%}.offset-5-xl{margin-left:41.666667%}.offset-6-xl{margin-left:50%}.offset-7-xl{margin-left:58.333333%}.offset-8-xl{margin-left:66.666667%}.offset-9-xl{margin-left:75%}.offset-10-xl{margin-left:83.333333%}.offset-11-xl{margin-left:91.666667%}}@media print{@page{size:a3;margin:2cm}*,::after,::before{text-shadow:none;box-shadow:none;background:0 0}.display-none-print{display:none}.display-inline-print{display:inline}.display-inline-block-print{display:inline-block}.display-block-print{display:block}.display-table-print{display:table}.display-table-row-print{display:table-row}.display-table-cell-print{display:table-cell}.display-flex-print{display:-ms-flexbox;display:flex}.display-inline-flex-print{display:-ms-inline-flexbox;display:inline-flex}.wjs-accordion,.wjs-menu,.wjs-spoiler,.wjs-tab,aside,embed,footer,iframe,nav,object,video{display:none}article,body{width:100%;color:#000;padding:0;margin:0}article a{font-weight:700;text-decoration:none}article a[href^=http]:after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap}blockquote,img,pre,tr{page-break-inside:avoid}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/*! Material Design Spinner | codepen.io/zkreations/pen/JwjpMV */
.circular{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite;height:48px;position:relative;width:48px;display:block;margin-left:auto;margin-right:auto}.circular .path{-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;fill:none;stroke:#999;stroke-dasharray:1%,200%;stroke-dashoffset:0;stroke-linecap:round;stroke-width:3}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1%,200%;stroke-dashoffset:0}50%{stroke-dasharray:90%,200%;stroke-dashoffset:-35%}100%{stroke-dasharray:90%,200%;stroke-dashoffset:-124%}}@keyframes dash{0%{stroke-dasharray:1%,200%;stroke-dashoffset:0}50%{stroke-dasharray:90%,200%;stroke-dashoffset:-35%}100%{stroke-dasharray:90%,200%;stroke-dashoffset:-124%}}
/*! TinySlider | github.com/ganlanyuan/tiny-slider */
.tns-gallery,.tns-no-calc{position:relative;left:0}.tns-ovh,.tns-t-subp2{overflow:hidden}.tns-outer{padding:0!important}.tns-outer [hidden]{display:none!important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after,.tns-t-ct:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left;margin-right:-100%}.tns-gallery{min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s,opacity 0s;-moz-transition:transform 0s,opacity 0s;transition:transform 0s,opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:unset!important}.tns-gallery>.tns-moving{-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.tns-lazy-img{-webkit-transition:opacity .6s;-moz-transition:opacity .6s;transition:opacity .6s;opacity:.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-fadeOut,.tns-normal{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}.carousel,.slider{overflow:hidden;position:relative;white-space:nowrap}.tns-inner{transition:all 0s!important;will-change: transform}.tns-gallery>div,.tns-gallery>li{position:absolute;transition:transform 0s,opacity 0s}.tns-slider{transition:transform 0s}.carousel__content:not(.tns-slider) .carousel__item{width:50%;display:inline-block}.slider__content:not(.tns-slider) .slider__item{display:inline-block;width:100%}@media (min-width:576px){.carousel__content:not(.tns-slider) .carousel__item{width:33.333333%}}@media (min-width:768px){.carousel__content:not(.tns-slider) .carousel__item{width:20%}}@media (min-width:992px){.carousel__content:not(.tns-slider) .carousel__item{width:calc(20% - 3px)}}
/* Style
--------------------------------------*/
html {
font-size: 12px;
}
body {
overflow-wrap:break-word;
word-wrap:break-word
}
/* default
--------------------------------------*/
a {
font-weight: 400;
transition: color .3s;
}
::-moz-selection {
color: #ffffff;
}
::selection {
color: #ffffff;
}
/* Fixing Rendering
--------------------------------------*/
.nav__menu *,
.gallery * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.template {
min-height: 100vh;
}
/* Fontawesome
--------------------------------------*/
.fab, .fal, .far, .fas {
margin-right: 4px;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa-mn {
margin-right: 0;
}
/* helpers
--------------------------------------*/
.pl-none {
padding-left: 0 !important;
}
.pr-none {
padding-right: 0 !important;
}
.ml-none {
margin-left: 0 !important;
}
.mr-none {
margin-right: 0 !important;
}
.ml-auto {
margin-left: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
[class*=flx-] {
display: -ms-flexbox !important;
display: flex !important;
}
.flx-xyc,
.flx-yc {
-ms-flex-align: center !important;
align-items: center !important;
}
.flx-xyc,
.flx-xc {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.stretch {
top: 0;left: 0;right: 0;bottom: 0;
}
.noEvent {
pointer-events: none;
}
/* Keyframes
--------------------------------------*/
@-webkit-keyframes dropdown {
from {
-webkit-transform: translateY(-1rem) scale(.9);
transform: translateY(-1rem) scale(.9);
opacity: 0;
}
to {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
opacity: 1;
}
}
@keyframes dropdown {
from {
-webkit-transform: translateY(-1rem) scale(.9);
transform: translateY(-1rem) scale(.9);
opacity: 0;
}
to {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
opacity: 1;
}
}
@-webkit-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Template ui
--------------------------------------*/
/* Input */
.form-input {
padding: .8em 1em;
border: 2px solid rgba(0, 0, 0, 0.1);
transition: border .2s;
box-shadow: 0 0 transparent;
background: #fff;
line-height: 1;
}
.form-input,
.form-input::-webkit-input-placeholder {
font-weight: 500;
font-size: 1.1rem;
color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::-moz-placeholder {
font-weight: 500;
font-size: 1.1rem;
color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input:-ms-input-placeholder {
font-weight: 500;
font-size: 1.1rem;
color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::-ms-input-placeholder {
font-weight: 500;
font-size: 1.1rem;
color: rgba(0, 0, 0, .5);
}
.form-input,
.form-input::placeholder {
font-weight: 500;
font-size: 1.1rem;
color: rgba(0, 0, 0, .5);
}
/* Button */
.btn {
color: #444444;
padding: 1em;
opacity: 1;
transition: opacity .3s;
background-color: #f2f2f2;
border-radius: 3px;
}
.btn-ghost {
background: transparent;
border: 1px solid rgba(0,0,0,.06);
}
.btn:hover {
opacity: .75;
color: #444444;
}
.btn[class*='bg-'],
.btn[class*='skin-bg'] {
color: #fff;
}
.btn[class*='bg-']:hover,
.btn[class*='skin-bg']:hover {
color: #fff;
}
.btn-border {
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.1);
color: #757575;
transition: color .3s, border .3s;
font-weight: 500;
line-height: 1;
display: inline-block;
}
.btn-border:hover {
border-color: rgba(0, 0, 0, 0.15);
color: #262626;
}
/* Gallery */
.gallery {
margin-bottom: 1rem;
}
.gallery__href {
position: relative;
display: block;
overflow: hidden;
text-align: center;
}
.gallery__title {
white-space: initial;
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 0;
font-weight: 500;
font-size: 1.1rem;
z-index: 10;
color: rgba(0,0,0,0);
padding: 1.5rem;
background-image: linear-gradient(transparent,rgba(0, 0, 0, 0.5));
transition: color .3s;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}
.gallery__title:hover {color: #fff;}
.gallery__image img,
.gallery__image {
width: 100%;
}
.gallery__image {
position: relative;
z-index: 5;
}
.gallery__href::before {
transition-duration: .5s !important;
}
/* if => is Post related */
.rel__date {
display: block;
margin-top: .5rem;
font-size: 1rem;
opacity: .75;
}
.rel__title {
font-size: 1.2rem;
}
/*Carousel*/
.carousel__controls {
position: absolute;
top: 0;bottom: 0;
opacity: 0;
z-index: 10;
padding: 1.2rem;
font-size: 18px;
cursor: pointer;
transition: background .3s,opacity .3s;
background: rgba(255,255,255,.25);
color: #262626;
}
.carousel__controls:hover {
background: rgba(255,255,255,.75)
}
.carousel:hover .carousel__controls {opacity: 1;}
.controls__prev {left: 0}
.controls__next {right: 0}
/*Cards*/
.card {
margin-bottom: 1rem;
}
.card__data {
padding: 1.2rem;
}
.card__authorName {
font-weight: 500;
}
.card__descripcion:not(:last-child),
.card__meta:not(:last-child),
.card__header:not(:last-child) {
padding-bottom: 1rem;
}
.card__icon {
position: absolute;
bottom: 0;
font-size: 1.2rem;
right: 0;
padding: 1.2rem;
z-index: 1;
}
.pagerPost,
.post-related,
.postComments,
.shareButtons:not(.card__share) {
padding-top: 1.5rem;
}
.card__title {
font-size: 1.4rem;
margin-bottom: 0;
font-weight: 400;
}
.card__data {
position: relative;
}
.card__authorImage {
overflow: hidden;
border-radius: 50%;
margin-right: .5rem;
}
.Image__full {
margin-left: -1rem;
margin-right: -1rem;
}
.card__image {
position: relative;
}
.card__image,
.card__image img {
width: 100%;
display: block;
}
.card__item {
font-weight: 500;
}
time.card__item {
text-transform: capitalize;
}
.card__item,
.card__item * {
transition: color .3s;
}
.card__item:not(:last-child) {
margin-right: .75rem;
}
.card__descripcion {
font-size: 1.1rem;
}
.card__readMore::before {
display:none;
}
.card__image:hover .card__readMore::before {
display:block;
animation-fill-mode: both !important;
}
/* if => is Search */
.search-img {
float: left;
margin-right: 1rem;
margin-bottom: 1rem;
}
.card-search .card__header {
padding-bottom: .5rem !important;
}
.card-search .card__title {
font-size: 1.1rem;
font-family: inherit;
}
.card-search .card__title a {
font-weight: 500;
}
.card__readMore {
color: #fff;
font-size: 24px;
margin: 0;
}
.card__readMore,
.gallery__href::before,
.card__overlay {
opacity: 0;
transition: opacity .2s;
z-index: 10;
}
.card__image:hover .card__readMore {
opacity: 1;
}
.gallery__href:hover::before,
.card__image:hover .card__overlay {
opacity: .75;
}
.card__readMore,
.card__overlay,
.gallery__href::before,
.card__overlay::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gallery__href::before,
.card__overlay::before {
content: "";
}
/*share buttons*/
.articleTags .btn,
.shareFeatured .btn,
.shareButtons .btn {
margin: 0 6px 6px 0;
}
.skin-i {
color: rgba(0,0,0,0.5);
}
/* FeatureTags
---------------------------------------------------*/
.ftag-content {
position: absolute;
z-index: 20;
display: inline-block;
top: 1rem;
left: 1rem;
}
.ftag-name {
text-transform: capitalize;
float: left;
text-decoration: none;
cursor: pointer;
transition: background .3s;
white-space: nowrap;
padding: .7rem;
color: #fff;
border-radius: 2px;
margin: 2px;
font-size: 13px;
line-height: 1;
}
.ftag-name:hover {
background: #262626;
color: #fff;
}
/* Pallete colors (500)
--------------------------------------*/
/* Color */
.color-fern {
color: #67B36A;
}
.color-ocean-green {
color: #409C75;
}
.color-eastern-blue {
color: #23A6B3;
}
.color-san-marino {
color: #42689C;
}
.color-blue-violet {
color: #655FB3;
}
/* Background */
.bg-fern {
background-color: #67B36A;
}
.bg-ocean-green {
background-color: #409C75;
}
.bg-eastern-blue {
background-color: #23A6B3;
}
.bg-san-marino {
background-color: #42689C;
}
.bg-blue-violet {
background-color: #655FB3;
}
/*! Article v1.1.0
--------------------------------------*/
.drop-caps:first-letter {
float: left;
font-size: 70px;
line-height: 60px;
padding-top: .5rem;
padding-right: 1rem;
font-weight: 300;
font-family: Georgia, serif;
}
/*Lead*/
.lead {
font-size: 1.4rem;
font-weight: 300;
}
/*Paragraph Grid */
.pgrid > [class*="col-"] {
margin-bottom: 24px;
}
/*Blockquote*/
blockquote {
border-left: 3px solid;
padding: 1rem 1.5rem;
font-weight: 400;
margin-bottom: 0;
margin-top: 0;
margin-left: 1rem;
font-size: 1.2rem;
position: relative;
}
blockquote footer {
display: block;
margin-top: .5rem;
font-size: 1rem;
opacity: .8;
}
blockquote footer::before {
content: "\2014 \00A0";
}
blockquote:before {
opacity: .5;
content: "“";
font-size: 4rem;
margin-right: .25em;
float: left;
line-height: 1;
height: 22px;
}
/* Tabs */
.wjs-item {
display: inline-block;
padding: 1rem;
white-space: nowrap;
font-weight: 500;
transition-duration: 0s;
}
.wjs-item,
.wjs-item:hover {
color: #757575;
}
.wjs-item.is-active {
color:#fff;
}
.wjs-panel {
padding: 1rem;
}
/* if => is vertical */
.tab-vertical .wjs-item {
display: block;
}
.tab-vertical {
display: -ms-flexbox;
display: flex;
}
/* Spoiler */
.wjs-spoiler,
.accordion-item {
margin-bottom: 5px;
}
.wjs-button,
.accordion-title {
padding: .8rem 1rem;
cursor: pointer;
display: block;
font-weight: 500;
color: #262626;
background: #f3f3f3;
border-radius: 2px;
width: 100%;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wjs-button:hover,
.accordion-title:hover {
opacity: .9;
}
.wjs-container,
.accordion-content {
height: 0;
padding-right: 1rem;
padding-left: 1rem;
overflow: hidden;
-webkit-transform: translateY(-1rem);
transform: translateY(-1rem);
}
.wjs-container.is-active,
.accordion-item.is-active .accordion-content {
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
/* Separators */
.divider, [class*="divider-"] {
display: block;
padding-top: 2rem;
margin-bottom: 2rem;
position: relative;
}
[class*="divider-"]::before {
content: "";
display: block;
}
.divider {
border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}
.divider-dotted {
border-bottom: 2px dotted rgba(0, 0, 0, 0.15);
}
.divider-dashed {
border-bottom: 2px dashed rgba(0, 0, 0, 0.15);
}
.divider-shadow {
box-shadow: 0 12px 15px -10px rgba(0, 0, 0, 0.4);
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.divider-double {
border-bottom: 6px double rgba(0, 0, 0, 0.15);
}
.divider-ribbon::before {
height: 10px;
background: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(0, 0, 0, 0.1) 5px, rgba(0, 0, 0, 0.1) 10px) transparent;
}
.divider-gradient::before {
height: 2px;
background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.15), transparent);
}
/* Alerts */
.alert {
background-color: #f3f3f3;
padding: 1.5rem;
color: rgba(0, 0, 0, 0.75);
margin-bottom: 5px;
}
.alert-success {
background-color: #b2d9b4;
}
.alert-warning {
background-color: #f1e2b9;
}
.alert-danger {
background-color: #ecb9c1;
}
/* Alerts modifiers */
.Blog > .alert {
margin-bottom: 1rem;
}
/*Video*/
video {
background-color: #161616;
}
/*audio*/
audio {
display: block;
width: 100%;
}
/*Align image*/
[class*='align-image-'] {
margin-top: .5em;
margin-bottom: .5em;
}
.align-image-left {
clear: left;
float: left;
margin-right: 1em;
}
.align-image-right {
clear: right;
float: right;
margin-left: 1em;
}
/*Image caption*/
.Image__caption figcaption {
padding: 1rem;
font-size: 12px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
text-align: center;
}
/*Image caption cover*/
.Image__textCover {
position: relative;
}
.Image__textCover figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2rem;
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
/* Header
--------------------------------------*/
.nav-search-bg {
-webkit-animation: fade .5s;
animation: fade .5s;
position: fixed;
z-index: 9995;
background: rgba(0, 0, 0, 0.9);
}
.post-body img[src*="?featured=common"],
.post-body img[src*="?featured=full"],
.nav-search-bg,
.search-container {
display: none;
}
.nav-search.is-active .search-container,
.nav-search.is-active + .nav-search-bg {
display: block;
}
.search-container {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 9999;
}
.search-container input {
padding: 1.5rem 1.8rem;
background: transparent;
width: 300px;
color: #fff;
font-size: 1.4rem;
will-change: transform, opacity;
border: 4px solid;
}
.search-container input::-webkit-input-placeholder {
color: #fff;
font-size: 1.4rem;
}
.search-container input::-moz-placeholder {
color: #fff;
font-size: 1.4rem;
}
.search-container input:-ms-input-placeholder {
color: #fff;
font-size: 1.4rem;
}
.search-container input::-ms-input-placeholder {
color: #fff;
font-size: 1.4rem;
}
.search-container input::placeholder {
color: #fff;
font-size: 1.4rem;
}
.search-btn {
margin-left: auto;
cursor: pointer;
font-size: 1.2rem;
}
.header__wrapper {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.logo__descripcion {
font-weight: 500;
font-size: 1rem;
padding-top: .2rem;
display: block;
}
.logo__title {
margin-bottom: 0;
font-size: 2rem;
line-height: 1.2;
}
.logo__link {
font-weight: 700;
display: inline-block;
}
/* Main menu
--------------------------------------*/
/* Menu */
.header__nav {
position: relative;
z-index: 100;
}
.nav__menu {
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}
.nav__menu a {
padding: 1.4rem 1.2rem;
font-weight: 500;
white-space: nowrap;
text-transform: uppercase;
font-size: 1.1rem;
position: relative;
z-index: 1;
}
.nav__menu ul a {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
transition: background .3s;
}
.nav__menu ul > li:hover > a {
background: rgba(255,255,255,.15);
}
.nav__menu .is-parent > a > span.is-arrow::after,
.nav__menu ul .is-parent > a > span.is-arrow::after {
border: 2px solid;
width: 8px;
height: 8px;
margin-top: -3px;
-webkit-transform: rotate(45deg) translateZ(0);
transform: rotate(45deg) translateZ(0);
margin-left: .75rem;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s,-webkit-transform .3s;
}
/* Toggle */
.nav__toggle--icon {
width: 22px;
position: relative;
z-index: 80;
height: 12px;
cursor: pointer;
display:block;
}
.nav__toggle--icon span:after,
.nav__toggle--icon span:before {content: "";}
.nav__toggle--icon span, .nav__toggle--icon span::after, .nav__toggle--icon span::before {
position: absolute;
left: 0;
display: block;
height: 2px;
width: 100%;
transition: top .3s, bottom .3s, opacity .3s,-webkit-transform .3s;
transition: transform .3s,top .3s, bottom .3s, opacity .3s;
transition: transform .3s,top .3s, bottom .3s, opacity .3s,-webkit-transform .3s;
}
.nav__toggle--icon span::before {top: -6px;}
.nav__toggle--icon span::after {bottom: -6px;}
.nav__toggle--icon span {
top: 50%;
margin-top: -1px;
}
.nav__toggle.is-active .nav__toggle--icon span {
transition-delay: .22s;
transition-timing-function: ease;
-webkit-transform: translate3d(0,0,0) rotate(-45deg);
transform: translate3d(0,0,0) rotate(-45deg);
}
.nav__toggle.is-active .nav__toggle--icon span::before {
top: 0;
transition: top .1s ease .16s,-webkit-transform .13s ease .25s;
transition: top .1s ease .16s,transform .13s ease .25s;
transition: top .1s ease .16s,transform .13s ease .25s,-webkit-transform .13s ease .25s;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.nav__toggle.is-active .nav__toggle--icon span::after {
bottom: 0;
opacity: 0;
transition: bottom .3s,opacity .1s linear .1s;
}
.nav__toggle {padding: 1.5rem 0;}
/* Layout
--------------------------------------*/
.template-box {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 0, 0.05);
}
.main {
padding-top: 1rem;
padding-bottom: 1rem;
}
.skin-box,
.main {
padding: 1rem;
}
.main__general .widget:last-child {
margin-bottom: 1rem;
}
.main,
.header .header__nav,
.header__wrapper {
padding-right: 1rem;
padding-left: 1rem;
}
.main__blog,
.header,
.footer,
.main {
width: 100%;
}
.blog {
position: relative;
margin-bottom: 1.5rem;
}
.blog:not(.showSidebar) {
width: 100%;
}
.col-5ta {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
/* Widgets
--------------------------------------*/
#LinkList200,
#LinkList210,
header .widget {
padding: 0 !important;
box-shadow: 0 0 transparent !important;
background: none transparent !important;
}
#LinkList210,
header .widget,
#footer-copyright .widget,
#footerLinks .widget {
margin: 0 !important;
}
header .widget-title {
display: none;
}
.widget {
width: 100%;
}
.widget-title {
margin-bottom: 1rem;
position: relative;
}
.widget-name {
display: inline-block;
padding: 1.1rem;
font-size: 1rem;
text-transform: uppercase;
font-weight: 500;
}
.widget-more {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.widget-more-item {
font-size: 1rem;
padding-right: 1.1rem;
padding-left: 1.1rem;
text-transform: uppercase;
font-weight: 500;
transition: padding .3s;
will-change: paddding;
}
.widget-more-item:hover {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.widget-content {
width: 100%;
}
.article:not(:last-child),
.widget:not(:last-child) {
margin-bottom: 1rem;
}
/*
=> Search
*/
.form-info {
margin-bottom: 1rem;
font-size: 1.1rem;
}
.searchForm__input {
border-right: 0 none;
}
.searchForm__button {
border-radius: 0;
font-size: 1.2rem;
padding: 1rem;
}
.searchForm__button [class*=fa-] {
margin: 0;
width: 1.25em;
}
/*
=> Labels
*/
.tagsList__link {
padding: 1rem 1.2rem;
margin-right: 5px;
margin-bottom: 5px;
}
.tags-list__num {
font-weight: 700;
opacity: .5;
margin-left: 5px;
}
.tagsList--list .tags-list__num {
float: right;
}
.tagsList--list .tagsList__link {
width: 100%;
margin-right: 0;
text-align: left;
}
/*
=> Popular posts
*/
.hotPosts__image {
width: 75px;
margin-right: 1rem;
}
.hotPosts__content:not(:last-child) {
margin-bottom: 1rem;
}
.hotPosts__title {
font-size: 1.1rem;
margin-bottom: .5rem;
}
.hotPosts__title a {
color: #262626;
}
.hotPosts__snippet {
font-weight: 400;
color: #767676;
}
/*
=> Featured Post
*/
.featuredPost-data .card__title:not(:last-child) {
padding-bottom: 1rem;
}
/*
=> Image
*/
.header .imgImage {
width: 100%;
}
.imgCaption {
margin-top: 1rem;
display: block;
margin-bottom: 0;
}
/*if => header*/
header .widget.Image {
position: relative;
}
header .imgCaption {
position: absolute;
right: 1.5rem;
bottom: 1.5rem;
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 1rem 1.2rem;
border-radius: 4px;
}
/*
=> WJS-Sections
*/
.wjs-section {
margin-bottom: -1rem;
}
/* Footer
--------------------------------------*/
.footer__copy {
text-align: center;
}
.copy__date {
display: inline-block;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
}
.copy__attribution {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
}
.copy__attribution a {
font-weight: 700;
}
.footer__primary {
border-bottom-style: solid;
border-bottom-width: 2px;
}
.socialList-item:not(:last-child) {
margin-right: .75rem;
}
.socialList-item {
font-size: 1.5rem;
}
/* No JS
--------------------------------------*/
.no-js .wjs-section,
.no-js .circular {
display: none;
}
/* Media Queries
--------------------------------------*/
@media (max-width: 991px) {
.nav__menu {
position: fixed;
top: 0;
min-width: 260px;
max-width: 80vw;
display: none;
left: 0;
bottom: 0;
z-index: 9001;
display: none;
}
.nav__menu {
white-space: normal;
}
.nav__menu.is-active {
display: block;
}
}
@media (max-width: 767px) {
.socialList {
padding-bottom: 1rem;
padding-top: 1rem;
-ms-flex-pack: center;
justify-content: center;
}
.footer__copy {
padding-bottom: 1rem;
}
}
@media (max-width: 575px) {
.footerLink {
padding: 1.2rem;
width: 100%;
text-align: center;
margin-bottom: .5rem;
background: rgba(0, 0, 0, 0.5);
}
.footerLink:not(:last-child) {
margin-bottom: .5rem;
}
}
/* Small devices */
@media (min-width: 576px) {
.card__descripcion:not(:last-child),
.card__meta:not(:last-child),
.card__header:not(:last-child) {
padding-bottom: 1.4rem;
}
.nav__menu {
width: auto;
}
.col-5ta-sm {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.footerLink:not(:last-child) {
margin-right: 1rem;
}
}
/* Medium devices */
@media (min-width: 768px) {
.col-5ta-md {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.search-container input {
width: 600px;
}
html {
font-size: 14px;
}
.footer__copy {
text-align: right;
}
}
/* Large devices */
@media (min-width: 992px) {
.layout-box {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.nav__menu {
box-shadow: 0 0 transparent;
}
.blog {margin-bottom: 0;}
.nav__toggle {
display: none;
}
.nav__menu>li:hover>a>.is-arrow::after {
-webkit-transform: rotate(-45deg) translateZ(0);
transform: rotate(-45deg) translateZ(0)
}
.nav__menu ul li:hover>a>.is-arrow::after {
-webkit-transform: rotate(135deg) translateZ(0);
transform: rotate(135deg) translateZ(0)
}
.nav__menu li > ul {
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}
.skin-left {
float: left;
}
.skin-right {
float: right;
}
.nav__menu li > ul {
display: none !important;
}
.nav__menu li:hover > ul {
display: block !important;
transform-origin: top center;
}
.dropdown-menu > li {
transition: background .3s;
}
.col-5ta-lg {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
/* Extra large devices */
@media (min-width: 1200px) {
.col-5ta-xl {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
/*]]>*/</style>
<b:comment>Post/Static Page Styles</b:comment>
<b:if cond='data:view.isSingleItem'>
<style>/*<![CDATA[*/
/*Body*/
.articleTags {
padding-bottom: 1rem;
}
.post__title {
font-size: 2rem;
margin-bottom: 1rem;
}
.page__title {
padding-bottom: 2rem;
border-bottom: 2px solid #f2f2f2;
margin-bottom: 2rem;
}
.article__cover {
width: 100%;
}
.post-body {
font-size: 14px;
}
.article .card__header {
margin-bottom: 1.5rem;
padding-bottom: 0;
}
.post-related ~ .pagerPost {
margin-top: -1rem;
}
@media (min-width: 576px) {
.post-body {
font-size: 16px;
}
}
/* Only articles */
/*Heading*/
.post-body h1,.post-body .h1,
.post-body h2,.post-body .h2,
.post-body h3,.post-body .h3,
.post-body h4,.post-body .h4,
.post-body h5,.post-body .h5,
.post-body h6,.post-body .h6 {
margin: 0 0 1.5rem;
font-weight: 500;
}
/*List*/
.post-body ul,
.post-body ol {
margin-left: 1.75em;
}
.post-body ul {
list-style-type: disc;
}
.post-body ul ul {
list-style-type: circle;
}
.post-body ol {
list-style-type: decimal;
counter-reset: counter;
}
.post-body .fa-ul {
list-style-type: none;
}
/*if => unstyled */
.post-body .list-unstyled {
padding-left: 0;
margin-left: 0;
list-style: none;
}
/*Table*/
.post-body table {
text-align: left;
width: 100%;
}
.post-body table tbody td,
.post-body table thead th {
padding: 1rem;
border-bottom: 1px solid #e3e3e3;
color: #757575;
}
.post-body table thead th {
white-space: nowrap;
color: #454545;
border-width: 2px;
}
/*Button*/
.post-body .btn {
margin-right: 2px;
margin-bottom: 6px;
font-size: 1.1rem;
}
/* if => is dark background */
.post-body-dark .table td,
.post-body-dark .table th {
color: #ddd;
border-color: rgba(0, 0, 0, 0.75);
}
.post-body-dark .table th {
color: #fff;
}
.post-body-dark .tab .wjs-item,
.post-body-dark .tab .wjs-item:hover {
color: #fff;
}
/*reactions*/
.reactions-iframe {
width: 100%;
height: 22px;
}
/*]]>*/</style>
</b:if>
<b:comment>Options (Warning, it can cause crashing!)</b:comment>
<b:skin><![CDATA[
/*!
=> Theme Name: Anime.xml Free
=> Theme URI: https://shop.zkreations.com
=> Author: Daniel Abel M. (Copyright 2019 zkreations)
=> Author URI: https://fb.com/danieI.abel
=> Version: 4.3.0
=> License: Creative Commons Atribucion-NoComercial 4.0 Internacional
=> License URI: http://creativecommons.org/licenses/by-nc/4.0/
*/
/*Fix: Unnecessary elements removed*/
.widget-item-control,.item-control.blog-admin,
.continue,.loadmore,.thread-chrome.thread-collapsed,
.singleton-element:not(.cookie-choices-info),
.noAllowNewComments .comment-reply,
.comments .hidden {display:none}
/*Fix: Show lightbox*/
.CSS_LIGHTBOX{z-index:90001!important}
/*Fix: Responsive images*/
a[style^=margin-left],
a[imageanchor]:not([style*=float]) {
margin-right: 0 !important;
margin-left: 0 !important;
}
.widget-content img,
img[data-original-height],
img[data-original-width] {height: auto;}
/*Fix: Responsive videos*/
.BLOG_video_class, .b-hbp-video, .b-uploade {
max-width: 100%;
}
/*Fix: Comment Editor*/
#comment-editor{
border:0;
width:100%;
min-height:220px
}
/* Configurations
====================
<!-- General Options -->
<Variable name="config.comments" description="Comment system" type="string" default="blogger" value="blogger"/>
<Variable name="config.shortname" description="Shortname of Disqus" type="string" default="shortname" value="shortname"/>
<!-- Animate.css -->
<Variable name="config.animate.search" description="Search engine animation" type="string" default="fadeInDown .5s" value="fadeInDown .5s"/>
<Variable name="config.animate.menu" description="Menu animation" type="string" default="flipInX .5s" value="flipInX .5s"/>
<Variable name="config.animate.menu.mobile" description="Mobile menu animation" type="string" default="fadeInLeft .5s" value="fadeInLeft .5s"/>
<Variable name="config.animate.cover" description="Article Animation" type="string" default="fadeIn .5s" value="fadeIn .5s"/>
<Variable name="config.animate.cover.text" description="Article Animation (Icon)" type="string" default="fadeInDown .5s" value="fadeInDown .5s"/>
<!-- Bundle.css -->
<Variable name="config.bundle.ctheme" description="Bundle comment theme" type="string" default="anime" value="anime"/>
<!-- Cards (Home posts) -->
<Variable name="config.post.column" description="Number of columns" type="string" default="2" value="3"/>
<Variable name="config.post.showSnippet" description="Show Snippet" type="string" default="true" value="false"/>
<Variable name="config.post.showMeta" description="Show Meta" type="string" default="true" value="true"/>
<!-- Image Ratio -->
<Variable name="config.ratio.post" description="Aspect ratio" type="string" default="true" value="true"/>
<Variable name="config.ratio.slider" description="Aspect ratio (Slider)" type="string" default="true" value="false"/>
<Variable name="config.ratio.featured" description="Aspect ratio (Featured Post)" type="string" default="true" value="true"/>
<!-- Show -->
<Variable name="config.show.homeSidebar" description="Show Home sidebar" type="string" default="true" value="false"/>
<Variable name="config.show.postSidebar" description="Show Post sidebar" type="string" default="true" value="true"/>
<Variable name="config.show.pageSidebar" description="Show Page sidebar" type="string" default="true" value="true"/>
<Variable name="config.show.errorSidebar" description="Sidebar on Error" type="string" default="true" value="true"/>
<Variable name="config.show.postPager" description="Show pagination in entrys" type="string" default="true" value="true"/>
<Variable name="config.show.search" description="Show menu search" type="string" default="true" value="true"/>
<!-- Funtions -->
<Variable name="config.el.oppositeBlog" description="Exchange between sidebar and blog" type="string" default="false" value="false"/>
<Variable name="config.el.postsRelated" description="Related entries" type="string" default="true" value="true"/>
<Variable name="config.el.postsRelated.num" description="Number of posts related" type="string" default="2" value="2"/>
<Variable name="config.el.postsRelated.column" description="Columns of posts related" type="string" default="2" value="2"/>
<Variable name="config.el.localeDate" description="Time formatting" type="string" default="en-Us" value="en-Us"/>
<Variable name="config.el.featureTags" description="Feature Tags" type="string" default="false" value="false"/>
<Variable name="config.el.featureTags.tags" description="Array of labels" type="string" default="" value=""/>
<!-- image default -->
<Variable name="config.default.image" description="Default image" type="string" default="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97pxmiWMKfUxEc8hoQx4vwiPua91wdHTFhSkK6ui0nXkY_9_OC5KHinkpoNO9saVJqziONGUVKmPWxtDLaAzBUQxVB3uy7xrDTfuutu3BNyWP3rpcmxTw5XoJnIj8aYQcIYnFXdi6CDar/s1600/no-img-blogger.png" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi97pxmiWMKfUxEc8hoQx4vwiPua91wdHTFhSkK6ui0nXkY_9_OC5KHinkpoNO9saVJqziONGUVKmPWxtDLaAzBUQxVB3uy7xrDTfuutu3BNyWP3rpcmxTw5XoJnIj8aYQcIYnFXdi6CDar/s1600/no-img-blogger.png"/>
<!-- Default messages -->
<Variable name="config.msj.nojs" description="Javascript Disable" type="string" default="Javascript required" value="Javascript required"/>
Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#2196f3" value="#2196f3"/>
<Group description="Accents" selector="body">
<Variable name="main.bg" description="Main Background" type="color" default="#e0e0e0" value="#e0e0e0"/>
<Variable name="main.color" description="Main Background Color" type="color" default="#23a6b3" value="#23a6b3"/>
<Variable name="main.linkColor" description="Link color" type="color" default="#23a6b3" value="#23a6b3"/>
</Group>
<Group description="Widths" selector=".main">
<Variable name="width.content" description="Content width" type="length" min="800px" max="1600px" default="1240px" value="1240px"/>
<Variable name="width.sidebar" description="Sidebar width" type="length" min="100px" max="600px" default="340px" value="340px"/>
<Variable name="width.margin" description="Content margin" type="length" min="0" max="50px" default="30px" value="30px"/>
<Variable name="header.margin" description="Header separation" type="length" min="0" max="200px" default="30px" value="30px"/>
<Variable name="main.margin" description="Content separation" type="length" min="0" max="100px" default="30px" value="30px"/>
</Group>
<Group description="Content font" selector="body">
<Variable name="font.logo" description="Title Font" type="font" size="34px" family="Custom" default="$(size) $(family)" value="$(size) $(family)"/>
<Variable name="font.text" description="Content font" type="font" family="Custom" default="$(family)" value="$(family)"/>
<Variable name="font.desc" description="Blog Description Font" type="font" size="14px" family="Custom" default="$(size) $(family)" value="$(size) $(family)"/>
</Group>
<Group description="Content color" selector=".main">
<Variable name="body.bg" description="Page Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="body.colorTitle" description="Title Color" type="color" default="#262626" value="#262626"/>
<Variable name="body.colorText" description="Text Color" type="color" default="#757575" value="#757575"/>
</Group>
<Group description="Header" selector=".header__wrapper">
<Variable name="header.bg" description="Header Background" type="color" default="#f2f2f2" value="#f2f2f2"/>
<Variable name="header.colorLogo" description="Blog Title Color" type="color" default="#3c3c3c" value="#3c3c3c"/>
<Variable name="header.colorDesc" description="Blog Description Color" type="color" default="#797979" value="#797979"/>
</Group>
<Group description="Header Bar" selector=".header__menu">
<Variable name="menu.bg" description="Background Color" type="color" default="#232323" value="#232323"/>
<Variable name="menu.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Gadgets" selector=".sidebar .widget">
<Variable name="gadget.bg" description="Gadget Background" type="color" default="transparent" value="transparent"/>
<Variable name="gadget.title" description="Background Color" type="color" default="#f2f2f2" value="#f2f2f2"/>
<Variable name="gadget.margin" description="Widget separation" type="length" min="0" max="50px" default="0" value="0"/>
<Variable name="gadget.color" description="Gadget Title Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="gadget.icon" description="Icon color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Posts" selector=".card__content">
<Variable name="post.bg" description="Post background color" type="color" default="#f2f2f2" value="#f2f2f2"/>
<Variable name="post.margin" description="Content margin" type="length" min="0" max="80px" default="28px" value="28px"/>
<Variable name="post.titleColor" description="Post Title Color" type="color" default="#262626" value="#262626"/>
<Variable name="post.dateColor" description="Date Header Color" type="color" default="#979797" value="#979797"/>
<Variable name="post.borderRadius" description="Post border radius" type="length" min="0" max="50px" default="0" value="0"/>
<Variable name="post.snippetColor" description="Post text color" type="color" default="#757575" value="#757575"/>
<Variable name="post.share" description="Sharing" type="color" default="rgba(0, 0, 0, 0.075)" value="rgba(0, 0, 0, 0.075)"/>
<Variable name="post.shareColor" description="Sharing icons color" type="color" default="#757575" value="#757575"/>
</Group>
<Group description="Sharing" selector=".footer__primary">
<Variable name="footer.primaryBg" description="Background Color" type="color" default="#f2f2f2" value="#f2f2f2"/>
<Variable name="footer.shareColor" description="Sharing icons color" type="color" default="#adadad" value="#adadad"/>
<Variable name="footer.linksText" description="Text Color" type="color" default="#adadad" value="#adadad"/>
<Variable name="footer.linksColor" description="Footer Color" type="color" default="#757575" value="#757575"/>
</Group>
<Group description="Footer Links" selector=".footerLinks">
<Variable name="footer.linksBg" description="Footer Background" type="color" default="#131313" value="#131313"/>
<Variable name="footer.IconColor" description="Icon color" type="color" default="#414141" value="#414141"/>
<Variable name="footer.links" description="Link Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Variable name="body.background" description="Main Background" type="background" color="$(main.bg)" default="$(color) none repeat scroll top center" value="$(color) none repeat scroll top center"/>
*/
body{background:$(body.background);font-family:'$(font.text.family)',Roboto,sans-serif}.logo__title,.skin-font,.widget-title{font-family:'$(font.logo.family)',Oswald,sans-serif}.logo__descripcion{font-family:'$(font.desc.family)',Roboto,sans-serif}.container{max-width:$(width.content)}@media (min-width:576px){.logo__title{font-size:$(font.logo.size)}.logo__descripcion{font-size:$(font.desc.size)}}.drop-caps:first-letter,.pageLink.is-selected .btn,.skin-color,.skin-color-hover:hover,.tagsList__link.here,a,a:hover{color:$(main.linkColor)}.card__overlay::before,.dropdown-menu li>ul,.gallery__href::before,.nav__menu a.is-currentUrl,.nav__menu>li:hover,.pageLink.is-selected .btn,.tagsList__link.here,.widget-name{background-color:$(main.color)!important}::-moz-selection{background-color:$(main.color)}::selection{background-color:$(main.color)}.contact-form-button,.ftag-name,.skin-bg,.skin-bg-hover:hover,.widget-more-item,.wjs-item.is-active{background-color:$(main.color)}.wjs-tab:not(.tab-vertical) .tab-header{border-bottom:2px solid $(main.color)}.tab-vertical .tab-header{border-right:2px solid $(main.color)}.footer__primary,.post-body blockquote,blockquote{border-color:$(main.color)}.h1,.h2,.h3,.h4,.h5,.h6,.skin-color-title,h1,h2,h3,h4,h5,h6{color:$(body.colorTitle)}.skin-color-text{color:$(body.colorText)}.header{background-color:$(header.bg)}.search-container input{-webkit-animation:$(config.animate.search);animation:$(config.animate.search)}.card__image:hover .card__overlay::before{-webkit-animation:$(config.animate.cover);animation:$(config.animate.cover)}.authorPortfolio,.card__readMore::before,.portfolio-meta-content .card__title{-webkit-animation:$(config.animate.cover.text);animation:$(config.animate.cover.text)}.header__menu{background-color:$(menu.bg)}@media (max-width:991px){.nav__menu{background-color:$(menu.bg);-webkit-animation:$(config.animate.menu.mobile);animation:$(config.animate.menu.mobile)}.nav__menu a.is-active{background-color:$(main.color)}}.nav__toggle--icon span,.nav__toggle--icon span::after,.nav__toggle--icon span::before{background-color:$(menu.color)}.logo__link,.logo__link:hover{color:$(header.colorLogo)}.logo__descripcion{color:$(header.colorDesc)}@media (min-width:992px){.main{padding-top:$(main.margin);padding-bottom:$(main.margin)}.header__wrapper{padding-top:$(header.margin);padding-bottom:$(header.margin)}}.main{background-color:$(body.bg)}.search-btn{color:$(menu.color)}.nav__menu a{color:$(menu.color)}@media (min-width:992px){.nav__menu li:hover>ul{-webkit-animation:$(config.animate.menu);animation:$(config.animate.menu)}.blog{width:calc(100% - $(width.sidebar) - $(width.margin))}.sidebar{width:$(width.sidebar)}.header .header__nav,.header__wrapper,.main{padding-left:$(width.margin);padding-right:$(width.margin)}.Image__full{margin-left:-$(main.margin);margin-right:-$(main.margin)}}.card__content{background-color:$(post.bg);border-radius:$(post.borderRadius);overflow:hidden;position:relative}.card__title,.card__title a{color:$(post.titleColor)}.card__item{color:$(post.dateColor)}.card__descripcion,.post-body{color:$(post.snippetColor)}.btn-border,.shareButtons .btn,.shareFeatured .btn{border-color:$(post.share);color:$(post.shareColor)}@media (min-width:576px){.card__data{padding:$(post.margin)}.article .card__header{margin-bottom:$(main.margin)}.pagerPost,.post-related,.postComments,.shareButtons:not(.card__share){padding-top:$(main.margin)}}.main .widget{background-color:$(gadget.bg)}.main .widget-title{background-color:$(gadget.title)}.main .widget-title i{color:$(gadget.icon)}.main .widget-name,.widget-more-item,.widget-more-item:hover{color:$(gadget.color)}.footer__primary{background:$(footer.primaryBg)}.socialList-item{color:$(footer.shareColor)}.footerLink .fas{color:$(footer.IconColor)}.footerLink{color:$(footer.links)}@media (min-width:992px){.main .widget{padding:$(gadget.margin)}.article:not(:last-child),.main__general .widget:last-child,.widget:not(:last-child){margin-bottom:$(width.margin)}.skin-box{padding:$(width.margin)}}.footerLinks{background-color:$(footer.linksBg)}.copy__attribution,.copy__date{color:$(footer.linksText)}.copy__attribution a{color:$(footer.linksColor)}
.btnhome1 {
color: #000000;
padding: 1em;
opacity: 1;
transition: opacity .3s;
background-color: #ffbe08f2;
border-radius: 3px;
font: 800 13px arial;
width: 100%;
display: inline-block;
font-weight: 1000;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.btnhome:hover, .btnhome1:hover {
opacity: .75;
color: #fff;
width: 100%;
}
.col-4-sm:hover {
background: #f2f2f2;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.col-4-sm {
padding: 15PX;
BORDER-RADIUS: 10PX;
}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
body#layout .blog,body#layout .sidebar{width:50%}body#layout .noSidebar{width:100%}body#layout .skin-left{float:left}body#layout .skin-right{float:right}body#layout #three-column{width:33.333333%;float:left}body#layout div#LinkList100{float:left;width:49.5%}body#layout div#Text100{float:right;width:49.5%}body#layout .bfix::after{content:"";display:table;line-height:0;clear:both}
]]></b:template-skin>
</b:if>
</head>
<body class='no-js'>
<script>//<![CDATA[
document.body.classList.remove("no-js");
//]]></script>
<b:defaultmarkups>
<b:defaultmarkup type='Image'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:tag class='imgLink' cond='data:link' expr:href='data:link' name='a'>
<b:tag class='imgImage' expr:alt='data:title' expr:src='data:sourceUrl' name='img'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</b:tag>
</b:tag>
<b:if cond='data:caption'>
<span class='imgCaption alert'><data:caption/></span>
</b:if>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Common'>
<b:includable id='widget-title'>
<b:if cond='data:title.length != 0'>
<h3 class='widget-title'>
<span class='widget-name'>
<b:tag cond='data:icon' expr:class='data:icon' name='i'/>
<b:eval expr='data:defaultTitle ?: data:title'/>
</span>
</h3>
</b:if>
</b:includable>
<b:includable id='widgetMsg'>
<div class='alert'>
<b:eval expr='data:defaultMsg ?: data:messages.theresNothingHere'/>
</div>
</b:includable>
<b:includable id='pageInfo'>
<b:if cond='data:view.isError'>
<data:navMessage/>
<b:elseif cond='data:view.search.query or data:view.search.label'/>
<b:include data='{defaultMsg: data:navMessage}' name='widgetMsg'/>
<b:elseif cond='data:view.isArchive'/>
<b:include data='{defaultMsg: data:view.archive.rangeMessage}' name='widgetMsg'/>
<b:elseif cond='data:posts.empty'/>
<b:include name='widgetMsg'/>
</b:if>
</b:includable>
<b:includable id='columnClass'><b:class cond='data:isColumn gte 2' name='col-6-sm'/><b:class cond='data:isColumn gte 3' name='col-4-md'/><b:class cond='data:isColumn gte 4' name='col-3-lg'/><b:class cond='data:isColumn == 5' name='col-5ta-xl'/><b:class cond='data:isColumn == 6' name='col-2-xl'/></b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<b:with value='data:skin.vars.config_default_image' var='imgDefault'>
<b:with value='{postSidebar: data:skin.vars.config_show_postSidebar, homeSidebar: data:skin.vars.config_show_homeSidebar, pageSidebar: data:skin.vars.config_show_pageSidebar, errorSidebar: data:skin.vars.config_show_errorSidebar, oppositeBlog: data:skin.vars.config_el_oppositeBlog, showMeta: data:skin.vars.config_post_showMeta, showSnippet: data:skin.vars.config_post_showSnippet, showShare: data:skin.vars.config_post_showShare, postPager: data:skin.vars.config_show_postPager, postsRelated: data:skin.vars.config_el_postsRelated, featureTags: data:skin.vars.config_el_featureTags, fTags: data:skin.vars.config_el_featureTags_tags, search: data:skin.vars.config_show_search, nojsMsj: data:skin.vars.config_msj_nojs}' var='layout'>
<div class='layout-box container'>
<div class='template display-flex flex-column template-box'>
<header class='header'>
<b:section id='header' maxwidgets='4'>
<b:widget id='Header1' locked='true' title=' TuTiempoDeDinero (Encabezado)' 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'>790</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'>
<div class='container header__wrapper'>
<center>
<div class='header__logo'>
<b:include expr:name='data:image ? "image" : "title"'/>
<b:include name='behindImageStyle'/>
</div>
</center>
</div>
</b:includable>
<b:includable id='behindImageStyle'>
<b:include cond='data:image ? (data:imagePlacement == "BEFORE_DESCRIPTION") : data:description' name='description'/>
</b:includable>
<b:includable id='description'>
<span class='logo__descripcion'><data:description/></span>
</b:includable>
<b:includable id='image'>
<a class='logo__image' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:title' expr:src='data:sourceUrl'/>
</a>
</b:includable>
<b:includable id='title'>
<b:tag class='logo__title' expr:name='data:view.isHomepage ? "h1" : "div"'>
<a class='logo__link' expr:href='data:blog.homepageUrl'><data:title/></a>
</b:tag>
</b:includable>
</b:widget>
<b:widget id='HTML100' locked='false' title='Main menu' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><ul class="dropdown-menu nav__menu" id="nav__menu">
<li><a href="/">Home</a></li>
<li><a href="#">Buy theme</a>
<ul>
<li><a href="#">Store</a>
<ul>
<li><a href="#">Gumroad</a></li>
<li><a href="#">Official site</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/p/shortcodes.html">Shortcodes</a></li>
</ul></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='header__menu'>
<div class='header__nav container flx-yc'>
<nav class='wjs-menu skin-font'>
<button class='nav__toggle wjs-outsite' data-target='nav__menu'>
<span class='nav__toggle--icon'><span/></span>
</button>
<data:content/>
</nav>
<b:include cond='data:layout.search' name='search'/>
</div>
</div>
</b:includable>
<b:includable id='search'>
<button class='search-btn flx-yc wjs-outsite skin-color-hover' data-target='search'>
<i class='fas fa-search'/>
</button>
<form action='/search' class='nav-search flx-yc' id='search' method='get'>
<div class='search-container'>
<input autocomplete='off' autofocus='autofocus' class='form-input' expr:placeholder='data:messages.searchBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' required='required' spellcheck='false' type='text'/>
</div>
</form>
<span class='nav-search-bg stretch'/>
</b:includable>
</b:widget>
</b:section>
</header>
<div class='main flex-fill'>
<div class='main__blog clearfix'>
<b:section class='main__general' id='general'>
<b:widget id='HTML3' locked='true' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><div id="content">
<div class='ticker-wrap'>
<div id='ticker'>
</div></div></div>
<style>
/* CSS News Ticker */
.ticker-wrap {
display: block;
text-align: center;
margin: 0 20px 20px 20px;
padding: 2px;
background: #fefefe;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left: 5px solid #3598db
}
.ticker-wrap>span {
display: inline-block;
background: #fefefe;
padding: 0;
font: 700 13px 'roboto', sans-serif;
}
.ticker-wrap>span>a {
color: #222;
text-decoration: none
}
#ticker {
height: 45px;
overflow: hidden;
background: #fefefe;
text-align: left
}
#ticker ul {
padding: 0;
margin: 0;
list-style: none
}
#ticker ul li {
height: 45px;
white-space: nowrap
}
#ticker ul li img {
float: left;
width: 35px;
height: 35px;
margin: 5px 7px 5px 5px
}
#ticker ul li h3 {
margin: 0;
font: 700 16px 'roboto', sans-serif
}
#ticker ul li h3 a {
color: #333;
text-decoration: none;
line-height: 25px!important
}
#ticker ul li .tickermeta {
font: 400 13px 'roboto', sans-serif;
line-height: 20px!important;
color: #999
}
</style>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js'></script>
<script>
//<![CDATA[
function getauthor(t) {
for (var e = 0; e < t.length; e++) var i = t[e].name.$t;
return i
}
function getmeta(t) {
var e = [];
e[1] = "Jan", e[2] = "Feb", e[3] = "Mar", e[4] = "Apr", e[5] = "May", e[6] = "Jun", e[7] = "Jul", e[8] = "Aug", e[9] = "Sep", e[10] = "Oct", e[11] = "Nov", e[12] = "Dec";
var i = t.substring(0, 4),
a = t.substring(5, 7),
n = t.substring(8, 10),
r = e[parseInt(a, 10)] + " " + n + " " + i;
return r
}
function softwebtutsTicker(t) {
var e = document.querySelector("#ticker"),
i = t.feed.entry,
a = "<ul id='ticket-wrapper-inner'>";
if (i) {
for (var n = 0; n < i.length; n++) {
for (var r = i[n], s = 0; s < r.link.length; s++)
if ("alternate" == r.link[s].rel) {
var l = r.link[s].href;
break
}
try {
var o = '<img src="' + r.media$thumbnail.url + '"/>'
} catch (t) {
var o = ""
}
var u = r.title.$t,
c = getauthor(r.author),
d = getmeta(r.published.$t);
a += "<li>" + o + '<h3><a href="' + l + '">' + u + '</a></h3><div class="tickermeta"><span>' + c + "</span> - <span>" + d + "</span></div></li>"
}
a += "</ul>", e.innerHTML = a
}
$("#ticker").vTicker()
}! function(t) {
var e = {
speed: 700,
pause: 4e3,
showItems: 1,
mousePause: !0,
height: 0,
animate: !0,
margin: 0,
padding: 0,
startPaused: !1
},
i = {
moveUp: function(t, e) {
i.animate(t, e, "up")
},
moveDown: function(t, e) {
i.animate(t, e, "down")
},
animate: function(e, i, a) {
var n = e.itemHeight,
r = e.options,
s = e.element,
l = s.children("ul"),
o = "up" === a ? "li:first" : "li:last";
s.trigger("vticker.beforeTick");
var u = l.children(o).clone(!0);
if (0 < r.height && (n = l.children("li:first").height()), n += r.margin + 2 * r.padding, "down" === a && l.css("top", "-" + n + "px").prepend(u), i && i.animate) {
if (e.animating) return;
e.animating = !0, l.animate("up" === a ? {
top: "-=" + n + "px"
} : {
top: 0
}, r.speed, function() {
t(l).children(o).remove(), t(l).css("top", "0px"), e.animating = !1, s.trigger("vticker.afterTick")
})
} else l.children(o).remove(), l.css("top", "0px"), s.trigger("vticker.afterTick");
"up" === a && u.appendTo(l)
},
nextUsePause: function() {
var e = t(this).data("state"),
i = e.options;
e.isPaused || 2 > e.itemCount || a.next.call(this, {
animate: i.animate
})
},
startInterval: function() {
var e = t(this).data("state"),
a = this;
e.intervalId = setInterval(function() {
i.nextUsePause.call(a)
}, e.options.pause)
},
stopInterval: function() {
var e = t(this).data("state");
e && (e.intervalId && clearInterval(e.intervalId), e.intervalId = void 0)
},
restartInterval: function() {
i.stopInterval.call(this), i.startInterval.call(this)
}
},
a = {
init: function(n) {
a.stop.call(this);
var r = jQuery.extend({}, e);
n = t.extend(r, n);
var r = t(this),
s = {
itemCount: r.children("ul").children("li").length,
itemHeight: 0,
itemMargin: 0,
element: r,
animating: !1,
options: n,
isPaused: n.startPaused ? !0 : !1,
pausedByCode: !1
};
t(this).data("state", s), r.css({
overflow: "hidden",
position: "relative"
}).children("ul").css({
position: "absolute",
margin: 0,
padding: 0
}).children("li").css({
margin: n.margin,
padding: n.padding
}), isNaN(n.height) || 0 === n.height ? (r.children("ul").children("li").each(function() {
var e = t(this);
e.height() > s.itemHeight && (s.itemHeight = e.height())
}), r.children("ul").children("li").each(function() {
t(this).height(s.itemHeight)
}), r.height((s.itemHeight + (n.margin + 2 * n.padding)) * n.showItems + n.margin)) : r.height(n.height);
var l = this;
n.startPaused || i.startInterval.call(l), n.mousePause && r.bind("mouseenter", function() {
!0 !== s.isPaused && (s.pausedByCode = !0, i.stopInterval.call(l), a.pause.call(l, !0))
}).bind("mouseleave", function() {
(!0 !== s.isPaused || s.pausedByCode) && (s.pausedByCode = !1, a.pause.call(l, !1), i.startInterval.call(l))
})
},
pause: function(e) {
var i = t(this).data("state");
if (i) {
if (2 > i.itemCount) return !1;
i.isPaused = e, i = i.element, e ? (t(this).addClass("paused"), i.trigger("vticker.pause")) : (t(this).removeClass("paused"), i.trigger("vticker.resume"))
}
},
next: function(e) {
var a = t(this).data("state");
if (a) {
if (a.animating || 2 > a.itemCount) return !1;
i.restartInterval.call(this), i.moveUp(a, e)
}
},
prev: function(e) {
var a = t(this).data("state");
if (a) {
if (a.animating || 2 > a.itemCount) return !1;
i.restartInterval.call(this), i.moveDown(a, e)
}
},
stop: function() {
t(this).data("state") && i.stopInterval.call(this)
},
remove: function() {
var e = t(this).data("state");
e && (i.stopInterval.call(this), e = e.element, e.unbind(), e.remove())
}
};
t.fn.vTicker = function(e) {
return a[e] ? a[e].apply(this, Array.prototype.slice.call(arguments, 1)) : "object" != typeof e && e ? void t.error("Method " + e + " does not exist on jQuery.vTicker") : a.init.apply(this, arguments)
}
}(jQuery);
//]]>
</script><script src='https://tutiempodedinero.blogspot.com/feeds/posts/summary?alt=json&callback=softwebtutsTicker'></script></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='HTML2' locked='true' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><div class="pgrid row">
<div class="col-6-sm"><div class="separator"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEgRowBVE1jCnrXiOJvb2QpyUw-joQ2ajcxPp1SEgGBI_UXrZvbroIYqQf6YyQXscP9kQVx7WTQjxijyWR2CTzxg-QNrIm1F_vwTI8VzXQHqqbaUw1akhw1nUGBs-XKCAvLXEXMrSFD6j7trTCcAM0q49cPBEOo90Q45Htosu0kff7h6k0ZkVKuQ_XqE=s720"><img alt="" src="https://blogger.googleusercontent.com/img/a/AVvXsEgRowBVE1jCnrXiOJvb2QpyUw-joQ2ajcxPp1SEgGBI_UXrZvbroIYqQf6YyQXscP9kQVx7WTQjxijyWR2CTzxg-QNrIm1F_vwTI8VzXQHqqbaUw1akhw1nUGBs-XKCAvLXEXMrSFD6j7trTCcAM0q49cPBEOo90Q45Htosu0kff7h6k0ZkVKuQ_XqE=w351-h212" /></a></div></div><div class="col-6-sm">
<h1>Lo Mejor del Dinero por Internet</h1>
<p><span style="color: #010101; font-size: medium;">Miles de personas han empezado a generar dinero por internet, y con mi ayuda te enseñare como hacerlo tu mismo ¿Quieres empezar ahora?</span></p>
<br />
<center><a class="btnhome1" href="https://tutiempodedinero.blogspot.com/2022/02/5-mejores-aplicaciones-para-ganar.html?m=1"><i class="fas fa-angle-right"></i> ¡SI,QUIERO!</a></center>
</div>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='PopularPosts110' locked='true' title='Slider' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>10</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'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:posts.empty'>
<b:include name='widgetMsg'/>
<b:else/>
<div class='carousel'>
<b:include name='controls'/>
<div class='carousel__content'>
<b:loop values='data:posts' var='i'>
<div class='carousel__item'>
<a class='gallery__href' expr:href='data:i.url'>
<b:include name='featuredImage'/>
<b:include name='carrouselData'/>
</a>
</div>
</b:loop>
</div>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='carrouselData'>
<div class='gallery__title'>
<b:include cond='data:i.title.length != 0' name='title'/>
<b:include name='published'/>
</div>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='controls'>
<button class='carousel__controls controls__prev'><i class='fas fa-chevron-left fa-mn'/></button>
<button class='carousel__controls flx-xyc controls__next'><i class='fas fa-chevron-right fa-mn'/></button>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='featuredImage'>
<b:with value='data:i.featuredImage ? data:i.featuredImage : data:imgDefault' var='img'>
<img expr:alt='data:i.title' expr:src='data:skin.vars.config_ratio_slider ? resizeImage(data:img, 300, "300:250") : resizeImage(data:img, 300)'/>
</b:with>
</b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postCommentsLink'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
</span>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<div class='jump-link flat-button'>
<a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
<b:eval expr='data:blog.jumpLinkMessage'/>
</a>
</div>
</b:includable>
<b:includable id='postLabels'>
<span class='byline post-labels'>
<span class='byline-label'><data:byline.label/></span>
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:loop>
</span>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<span class='byline post-timestamp'>
<data:byline.label/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
<data:post.date/>
</time>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='published'>
<span class='rel__date'><i class='far fa-clock'/><data:i.date/></span>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='snippet'><!-- disable --></b:includable>
<b:includable id='snippetedPostByline'>
<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
<div class='item-byline'>
<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
</b:with>
<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
</b:with>
</div>
</b:with>
</b:includable>
<b:includable id='snippetedPostContent'>
<div class='post-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
<b:includable id='title'>
<span class='rel__title skin-font'><data:i.title/></span>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='HTML1' locked='true' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><center>
<h2 style="background: black; border-radius: 5px; color: white; font-family: Poppins; font-size: 30px; font: 1000 30px poppins; padding: 11px; text-align: center;">
¿Cómo quieres ganar dinero hoy?
</h2>
<br />
<br />
<!--3/3-->
<div class="pgrid row">
<div class="col-4-sm">
<a href="URL DE LA CATEGORIA">
<img class="image" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4qLPT_6b0HGCs7KIsJ92xSd14_bVbw6jwRioX_8X9tueawzClRk_0WI-zrseqMI1ZEV7t8x_fp33iJuVL9ut4XBf689zj5G10U_WALYtC7HJNDcnj_ehjFnSxlAX3zzywjbdiIvNGocAFQO909CCu_9Ug_BQ8mk1zeijVM6kJJ9YaMborh2xhKXNw/w139-h139/20220330_151614.png" width="100" />
</a>
<br /><br />
<h3>
<a href="URL DE LA CATEGORIA">APPS</a></h3><div><span style="font-family: Libre Baskerville; font-size: large;">
Te mostraré como empezar a ganar dinero de forma gratuita con aplicaciones, aqui encontrarás las mejores para usar.</span></div>
</div>
<div class="col-4-sm">
<a href="URL DE LA CATEGORIA">
<img class="image" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC6HjpvQexWR13i4zUtDJ9F7mRx_4Pl6e-8_uuG0owqf9GUUxWBYsKXOI7uHiP9iU-TtCEweadRfwJvudctddJMEwDF067bkjiVtGSIaTn46EwUnVO1QiTePNvegzpXR6osAifUEJcJrRWEi78w4xl028KPBi66GUjzcMsC6YMWGJmUv63BG4iVYT/w140-h140/20220330_151300.png" width="100" />
</a>
<br /><br />
<h3>
<a href="URL DE LA CATEGORIA">PAGINAS WEB</a>
</h3>
<div><span style="font-family: Libre Baskerville; font-size: large;">Te enseñaré diferentes plataformas donde podras generar dinero de forma gratuita y que este al alcanze de cualquiera.
</span></div>
</div>
<div class="col-4-sm">
<a href="URL DE LA CATEGORIA"><span style="font-size: large;">
<img class="image" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVx5ga3gyylfNSdbA0oqNgW89-damTE4K_mQ0r_NDnMxCGIvQWtdmAY0TOw0BUwwhu1KIJDeqgMKt0w03GjD4rNJ2hHazZesYDUT4CGh5i8MLsEnzHiyGiw15UmonOqU-lSIC0JpRueuna1fLQOl5Q1PhDdW9JWZ6_s5XUpaZ0Q-xqMxDsmrbwxFz7/w138-h138/20220330_152004.png" width="100" /></span>
</a>
<br /><br />
<h3>
<a href="URL DE LA CATEGORIA">INVERSIONES</a>
</h3>
<p><span style="font-family: Libre Baskerville; font-size: large;">
Te explicare todo sobre las inversiones y también mostrare plataformas sin necesidad de inversión, aqui lo encontrarás todo.</span></p>
</div>
</div>
</center>
<br /></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:with value='data:view.isMultipleItems and data:layout.homeSidebar or data:view.isPost and data:layout.postSidebar or data:view.isPage and data:layout.pageSidebar or data:view.isError and data:layout.errorSidebar or data:view.isLayoutMode' var='showSidebar'>
<div expr:class='"blog " + (data:layout.oppositeBlog ? "skin-right" : "skin-left")'>
<b:class cond='data:showSidebar' name='showSidebar'/>
<b:section id='Blog'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#757575</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'>Posted by:</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#979797</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#262626</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#23a6b3</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</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'>#23a6b3</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'>
<b:if cond='data:view.isError'>
<b:include name='pageInfo'/>
<b:elseif cond='data:view.isMultipleItems'/>
<h3 class='widget-title'>
<span class='widget-name'><b:eval expr='data:view.search.query ? data:view.search.query.escaped : (data:view.isLabelSearch ? data:view.search.label : (data:view.isArchive ? data:blog.pageName : data:messages.recentPosts))'/></span>
</h3>
<b:include name='pageInfo'/>
<b:with value='data:skin.vars.config_post_column' var='isColumn'>
<b:with value='{isSearch: data:view.search.query}' var='this'>
<div class='items row'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/><!-- Include posts -->
</b:loop>
</div>
</b:with>
</b:with>
<b:include name='postPagination'/><!-- Include pagination -->
<b:else/>
<b:loop values='data:posts' var='post'>
<article class='article'>
<b:include data='post' name='post'/><!-- Include posts -->
<b:include data='post' name='comments'/><!-- Include comments -->
</article>
</b:loop>
</b:if>
<b:tag async='async' cond='data:skin.vars.config_comments == "disqus" and !data:view.isError' expr:src='+("//",data:skin.vars.config_shortname,".disqus.com/count.js")' id='dsq-count-scr' name='script'/>
</b:includable>
<b:includable id='aboutPostAuthor'><!-- disable --></b:includable>
<b:includable id='addComments'><!-- disable --></b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentAuthorAvatar'><!-- disable --></b:includable>
<b:includable id='commentDeleteIcon' var='comment'><!-- disable --></b:includable>
<b:includable id='commentForm' var='post'><!-- disable --></b:includable>
<b:includable id='commentFormIframeSrc' var='post'><!-- disable --></b:includable>
<b:includable id='commentItem' var='comment'><!-- disable --></b:includable>
<b:includable id='commentList' var='comments'><!-- disable --></b:includable>
<b:includable id='commentPicker' var='post'>
<div class='comments' id='comments'>
<b:class cond='!data:post.allowNewComments' name='noAllowNewComments'/>
<div class='comments-content'>
<div id='comment-holder'><data:post.commentHtml/></div>
<b:include data='post' name='threadedCommentJs'/>
</div>
<b:include data='post' expr:name='data:post.allowNewComments ? "threadedCommentForm" : "status-message"'/>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<b:if cond='data:post.allowComments'>
<div class='postComments'>
<h3 class='widget-title'>
<span class='widget-name'>
<b:if cond='data:skin.vars.config_comments != "blogger"'>
<data:skin.vars.config_comments/>
<b:else/>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
</b:if>
</span>
</h3>
<b:include data='post' expr:name='data:view.isPreview ? "status-message" : "comments-" + data:skin.vars.config_comments'/>
</div>
</b:if>
</b:includable>
<b:includable id='comments-blogger' var='post'>
<b:comment>Bundle (Comments)</b:comment>
<b:with value='{dir: "//cdn.jsdelivr.net/gh/zkreations/bundle@1/dist/ctms/", theme: data:skin.vars.config_bundle_ctheme}' var='cmts'>
<link expr:href='+(data:cmts.dir,"cmts_bundle.min.css")' rel='stylesheet'/>
<link expr:href='+(data:cmts.dir,"theme_",data:cmts.theme,".min.css")' rel='stylesheet'/>
</b:with>
<b:include data='post' name='commentPicker'/>
</b:includable>
<b:includable id='comments-disqus' var='post'>
<div id='disqus_thread'/>
<script>
var disqus_shortname = "<data:skin.vars.config_shortname/>",
disqus_config = function(){
this.page.url = "<data:view.url.canonical/>";
this.page.title = "<data:view.title.escaped/>";
};//<![CDATA[
(function() {
var d = document, s = d.createElement('script');
s.async = true;s.src = '//' + disqus_shortname + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());(d.head || d.body).appendChild(s);
})();//]]>
</script>
</b:includable>
<b:includable id='comments-facebook' var='post'>
<div class='fb-comments' data-colorscheme='light' data-numposts='10' data-width='100%' expr:data-href='data:view.url.canonical'/>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='commentsTitle'><!-- disable --></b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='feedLinks'><!-- disable --></b:includable>
<b:includable id='feedLinksBody' var='links'><!-- disable --></b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='homePageLink'><!-- disable --></b:includable>
<b:includable id='iframeComments' var='post'><!-- disable --></b:includable>
<b:includable id='inlineAd'><!-- disable --></b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='nextPageLink'>
<a class='btn btn-border' expr:href='data:olderPageUrl'>
<b:class cond='data:view.isPost' name='post-pageUrl'/>
<b:eval expr='data:view.isPost ? data:messages.olderPosts : data:messages.older'/> <i class='fas fa-arrow-right'/>
</a>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:this.isSearch'>
<!--{{ Search Page }}-->
<b:include name='postCardSearch'/>
<b:elseif cond='data:view.isMultipleItems'/>
<!--{{ Home Page }}-->
<b:include name='postCard'/>
<b:elseif cond='data:view.isPost'/>
<!--{{ Posts }}-->
<b:include name='postHeader'/>
<b:include name='postBody'/>
<b:include name='postFooter'/>
<b:elseif cond='data:view.isPage'/>
<!--{{ Static page }}-->
<b:include name='postHeader'/>
<b:include name='postBody'/>
</b:if>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postBody'>
<div class='post-body clearfix skin-color-text' expr:id='data:post.id'>
<data:post.body/>
</div>
</b:includable>
<b:includable id='postBodySnippet'>
<b:if cond='data:post.snippets'>
<p class='card__descripcion'><b:eval expr='!data:length ? data:post.snippets.short : (data:post.snippets.long snippet {length: data:length})'/></p>
</b:if>
</b:includable>
<b:includable id='postCard'>
<div class='card col-12'>
<b:include name='columnClass'/>
<div class='card__content'>
<b:with value='data:layout.fTags' var='tags'>
<b:include cond='data:layout.featureTags' name='postFeaturedTags'/>
</b:with>
<b:include name='postFeaturedImage'/>
<div class='card__data'>
<b:include name='postHeader'/>
<b:include cond='data:layout.showSnippet' data='{length: 100}' name='postBodySnippet'/>
<b:include cond='data:layout.showMeta' name='postMeta'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='postCardSearch'>
<div class='card col-12 card-search'>
<div class='card__content'>
<div class='card__data'>
<b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
<img class='search-img' expr:alt='data:post.title' expr:src='resizeImage(data:img,50,"1:1")'/>
</b:with>
<div class='search-data'>
<b:include name='postHeader'/>
<b:include data='{length: 120}' name='postBodySnippet'/>
</div>
</div>
</div>
</div>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'><!-- disable --></b:includable>
<b:includable id='postCommentsLink'>
<a class='card__item' expr:href='data:post.url fragment "comments"'>
<i class='far fa-comment'/>
<b:if cond='data:skin.vars.config_comments == "disqus"'>
<span class='disqus-comment-count' expr:data-disqus-url='data:post.url.canonical'/>
<b:elseif cond='data:skin.vars.config_comments == "facebook"'/>
<span class='fb-comments-count' expr:data-href='data:post.url.canonical'/>
<b:else/>
<data:post.numberOfComments/>
</b:if>
</a>
</b:includable>
<b:includable id='postFeaturedImage'>
<b:tag class='card__image flex-none' cond='data:view.isMultipleItems' expr:href='data:post.url' name='a'>
<span class='card__overlay'/>
<i class='card__readMore flx-xyc fas fa-search'/>
<b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
<b:with value='{big: (data:skin.vars.config_ratio_post ? resizeImage(data:img,900,"16:9") : resizeImage(data:img,900)), medium: (data:skin.vars.config_ratio_post ? resizeImage(data:img,500,"1:1") : resizeImage(data:img,500)), small: (data:skin.vars.config_ratio_post ? resizeImage(data:img,380,"16:9") : resizeImage(data:img,300))}' var='imgSize'>
<img expr:alt='data:post.title' expr:src='data:imgSize.small'/>
</b:with>
</b:with>
</b:tag>
</b:includable>
<b:includable id='postFeaturedTags'>
<b:if cond='!data:tags'>
<div class='ftag-content'>
<a expr:class='"ftag-name ftag-" + data:post.labels.first.name' expr:href='data:post.labels.first.url'>
<i class='fas fa-tag'/> <data:post.labels.first.name/>
</a>
</div>
<b:elseif cond='data:post.labels any (t => t.name in data:tags)'/>
<div class='ftag-content'>
<b:loop values='data:post.labels filter (t => t.name in data:tags)' var='i'>
<a expr:class='"ftag-name ftag-" + data:i.name' expr:href='data:i.url'><i class='fas fa-tag'/> <data:i.name/></a>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postFooter'>
<b:include name='postShare'/>
<b:include cond='data:layout.postsRelated' name='postRelated'/>
<b:include cond='data:layout.postPager' name='postPagination'/>
</b:includable>
<b:includable id='postFooterAuthorProfile'>
<b:if cond='data:widgets.Blog.first.allBylineItems.author'>
<b:with value='data:post.author.authorPhoto ? data:post.author.authorPhoto.image : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnrYpqux1Wuq1ezHYkE9nkbRfmxs-9V0zooxt1_dP29AuqHS35TmFgDUWOY0IEy3Vw8cRic2ZMlBTzIVnjVTmp-Ghb4EdXajyggr9o1NEBgUQPaWKdR15HSKsCrPyB-aEh5uNYxe1qfYdE/s120/anon-default.png"' var='imgAuthor'>
<a class='card__item' expr:href='data:post.author.profileUrl' rel='author' target='_blank'>
<img class='card__authorImage' expr:alt='data:post.author.name' expr:src='resizeImage(data:imgAuthor,30,"1:1")'/>
<span class='card__authorName skin-color-title skin-color-hover'><data:post.author.name/></span>
</a>
</b:with>
</b:if>
</b:includable>
<b:includable id='postHeader'>
<header class='card__header'>
<b:include cond='data:view.isPost' name='postLabels'/>
<b:include name='postTitle'/>
<b:include cond='data:view.isPost' name='postMeta'/>
</header>
</b:includable>
<b:includable id='postJumpLink' var='post'><!-- disable --></b:includable>
<b:includable id='postLabels'>
<b:if cond='data:post.labels.any and data:post.labels'>
<div class='articleTags display-flex flex-wrap'>
<b:loop values='data:post.labels' var='i'>
<a class='btn btn-border' expr:href='data:i.url' rel='tag'><data:i.name/></a>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postMeta'>
<div class='card__meta'>
<b:include name='postFooterAuthorProfile'/>
<b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestamp'/>
<b:include cond='data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLink'/>
</div>
</b:includable>
<b:includable id='postMetadataJSONImage'>
"image": {
"@type": "ImageObject",
<b:if cond='data:post.featuredImage.isResizable'>
"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",
"height": 630,
"width": 1200
<b:else/>
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
</b:includable>
<b:includable id='postPagination'>
<b:tag cond='data:newerPageUrl or data:olderPageUrl' expr:class='data:view.isPost ? "pagerPost display-flex justify-content-between" : "blog-pager"' id='blog-pager' name='div'>
<b:include cond='data:newerPageUrl' name='previousPageLink'/>
<b:include cond='data:olderPageUrl' name='nextPageLink'/>
</b:tag>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable data='post' id='postRelated'>
<b:if cond='!data:blog.isPrivateBlog and data:post.labels'>
<div class='post-related'>
<h3 class='widget-title'>
<span class='widget-name'><data:messages.youMayLikeThesePosts/></span>
</h3>
<div class='items row wjs-related' id='wjs-related'/>
</div>
<script>
/*!
* wjs-related v2.1.0
* Copyright 2019 zkreations
* Developed by José Gregorio (fb.com/JGMateran)
* Licensed under MIT (github.com/zkreations/wjs-related/blob/master/LICENSE)
*/
var related = (function(){
'use strict';
var defaults = {
id: '<data:post.id/>',
homepage: window.location.protocol + '//' + window.location.hostname,
image: '<b:eval expr='resizeImage(data:imgDefault,400)'/>',
length: <data:skin.vars.config_el_postsRelated_num/>,
localeDate: '<data:skin.vars.config_el_localeDate/>',
snippet: 80,
imgSize: 'w300-h200-c',
container: document.getElementById('wjs-related'),
tags: [<b:loop values='data:post.labels' var='label'>'<data:label.name/>',</b:loop>]
};
//<![CDATA[
var tags$length = defaults.tags.length;
var script = document.createElement( 'script' );
var src = defaults.homepage + '/feeds/posts/default' +
'?alt=json-in-script' +
'&callback=related' +
'&max-results=' + ( defaults.length + 1 ) +
'&q=';
for ( var n = 0; n < tags$length; n++ ){
src += 'label:"' + defaults.tags[ n ] + '"' + ( n === tags$length - 1 ? '' : '|' );
}
script.src = src;
document.body.appendChild( script );
function render( data ){
var title = data.title.$t;
var content = data.content;
var summary = data.summary;
var body = content ? content.$t : summary.$t;
var snippet = (body).replace(/<[^>]*>?/g,'').substring( 0, defaults.snippet ) + '...';
var img = data.media$thumbnail;
var tempHtml = document.createElement('div');
tempHtml.innerHTML = body;
var imgHtml = tempHtml.querySelector('img');
var image = ( img ? img.url : (imgHtml ? imgHtml.src : defaults.image)).replace(/[swh]\d{2,4}(?:-[swh]\d{2,4})?(?:-c)?/, defaults.imgSize);
var url = (function(){
for ( var i = 0; i < data.link.length; i++ ){
var link = data.link[i];
if ( link.rel === 'alternate' ){
return link.href;
}
}
})();
var published = new Date( data.published.$t ).toLocaleDateString(
defaults.localeDate,
{
year:'numeric',
month:'long',
day: 'numeric'
}
);//]]>
return (<b:with value='data:skin.vars.config_el_postsRelated_column' var='isColumn'>
"<div class='gallery col-12'><b:include name='columnClass'/>"+
"<a class='gallery__href' href='" + url + "'>"+
"<img class='gallery__image' src='" + image + "'/>"+
"<div class='gallery__title'>"+
"<span class='rel__title skin-font'>" + title + "</span>"+
"<time class='rel__date'><i class='far fa-clock'/>" + published + "</time>"+
"</div>"+
"</a>"+
"</div>"
);</b:with>//<![CDATA[
}
function related( json ){
var i = 0;
var post;
var length = defaults.length;
for ( ; i < length && ( post = json.feed.entry[ i ] ); i++ ){
if ( defaults.id !== post.id.$t.split( '.post-' )[ 1 ] ){
defaults.container.innerHTML += render( post );
} else {
length++;
}
}
}
return related;
//]]>
})();</script>
</b:if>
</b:includable>
<b:includable id='postShare'>
<b:if cond='data:post.shareUrl'>
<div class='shareButtons display-flex flex-wrap'>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "facebook"})'><i class='fab fa-facebook-f fa-mn fa-fw'/></a>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "twitter"})'><i class='fab fa-twitter fa-mn fa-fw'/></a>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "pinterest"})'><i class='fab fa-pinterest-p fa-mn fa-fw'/></a>
<a class='btn btn-border wjs-window' expr:href='params("//www.tumblr.com/widgets/share/tool/preview",{canonicalUrl: data:post.url.canonical, caption: data:post.snippets.short, posttype: "link", title: data:post.title})'><i class='fab fa-tumblr fa-mn fa-fw'/></a>
<b:if cond='data:post.emailPostUrl'>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "email"})'><i class='fas fa-at fa-mn fa-fw'/></a>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<time class='card__item' expr:datetime='data:post.date.iso8601'><i class='far fa-clock'/><data:post.date/></time>
</b:includable>
<b:includable id='postTitle'>
<b:if cond='data:post.title.length != 0'>
<b:tag class='card__title skin-font' expr:name='data:view.isMultipleItems ? "h2" : "h1"'>
<b:class cond='data:view.isSingleItem' name='post__title'/>
<b:class cond='data:view.isPage' name='page__title'/>
<b:tag class='skin-color-hover' cond='data:view.isMultipleItems' expr:href='data:post.url' name='a'>
<data:post.title/>
</b:tag>
</b:tag>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<a class='btn btn-border' expr:href='data:newerPageUrl'>
<b:class cond='data:view.isPost' name='post-pageUrl'/>
<i class='fas fa-arrow-left'/> <b:eval expr='data:view.isPost ? data:messages.newerPosts : data:messages.newer'/>
</a>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='status-message'>
<div class='alert'>
<b:eval expr='data:view.isPreview ? data:messages.widgetNotAvailableInPreview : data:post.noNewCommentsText'/>
</div>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' src=''/>
<data:post.cmtfpIframe/>
<script>BLOG_CMT_createIframe("<data:post.appRpcRelayPath/>");</script>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc'/>
<b:template-script inline='true' name='threaded_comments'/>
<b:if cond='data:post.showThreadedComments'>
<script>blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);//<![CDATA[
var a = document.getElementsByClassName("avatar-image-container");
for (i = 0; i < a.length; i++) a[i].childNodes[0].setAttribute("src", a[i].childNodes[0].getAttribute("src").replace(/s\B\d{2,4}/, "s80"));
//]]></script>
</b:if>
</b:includable>
<b:includable id='threadedComments' var='post'><!-- disable --></b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='LinkList210' locked='true' title='WJS Sections' type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<div class='sections'>
<b:loop values='data:links' var='section'>
<b:with expr:value='"{" + data:section.target + "}"' var='category'>
<div class='widget'>
<b:include name='sections-title'/>
<b:include name='content'/>
</div>
</b:with>
</b:loop>
</div>
<b:include name='js'/>
</b:includable>
<b:includable data='category' id='content'>
<div class='widget-content'>
<div class='wjs-section items row' expr:data-category='data:category.tag'>
<b:attr cond='data:category.results' expr:value='data:category.results' name='data-max-results'/>
<svg class='circular' xmlns='http://www.w3.org/2000/svg'><circle class='path' cx='24px' cy='24px' r='9.6px'/></svg>
</div>
<noscript><p class='alert'><data:layout.nojsMsj/></p></noscript>
</div>
</b:includable>
<b:includable id='js'>
<script>
/*!
* wjs-section v2.1.0
* Copyright 2019 zkreations
* Developed by José Gregorio (fb.com/JGMateran)
* Licensed under MIT (github.com/zkreations/wjs-sections/blob/master/LICENSE)
*/
'use strict';
var callbacks = {};
var defaults = {
homeUrl: window.location.protocol+"//"+window.location.hostname,
image: '<b:eval expr='resizeImage(data:imgDefault,400)'/>',
className: '.wjs-section',
imgSize: 'w380-h213-p-k-no-nu', // Tamaño de imagen (parametros de picasa)
snippet: 100, // Cantidad texto para el resumen,
locale: '<data:skin.vars.config_el_localeDate/>'
};
var datas={expReg:/[swh]\d{2,4}(?:-[swh]\d{2,4})?(?:-c)?/,category:null,"max-results":6,template:{<b:with value='data:skin.vars.config_post_column' var='isColumn'>
"default":"<div class='card card-grid col-12'><b:include name='columnClass'/><div class='card__content'><b:if cond='data:layout.featureTags'><div class='ftag-content'><a class='ftag-name ftag-TAG_NAME' href='TAG_URL'><i class='fas fa-tag'/>TAG_NAME</a></div></b:if><a class='card__image flex-none' href='URL'><span class='card__overlay'/><i class='card__readMore flx-xyc fas fa-search'/><img src='IMG_DEFAULT'/></a><div class='card__data'><header class='card__header'><h2 class='card__title skin-font'><a class='skin-color-hover' href='URL'>TITLE</a></h2></header><b:if cond='data:layout.showSnippet'><p class='card__descripcion'>SNIPPET</p></b:if><b:if cond='data:layout.showMeta'><div class='card__meta'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><a class='card__item' href='AUTHOR_URL' rel='author' target='_blank'><img class='card__authorImage' src='AUTHOR_IMAGE'/><span class='card__authorName skin-color-title skin-color-hover'>AUTHOR_NAME</span></a></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><time class='card__item'><i class='far fa-clock'/> TIME</time></b:if></div></b:if></div></div></div>",</b:with>//<![CDATA[
empty:'<div class="col-12"><p class="alert">No se han encontrado entradas</p></div>'}};function forEach(d,b){var a,c;for(a=0;(c=d[a++])&&!1!==b.call(c,a,c););return d}
function getCurrentData(d){var b,a,c={};for(b in datas)(a=d.getAttribute("data-"+b))&&(c[b]=a);return c}function temp(d,b){for(var a in b)d=d.replace(new RegExp(a,"g"),b[a]);return d}
function getLabel(d,b){var a,c=b.category,g=document.createElement("script"),h=defaults.homeUrl+"/feeds/posts/default?alt=json-in-script&callback=callbacks."+c.replace(/[^A-Z0-9]/ig, '');callbacks[c.replace(/[^A-Z0-9]/ig, '')]=function(a){var c,l="",g=a.feed.entry;if(g)for(a=0;c=g[a++];){var k=c.content,e=c.summary;k=k?k.$t:e.$t;e=c.media$thumbnail;var f=document.createElement("div");f.innerHTML=k;var h=f.querySelector("img");f=c.author[0];e=e?e.url:h?h.src:defaults.image;l+=temp(b.template,{TAG_NAME:b.category,TAG_URL:defaults.homeUrl+"/search/label/"+b.category,AUTHOR_NAME:f.name.$t,AUTHOR_URL:f.uri?f.uri.$t:'#noAuthor',AUTHOR_IMAGE:f.gd$image.src.replace(/s\B\d{2,4}/,
"w30-h30-p-k-no-nu"),IMG_DEFAULT:e.replace(datas.expReg,defaults.imgSize),TITLE:c.title.$t,TIME:(new Date(c.published.$t)).toLocaleDateString(defaults.locale,{month:"long",day:"2-digit"}),SNIPPET:k.replace(/<[^>]*>?/g,"").substring(0,defaults.snippet)+"...",URL:function(){var a,b;for(a=0;b=c.link[a++];)if("alternate"===b.rel)return b.href}})}else l+=
datas.template.empty;d.innerHTML=l};for(a in b)"template"!==a&&(h+="&"+a+"="+b[a]);g.src=h;document.body.appendChild(g)}forEach(document.querySelectorAll(defaults.className),function(d,b){var a=getCurrentData(b);a.category&&(a["max-results"]||(a["max-results"]=datas["max-results"]),a.template=datas.template["default"],getLabel(b,a))});
//]]></script>
</b:includable>
<b:includable id='sections-title'>
<h3 class='widget-title'>
<span class='widget-name'><data:section.name/></span>
<a class='widget-more widget-more-item flx-xyc' expr:href='+("/search/label/",data:category.tag)' rel='nofollow'>
<data:messages.showAll/>
</a>
</h3>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:showSidebar'>
<div expr:class='"sidebar " + (data:layout.oppositeBlog ? "skin-left" : "skin-right")'>
<b:section id='sidebar'>
<b:widget id='BlogSearch1' locked='false' title='Search' type='BlogSearch' version='2' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='searchForm'/>
</div>
</b:includable>
<b:includable id='searchForm'>
<form class='searchForm display-flex' expr:action='data:blog.searchUrl' method='get'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<input autocomplete='off' class='searchForm__input form-input' expr:placeholder='data:messages.searchBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' required='required' spellcheck='false' type='text'/>
<b:include name='searchSubmit'/>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<button class='searchForm__button btn skin-bg' type='submit'><i class='fas fa-search fa-fw fa-mn skin-i'/></button>
</b:includable>
</b:widget>
<b:widget id='FeaturedPost1' locked='false' title='Featured 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'>0</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div class='featuredPost card__content'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:postDisplay.showFeaturedImage' name='postFeaturedImage'/>
<div class='featuredPost-data card__data'>
<b:include cond='data:postDisplay.showTitle' name='postTitle'/>
<b:include cond='data:postDisplay.showSnippet' name='postBodySnippet'/>
<b:include cond='data:post.shareUrl' name='postShare'/>
</div>
</b:loop>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postBodySnippet'>
<p class='card__descripcion'><b:eval expr='data:post.snippets.long snippet {length: 100}'/></p>
</b:includable>
<b:includable id='postCommentsLink'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
</span>
</b:includable>
<b:includable id='postFeaturedImage'>
<a class='card__image flex-none' expr:href='data:post.url'>
<i class='card__icon skin-bg fas fa-star fa-mn skin-i'/>
<b:with value='data:post.featuredImage ? data:post.featuredImage : data:imgDefault' var='img'>
<b:with value='data:skin.vars.config_ratio_featured ? resizeImage(data:img,300,"16:9") : resizeImage(data:img,300)' var='imgPost'>
<img expr:alt='data:post.title' expr:src='data:imgPost'/>
</b:with>
</b:with>
</a>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<div class='jump-link flat-button'>
<a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
<b:eval expr='data:blog.jumpLinkMessage'/>
</a>
</div>
</b:includable>
<b:includable id='postLabels'>
<span class='byline post-labels'>
<span class='byline-label'><data:byline.label/></span>
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:loop>
</span>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='postShare'>
<div class='shareFeatured flx-xyc flex-wrap'>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "facebook"})'><i class='fab fa-facebook-f fa-mn fa-fw'/></a>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "twitter"})'><i class='fab fa-twitter fa-mn fa-fw'/></a>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "pinterest"})'><i class='fab fa-pinterest-p fa-mn fa-fw'/></a>
<b:if cond='data:post.emailPostUrl'>
<a class='btn btn-border wjs-window' expr:href='params(data:post.shareUrl,{target: "email"})'><i class='fas fa-at fa-mn fa-fw'/></a>
</b:if>
</div>
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<span class='byline post-timestamp'>
<data:byline.label/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
<data:post.date/>
</time>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='postTitle'>
<b:if cond='data:post.title.length != 0'>
<h4 class='card__title skin-font'>
<a class='skin-color-hover' expr:href='data:post.url'><data:post.title/></a>
</h4>
</b:if>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='snippetedPostByline'>
<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
<div class='item-byline'>
<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
</b:with>
<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
</b:with>
</div>
</b:with>
</b:includable>
<b:includable id='snippetedPostContent'>
<div class='post-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
<b:widget id='Label100' locked='false' title='Labels' type='Label' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<div class='tagsList display-flex align-items-start flex-wrap'>
<b:class cond='data:display == "list"' name='tagsList--list'/>
<b:loop values='data:labels' var='i'>
<b:include name='list'/>
</b:loop>
</div>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<a class='tagsList__link btn' expr:href='data:i.url'>
<b:class cond='data:view.url == data:i.url' name='here'/><data:i.name/>
<b:include cond='data:showFreqNumbers' name='numbers'/>
</a>
</b:includable>
<b:includable id='numbers'>
<span class='tags-list__num'><data:i.count/></span>
</b:includable>
</b:widget>
<b:widget id='PopularPosts100' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>4</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'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:posts.empty'>
<b:include name='widgetMsg'/>
<b:else/>
<b:loop values='data:posts' var='i'>
<div class='hotPosts__content display-flex align-items-start'>
<b:include cond='data:postDisplay.showFeaturedImage' name='featuredImage'/>
<div class='hotPosts__data'>
<b:include name='title'/>
<b:include cond='data:postDisplay.showSnippet' name='snippet'/>
</div>
</div>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentsLink'>
<a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</a>
</b:includable>
<b:includable id='commentsLinkIframe'>
<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='emailPostIcon'>
<span class='byline post-icons'>
<!-- email post links -->
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
</a>
</span>
</span>
</b:includable>
<b:includable id='facebookShare'>
<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='featuredImage'>
<a class='hotPosts__image flex-none' expr:href='data:i.url'>
<b:with value='data:i.featuredImage ? data:i.featuredImage : data:imgDefault' var='img'>
<img expr:alt='data:i.title' expr:src='resizeImage(data:img, 80, "1:1")'/>
</b:with>
</a>
</b:includable>
<b:includable id='footerBylines'>
<b:if cond='data:widgets.Blog.first.footerBylines'>
<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>
<b:if cond='not data:region.items.empty'>
<div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'>
<b:with value='"footer-" + (data:i + 1)' var='regionName'>
<b:include data='region.items' name='bylineRegion'/>
</b:with>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='googlePlusShare'>
<div class='goog-inline-block google-plus-share-container'>
<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
</div>
</b:includable>
<b:includable id='headerByline'>
<b:if cond='data:widgets.Blog.first.headerByline'>
<div class='post-header'>
<div class='post-header-line-1'>
<b:with value='"header-1"' var='regionName'>
<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>
</b:with>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='linkShare'>
<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
<b:include name='platformShare'/>
</b:with>
</b:includable>
<b:includable id='otherSharingButton'>
<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
<b:with value='{key: "sharingOther"}' var='platform'>
<b:include name='sharingPlatformIcon'/>
</b:with>
<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
</span>
</b:includable>
<b:includable id='platformShare'>
<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
<span class='share-button-link-text'>
<data:platform.shareMessage/>
</span>
</a>
</b:includable>
<b:includable id='postAuthor'>
<span class='byline post-author vcard'>
<span class='post-author-label'>
<data:byline.label/>
</span>
<span class='fn'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl'/>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
<b:else/>
<span><data:post.author.name/></span>
</b:if>
</span>
</span>
</b:includable>
<b:includable id='postCommentsLink'>
<span class='byline post-comment-link container'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
</span>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<div class='jump-link flat-button'>
<a expr:href='data:post.url fragment "more"' expr:title='data:post.title'>
<b:eval expr='data:blog.jumpLinkMessage'/>
</a>
</div>
</b:includable>
<b:includable id='postLabels'>
<span class='byline post-labels'>
<span class='byline-label'><data:byline.label/></span>
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</b:loop>
</span>
</b:includable>
<b:includable id='postLocation'>
<span class='byline post-location'>
<data:byline.label/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</span>
</b:includable>
<b:includable id='postReactions'>
<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
<b:includable id='postShareButtons'>
<div class='byline post-share-buttons goog-inline-block'>
<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>
<!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. -->
<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>
</b:with>
</div>
</b:includable>
<b:includable id='postTimestamp'>
<span class='byline post-timestamp'>
<data:byline.label/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.url.canonical'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
<data:post.date/>
</time>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='sharingButton'>
<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
<b:include name='sharingPlatformIcon'/>
<span class='platform-sharing-text'><data:platform.name/></span>
</span>
</b:includable>
<b:includable id='sharingButtonContent'>
<div class='flat-icon-button ripple'>
<b:include name='shareIcon'/>
</div>
</b:includable>
<b:includable id='sharingButtons'>
<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
<b:include name='sharingButtonContent'/>
</button>
<b:include name='sharingButtonsMenu'/>
</div>
</b:includable>
<b:includable id='sharingButtonsMenu'>
<div class='share-buttons-container'>
<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
<li>
<b:include name='sharingButton'/>
</li>
</b:loop>
<li aria-hidden='true' class='hidden'>
<b:include name='otherSharingButton'/>
</li>
</ul>
</div>
</b:includable>
<b:includable id='sharingPlatformIcon'>
<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
</b:includable>
<b:includable id='snippet'>
<p class='hotPosts__snippet'><b:eval expr='data:i.snippets.long snippet {length: 60}'/></p>
</b:includable>
<b:includable id='snippetedPostByline'>
<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
<div class='item-byline'>
<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
</b:with>
<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
</b:with>
</div>
</b:with>
</b:includable>
<b:includable id='snippetedPostContent'>
<div class='post-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
<b:includable id='title'>
<h2 class='hotPosts__title'><a class='skin-color-hover' expr:href='data:i.url'><data:i.title/></a></h2>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
</b:with><b:comment> End data:showSidebar </b:comment>
</div><!-- .main__blog -->
</div><!-- .main -->
<footer class='footer'>
<div class='footer__primary'>
<b:section class='skin-box container bfix flx-yc justify-content-between flex-row-md flex-column' id='footer-copyright' maxwidgets='2'>
<b:widget id='LinkList100' locked='true' title='Social Networks' type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<div class='socialList flx-yc flex-wrap'>
<b:loop values='data:links' var='i'>
<a class='socialList-item flx-yc skin-color-hover' expr:href='data:i.target' rel='nofollow' target='_blank'>
<i expr:class='data:i.name + " fa-mn"'/>
</a>
</b:loop>
</div><!-- .socialList -->
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Text100' locked='true' title='Copyright' type='Text' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='footer__copy'>
<span class='copy__date skin-font'><data:blog.title/> 2019</span>
<b:comment>This work is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License: http://creativecommons.org/licenses/by-nc/4.0/</b:comment>
<div class='copy__attribution'>
Created by <a class='skin-color-hover' href='//tutiempodedinero. blogspot.com' property='cc:attributionName' rel='nofollow' target='_blank'>TTD</a> & <a class='skin-color-hover' expr:href='data:blog.bloggerUrl' rel='nofollow' target='_blank'>Blogger</a> <data:content/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='footerLinks' id='footerLinks' maxwidgets='1'>
<b:widget id='LinkList110' locked='true' title='Footer links' type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='skin-box flx-yc flex-wrap'>
<b:loop values='data:links' var='link'>
<a class='footerLink' expr:href='data:link.target' rel='nofollow' target='_blank'>
<i class='fas fa-link'/> <data:link.name/>
</a>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</footer>
</div><!-- .template -->
</div>
<!-- END TEMPLATE -->
<!-- All VANILLA JS (No framework Dependency) -->
<script src='https://cdn.jsdelivr.net/gh/zkreations/whale@1.5.5/dist/js/whale.min.js'/>
<!-- Tiny slider -->
<b:if cond='data:view.isHomepage'>
<script src='//cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js'/>
<script>//<![CDATA[
var carousel = tns({
container:'.carousel__content',nav:false,arrowKeys:false,useLocalStorage:false,
items: 2,responsive:{576: {items: 3},768:{items: 4},992:{items: 5}},
nextButton:'.controls__next',prevButton:'.controls__prev',
gutter: 2,
slideBy: 1,
autoplay: true,
swipeAngle: false,
autoplayHoverPause: true,
autoplayButtonOutput: false,
mouseDrag: true,
autoplayTimeout: 5000,
loop: false,
rewind: true,
speed: 600
});
//]]></script>
</b:if>
<!-- Font Awesome -->
<link href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css' media='print' onload='this.media="all"' rel='stylesheet'/>
<noscript>
<link href='https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css' rel='stylesheet'/>
</noscript>
<!-- Animate.css -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css' media='print' onload='this.media='all'' rel='stylesheet'/>
<noscript>
<link href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css' rel='stylesheet'/>
</noscript>
</b:with><b:comment> End data:layout </b:comment>
</b:with><b:comment> End data:imgDefault </b:comment>
<!-- Google analytics -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>