From 73c78bd4406deec702d27554f67a08e27a05f772 Mon Sep 17 00:00:00 2001 From: GodoFredo Date: Sat, 8 Sep 2018 20:33:38 -0500 Subject: [PATCH 1/2] adding sections for ads --- author.hbs | 7 ++++++- custom-post-full-header.hbs | 3 +++ custom-post-image-single.hbs | 3 +++ custom-post-image.hbs | 3 +++ custom-post-not-image.hbs | 3 +++ custom-post-single.hbs | 4 +++- custom-post-video.hbs | 3 +++ home.hbs | 6 ++++++ index.hbs | 6 ++++++ partials/ad/ad-amp-footer.hbs | 1 + partials/ad/ad-amp-header.hbs | 1 + partials/ad/ad-amp-medium.hbs | 1 + partials/ad/ad-author-tag-footer.hbs | 1 + partials/ad/ad-author-tag-top.hbs | 1 + partials/ad/ad-home-footer.hbs | 1 + partials/ad/ad-home-top.hbs | 1 + partials/ad/ad-post-footer.hbs | 1 + partials/ad/ad-post-header.hbs | 1 + partials/ad/ad-sidebar-medium.hbs | 1 + partials/article/article-related.hbs | 10 ++++++---- post.hbs | 3 +++ tag.hbs | 6 ++++++ 22 files changed, 61 insertions(+), 6 deletions(-) create mode 100644 partials/ad/ad-amp-footer.hbs create mode 100644 partials/ad/ad-amp-header.hbs create mode 100644 partials/ad/ad-amp-medium.hbs create mode 100644 partials/ad/ad-author-tag-footer.hbs create mode 100644 partials/ad/ad-author-tag-top.hbs create mode 100644 partials/ad/ad-home-footer.hbs create mode 100644 partials/ad/ad-home-top.hbs create mode 100644 partials/ad/ad-post-footer.hbs create mode 100644 partials/ad/ad-post-header.hbs create mode 100644 partials/ad/ad-sidebar-medium.hbs diff --git a/author.hbs b/author.hbs index 4df6fa46..bc883bec 100644 --- a/author.hbs +++ b/author.hbs @@ -43,8 +43,13 @@ {{/author}} +{{!-- Ad --}} +{{> "ad/ad-author-tag-top"}} +
{{!-- The tag below includes the post loop - partials/loop.hbs --}} {{>"loop"}} -
+ +{{!-- Ad --}} +{{> "ad/ad-author-tag-footer"}} diff --git a/custom-post-full-header.hbs b/custom-post-full-header.hbs index f927a44c..af4c87a9 100644 --- a/custom-post-full-header.hbs +++ b/custom-post-full-header.hbs @@ -1,6 +1,9 @@ {{!-- Layout --}} {{!< default }} +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
{{!-- Article Header - partials/article/article-header.hbs --}} {{> "article/article-header"}} diff --git a/custom-post-image-single.hbs b/custom-post-image-single.hbs index c1221be0..2a39acd5 100644 --- a/custom-post-image-single.hbs +++ b/custom-post-image-single.hbs @@ -21,6 +21,9 @@ +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
{{!-- Article Author - partials/article/article-author.hbs --}} diff --git a/custom-post-image.hbs b/custom-post-image.hbs index 49b5a7ac..0d537772 100644 --- a/custom-post-image.hbs +++ b/custom-post-image.hbs @@ -23,6 +23,9 @@ +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
diff --git a/custom-post-not-image.hbs b/custom-post-not-image.hbs index 0701fd27..b29b1447 100644 --- a/custom-post-not-image.hbs +++ b/custom-post-not-image.hbs @@ -1,6 +1,9 @@ {{!-- Layout --}} {{!< default }} +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
diff --git a/custom-post-single.hbs b/custom-post-single.hbs index 8171f666..5aed6184 100644 --- a/custom-post-single.hbs +++ b/custom-post-single.hbs @@ -3,6 +3,9 @@ {{#contentFor "mapache_class_body"}}is-article-single{{/contentFor}} +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
{{!-- Title & Excerpt - partials/article/article-header.hbs --}} {{> "article/article-header"}} @@ -11,7 +14,6 @@ {{> "article/article-author"}}
- {{#post}} {{!-- Image post - Default Post --}} {{#if feature_image}} diff --git a/custom-post-video.hbs b/custom-post-video.hbs index ca26d972..247a613e 100644 --- a/custom-post-video.hbs +++ b/custom-post-video.hbs @@ -26,6 +26,9 @@
+{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
diff --git a/home.hbs b/home.hbs index 29b176ea..518b9fa4 100644 --- a/home.hbs +++ b/home.hbs @@ -13,6 +13,9 @@
+{{!-- Ad --}} +{{> "ad/ad-home-top"}} +
@@ -29,3 +32,6 @@ {{!-- show 4 articles - partials/home/home-story-list.hbs --}} {{> "home/home-story-list"}}
+ +{{!-- Ad --}} +{{> "ad/ad-home-footer"}} diff --git a/index.hbs b/index.hbs index 6218e62b..faf0294c 100644 --- a/index.hbs +++ b/index.hbs @@ -7,6 +7,12 @@ {{> "home/home-personal-cover"}} {{/is}} +{{!-- Ad --}} +{{> "ad/ad-home-top"}} +
{{> "loop"}}
+ +{{!-- Ad --}} +{{> "ad/ad-home-footer"}} diff --git a/partials/ad/ad-amp-footer.hbs b/partials/ad/ad-amp-footer.hbs new file mode 100644 index 00000000..8a2b2cf7 --- /dev/null +++ b/partials/ad/ad-amp-footer.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-amp-header.hbs b/partials/ad/ad-amp-header.hbs new file mode 100644 index 00000000..8a2b2cf7 --- /dev/null +++ b/partials/ad/ad-amp-header.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-amp-medium.hbs b/partials/ad/ad-amp-medium.hbs new file mode 100644 index 00000000..8a2b2cf7 --- /dev/null +++ b/partials/ad/ad-amp-medium.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-author-tag-footer.hbs b/partials/ad/ad-author-tag-footer.hbs new file mode 100644 index 00000000..34fdeeae --- /dev/null +++ b/partials/ad/ad-author-tag-footer.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-author-tag-top.hbs b/partials/ad/ad-author-tag-top.hbs new file mode 100644 index 00000000..f9ac5cf1 --- /dev/null +++ b/partials/ad/ad-author-tag-top.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-home-footer.hbs b/partials/ad/ad-home-footer.hbs new file mode 100644 index 00000000..4ff27ff8 --- /dev/null +++ b/partials/ad/ad-home-footer.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-home-top.hbs b/partials/ad/ad-home-top.hbs new file mode 100644 index 00000000..9a121993 --- /dev/null +++ b/partials/ad/ad-home-top.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-post-footer.hbs b/partials/ad/ad-post-footer.hbs new file mode 100644 index 00000000..f77aa6a7 --- /dev/null +++ b/partials/ad/ad-post-footer.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-post-header.hbs b/partials/ad/ad-post-header.hbs new file mode 100644 index 00000000..7f9624cd --- /dev/null +++ b/partials/ad/ad-post-header.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/ad/ad-sidebar-medium.hbs b/partials/ad/ad-sidebar-medium.hbs new file mode 100644 index 00000000..0d69f382 --- /dev/null +++ b/partials/ad/ad-sidebar-medium.hbs @@ -0,0 +1 @@ +
{{!-- Add your ad code here --}}
diff --git a/partials/article/article-related.hbs b/partials/article/article-related.hbs index 7593c689..ad65809b 100644 --- a/partials/article/article-related.hbs +++ b/partials/article/article-related.hbs @@ -1,9 +1,12 @@ {{!-- Article related --}} {{#get "posts" limit="6" filter="tags:[{{post.tags}}]+id:-{{post.id}}" include="tags" as |post_related|}} -{{#if post_related}} -
+ +{{!-- Ad --}} +{{> "ad/ad-post-footer"}} + +{{#if post_related}}
@@ -17,8 +20,7 @@
-
- {{/if}} +
{{/get}} diff --git a/post.hbs b/post.hbs index fefacdc1..79c57deb 100644 --- a/post.hbs +++ b/post.hbs @@ -1,6 +1,9 @@ {{!-- Layout --}} {{!< default }} +{{!-- Ad --}} +{{> "ad/ad-post-header"}} +
diff --git a/tag.hbs b/tag.hbs index 0e102482..5b30e268 100644 --- a/tag.hbs +++ b/tag.hbs @@ -21,8 +21,14 @@
{{/tag}} +{{!-- Ad --}} +{{> "ad/ad-author-tag-top"}} + {{!-- Post Grid --}}
{{!-- lates post --}} {{> "loop"}}
+ +{{!-- Ad --}} +{{> "ad/ad-author-tag-footer"}} From 5232a1edcc0ecdfc3bd3b98edc744e2e9fd312f4 Mon Sep 17 00:00:00 2001 From: GodoFredo Date: Mon, 10 Sep 2018 14:59:53 -0500 Subject: [PATCH 2/2] Improving javascript and adding css online --- assets/assets.json | 12 +++ assets/scripts/main.js | 4 +- assets/styles/amp.css | 1 + assets/styles/main.css | 2 +- default.hbs | 12 ++- partials/ad/ad-sidebar-medium.hbs | 2 +- partials/helper/helper-pagination.hbs | 5 - partials/sidebar.hbs | 3 + partials/styles.hbs | 1 + src/scripts/app/app.facebook-share-count.js | 23 ----- src/scripts/app/app.main.js | 108 ++++++++++++++++++++ src/scripts/app/app.search.js | 24 ----- src/scripts/main.js | 7 +- src/scripts/routes/audio.js | 20 ---- src/scripts/routes/common.js | 88 +--------------- src/scripts/routes/post.js | 6 -- src/styles/common/_variables.scss | 1 + 17 files changed, 147 insertions(+), 172 deletions(-) create mode 100644 assets/assets.json create mode 100644 assets/styles/amp.css create mode 100644 partials/styles.hbs delete mode 100644 src/scripts/app/app.facebook-share-count.js create mode 100644 src/scripts/app/app.main.js delete mode 100644 src/scripts/app/app.search.js delete mode 100644 src/scripts/routes/audio.js diff --git a/assets/assets.json b/assets/assets.json new file mode 100644 index 00000000..1a800880 --- /dev/null +++ b/assets/assets.json @@ -0,0 +1,12 @@ +{ + "fonts/mapache.eot?25764j": "fonts/mapache.eot", + "fonts/mapache.svg?25764j": "fonts/mapache.svg", + "fonts/mapache.ttf?25764j": "fonts/mapache.ttf", + "fonts/mapache.woff?25764j": "fonts/mapache.woff", + "images/avatar.png": "images/avatar.png", + "images/not-image.png": "images/not-image.png", + "styles/amp.css": "styles/amp.css", + "scripts/amp.js": "scripts/amp.js", + "styles/main.css": "styles/main.css", + "scripts/main.js": "scripts/main.js" +} \ No newline at end of file diff --git a/assets/scripts/main.js b/assets/scripts/main.js index 143db2ca..d2c1b5d8 100644 --- a/assets/scripts/main.js +++ b/assets/scripts/main.js @@ -1,4 +1,4 @@ -!function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/assets/",i(i.s=1)}([function(t,e){t.exports=jQuery},function(t,e,i){i(2),t.exports=i(26)},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){var e=i(3),n=(i.n(e),i(4)),o=(i.n(n),i(5)),r=(i.n(o),i(7)),a=(i.n(r),i(8)),s=(i.n(a),i(9)),l=i(11),c=i(17),u=i(23),d=i(24),h=i(25),p=new s.a({common:l.a,isArticle:c.a,isPagination:h.a,isVideo:u.a,isAudio:d.a});t(document).ready(function(){return p.loadEvents()})}.call(e,i(0))},function(t,e,i){(function(t){ +!function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:n})},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/assets/",i(i.s=1)}([function(t,e){t.exports=jQuery},function(t,e,i){i(2),t.exports=i(25)},function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){var e=i(3),n=(i.n(e),i(4)),o=(i.n(n),i(5)),r=(i.n(o),i(7)),a=(i.n(r),i(8)),s=(i.n(a),i(9),i(11)),l=i(13),c=i(17),u=i(23),d=i(24),h=new s.a({common:l.a,isArticle:c.a,isPagination:d.a,isVideo:u.a});t(document).ready(function(){return h.loadEvents()})}.call(e,i(0))},function(t,e,i){(function(t){ /*! * Lazy Load - jQuery plugin for lazy loading images * @@ -92,4 +92,4 @@ var e;(e=t).fn.theiaStickySidebar=function(t){function i(t,i){return!0===t.initi * @link https://github.com/fat/zoom.js * @license MIT */ -!function(t){"use strict";function e(){this._activeZoom=this._initialScrollPosition=this._initialTouchPosition=this._touchMoveListener=null,this._$document=t(document),this._$window=t(window),this._$body=t(document.body),this._boundClick=t.proxy(this._clickHandler,this)}function i(e){this._fullHeight=this._fullWidth=this._overlay=this._targetImageWrap=null,this._targetImage=e,this._$body=t(document.body)}e.prototype.listen=function(){this._$body.on("click",'[data-action="zoom"]',t.proxy(this._zoom,this))},e.prototype._zoom=function(e){var n=e.target;if(n&&"IMG"==n.tagName&&!this._$body.hasClass("zoom-overlay-open"))return e.metaKey||e.ctrlKey?window.open(e.target.getAttribute("data-original")||e.target.src,"_blank"):void(n.width>=t(window).width()-i.OFFSET||(this._activeZoomClose(!0),this._activeZoom=new i(n),this._activeZoom.zoomImage(),this._$window.on("scroll.zoom",t.proxy(this._scrollHandler,this)),this._$document.on("keyup.zoom",t.proxy(this._keyHandler,this)),this._$document.on("touchstart.zoom",t.proxy(this._touchStart,this)),document.addEventListener?document.addEventListener("click",this._boundClick,!0):document.attachEvent("onclick",this._boundClick,!0),"bubbles"in e?e.bubbles&&e.stopPropagation():e.cancelBubble=!0))},e.prototype._activeZoomClose=function(t){this._activeZoom&&(t?this._activeZoom.dispose():this._activeZoom.close(),this._$window.off(".zoom"),this._$document.off(".zoom"),document.removeEventListener("click",this._boundClick,!0),this._activeZoom=null)},e.prototype._scrollHandler=function(e){null===this._initialScrollPosition&&(this._initialScrollPosition=t(window).scrollTop());var i=this._initialScrollPosition-t(window).scrollTop();Math.abs(i)>=40&&this._activeZoomClose()},e.prototype._keyHandler=function(t){27==t.keyCode&&this._activeZoomClose()},e.prototype._clickHandler=function(t){t.preventDefault?t.preventDefault():event.returnValue=!1,"bubbles"in t?t.bubbles&&t.stopPropagation():t.cancelBubble=!0,this._activeZoomClose()},e.prototype._touchStart=function(e){this._initialTouchPosition=e.touches[0].pageY,t(e.target).on("touchmove.zoom",t.proxy(this._touchMove,this))},e.prototype._touchMove=function(e){Math.abs(e.touches[0].pageY-this._initialTouchPosition)>10&&(this._activeZoomClose(),t(e.target).off("touchmove.zoom"))},i.OFFSET=80,i._MAX_WIDTH=2560,i._MAX_HEIGHT=4096,i.prototype.zoomImage=function(){var e=document.createElement("img");e.onload=t.proxy(function(){this._fullHeight=Number(e.height),this._fullWidth=Number(e.width),this._zoomOriginal()},this),e.src=this._targetImage.src},i.prototype._zoomOriginal=function(){this._targetImageWrap=document.createElement("div"),this._targetImageWrap.className="zoom-img-wrap",this._targetImage.parentNode.insertBefore(this._targetImageWrap,this._targetImage),this._targetImageWrap.appendChild(this._targetImage),t(this._targetImage).addClass("zoom-img").attr("data-action","zoom-out"),this._overlay=document.createElement("div"),this._overlay.className="zoom-overlay",document.body.appendChild(this._overlay),this._calculateZoom(),this._triggerAnimation()},i.prototype._calculateZoom=function(){this._targetImage.offsetWidth;var e=this._fullWidth,n=this._fullHeight,o=(t(window).scrollTop(),e/this._targetImage.width),r=t(window).height()-i.OFFSET,a=t(window).width()-i.OFFSET,s=e/n,l=a/r;this._imgScaleFactor=e=50?t("body.has-cover").removeClass("is-transparency"):t("body.has-cover").addClass("is-transparency"),f=e),p=!1)},500),Object(a.a)(d,u)}}}).call(e,i(0))},function(t,e){var i=function(t){this.elem=t,this.popWidth=600,this.popHeight=480,this.left=window.innerWidth/2-this.popWidth/2+window.screenX,this.top=window.innerHeight/2-this.popHeight/2+window.screenY};i.prototype.attributes=function(t){var e=this.elem.attr("data-"+t);return void 0!==e&&null!==e&&e},i.prototype.share=function(){var t=this.attributes("share").toLowerCase(),e={facebook:{shareUrl:"https://www.facebook.com/sharer.php",params:{u:this.attributes("url")}},twitter:{shareUrl:"https://twitter.com/intent/tweet/",params:{text:this.attributes("title"),url:this.attributes("url")}},reddit:{shareUrl:"https://www.reddit.com/submit",params:{url:this.attributes("url")}},pinterest:{shareUrl:"https://www.pinterest.com/pin/create/button/",params:{url:this.attributes("url"),description:this.attributes("title")}},linkedin:{shareUrl:"https://www.linkedin.com/shareArticle",params:{url:this.attributes("url"),mini:!0}},whatsapp:{shareUrl:"whatsapp://send",params:{text:this.attributes("title")+" "+this.attributes("url")},isLink:!0},pocket:{shareUrl:"https://getpocket.com/save",params:{url:this.attributes("url")}}}[t];return void 0!==e&&this.popup(e)},i.prototype.popup=function(t){var e=t.params||{},i=Object.keys(e),n=t.shareUrl,o=i.length>0?"?":"";if(Object.keys(i).forEach(function(t){"?"!==o&&(o+="&"),e[i[t]]&&(o+=i[t]+"="+encodeURIComponent(e[i[t]]))}),n+=o,t.isLink)window.location.href=n;else{var r="scrollbars=no, width="+this.popWidth+", height="+this.popHeight+", top="+this.top+", left="+this.left,a=window.open(n,"",r);window.focus&&a.focus()}},t.exports=i},function(t,e,i){"use strict";(function(t){e.a=function(e,i){return t(".follow-toggle").removeClass("u-hide"),t.each(e,function(e,n){if("string"==typeof n&&i.test(n)){var o='';t(".followMe").append(o)}})}}).call(e,i(0))},function(t,e,i){"use strict";(function(t){e.a=function(e,i){t(".search-toggle").on("click",function(i){i.preventDefault(),t("body").toggleClass("is-search").removeClass("is-showNavMob"),e.focus()});var n='\n \n {{title}}\n {{pubDate}}\n ';return e.ghostHunter({results:"#searchResults",zeroResultsInfo:!0,info_template:'

Showing {{amount}} results

',result_template:n,onKeyUp:!0})}}).call(e,i(0))},function(t,e,i){"use strict";(function(t){e.a=function(e,i){return t(".footer-menu").removeClass("u-hide"),t.each(e,function(e,n){if("string"==typeof n&&i.test(n)){var o='
  • '+e+"
    • ";t(".footer-menu").append(o)}})}}).call(e,i(0))},function(t,e,i){"use strict";(function(t){e.a=function(e,i){t(".widget-twitter").removeClass("u-hide");var n=' + {{!-- The main JavaScript file for Casper --}} diff --git a/partials/ad/ad-sidebar-medium.hbs b/partials/ad/ad-sidebar-medium.hbs index 0d69f382..055d6f93 100644 --- a/partials/ad/ad-sidebar-medium.hbs +++ b/partials/ad/ad-sidebar-medium.hbs @@ -1 +1 @@ -
    {{!-- Add your ad code here --}}
    +
    {{!-- Add your ad code here --}}
    diff --git a/partials/helper/helper-pagination.hbs b/partials/helper/helper-pagination.hbs index 4318651b..0342e0e8 100644 --- a/partials/helper/helper-pagination.hbs +++ b/partials/helper/helper-pagination.hbs @@ -7,8 +7,3 @@ {{else}} {{"pagination"}} {{/is}} - - -{{#if pagination.pages}} - {{#contentFor "scripts"}} {{/contentFor}} -{{/if}} diff --git a/partials/sidebar.hbs b/partials/sidebar.hbs index f389d862..a0f85f75 100644 --- a/partials/sidebar.hbs +++ b/partials/sidebar.hbs @@ -15,6 +15,9 @@ {{/get}} {{/is}} + {{!-- Ad --}} + {{> "ad/ad-sidebar-medium"}} + {{!-- Wig¡dget Sybscribe --}} {{> "widget/widget-subscribers"}} diff --git a/partials/styles.hbs b/partials/styles.hbs new file mode 100644 index 00000000..178987b3 --- /dev/null +++ b/partials/styles.hbs @@ -0,0 +1 @@ +html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{-webkit-text-decoration:underline dotted;border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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,input{overflow:visible}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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[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}details{display:block}summary{display:list-item}[hidden],template{display:none}code[class*=language-],pre[class*=language-]{-moz-tab-size:4;-ms-hyphens:none;-o-tab-size:4;-webkit-hyphens:none;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{background:#b3d4fc;text-shadow:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:hsla(0,0%,100%,.5);color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.8em;position:relative}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;border-right:1px solid #999;font-size:100%;left:-3.8em;letter-spacing:-1px;pointer-events:none;position:absolute;top:0;user-select:none;width:3em}.line-numbers-rows>span{counter-increment:linenumber;display:block;pointer-events:none}.line-numbers-rows>span:before{color:#999;content:counter(linenumber);display:block;padding-right:.8em;text-align:right}.link{color:inherit;cursor:pointer}.link,.link--accent{text-decoration:none}.link--accent{color:var(--primary-color)}.u-absolute0{bottom:0;left:0;position:absolute;right:0;top:0}.u-textColorDarker{color:rgba(0,0,0,.8)!important;fill:rgba(0,0,0,.8)!important}.note:before,.success:before,.warning:before,[class*=" i-"]:before,[class^=i-]:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:mapache!important;font-style:normal;font-variant:normal;font-weight:400;line-height:inherit;speak:none;text-transform:none}img[data-action=zoom]{cursor:-webkit-zoom-in;cursor:zoom-in}.zoom-img,.zoom-img-wrap{-o-transition:all .3s;-webkit-transition:all .3s;position:relative;transition:all .3s;z-index:666}img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}.zoom-overlay{-o-transition:opacity .3s;-webkit-transition:opacity .3s;background:#fff;bottom:0;filter:"alpha(opacity=0)";left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:420}.zoom-overlay-open .zoom-overlay{filter:"alpha(opacity=100)";opacity:1}.zoom-overlay-open,.zoom-overlay-transitioning{cursor:default}:root{--black:#000;--composite-color:#cc116e;--footer-color-link:#2ad88d;--header-color:#bbf1b9;--header-color-hover:#eeffea;--media-type-color:#2ad88d;--post-color-link:#2ad88d;--primary-color:#1c9963;--secondary-color:#2ad88d;--story-cover-category-color:#2ad88d;--white:#fff}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:inherit;text-decoration:none}a:active,a:hover{outline:0}blockquote{border-left:3px solid #000;color:#000;font-family:Merriweather,serif;font-size:1.1875rem;font-style:italic;font-weight:400;letter-spacing:-.003em;line-height:1.7;margin:30px 0 0 -12px;padding-bottom:2px;padding-left:20px}blockquote p:first-of-type{margin-top:0}body{color:rgba(0,0,0,.84);font-family:Ruda,sans-serif;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.4;margin:0 auto;overflow-x:hidden;text-rendering:optimizeLegibility}body,html{font-size:16px}html{-webkit-box-sizing:border-box;box-sizing:border-box}figure{margin:0}figcaption{-webkit-font-feature-settings:"liga" on,"lnum" on;color:rgba(0,0,0,.68);display:block;font-family:Merriweather,serif;font-feature-settings:"liga" on,"lnum" on;font-size:14px;font-style:normal;font-weight:400;left:0;letter-spacing:0;line-height:1.4;margin-top:10px;outline:0;position:relative;text-align:center;top:0;width:100%}code,kbd,samp{background:#f7f7f7;color:#c7254e;padding:4px 6px;white-space:pre-wrap}code,kbd,pre,samp{border-radius:4px;font-family:Fira Mono,monospace!important;font-size:15px}pre{background-color:#f7f7f7!important;margin-top:30px!important;max-width:100%;overflow:hidden;padding:1rem;position:relative;word-wrap:normal}pre code{background:transparent;color:#37474f;padding:0;text-shadow:0 1px #fff}code[class*=language-],pre[class*=language-]{color:#37474f;line-height:1.4}code[class*=language-] .token.comment,pre[class*=language-] .token.comment{opacity:.8}code[class*=language-].line-numbers,pre[class*=language-].line-numbers{padding-left:58px}code[class*=language-].line-numbers:before,pre[class*=language-].line-numbers:before{background:#f0edee;content:"";height:100%;left:0;position:absolute;top:0;width:40px}code[class*=language-] .line-numbers-rows,pre[class*=language-] .line-numbers-rows{border-right:none;left:-58px;top:-3px}code[class*=language-] .line-numbers-rows>span:before,pre[class*=language-] .line-numbers-rows>span:before{opacity:.8;padding-right:0;text-align:center}hr:not(.hr-list):not(.post-footer-hr){border:0;display:block;margin:50px auto;text-align:center}hr:not(.hr-list):not(.post-footer-hr):before{color:rgba(0,0,0,.6);content:"...";display:inline-block;font-family:Ruda,sans-serif;font-size:28px;font-weight:400;letter-spacing:.6em;position:relative;top:-25px}.post-footer-hr{background-color:#ddd;border:0;height:1px;margin:32px 0}img{height:auto;max-width:100%;vertical-align:middle;width:auto}img:not([src]){visibility:hidden}i{vertical-align:middle}input{border:none;outline:0}ol,ul{list-style:none;list-style-image:none;margin:0;padding:0}mark{background-color:transparent!important;background-image:-webkit-gradient(linear,left top,left bottom,from(#d7fdd3),to(#d7fdd3));background-image:-webkit-linear-gradient(top,#d7fdd3,#d7fdd3);background-image:-o-linear-gradient(top,#d7fdd3,#d7fdd3);background-image:linear-gradient(180deg,#d7fdd3,#d7fdd3);color:rgba(0,0,0,.8)}q{color:rgba(0,0,0,.44);display:block;font-size:28px;font-style:italic;font-weight:400;letter-spacing:-.014em;line-height:1.48;padding-left:50px;padding-top:15px;text-align:left}q:after,q:before{display:none}table{-webkit-overflow-scrolling:touch;border-collapse:collapse;border-spacing:0;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:20px 0 0;max-width:100%;overflow-x:auto;vertical-align:top;white-space:nowrap;width:auto}table td,table th{border:1px solid #dfe2e5;padding:6px 13px}table tr:nth-child(2n){background-color:#f6f8fa}table th{font-weight:600;letter-spacing:.2px;text-transform:uppercase}.link--underline:active,.link--underline:focus,.link--underline:hover{text-decoration:underline}.main{margin-bottom:4em;min-height:90vh}.footer,.main{-o-transition:-o-transform .5s ease;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease,-o-transform .5s ease}.warning{background:#fbe9e7;color:#d50000}.warning:before{content:"\E002"}.note{background:#e1f5fe;color:#0288d1}.note:before{content:"\E907"}.success{background:#e0f2f1;color:#00897b}.success:before{color:#00bfa5;content:"\E86C"}.note,.success,.warning{display:block;font-size:18px!important;line-height:1.58!important;margin-top:28px;padding:12px 24px 12px 60px}.note a,.success a,.warning a{color:inherit;text-decoration:underline}.note:before,.success:before,.warning:before{float:left;font-size:24px;margin-left:-36px;margin-top:-5px}.tag-description{max-width:700px}.tag.has--image{min-height:350px}.with-tooltip{overflow:visible;position:relative}.with-tooltip:after{background:rgba(0,0,0,.85);border-radius:4px;color:#fff;content:attr(data-tooltip);display:inline-block;font-size:12px;font-weight:600;left:50%;line-height:1.25;min-width:130px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;text-align:center;text-transform:none;top:-30px;will-change:opacity,transform;z-index:1}.with-tooltip:hover:after{-o-animation:tooltip .1s ease-out both;-webkit-animation:tooltip .1s ease-out both;animation:tooltip .1s ease-out both}.errorPage{font-family:Roboto Mono,monospace}.errorPage-link{left:-5px;padding:24px 60px;top:-6px}.errorPage-text{margin-top:60px;white-space:pre-wrap}.errorPage-wrap{color:rgba(0,0,0,.4);padding:7vw 4vw}.video-responsive{display:block;height:0;margin-top:30px;overflow:hidden;padding:0 0 56.25%;position:relative;width:100%}.video-responsive iframe,.video-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.kg-embed-card .video-responsive{margin-top:0}.kg-gallery-container{-ms-flex-direction:column;-webkit-box-orient:vertical;flex-direction:column;max-width:100%;width:100%}.kg-gallery-container,.kg-gallery-row{-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.kg-gallery-row{-ms-flex-direction:row;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;flex-direction:row;justify-content:center}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image img{display:block;height:100%;margin:0;width:100%}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.c-facebook{color:#3b5998!important}.bg-facebook,.sideNav-follow .i-facebook{background-color:#3b5998!important}.c-twitter{color:#55acee!important}.bg-twitter,.sideNav-follow .i-twitter{background-color:#55acee!important}.c-google{color:#dd4b39!important}.bg-google,.sideNav-follow .i-google{background-color:#dd4b39!important}.c-instagram{color:#306088!important}.bg-instagram,.sideNav-follow .i-instagram{background-color:#306088!important}.c-youtube{color:#e52d27!important}.bg-youtube,.sideNav-follow .i-youtube{background-color:#e52d27!important}.c-github{color:#555!important}.bg-github,.sideNav-follow .i-github{background-color:#555!important}.c-linkedin{color:#007bb6!important}.bg-linkedin,.sideNav-follow .i-linkedin{background-color:#007bb6!important}.c-spotify{color:#2ebd59!important}.bg-spotify,.sideNav-follow .i-spotify{background-color:#2ebd59!important}.c-codepen{color:#222!important}.bg-codepen,.sideNav-follow .i-codepen{background-color:#222!important}.c-behance{color:#131418!important}.bg-behance,.sideNav-follow .i-behance{background-color:#131418!important}.c-dribbble{color:#ea4c89!important}.bg-dribbble,.sideNav-follow .i-dribbble{background-color:#ea4c89!important}.c-flickr{color:#0063dc!important}.bg-flickr,.sideNav-follow .i-flickr{background-color:#0063dc!important}.c-reddit{color:#ff4500!important}.bg-reddit,.sideNav-follow .i-reddit{background-color:#ff4500!important}.c-pocket{color:#f50057!important}.bg-pocket,.sideNav-follow .i-pocket{background-color:#f50057!important}.c-pinterest{color:#bd081c!important}.bg-pinterest,.sideNav-follow .i-pinterest{background-color:#bd081c!important}.c-whatsapp{color:#64d448!important}.bg-whatsapp,.sideNav-follow .i-whatsapp{background-color:#64d448!important}.c-telegram{color:#08c!important}.bg-telegram,.sideNav-follow .i-telegram{background-color:#08c!important}.c-discord{color:#7289da!important}.bg-discord,.sideNav-follow .i-discord{background-color:#7289da!important}.c-rss{color:orange!important}.bg-rss,.sideNav-follow .i-rss{background-color:orange!important}.rocket{bottom:50px;position:fixed;right:20px;text-align:center;width:60px;z-index:5}.rocket:hover svg path{fill:rgba(0,0,0,.6)}.svgIcon{display:inline-block}svg{height:auto;width:100%}.load-more{max-width:70%!important}.loadingBar{-o-transform:translateX(100%);-webkit-transform:translateX(100%);background-color:#48e79a;display:none;height:2px;left:0;position:fixed;right:0;top:0;transform:translateX(100%);z-index:800}.is-loading .loadingBar{-o-animation:loading-bar 1s ease-in-out infinite;-o-animation-delay:.8s;-webkit-animation:loading-bar 1s ease-in-out infinite;-webkit-animation-delay:.8s;animation:loading-bar 1s ease-in-out infinite;animation-delay:.8s;display:block}@media only screen and (max-width:766px){blockquote{font-size:1.125rem;margin-left:-5px}.kg-embed-card,.kg-image-card{margin-left:-20px;margin-right:-20px}}.extreme-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.cc-video-left,.col-left{-ms-flex-positive:1;-ms-flex-preferred-size:0;-webkit-box-flex:1;flex-basis:0;flex-grow:1;max-width:100%;padding-left:10px;padding-right:10px}@media only screen and (min-width:1000px){.col-left{max-width:calc(100% - 340px)}.cc-video-left{max-width:calc(100% - 320px)}.cc-video-right{-ms-flex-preferred-size:320px!important;flex-basis:320px!important;max-width:320px!important}body.is-article .col-left{padding-right:40px}}.col-right{-ms-flex-direction:column;-webkit-box-orient:vertical;flex-direction:column;padding-left:10px;padding-right:10px;width:320px}.col-right,.row{-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.row{-ms-flex:0 1 auto;-ms-flex-direction:row;-ms-flex-wrap:wrap;-webkit-box-orient:horizontal;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.row,.row .col{-webkit-box-flex:0}.row .col{-ms-flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;flex:0 0 auto;padding-left:10px;padding-right:10px}.row .col.s1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.row .col.s2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.row .col.s3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.row .col.s4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.row .col.s5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.row .col.s6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.row .col.s7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.row .col.s8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.row .col.s9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.row .col.s10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.row .col.s11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.row .col.s12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}@media only screen and (min-width:766px){.row .col.m1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.row .col.m2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.row .col.m3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.row .col.m4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.row .col.m5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.row .col.m6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.row .col.m7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.row .col.m8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.row .col.m9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.row .col.m10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.row .col.m11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.row .col.m12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media only screen and (min-width:1000px){.row .col.l1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.row .col.l2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.row .col.l3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.row .col.l4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.row .col.l5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.row .col.l6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.row .col.l7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.row .col.l8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.row .col.l9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.row .col.l10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.row .col.l11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.row .col.l12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}h1,h2,h3,h4,h5,h6{color:inherit;font-family:Ruda,sans-serif;font-weight:600;line-height:1.1;margin:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;line-height:inherit}h1{font-size:2rem}h2{font-size:1.875rem}h3{font-size:1.6rem}h4{font-size:1.4rem}h5{font-size:1.2rem}h6{font-size:1rem}p{margin:0}.u-textColorNormal{color:#999!important;fill:#999!important}.u-textColorWhite{color:#fff!important;fill:#fff!important}.u-hoverColorNormal:hover{color:rgba(0,0,0,.6);fill:rgba(0,0,0,.6)}.u-accentColor--iconNormal{color:#1c9963;fill:#1c9963}.u-bgColor{background-color:var(--primary-color)}.u-relative{position:relative}.u-absolute{position:absolute}.u-fixed{position:fixed!important}.u-block{display:block!important}.u-inlineBlock{display:inline-block}.u-backgroundDark{background-color:#0d0f10;top:0}.u-backgroundDark,.u-gradient{bottom:0;left:0;position:absolute;right:0;z-index:1}.u-gradient{background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,transparent),to(#000));background:-webkit-linear-gradient(top,transparent 20%,#000);background:-o-linear-gradient(top,transparent 20%,#000 100%);background:linear-gradient(180deg,transparent 20%,#000);height:90%}.zindex1{z-index:1}.zindex2{z-index:2}.zindex3{z-index:3}.zindex4{z-index:4}.u-backgroundWhite{background-color:#fafafa}.u-backgroundColorGrayLight{background-color:#f0f0f0!important}.u-clear:after{clear:both;content:"";display:table}.u-fontSizeMicro{font-size:11px}.u-fontSizeSmallest{font-size:12px}.u-fontSize13{font-size:13px}.u-fontSizeSmaller{font-size:14px}.u-fontSize15{font-size:15px}.u-fontSizeSmall{font-size:16px}.u-fontSizeBase{font-size:18px}.u-fontSize20{font-size:20px}.u-fontSize21{font-size:21px}.u-fontSize22{font-size:22px}.u-fontSizeLarge{font-size:24px}.u-fontSize26{font-size:26px}.u-fontSize28{font-size:28px}.media-type,.u-fontSizeLarger{font-size:32px}.u-fontSize36{font-size:36px}.u-fontSize40{font-size:40px}.u-fontSizeLargest{font-size:44px}.u-fontSizeJumbo{font-size:50px}@media only screen and (max-width:766px){.u-md-fontSizeBase{font-size:18px}.u-md-fontSize22{font-size:22px}.u-md-fontSizeLarger{font-size:32px}}.u-fontWeightThin{font-weight:300}.u-fontWeightNormal{font-weight:400}.u-fontWeightSemibold{font-weight:600!important}.u-fontWeightBold{font-weight:700}.u-fontWeightBolder{font-weight:900}.u-textUppercase{text-transform:uppercase}.u-textCapitalize{text-transform:capitalize}.u-textAlignCenter{text-align:center}.u-noWrapWithEllipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.u-marginAuto{margin-left:auto;margin-right:auto}.u-marginTop20{margin-top:20px}.u-marginTop30{margin-top:30px}.u-marginBottom10{margin-bottom:10px}.u-marginBottom15{margin-bottom:15px}.u-marginBottom20{margin-bottom:20px!important}.u-marginBottom30{margin-bottom:30px}.u-marginBottom40{margin-bottom:40px}.u-padding0{padding:0!important}.u-padding20{padding:20px}.u-padding15{padding:15px!important}.u-paddingBottom2{padding-bottom:2px}.u-paddingBottom30{padding-bottom:30px}.u-paddingBottom20{padding-bottom:20px}.u-paddingRight10{padding-right:10px}.u-paddingLeft15{padding-left:15px}.u-paddingTop2{padding-top:2px}.u-paddingTop5{padding-top:5px}.u-paddingTop10{padding-top:10px}.u-paddingTop15{padding-top:15px}.u-paddingTop20{padding-top:20px}.u-paddingTop30{padding-top:30px}.u-paddingBottom15{padding-bottom:15px}.u-paddingRight20{padding-right:20px}.u-paddingLeft20{padding-left:20px}.u-contentTitle{font-family:Ruda,sans-serif;font-style:normal;font-weight:900;letter-spacing:-.028em}.u-lineHeight1{line-height:1}.u-lineHeightTight{line-height:1.2}.u-overflowHidden{overflow:hidden}.u-floatRight{float:right}.u-floatLeft{float:left}.media-type,.u-flex,.u-flexCenter{display:-webkit-box;display:-ms-flexbox;display:flex}.media-type,.u-flexCenter{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.media-type,.u-flexContentCenter{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.u-flex1{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto}.u-flex0{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto}.u-flexWrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.u-flexColumn{-ms-flex-direction:column;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center}.u-flexEnd{-ms-flex-align:center;-ms-flex-pack:end;-webkit-box-align:center;-webkit-box-pack:end;align-items:center;justify-content:flex-end}.u-flexColumnTop{-ms-flex-direction:column;-ms-flex-pack:start;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:flex-start}.u-backgroundSizeCover{background-origin:border-box;background-position:50%;background-size:cover}.u-container{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.u-maxWidth1200{max-width:1200px}.u-maxWidth1000{max-width:1000px}.u-maxWidth740{max-width:740px}.u-maxWidth1040{max-width:1040px}.u-sizeFullWidth{width:100%}.u-sizeFullHeight{height:100%}.u-borderLighter{border:1px solid rgba(0,0,0,.15)}.avatar-image,.media-type,.u-round{border-radius:50%}.u-borderRadius2{border-radius:2px}.u-boxShadowBottom{-webkit-box-shadow:0 4px 2px -2px rgba(0,0,0,.05);box-shadow:0 4px 2px -2px rgba(0,0,0,.05)}.u-height540{height:540px}.u-height280{height:280px}.u-height260{height:260px}.u-height100{height:100px}.u-borderBlackLightest{border:1px solid rgba(0,0,0,.1)}.u-hide{display:none!important}.u-card{-webkit-box-shadow:0 1px 7px rgba(0,0,0,.05);background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:3px;box-shadow:0 1px 7px rgba(0,0,0,.05);margin-bottom:10px;padding:10px 20px 15px}.title-line{position:relative;text-align:center;width:100%}.title-line:before{background:hsla(0,0%,100%,.3);bottom:50%;content:"";display:inline-block;height:1px;left:0;position:absolute;width:100%;z-index:0}.u-oblique{-o-transform:skewX(-15deg);-webkit-transform:skewX(-15deg);background-color:var(--composite-color);color:#fff;display:inline-block;font-size:14px;font-weight:700;line-height:1;padding:5px 13px;text-transform:uppercase;transform:skewX(-15deg)}.no-avatar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACbCAMAAABCvxm+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMERFNUY2MzE4Q0QxMUUzODE4RkFDREMyNzVDMjRDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMERFNUY2NDE4Q0QxMUUzODE4RkFDREMyNzVDMjRDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIwREU1RjYxMThDRDExRTM4MThGQUNEQzI3NUMyNENDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwREU1RjYyMThDRDExRTM4MThGQUNEQzI3NUMyNENDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gkOp7wAAAjFQTFRFzN7oJCYot8fQorC4yNrjuMjRJScpbXZ8go2UvMzVy93mpLO7OT1ANjk8JyosmKWtk5+mscDJKiwvKy0wytzmNDc6oK62KSwuxNXfv9DZxdfgnauzPkJFSE1RKy4wdX+FcnyCaHB2JykrfYeOhpKYJigqU1ldbHV6tcXOb3h+tMTNMzc5qLe/T1ZaMTQ2Oj5BxtjhU1pep7a+VVxglaKqeoWLeYOJODw/w9XeeIKIx9njZW1zQUZJW2NnwdLcLzI1tsXOxdbgSU5SucnSUFZah5KZV15iaXF2v9Daj5uir77HJScqeoSKl6Sroa+3LS8yX2dsRkxPX2ZrVFtfY2twMjY5KCotMjU4y93ncHl/Ympvk6CnT1VZvs7XmqevTFJWKSstbHV7gIqRqrjBmaauydvlwdLbNjo9j5yjYWluipaddn+Fx9jiPkNGwtPdiZWcRUpOSlBUqrnCZm5zssLLpLK6i5eessHKZGxxTlRYQkdLkp+mSE5Rn6y0o7G5YWhtydrksL/IRElMbnd8XWVqpbO8XGNoVVtgl6SswNHaQ0hLaXJ3q7rCUlldlKGolqOqjpqhusvUV15jnaqyrr7GUVhcgIuRQkZKjJiffoiOvM3WrLvDtsbPPEFEfomPOz9CP0RHLC8xMDM2iZSbkZ2krLvEsMDIPEBDc32CkJyjW2JmOj9CLjEzUVdbLzI0hI+Wbnh9LTAzQEVITlNXgoyTrbzFXmVqYGhtRElNoa62WF9jVwo1/wAAA6pJREFUeNrs22VX3EAUgOFc2F0WKLDsYsXd3QsUK+5OoRQoUqzu7u7u7u7+6/qtpxy6m8xl5044nfcXPCcnyViiKDKZTCaTyWQymUwm01l+Pl0lNoBAr/bvTYMrdUXbfh3+7nXH+1SDTmjuKTCnRq/KqCerxds2g52if415iKVlhoP9HuwWqssFh4WNCrQtdWwDU4SfsMtmArWGbglwjX7IKQENFSSTv3FXgda8jMS2KNDep0JSmgVYOk1JC0phspmeEdpGgK1iOprBi9H2kW74PweseZLZcphteVS0ujhm21UqWz0zDcLHdTLA/6tsoqe0FWGLobHtRdCgisbWh7HZaOZxQxgbHCSxpaNsFpJHAUUDM8mKFGdbQmFzwdncpE3aCJ+FCApbKc5GMoPz0PH7TfFG2aZJbG9QtgskNn+U7QSJrQBlGyOxhaJsriS2UygbyQr1zHOU7UYmf5obIAtdx5tWbsLa4B5v2zY0DeJ52/Lxtl28bS/wtgzetpt4Wztv2zTelsXbNoi3TfG2+eJt+bxtB3rQtlzu40IY2raMu+0wljbBfzwNwdoIzhiK0pG2ywRzpCQcbRHF+XjdI5RtBcm8d9PZggw217uMQ9VUBwxK0EMmW6xC2Q4W2nApqc2Txdam0HaXwRZAbIvR2dtj1i5co37mH3PSfIZqMpLbzmu1vSWnKYZeXQ0IqHE1vUiATePsPEkR0UZNNl8htkkttDQhNMXQrcHmI8amzOhwTPgzNgSq2qoVUal+n+efKcxmVDsGMSviilTZRhX59XbFhK4mbrPzcUTrV8SWYJ+2tlCwbbzG7qez5YroDK/svHWTBcOMzU39dja9/NNqzS2CfmJY45oXX6Y+ZnXEXllOfL3MnVbNaxn/KQvZU2GM2cC6UdNz/GUQwa1v2Yk70bJ1pXK+ZBEpgO/H+gpusqdH4mB+lc0s5iLbmgVOyJrg/KX00c/gpLyjnKvLjgcnNuzm7jTZ7Uvg5AL7nHPffT0GHAqPnL8uuwY4ZXWb3yFSwABwzLsYP1cJ2AOcM31LRMkasoAg74STzLLgyGigqXeSkZZ6H+jqZPoTeSQaKOv+qX0e1AbExWk9VQoeAPq0fW5uqALQK24/iKlenfZYEA2sqjvDF1tF2aBSbbFYC+Jqdkwrsgm0qeypN4DIgh3aXIXajDq2uUibtEnbAre1CLXdcWgLEWpLXLC2a0Jt+xzavgi1Of5vxaxjm49Q2xb57pU2aZO2/8L2W4ABAL4mhp4zyYDOAAAAAElFTkSuQmCC)!important}@media only screen and (max-width:766px){.u-hide-before-md{display:none!important}.u-md-heightAuto{height:auto}.u-md-height170{height:170px}.u-md-relative{position:relative}}@media only screen and (max-width:1000px){.u-hide-before-lg{display:none!important}}@media only screen and (min-width:766px){.u-hide-after-md{display:none!important}}@media only screen and (min-width:1000px){.u-hide-after-lg{display:none!important}}.button{-moz-user-select:none;-ms-user-select:none;-webkit-box-sizing:border-box;-webkit-user-select:none;background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-sizing:border-box;color:rgba(0,0,0,.44);cursor:pointer;display:inline-block;font-family:Ruda,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:37px;letter-spacing:0;line-height:35px;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-rendering:optimizeLegibility;user-select:none;vertical-align:middle;white-space:nowrap}.button--chromeless{-webkit-box-shadow:none;border-radius:0;border-width:0;box-shadow:none;color:rgba(0,0,0,.44);height:auto;line-height:inherit;padding:0;text-align:left;vertical-align:baseline;white-space:normal}.button--chromeless:active,.button--chromeless:focus,.button--chromeless:hover{border-width:0;color:rgba(0,0,0,.6)}.button--large{font-size:15px;height:44px;line-height:42px;padding:0 18px}.button--dark{background:rgba(0,0,0,.84);border-color:rgba(0,0,0,.84);color:hsla(0,0%,100%,.97)}.button--dark:hover{background:#1c9963;border-color:#1c9963}.button--primary{border-color:#1c9963;color:#1c9963}.button--large.button--chromeless,.button--large.button--link{padding:0}.buttonSet>.button{margin-right:8px;vertical-align:middle}.buttonSet>.button:last-child{margin-right:0}.buttonSet .button--chromeless{height:37px;line-height:35px}.buttonSet .button--large.button--chromeless,.buttonSet .button--large.button--link{height:44px;line-height:42px}.buttonSet>.button--chromeless:not(.button--circle){margin-right:0;padding-right:8px}.buttonSet>.button--chromeless:last-child{padding-right:0}.buttonSet>.button--chromeless+.button--chromeless:not(.button--circle){margin-left:0;padding-left:8px}.button--circle{background-image:none!important;border-radius:50%;color:#fff;height:40px;line-height:38px;padding:0;text-decoration:none;width:40px}.tag-button{background:rgba(0,0,0,.05);border:none;color:rgba(0,0,0,.68);font-weight:700;margin:0 8px 8px 0}.tag-button:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.68)}.button--dark-line{-o-transition:color .3s ease,box-shadow .3s cubic-bezier(.455,.03,.515,.955);-webkit-transition:color .3s ease,-webkit-box-shadow .3s cubic-bezier(.455,.03,.515,.955);border:1px solid #000;color:#000;display:block;font-weight:600;margin:50px auto 0;max-width:300px;text-transform:uppercase;transition:color .3s ease,-webkit-box-shadow .3s cubic-bezier(.455,.03,.515,.955);transition:color .3s ease,box-shadow .3s cubic-bezier(.455,.03,.515,.955);transition:color .3s ease,box-shadow .3s cubic-bezier(.455,.03,.515,.955),-webkit-box-shadow .3s cubic-bezier(.455,.03,.515,.955);width:100%}.button--dark-line:hover{-webkit-box-shadow:inset 0 -50px 8px -4px #000;box-shadow:inset 0 -50px 8px -4px #000;color:#fff}@font-face{font-family:mapache;font-style:normal;font-weight:400;src:url(/assets/fonts/mapache.eot);src:url(/assets/fonts/mapache.eot#iefix) format("embedded-opentype"),url(/assets/fonts/mapache.ttf) format("truetype"),url(/assets/fonts/mapache.woff) format("woff"),url(/assets/fonts/mapache.svg#mapache) format("svg")}.i-tag:before{content:"\E911"}.i-discord:before{content:"\E90A"}.i-arrow-round-next:before{content:"\E90C"}.i-arrow-round-prev:before{content:"\E90D"}.i-arrow-round-up:before{content:"\E90E"}.i-arrow-round-down:before{content:"\E90F"}.i-photo:before{content:"\E90B"}.i-send:before{content:"\E909"}.i-audio:before{content:"\E901"}.i-rocket:before{color:#999;content:"\E902"}.i-comments-line:before{content:"\E900"}.i-globe:before{content:"\E906"}.i-star:before{content:"\E907"}.i-link:before{content:"\E908"}.i-star-line:before{content:"\E903"}.i-more:before{content:"\E904"}.i-search:before{content:"\E905"}.i-chat:before{content:"\E910"}.i-arrow-left:before{content:"\E314"}.i-arrow-right:before{content:"\E315"}.i-play:before{content:"\E037"}.i-location:before{content:"\E8B4"}.i-check-circle:before{content:"\E86C"}.i-close:before{content:"\E5CD"}.i-favorite:before{content:"\E87D"}.i-warning:before{content:"\E002"}.i-rss:before{content:"\E0E5"}.i-share:before{content:"\E80D"}.i-email:before{content:"\F0E0"}.i-google:before{content:"\F1A0"}.i-telegram:before{content:"\F2C6"}.i-reddit:before{content:"\F281"}.i-twitter:before{content:"\F099"}.i-github:before{content:"\F09B"}.i-linkedin:before{content:"\F0E1"}.i-youtube:before{content:"\F16A"}.i-stack-overflow:before{content:"\F16C"}.i-instagram:before{content:"\F16D"}.i-flickr:before{content:"\F16E"}.i-dribbble:before{content:"\F17D"}.i-behance:before{content:"\F1B4"}.i-spotify:before{content:"\F1BC"}.i-codepen:before{content:"\F1CB"}.i-facebook:before{content:"\F230"}.i-pinterest:before{content:"\F231"}.i-whatsapp:before{content:"\F232"}.i-snapchat:before{content:"\F2AC"}.animated{-o-animation-duration:1s;-o-animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-o-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.bounceIn{-o-animation-name:bounceIn;-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounceInDown{-o-animation-name:bounceInDown;-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.pulse{-o-animation-name:pulse;-webkit-animation-name:pulse;animation-name:pulse}.slideInUp{-o-animation-name:slideInUp;-webkit-animation-name:slideInUp;animation-name:slideInUp}.slideOutDown{-o-animation-name:slideOutDown;-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@-o-keyframes bounceIn{0%,20%,40%,60%,80%,to{-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-o-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(215,610,355,1);animation-timing-function:cubic-bezier(215,610,355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-o-keyframes bounceInDown{0%,60%,75%,90%,to{-o-animation-timing-function:cubic-bezier(215,610,355,1);animation-timing-function:cubic-bezier(215,610,355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{-o-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-o-animation-timing-function:cubic-bezier(215,610,355,1);-webkit-animation-timing-function:cubic-bezier(215,610,355,1);animation-timing-function:cubic-bezier(215,610,355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-o-transform:none;-webkit-transform:none;transform:none}}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-o-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.2,1.2,1.2)}to{transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes scroll{0%{opacity:0}10%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}to{-webkit-transform:translateY(10px);opacity:0;transform:translateY(10px)}}@-o-keyframes scroll{0%{opacity:0}10%{-o-transform:translateY(0);opacity:1;transform:translateY(0)}to{-o-transform:translateY(10px);opacity:0;transform:translateY(10px)}}@keyframes scroll{0%{opacity:0}10%{-o-transform:translateY(0);-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}to{-o-transform:translateY(10px);-webkit-transform:translateY(10px);opacity:0;transform:translateY(10px)}}@-webkit-keyframes opacity{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-o-keyframes opacity{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes tooltip{0%{-webkit-transform:translate(-50%,6px);opacity:0;transform:translate(-50%,6px)}to{-webkit-transform:translate(-50%);opacity:1;transform:translate(-50%)}}@-o-keyframes tooltip{0%{-o-transform:translate(-50%,6px);opacity:0;transform:translate(-50%,6px)}to{-o-transform:translate(-50%);opacity:1;transform:translate(-50%)}}@keyframes tooltip{0%{-o-transform:translate(-50%,6px);-webkit-transform:translate(-50%,6px);opacity:0;transform:translate(-50%,6px)}to{-o-transform:translate(-50%);-webkit-transform:translate(-50%);opacity:1;transform:translate(-50%)}}@-webkit-keyframes loading-bar{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{-webkit-transform:translateX(0);transform:translateX(0)}60%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-o-keyframes loading-bar{0%{-o-transform:translateX(-100%);transform:translateX(-100%)}40%{-o-transform:translateX(0);transform:translateX(0)}60%{-o-transform:translateX(0);transform:translateX(0)}to{-o-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading-bar{0%{-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}40%{-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}60%{-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-o-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes arrow-move-right{0%{opacity:0}10%{-webkit-transform:translateX(-100%);opacity:0;transform:translateX(-100%)}to{-webkit-transform:translateX(0);opacity:1;transform:translateX(0)}}@-o-keyframes arrow-move-right{0%{opacity:0}10%{-o-transform:translateX(-100%);opacity:0;transform:translateX(-100%)}to{-o-transform:translateX(0);opacity:1;transform:translateX(0)}}@keyframes arrow-move-right{0%{opacity:0}10%{-o-transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;transform:translateX(-100%)}to{-o-transform:translateX(0);-webkit-transform:translateX(0);opacity:1;transform:translateX(0)}}@-webkit-keyframes arrow-move-left{0%{opacity:0}10%{-webkit-transform:translateX(100%);opacity:0;transform:translateX(100%)}to{-webkit-transform:translateX(0);opacity:1;transform:translateX(0)}}@-o-keyframes arrow-move-left{0%{opacity:0}10%{-o-transform:translateX(100%);opacity:0;transform:translateX(100%)}to{-o-transform:translateX(0);opacity:1;transform:translateX(0)}}@keyframes arrow-move-left{0%{opacity:0}10%{-o-transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;transform:translateX(100%)}to{-o-transform:translateX(0);-webkit-transform:translateX(0);opacity:1;transform:translateX(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-o-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);visibility:hidden}}@-o-keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,20%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);visibility:hidden}}.header-logo,.menu--toggle,.search-toggle{z-index:15}.header{-o-transition:all .4s ease-in-out;-webkit-box-shadow:0 1px 16px 0 rgba(0,0,0,.3);-webkit-transition:all .4s ease-in-out;box-shadow:0 1px 16px 0 rgba(0,0,0,.3);padding:0 16px;position:-webkit-sticky;position:sticky;top:0;transition:all .4s ease-in-out;z-index:10}.header-wrap{height:50px}.header-logo{color:#fff!important;height:30px}.header-logo img{max-height:100%}.not-logo .header-logo{height:auto!important}.header-line{border-right:1px solid hsla(0,0%,100%,.3);display:inline-block;height:50px;margin-right:10px}.follow-more{-o-transition:width .4s ease;-webkit-transition:width .4s ease;overflow:hidden;transition:width .4s ease;width:0}body.is-showFollowMore .follow-more{width:auto}body.is-showFollowMore .follow-toggle{color:var(--header-color-hover)}body.is-showFollowMore .follow-toggle:before{content:"\E5CD"}.nav{padding-bottom:8px;padding-top:8px;position:relative}.nav,.nav ul{overflow:hidden}.nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px;white-space:nowrap}.header-left a,.nav ul li a{border-radius:3px;color:var(--header-color);display:inline-block;font-weight:600;line-height:30px;padding:0 8px;text-align:center;text-transform:uppercase;vertical-align:middle}.header-left a.active,.header-left a:hover,.nav ul li a.active,.nav ul li a:hover{color:var(--header-color-hover)}.menu--toggle{-o-transition:-o-transform .4s;-webkit-transition:-webkit-transform .4s;height:48px;position:relative;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s,-o-transform .4s;width:48px}.menu--toggle span{-o-transition:.4s;-webkit-transition:.4s;background-color:var(--header-color);display:block;height:2px;left:14px;margin-top:-1px;position:absolute;top:50%;transition:.4s;width:20px}.menu--toggle span:first-child{-o-transform:translateY(-6px);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.menu--toggle span:last-child{-o-transform:translateY(6px);-webkit-transform:translateY(6px);transform:translateY(6px)}@media only screen and (max-width:766px){.header-left{-ms-flex-positive:1!important;-webkit-box-flex:1!important;flex-grow:1!important}.header-logo span{font-size:24px}body.is-showNavMob{overflow:hidden}body.is-showNavMob .sideNav{-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}body.is-showNavMob .menu--toggle{-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);border:0;transform:rotate(90deg)}body.is-showNavMob .menu--toggle span:first-child{-o-transform:rotate(45deg) translate(0);-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}body.is-showNavMob .menu--toggle span:nth-child(2){-o-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0)}body.is-showNavMob .menu--toggle span:last-child{-o-transform:rotate(-45deg) translate(0);-webkit-transform:rotate(-45deg) translate(0);transform:rotate(-45deg) translate(0)}body.is-showNavMob .header .button-search--toggle{display:none}body.is-showNavMob .footer,body.is-showNavMob .main{-o-transform:translateX(-25%)!important;-webkit-transform:translateX(-25%)!important;transform:translateX(-25%)!important}}.footer{color:#888}.footer a{color:var(--footer-color-link)}.footer a:hover{color:#fff}.footer-links{background-color:#131313;padding:3em 0 2.5em}.footer .follow>a{background:#333;border-radius:50%;color:inherit;display:inline-block;height:40px;line-height:40px;margin:0 5px 8px;text-align:center;width:40px}.footer .follow>a:hover{-webkit-box-shadow:inset 0 0 0 2px #333;background:transparent;box-shadow:inset 0 0 0 2px #333}.footer-copy{background-color:#000;padding:3em 0}.footer-menu li{display:inline-block;line-height:24px;margin:0 8px}.footer-menu li a{color:#888}.cover{padding:4px}.cover-story{height:250px;overflow:hidden;width:100%}.cover-story:hover .cover-header{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(50%,rgba(0,0,0,.6)),to(rgba(0,0,0,.9)));background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9));background-image:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9))}.cover-story.firts{height:80vh}.cover-img,.cover-link{bottom:4px;left:4px;right:4px;top:4px}.cover-header{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.9)));background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9));background-image:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9));bottom:4px;left:4px;padding:50px 3.846153846% 20px;right:4px}.hm-cover{min-height:100vh;padding:30px 0}.hm-cover-title{font-size:2.5rem;font-weight:900;line-height:1}.hm-cover-des{font-size:1.25rem;max-width:600px}.hm-subscribe{-o-transition:all .3s;-webkit-box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);-webkit-transition:all .3s;background-color:transparent;border-radius:3px;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5);color:#fff;display:block;font-size:20px;font-weight:400;line-height:1.2;margin-top:50px;max-width:300px;padding:15px 10px;transition:all .3s;width:100%}.hm-subscribe:hover{-webkit-box-shadow:inset 0 0 0 2px #fff;box-shadow:inset 0 0 0 2px #fff}.hm-down{-o-animation-duration:1.2s!important;-webkit-animation-duration:1.2s!important;animation-duration:1.2s!important;bottom:60px;color:hsla(0,0%,100%,.5);left:0;margin:0 auto;position:absolute;right:0;width:70px;z-index:100}.hm-down svg{display:block;fill:currentcolor;height:auto;width:100%}@media only screen and (min-width:766px){.cover{height:70vh}.cover-story{height:50%;width:33.33333%}.cover-story.firts{height:100%;width:66.66666%}.cover-story.firts .cover-title{font-size:2.5rem}.hm-cover-title{font-size:3.5rem}}.post-title{color:#000;font-weight:900;line-height:1.2;max-width:1000px}.post-excerpt{color:#555;font-family:Merriweather,serif;font-weight:300;letter-spacing:-.012em;line-height:1.6}.post-author-social{margin-left:2px;padding:0 3px;vertical-align:middle}.post-image{margin-top:30px}.avatar-image{display:inline-block;vertical-align:middle}.avatar-image--smaller{height:50px;width:50px}.post-body a:not(.button):not(.button--circle):not(.prev-next-link){-o-transition:all .25s;-webkit-box-shadow:inset 0 -3px 0 var(--post-color-link);-webkit-transition:all .25s;box-shadow:inset 0 -3px 0 var(--post-color-link);position:relative;text-decoration:none;transition:all .25s}.post-body a:not(.button):not(.button--circle):not(.prev-next-link):hover{-webkit-box-shadow:inset 0 -1rem 0 var(--post-color-link);box-shadow:inset 0 -1rem 0 var(--post-color-link)}.post-body img{display:block;margin-left:auto;margin-right:auto}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:#000;font-style:normal;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-top:30px}.post-body h2{margin-top:35px}.post-body p{font-weight:400;letter-spacing:-.003em;line-height:1.7;margin-top:25px}.post-body ol,.post-body p,.post-body ul{font-family:Merriweather,serif;font-size:1.125rem}.post-body ol,.post-body ul{counter-reset:post;margin-top:20px}.post-body ol li,.post-body ul li{letter-spacing:-.003em;margin-bottom:14px;margin-left:30px}.post-body ol li:before,.post-body ul li:before{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin-left:-78px;position:absolute;text-align:right;width:78px}.post-body ul li:before{content:"\2022";font-size:16.8px;padding-right:15px;padding-top:3px}.post-body ol li:before{content:counter(post) ".";counter-increment:post;padding-right:12px}.post-body-wrap{-ms-flex-align:center;-ms-flex-direction:column;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}.post-body-wrap .kg-embed-card,.post-body-wrap .mob-share,.post-body-wrap .post-tags,.post-body-wrap .prev-next,.post-body-wrap blockquote,.post-body-wrap dl,.post-body-wrap h1,.post-body-wrap h2,.post-body-wrap h3,.post-body-wrap h4,.post-body-wrap h5,.post-body-wrap h6,.post-body-wrap hr,.post-body-wrap ol,.post-body-wrap p,.post-body-wrap pre,.post-body-wrap ul{min-width:100%}.post-body-wrap>ul{margin-top:35px}.post-body-wrap .kg-card,.post-body-wrap .kg-embed-card,.post-body-wrap .kg-gallery-card,.post-body-wrap .kg-image-card,.post-body-wrap>iframe,.post-body-wrap>img{margin-top:30px!important}.sharePost{-o-transition:all .4s;-webkit-transition:all .4s;left:0;position:absolute!important;top:30px;transition:all .4s;width:40px}.sharePost a{color:#fff;display:block;margin:8px 0 0}.sharePost .i-chat{background-color:#fff;border:2px solid #bbb;color:#bbb}.post-related{padding:40px 0}.mob-share .mapache-share{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-shadow:none!important;align-items:center;box-shadow:none!important;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;justify-content:center}.mob-share .share-title{font-size:14px;margin-left:10px}.prev-next-span{color:var(--composite-color);font-size:13px;font-weight:700}.prev-next-span i{-o-transition:all 277ms cubic-bezier(.16,.01,.77,1);-webkit-transition:all 277ms cubic-bezier(.16,.01,.77,1);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;transition:all 277ms cubic-bezier(.16,.01,.77,1)}.prev-next-title{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;display:-webkit-box!important;font-size:16px;height:2em;line-height:1!important;margin:0!important;overflow:hidden;text-overflow:ellipsis!important}.prev-next-link:hover .arrow-right{-o-animation:arrow-move-right .5s ease-in-out forwards;-webkit-animation:arrow-move-right .5s ease-in-out forwards;animation:arrow-move-right .5s ease-in-out forwards}.prev-next-link:hover .arrow-left{-o-animation:arrow-move-left .5s ease-in-out forwards;-webkit-animation:arrow-move-left .5s ease-in-out forwards;animation:arrow-move-left .5s ease-in-out forwards}.cc-image{background-color:#000;max-height:100vh;min-height:600px}.cc-image-header{bottom:10%;left:0;right:0}.cc-image-figure img{-o-object-fit:cover;object-fit:cover;opacity:.4;width:100%}.cc-image .post-header{max-width:700px}.cc-image .post-excerpt,.cc-image .post-title{color:#fff}.cc-video{background-color:#000;padding:40px 0 30px}.cc-video .post-excerpt{color:#aaa;font-size:1rem}.cc-video .post-title{color:#fff;font-size:1.8rem}.cc-video .kg-embed-card,.cc-video .video-responsive{margin-top:0}.cc-video .story h2{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:#fff;display:-webkit-box!important;font-size:1.125rem!important;font-weight:700!important;margin:0;max-height:2.5em;overflow:hidden;text-overflow:ellipsis!important}.cc-video .flow-meta,.cc-video .story-lower,.cc-video figcaption{display:none!important}.cc-video .story-image{height:170px!important}.cc-video .media-type{height:34px!important;width:34px!important}body.is-article .main{margin-bottom:0}body.share-margin .sharePost{top:-60px}body.show-category .post-primary-tag{display:block!important}body.is-article-single .post-body-wrap{margin-left:0!important}body.is-article-single .sharePost{left:-100px}body.is-article-single .kg-width-full .kg-image{max-width:100vw}body.is-article-single .kg-width-wide .kg-image{max-width:1040px}@media only screen and (max-width:766px){.post-body-wrap q{font-size:20px!important;letter-spacing:-.008em!important;line-height:1.4!important}.post-body-wrap .kg-image-card img{max-width:100%}.post-body-wrap ol,.post-body-wrap p,.post-body-wrap ul{font-size:1rem;letter-spacing:-.004em;line-height:1.58}.post-body-wrap iframe{width:100%!important}.post-related{padding-left:8px;padding-right:8px}.cc-image-figure{margin:0 auto 0 -50%;max-width:200%;width:200%}.cc-image-header{bottom:24px}.cc-image .post-excerpt{font-size:18px}.cc-video{padding:20px 0}.cc-video-embed{margin-left:-16px;margin-right:-15px}.cc-video .post-header{margin-top:10px}}@media only screen and (max-width:1000px){body.is-article .col-left{max-width:100%}}@media only screen and (min-width:766px){.cc-image .post-title{font-size:3.2rem}}@media only screen and (min-width:1000px){body.is-article .post-body-wrap,body.is-image .post-author,body.is-video .post-author{margin-left:70px}}@media only screen and (min-width:1230px){body.has-video-fixed .cc-video-embed{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);bottom:20px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);height:203px;padding-bottom:0;position:fixed;right:20px;width:360px;z-index:8}body.has-video-fixed .cc-video-close{background:#000;border-radius:50%;color:#fff;cursor:pointer;display:block!important;font-size:14px;height:24px;left:-10px;line-height:1;padding-top:5px;position:absolute;text-align:center;top:-10px;width:24px;z-index:5}body.has-video-fixed .cc-video-cont{height:465px}body.has-video-fixed .cc-image-header{bottom:20%}}.hr-list{border:0;border-top:1px solid rgba(0,0,0,.0785);margin:20px 0 0}.story-feed .story-feed-content:first-child .hr-list:first-child{margin-top:5px}.media-type{background-color:rgba(0,0,0,.7);color:#fff;height:45px;left:15px;opacity:.9;top:15px;width:45px}.image-hover{-o-transition:-o-transform .7s;-webkit-transform:translateZ(0);-webkit-transition:-webkit-transform .7s;transform:translateZ(0);transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s,-o-transform .7s}.not-image{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIklEQVR42mJZtWoVMwMUMIGIBZJv/sA5Cc9FWEA0IAAA//+HXQYK9umSYQAAAABJRU5ErkJggg==);background-repeat:repeat}.flow-meta{color:rgba(0,0,0,.54);font-weight:700;margin-bottom:10px}.point{margin:0 5px}.story-image{-ms-flex:0 0 44%;-webkit-box-flex:0;flex:0 0 44%;height:235px;margin-right:30px}.story-image:hover .image-hover{-o-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}.story-lower{-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1}.story-excerpt{font-family:Merriweather,serif;font-weight:300;line-height:1.5}.story-category,.story-excerpt{color:rgba(0,0,0,.84)}.story h2 a:hover{-o-transition:all .25s;-webkit-box-shadow:inset 0 -2px 0 rgba(0,0,0,.4);-webkit-transition:all .25s;box-shadow:inset 0 -2px 0 rgba(0,0,0,.4);transition:all .25s}.story.story--grid{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column;margin-bottom:30px}.story.story--grid .story-image{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;height:220px;margin-right:0}.story.story--grid .media-type{font-size:24px;height:40px;width:40px}.cover-category{color:var(--story-cover-category-color)}.story-card .story{margin-top:0!important}.story-card .story-image{-o-transition:all .15s ease-in-out;-webkit-box-shadow:0 1px 7px rgba(0,0,0,.05);-webkit-transition:all .15s ease-in-out;background-color:#fff!important;border:1px solid rgba(0,0,0,.04);border-radius:2px;box-shadow:0 1px 7px rgba(0,0,0,.05);height:200px!important;overflow:hidden;transition:all .15s ease-in-out}.story-card .story-image .story-img-bg{margin:10px}.story-card .story-image:hover{-webkit-box-shadow:0 0 15px 4px rgba(0,0,0,.1);box-shadow:0 0 15px 4px rgba(0,0,0,.1)}.story-card .story-image:hover .story-img-bg{-o-transform:none;-webkit-transform:none;transform:none}.story-card .story-lower{display:none!important}.story-card .story-body{margin:0!important;padding:15px 5px}.story-card .story-body h2{-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:rgba(0,0,0,.9);display:-webkit-box!important;margin:0;max-height:2.4em!important;overflow:hidden;text-overflow:ellipsis!important}@media only screen and (min-width:766px){.story.story--grid .story-lower{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.1;max-height:2.6em;text-overflow:ellipsis}}@media only screen and (max-width:766px){.cover--firts .cover-story{height:500px}.story{-ms-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical;flex-direction:column;margin-top:20px}.story-image{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;margin-right:0}.story-body{margin-top:10px}}.author{background-color:#fff;color:rgba(0,0,0,.6);min-height:350px}.author-avatar{height:80px;width:80px}.author-meta span{display:inline-block;font-size:17px;font-style:italic;margin:0 25px 16px 0;opacity:.8;word-wrap:break-word}.author-name{color:rgba(0,0,0,.8)}.author-bio{max-width:600px}.author-meta a:hover{opacity:.8!important}.cover-opacity{opacity:.5}.author.has--image{color:#fff!important;text-shadow:0 0 10px rgba(0,0,0,.33)}.author.has--image .author-name,.author.has--image a{color:#fff}.author.has--image .author-follow a{border:2px solid;border-color:hsla(0,0%,100%,.5)!important;font-size:16px}.author.has--image .u-accentColor--iconNormal{fill:#fff}@media only screen and (max-width:766px){.author-header,.author-meta span{display:block}.author-avatar{margin:0 auto 20px}}@media only screen and (min-width:766px){body.has-cover .author{min-height:600px}}.search{-o-transform:translateY(-100%);-o-transition:-o-transform .3s ease;-webkit-transform:translateY(-100%);-webkit-transition:-webkit-transform .3s ease;background-color:#fff;height:100%;height:100vh;left:0;padding:0 16px;right:0;top:0;transform:translateY(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease;z-index:9}.search-form{margin-top:80px;max-width:680px}.search-form:before{background:#eee;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;width:100%;z-index:1}.search-form input{border:none;display:block;line-height:40px;padding-bottom:8px}.search-form input:focus{outline:0}.search-results{max-height:calc(90% - 100px);max-width:680px;overflow:auto}.search-results a{border-bottom:1px solid #eee;padding:12px 0}.search-results a:hover{color:rgba(0,0,0,.44)}.button-search--close{position:absolute!important;right:50px;top:20px}body.is-search{overflow:hidden}body.is-search .search{-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}body.is-search .search-toggle{background-color:hsla(0,0%,100%,.25)}.sidebar-title{border-bottom:1px solid rgba(0,0,0,.0785)}.sidebar-title span{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:-1px;padding-bottom:10px}.sidebar-border{-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#888;-webkit-text-stroke-width:1.5px;border-left:3px solid var(--composite-color);color:rgba(0,0,0,.2);font-family:Merriweather,serif;padding:0 10px}.sidebar-post{-webkit-box-shadow:0 1px 7px rgba(0,0,0,.0785);background-color:#fff;border-bottom:1px solid rgba(0,0,0,.0785);box-shadow:0 1px 7px rgba(0,0,0,.0785);min-height:60px}.sidebar-post:hover .sidebar-border{background-color:#e5eff5}.sidebar-post:nth-child(3n) .sidebar-border{border-color:#f59e00}.sidebar-post:nth-child(3n+2) .sidebar-border{border-color:#26a8ed}.sideNav{-o-transform:translateX(100%);-o-transition:.4s;-webkit-transform:translateX(100%);-webkit-transition:.4s;color:rgba(0,0,0,.8);height:100vh;padding:50px 20px;position:fixed!important;transform:translateX(100%);transition:.4s;will-change:transform;z-index:8}.sideNav-menu a{padding:10px 20px}.sideNav-wrap{background:#eee;overflow:auto;padding:20px 0;top:50px}.sideNav-section{border-bottom:1px solid #ddd;margin-bottom:8px;padding-bottom:8px}.sideNav-follow{border-top:1px solid #ddd;margin:15px 0}.sideNav-follow a{color:#fff;display:inline-block;height:36px;line-height:20px;margin:0 5px 5px 0;min-width:36px;padding:8px;text-align:center;vertical-align:middle}.has-cover-padding{padding-top:100px}body.has-cover .header{position:fixed}body.has-cover.is-transparency:not(.is-search) .header{-webkit-box-shadow:none;background:rgba(0,0,0,.05);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:none}body.has-cover.is-transparency:not(.is-search) .header-left a,body.has-cover.is-transparency:not(.is-search) .nav ul li a{color:#fff}body.has-cover.is-transparency:not(.is-search) .menu--toggle span{background-color:#fff}.subscribe{height:100%;min-height:80vh!important}.subscribe-card{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);background-color:#d7efee;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);height:550px;margin:5px;padding:50px;width:900px}.subscribe form{max-width:300px}.subscribe-form{height:100%}.subscribe-input{background:0 0;border:0;border-bottom:1px solid #cc5454;border-radius:0;font-family:Ruda,sans-serif;height:45px;outline:0;padding:7px 5px}.subscribe-input::-webkit-input-placeholder{color:#cc5454}.subscribe-input:-ms-input-placeholder,.subscribe-input::-ms-input-placeholder{color:#cc5454}.subscribe-input::placeholder{color:#cc5454}.subscribe .main-error{color:#cc5454;font-size:16px;margin-top:15px}.subscribe-success .subscribe-card{background-color:#e8f3ec}@media only screen and (max-width:766px){.subscribe-card{height:auto;width:auto}}.post-comments{-o-transform:translateX(100%);-o-transition:.2s;-webkit-box-shadow:0 1px 7px rgba(0,0,0,.05);-webkit-transform:translateX(100%);-webkit-transition:.2s;background:#fff;border-left:1px solid #f1f1f1;bottom:0;box-shadow:0 1px 7px rgba(0,0,0,.05);font-size:14px;left:0;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:.2s;width:100%;will-change:transform;z-index:15}.post-comments-header{border-bottom:1px solid #ddd;padding:20px}.post-comments-header .toggle-comments{cursor:pointer;font-size:24px;left:0;line-height:1;padding:17px;position:absolute;top:0}.post-comments-overlay{-o-transition:background-color .4s linear;-webkit-transition:background-color .4s linear;background-color:rgba(0,0,0,.2);cursor:pointer;display:none;position:fixed!important;transition:background-color .4s linear;z-index:8}body.has-comments{overflow:hidden}body.has-comments .post-comments-overlay{display:block}body.has-comments .post-comments{-o-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}@media only screen and (min-width:766px){.post-comments{left:auto;top:50px;width:500px;z-index:9}.post-comments-wrap{padding:20px}}.modal{-o-transition:opacity .2s ease-out .1s,visibility 0s .4s;-webkit-transition:opacity .2s ease-out .1s,visibility 0s .4s;opacity:0;transition:opacity .2s ease-out .1s,visibility 0s .4s;visibility:hidden;z-index:100}.modal-shader{background-color:hsla(0,0%,100%,.65)}.modal-close{color:rgba(0,0,0,.54);line-height:1;padding:15px;position:absolute;right:0;top:0}.modal-inner{-o-transform:scale(.6);-o-transition:opacity .3s cubic-bezier(.06,.47,.38,.99),-o-transform .3s cubic-bezier(.06,.47,.38,.99);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.15);-webkit-transform:scale(.6);-webkit-transition:opacity .3s cubic-bezier(.06,.47,.38,.99),-webkit-transform .3s cubic-bezier(.06,.47,.38,.99);background-color:#e8f3ec;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.15);height:100%;max-height:400px;max-width:700px;opacity:0;padding:72px 5% 56px;transform:scale(.6);transition:opacity .3s cubic-bezier(.06,.47,.38,.99),-webkit-transform .3s cubic-bezier(.06,.47,.38,.99);transition:transform .3s cubic-bezier(.06,.47,.38,.99),opacity .3s cubic-bezier(.06,.47,.38,.99);transition:transform .3s cubic-bezier(.06,.47,.38,.99),opacity .3s cubic-bezier(.06,.47,.38,.99),-webkit-transform .3s cubic-bezier(.06,.47,.38,.99),-o-transform .3s cubic-bezier(.06,.47,.38,.99);width:100%}.modal .form-group{margin:0 auto 30px;width:76%}.modal .form--input{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.15);display:inline-block;height:40px;line-height:40px;margin-bottom:10px;padding:17px 6px;vertical-align:top;width:100%}body.has-modal{overflow:hidden}body.has-modal .modal{-o-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;opacity:1;transition:opacity .3s ease;visibility:visible}body.has-modal .modal-inner{-o-transform:scale(1);-o-transition:-o-transform .8s cubic-bezier(.26,.63,0,.96);-webkit-transform:scale(1);-webkit-transition:-webkit-transform .8s cubic-bezier(.26,.63,0,.96);opacity:1;transform:scale(1);transition:-webkit-transform .8s cubic-bezier(.26,.63,0,.96);transition:transform .8s cubic-bezier(.26,.63,0,.96);transition:transform .8s cubic-bezier(.26,.63,0,.96),-webkit-transform .8s cubic-bezier(.26,.63,0,.96),-o-transform .8s cubic-bezier(.26,.63,0,.96)}.instagram-hover{background-color:rgba(0,0,0,.3);opacity:0}.instagram-img{height:264px}.instagram-img:hover>.instagram-hover{opacity:1}.instagram-name{-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.instagram-name a{background-color:#fff;color:#000!important;font-size:18px!important;font-weight:900!important;min-width:200px;padding-left:10px!important;padding-right:10px!important;text-align:center!important}.instagram-col{padding:0!important}.instagram-col,.instagram-wrap{margin:0!important}.witget-subscribe{background:#fff;border:5px solid transparent;padding:28px 30px;position:relative}.witget-subscribe:before{-webkit-box-shadow:inset 0 0 0 1px #d7d7d7;-webkit-box-sizing:border-box;border:5px solid #f5f5f5;box-shadow:inset 0 0 0 1px #d7d7d7;box-sizing:border-box;content:"";display:block;height:calc(100% + 10px);left:-5px;pointer-events:none;position:absolute;top:-5px;width:calc(100% + 10px);z-index:1}.witget-subscribe input{background:#fff;border:1px solid #e5e5e5;color:rgba(0,0,0,.54);height:41px;outline:0;padding:0 16px;width:100%}.witget-subscribe button{background:var(--composite-color);border-radius:0;width:100%} \ No newline at end of file diff --git a/src/scripts/app/app.facebook-share-count.js b/src/scripts/app/app.facebook-share-count.js deleted file mode 100644 index 733ae25d..00000000 --- a/src/scripts/app/app.facebook-share-count.js +++ /dev/null @@ -1,23 +0,0 @@ -/* Return rounded and pretty value of share count. */ -const convertNumber = (n) => { - if (n >= 1000000000) return `${(n / 1000000000).toFixed(1)}G`; - if (n >= 1000000) return `${(n / 1000000).toFixed(1)}M`; - if (n >= 1000) return `${(n / 1000).toFixed(1)}K`; - return n; -}; - -export default sharebox => { - sharebox.each( function () { - const $this = $(this); - const url = $this.attr('data-url'); - const getURL = `https://graph.facebook.com/?id=${encodeURIComponent(url)}&callback=?`; - - $.getJSON(getURL, (res) => { - if (res.share !== undefined) { - const n = res.share.share_count; - const count = convertNumber(n); - $this.html(count); - } - }); - }); -} diff --git a/src/scripts/app/app.main.js b/src/scripts/app/app.main.js new file mode 100644 index 00000000..e524efc3 --- /dev/null +++ b/src/scripts/app/app.main.js @@ -0,0 +1,108 @@ +// Impornt +import mapacheShare from './app.share'; + +(function () { + // Varibles + const globalBlogUrl = blogUrl; // eslint-disable-line + const $body = $('body'); + const $seachInput = $('#search-field'); + + let loadGhostHunter = true; + let didScroll = false; + let lastScrollTop = 0; // eslint-disable-line + let delta = 5; + + // Active Scroll + $(window).on('scroll', () => didScroll = true ); + + /* Menu open and close for mobile */ + $('.menu--toggle').on('click', (e) => { + e.preventDefault(); + $body.toggleClass('is-showNavMob').removeClass('is-search'); + }); + + /* Share article in Social media */ + $('.mapache-share').bind('click', function (e) { + e.preventDefault(); + const share = new mapacheShare($(this)); + share.share(); + }); + + /* Toggle show more social media */ + $('.follow-toggle').on('click', (e) => { + e.preventDefault(); + $body.toggleClass('is-showFollowMore'); + }); + + /* Modal Open for susbscribe */ + $('.modal-toggle').on('click', e => { + e.preventDefault(); + $body.toggleClass('has-modal'); + }); + + /* scroll link width click (ID)*/ + $('.scrolltop').on('click', function (e) { + e.preventDefault(); + $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top - 60 }, 500, 'linear'); + }); + + /* Search Template */ + const searchTemplate = ` + + {{title}} + {{pubDate}} + `; + + /* Toggle card for search Search */ + $('.search-toggle').on('click', (e) => { + e.preventDefault(); + $('body').toggleClass('is-search').removeClass('is-showNavMob'); + $seachInput.focus(); + + if (loadGhostHunter) { + $seachInput.ghostHunter({ + results: '#searchResults', + zeroResultsInfo: true, + info_template: '

    Showing {{amount}} results

    ', + result_template: searchTemplate, + onKeyUp: true, + }); + } + + loadGhostHunter = false; + }); + + // Open Post Comments + $('.toggle-comments').on('click', function (e) { + e.preventDefault(); + $('body').toggleClass('has-comments').removeClass('is-showNavMob') + }); + + // functions that are activated when scrolling + function hasScrolled() { + const st = $(window).scrollTop(); + + // Make sure they scroll more than delta + if(Math.abs(lastScrollTop - st) <= delta) { + return; + } + + // show background and transparency + // in header when page hace cover image + if (st >= 50) { + $('body.has-cover').removeClass('is-transparency'); + } else { + $('body.has-cover').addClass('is-transparency'); + } + + lastScrollTop = st; + } + + setInterval(() => { + if (didScroll) { + hasScrolled(); + didScroll = false; + } + }, 500); + +}()); diff --git a/src/scripts/app/app.search.js b/src/scripts/app/app.search.js deleted file mode 100644 index 21851530..00000000 --- a/src/scripts/app/app.search.js +++ /dev/null @@ -1,24 +0,0 @@ -export default ($input, blogUrl) => { - /* Toggle card for search Search */ - $('.search-toggle').on('click', (e) => { - e.preventDefault(); - $('body').toggleClass('is-search').removeClass('is-showNavMob'); - $input.focus(); - }); - - /* Search Template */ - const searchTemplate = ` - - {{title}} - {{pubDate}} - `; - - // Search - return $input.ghostHunter({ - results: '#searchResults', - zeroResultsInfo: true, - info_template: '

    Showing {{amount}} results

    ', - result_template: searchTemplate, - onKeyUp: true, - }); -}; diff --git a/src/scripts/main.js b/src/scripts/main.js index b617f75f..32bfbf50 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -5,6 +5,9 @@ import 'theia-sticky-sidebar'; // Import everything from autoload import './autoload/**/*'; +// Impor main Script +import './app/app.main' + // Pagination infinite scroll // import './app/pagination'; @@ -13,7 +16,7 @@ import Router from './util/Router'; import common from './routes/common'; import isArticle from './routes/post'; import isVideo from './routes/video'; -import isAudio from './routes/audio'; +// import isAudio from './routes/audio'; import isPagination from './app/app.pagination' @@ -32,7 +35,7 @@ const routes = new Router({ isVideo, // Audio post Format - isAudio, + // isAudio, }); // Load Events diff --git a/src/scripts/routes/audio.js b/src/scripts/routes/audio.js deleted file mode 100644 index 6ac7282e..00000000 --- a/src/scripts/routes/audio.js +++ /dev/null @@ -1,20 +0,0 @@ -// const $postBody = $('.post-body'); -const $audioPostFormat = $('.audio-post-format'); - -/* Iframe src audio */ -const iframeAudio = [ - 'iframe[src*="w.soundcloud.com"]', - 'iframe[src*="soundcloud.com"]', - 'iframe[src*="embed.spotify.com"]', - 'iframe[src*="spotify.com"]', - 'iframe[src*="mixcloud.com"]', -]; - -export default { - init() { - const firstAudio = $('.post-body').find(iframeAudio.join(','))[0]; - - $audioPostFormat.removeClass('u-hide'); - $(firstAudio).appendTo($audioPostFormat); - }, -}; diff --git a/src/scripts/routes/common.js b/src/scripts/routes/common.js index 5409e30e..15a90524 100644 --- a/src/scripts/routes/common.js +++ b/src/scripts/routes/common.js @@ -1,22 +1,10 @@ -import mapacheShare from '../app/app.share'; import mapacheFollow from '../app/app.follow'; -import mapacheSearch from '../app/app.search'; import mapacheFooterLinks from '../app/app.footer.links'; import mapacheTwitter from '../app/app.twitter'; // Varibles -const $body = $('body'); -const $blogUrl = $body.attr('data-page'); -const $seachInput = $('#search-field'); const urlRegexp = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \+\.-]*)*\/?$/; // eslint-disable-line -let didScroll = false; -let lastScrollTop = 0; // eslint-disable-line -let delta = 5; - -// Active Scroll -$(window).on('scroll', () => didScroll = true ); - export default { init() { // Change title HOME PAGE @@ -39,91 +27,19 @@ export default { }, // end Init finalize() { - /* Menu open and close for mobile */ - $('.menu--toggle').on('click', (e) => { - e.preventDefault(); - $body.toggleClass('is-showNavMob').removeClass('is-search'); - }); - - /* rocket to the moon (retur TOP HOME) */ - // $('.rocket').on('click', function (e) { - // e.preventDefault(); - // $('html, body').animate({scrollTop: 0}, 250); - // }); - - /* Share article in Social media */ - $('.mapache-share').bind('click', function (e) { - e.preventDefault(); - const share = new mapacheShare($(this)); - share.share(); - }); - - /* Toggle show more social media */ - $('.follow-toggle').on('click', (e) => { - e.preventDefault(); - $body.toggleClass('is-showFollowMore'); - }); - - /* scroll link width click (ID)*/ - $('.scrolltop').on('click', function (e) { - e.preventDefault(); - $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top - 60 }, 500, 'linear'); - }); - - /* Modal Open for susbscribe */ - $('.modal-toggle').on('click', e => { - e.preventDefault(); - $body.toggleClass('has-modal'); - }); - /* sicky sidebar */ $('.sidebar-sticky').theiaStickySidebar({ additionalMarginTop: 70, minWidth: 970, }); - // Twitter and facebook fans page + // Twitter Widget if (typeof twitterUserName !== 'undefined' && typeof twitterNumber !== 'undefined') { mapacheTwitter(twitterUserName, twitterNumber); // eslint-disable-line } // show comments count of disqus - if (typeof disqusShortName !== 'undefined') $('.mapache-disqus').removeClass('u-hide'); - - // functions that are activated when scrolling - function hasScrolled() { - const st = $(window).scrollTop(); - - // Make sure they scroll more than delta - if(Math.abs(lastScrollTop - st) <= delta) { - return; - } - - // show background and transparency - // in header when page hace cover image - if (st >= 50) { - $('body.has-cover').removeClass('is-transparency'); - } else { - $('body.has-cover').addClass('is-transparency'); - } - - lastScrollTop = st; - } - - setInterval(() => { - if (didScroll) { - hasScrolled(); - didScroll = false; - } - }, 500); - - // Search - mapacheSearch($seachInput, $blogUrl); - - /* show btn for Retur TOP PAGE */ - // setInterval( () => { - // ($(window).scrollTop() > 100) ? $('.rocket').removeClass('u-hide') : $('.rocket').addClass('u-hide'); - // }, 250); + // if (typeof disqusShortName !== 'undefined') $('.mapache-disqus').removeClass('u-hide'); }, //end => Finalize }; diff --git a/src/scripts/routes/post.js b/src/scripts/routes/post.js index fcc871ee..9843ae1b 100644 --- a/src/scripts/routes/post.js +++ b/src/scripts/routes/post.js @@ -30,12 +30,6 @@ export default { $('.post-body').find('img').attr('data-action', 'zoom'); $('.post-body').find('a').find('img').removeAttr("data-action") - // Open Post Comments - $('.toggle-comments').on('click', function (e) { - e.preventDefault(); - $('body').toggleClass('has-comments').removeClass('is-showNavMob') - }); - // sticky share post in left $('.sharePost').theiaStickySidebar({ additionalMarginTop: 120, diff --git a/src/styles/common/_variables.scss b/src/styles/common/_variables.scss index abd57c24..5c89d96c 100644 --- a/src/styles/common/_variables.scss +++ b/src/styles/common/_variables.scss @@ -36,6 +36,7 @@ $social-colors: ( pinterest: #bd081c, whatsapp: #64d448, telegram: #08c, + discord: #7289da, rss: orange );