@charset "UTF-8";
/*
  ECO main:
  Import the building blocks needed to be compiled on eco.css/eco.min.css
  ---------------------------------------------------------------------
  ECO online
*/
@import url("//fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,700,700i");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: inherit;
}

*:active, *:focus {
  outline: none;
}

html {
  box-sizing: border-box;
  font-family: "Fira Sans", sans-serif;
  font-size: 17px;
  overflow-x: hidden;
}

body {
  color: #1a231a;
  line-height: 1.6;
  overflow-x: hidden !important;
  padding-top: 4.8823529412rem;
}

@media (min-width: 1000px) {
  body {
    padding-top: 4.4117647059rem;
  }
}

@media (max-width: 639px) {
  body {
    padding-top: 4.4117647059rem;
  }
}

::selection {
  background-color: #e6f7e6;
}

strong,
b {
  font-weight: 500;
}

em,
i,
var {
  font-style: italic;
}

pre,
code,
kbd {
  background: #fafafa;
  border: 1px solid #e6e7e6;
  border-radius: 2px;
  font-family: monospace;
  font-size: 0.8235294118rem;
  overflow-x: scroll;
  padding: 0.1428571429em 0.2857142857em 0.0714285714em;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img,
svg {
  height: auto;
  max-width: 100%;
}

svg {
  max-height: 100%;
  width: auto;
}

button,
input,
textarea {
  font-family: inherit;
}

button {
  cursor: pointer;
}

sub {
  font-size: smaller;
  vertical-align: sub;
}

sup {
  font-size: smaller;
  vertical-align: super;
}

abbr,
acronym {
  border-bottom: 1px dotted #999d99;
  cursor: help;
  font-size: 90%;
  text-transform: uppercase;
}

.archive-container .card--list .meta__info--light, .archive-container .card--list .meta__comments-text, .archive-container .card--list .meta__share-text, .archive-container .card--list .liveblog-author-name {
  display: none;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
  display: block;
}

.simple-boxed-content, .list--dropdown, .off-canvas__user-menu-container, .widget, .stock--index, .stock--small-index, .account-details, .inputs-toggle, .off-canvas--user .off-canvas__user-logout, .sub-menu, .search__menu-container .menu-item, .card, .card__image--list, .card--list-small .card__image--list-small, .card__comment-header img, .info-card, .info-card > a:after, .card__related, .card--archive-highlight__article, .card--archive-highlight__thumbnail, .highlight--side, .highlight--side-tall, .highlight-related__img, .breaking-news, .gallery__navigation, .author-credits, .stock__variation, .comment-context__container, .comment-context__thumbnail, .explainer-question__card, .message, .map__info, .liveblog-entry .liveblog-entry-text[data-original-content*="play.spotify"] iframe, .liveblog-timeline__milestone-info-content, .index-counter__question-link-content {
  border-radius: 5px;
  overflow: hidden;
}

.main-navigation__inner {
  float: right;
}

.header-menu ul, .header__container, .grid-block:not(.grid-block--flex), .grid-block--highlight:not(.grid-block--flex), .block-highlight__content, .gallery__slides, .gallery__controls, .stock--performance, .related-news, .tab, .explainer-question__card-wrapper {
  zoom: 1;
}

.header-menu ul:before, .header__container:before, .grid-block:not(.grid-block--flex):before, .grid-block--highlight:not(.grid-block--flex):before, .block-highlight__content:before, .gallery__slides:before, .gallery__controls:before, .stock--performance:before, .related-news:before, .tab:before, .explainer-question__card-wrapper:before, .header-menu ul:after, .header__container:after, .grid-block:not(.grid-block--flex):after, .grid-block--highlight:not(.grid-block--flex):after, .block-highlight__content:after, .gallery__slides:after, .gallery__controls:after, .stock--performance:after, .related-news:after, .tab:after, .explainer-question__card-wrapper:after {
  content: "";
  display: table;
}

.header-menu ul:after, .header__container:after, .grid-block:not(.grid-block--flex):after, .grid-block--highlight:not(.grid-block--flex):after, .block-highlight__content:after, .gallery__slides:after, .gallery__controls:after, .stock--performance:after, .related-news:after, .tab:after, .explainer-question__card-wrapper:after {
  clear: both;
}

.title a, .video-playlist__item a, .accordion, .button, a[class*="icon"], .icon-button, .icon--watch, .read-more, .link-cover, .tags a, .tags--list a, .tag--section-title a, .list a, .off-canvas-menu .menu a, .sub-menu a, .off-canvas--user a, .site-header a, .site-footer__links a, .card a, .card__comment-header a, .card-company__profile-link, .info-card > a, .info-card__link, .social__link, .sponsor-credits__link, .login-modal__policy a, .login-buttons__list a, .meta__author a, .meta__comments-link, .meta__comments-link--big, .meta__share-link, .meta__share-link--hero, .meta__bookmark-link, .meta__bookmark-link--hero, .quote-author a, .grid-block a, .grid-block--highlight a, .highlight a, .highlight-related__item a, .gallery__navigation a, .author-credits a, .trending__item a, .stock a, .tabs__item a, .comment-context__title, .explainer-cover__question a, .map__info-contact a, .map__info-icon, .contacts__card a, .liveblog-actions a, .liveblog-timeline .index-counter__button a, a.liveblog-timeline__milestone-title, a.index-counter__question-link, .liveblog-index a, .academy__promoter-link {
  color: inherit;
  background: none;
  text-decoration: none;
}

.title a:hover, .video-playlist__item a:hover, .accordion:hover, .button:hover, a[class*="icon"]:hover, .icon-button:hover, .icon--watch:hover, .read-more:hover, .link-cover:hover, .tags a:hover, .tags--list a:hover, .tag--section-title a:hover, .list a:hover, .off-canvas-menu .menu a:hover, .sub-menu a:hover, .off-canvas--user a:hover, .site-header a:hover, .site-footer__links a:hover, .card a:hover, .card__comment-header a:hover, .card-company__profile-link:hover, .info-card > a:hover, .info-card__link:hover, .social__link:hover, .sponsor-credits__link:hover, .login-modal__policy a:hover, .login-buttons__list a:hover, .meta__author a:hover, .meta__comments-link:hover, .meta__comments-link--big:hover, .meta__share-link:hover, .meta__share-link--hero:hover, .meta__bookmark-link:hover, .meta__bookmark-link--hero:hover, .quote-author a:hover, .grid-block a:hover, .grid-block--highlight a:hover, .highlight a:hover, .highlight-related__item a:hover, .gallery__navigation a:hover, .author-credits a:hover, .trending__item a:hover, .stock a:hover, .tabs__item a:hover, .comment-context__title:hover, .explainer-cover__question a:hover, .map__info-contact a:hover, .map__info-icon:hover, .contacts__card a:hover, .liveblog-actions a:hover, .liveblog-timeline .index-counter__button a:hover, a.liveblog-timeline__milestone-title:hover, a.index-counter__question-link:hover, .liveblog-index a:hover, .academy__promoter-link:hover {
  color: inherit;
}

.icon-button, .off-canvas__close, .filter__option, .breaking-news .slick-prev,
.breaking-news .slick-next, .gallery__navigation .prev,
.gallery__navigation .next, .comment__more, .newsletter__submit-block .newsletter__submit-button, #liveblog-container .button, #liveblog-container .liveblog-entry-actions li button, #liveblog-container .liveblog-submit-wrapper .liveblog-entry-delete, .liveblog-load-more, .load-more {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  text-align: inherit;
}

.header-menu ul, .accordion__container, .tags--list, .footer-menu ul, .search__suggestions-list, .social, .login-buttons__list, .meta__info, .liveblog-author-name, .soliloquy-outer-container ul, .trending__list, .tabs__container, .account-details, .account-saved-news__list, .inputs-toggle, .index-counter__list, .liveblog-actions ul, .liveblog-entry-actions, .academy__promoters-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-menu ul li, .accordion__container li, .tags--list li, .footer-menu ul li, .search__suggestions-list li, .social li, .login-buttons__list li, .meta__info li, .liveblog-author-name li, .soliloquy-outer-container ul li, .trending__list li, .tabs__container li, .account-details li, .account-saved-news__list li, .inputs-toggle li, .index-counter__list li, .liveblog-actions ul li, .liveblog-entry-actions li, .academy__promoters-list li {
  margin: 0;
  padding: 0;
}

.header-menu ul li:before, .accordion__container li:before, .tags--list li:before, .footer-menu ul li:before, .search__suggestions-list li:before, .social li:before, .login-buttons__list li:before, .meta__info li:before, .liveblog-author-name li:before, .soliloquy-outer-container ul li:before, .trending__list li:before, .tabs__container li:before, .account-details li:before, .account-saved-news__list li:before, .inputs-toggle li:before, .index-counter__list li:before, .liveblog-actions ul li:before, .liveblog-entry-actions li:before, .academy__promoters-list li:before {
  display: none;
}

.header-menu ul li {
  float: left;
}

.gallery__navigation a {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

ul > li:before, .caption__source:before, .block-video__player-container::before {
  content: '';
  display: inline-block;
}

.card__related-title::after, .video-playlist__item a::after, .highlight-related .link-cover::after, .stock--stripe .stock--preview::after, .stock--preview-extended::after, .video-playlist__icon svg, .share-url__button, .button, .icon-button, .off-canvas__wrapper, .user-bar__progress, .search__button, .filter__active::after, .filter__options, .filter__option, .search__menu-container .menu-item, .card__title, .card--explainer .card__explainer-question-title, .card__remove, .sponsor-credits__link, .meta__share-icon, .block-highlight .title, .block-highlight__related p, .highlight .title, .breaking-news__slider, .breaking-news .slick-dots li, .breaking-news .slick-prev,
.breaking-news .slick-next, .gallery__slides, .gallery__slide, .gallery__navigation .prev,
.gallery__navigation .next, .gallery__maximize, .stock__index-recent-item, .stock__name, .comments__title, .comments__list, .comment, .comment__content, .comment__content:after, .comments__write, .comments__write:after, .comments__write-avatar, .comments__input:before, .comments__write-actions, .newsletter__input input + span:before, .newsletter__input input + span:after, .newsletter__input label, #liveblog-container .button, .dashboard .card__related-title, .dashboard .video-playlist__item a, .video-playlist__item .dashboard a {
  transition: all 0.25s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.simple-boxed-content, .list--dropdown, .off-canvas__user-menu-container, .widget, .stock--index, .stock--small-index {
  background-color: #fff;
  margin-bottom: 1.4705882353rem;
  overflow: hidden;
}

.account-details, .inputs-toggle {
  background-color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 1.4705882353rem;
  min-height: 13.5294117647rem;
  position: relative;
  z-index: 0;
}

.card--explainer .tag--featured, .explainer-cover .tag--featured, .explainer-question .tag--featured {
  background-color: #fff;
  color: #ff9b00;
  border-color: #fff;
}

@keyframes alertMe {
  from {
    border-width: 3px;
    border-color: #e10000;
  }
  to {
    border-width: 0;
    border-color: rgba(225, 0, 0, 0.1);
  }
}

.full-bg, .highlight--side, .highlight--side-tall {
  position: relative;
  z-index: 0;
}

.full-bg:after, .highlight--side:after, .highlight--side-tall:after {
  content: '';
  background-color: rgba(0, 10, 0, 0.45);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.icon-button, .author__container, .info-card__link, .meta__comments-link, .meta__share-link, .meta__group, .breaking-news__navigation, .gallery__navigation {
  display: flex;
  align-items: center;
}

.markets__header {
  display: flex;
  justify-content: center;
}

.main-navigation .icon-button, .entity__header-content, .sponsor-credits, .breaking-news .slick-prev,
.breaking-news .slick-next, .gallery__navigation .prev,
.gallery__navigation .next {
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-list, .search__results {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}

.data-list__item {
  display: flex;
  flex-direction: column;
}

.card__related-title::after, .video-playlist__item a::after, .highlight-related .link-cover::after, .stock--stripe .stock--preview::after, .stock--preview-extended::after {
  background: rgba(0, 10, 0, 0.1);
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
}

.card__related-title::after, .video-playlist__item a::after, .highlight-related .link-cover::after, .stock--stripe .stock--preview::after {
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
}

.stock--preview-extended::after {
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 640px) {
  .card__related-title:hover::after, .video-playlist__item a:hover::after, .highlight-related .link-cover:hover::after, .stock--stripe .stock--preview:hover::after {
    right: 0;
  }
  .stock--preview-extended:hover::after {
    top: 0;
  }
}

@keyframes scale-display {
  0% {
    display: none;
    opacity: 0;
    transform: scale(0);
  }
  99% {
    display: none;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    display: inline-flex;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scale-display--reversed {
  0% {
    display: inline-flex;
    opacity: 1;
    transform: scale(1);
  }
  99% {
    display: inline-flex;
    opacity: 0;
    transform: scale(0);
  }
  100% {
    display: none;
    opacity: 0;
    transform: scale(0);
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: move;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slider {
  width: 50%;
  margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.2 - 2015
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1500;
  background-color: #f25648;
  color: #ffffff;
}

#outdated h6 {
  font-size: 25px;
  line-height: 25px;
  margin: 30px 0 10px;
}

#outdated p {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
}

#outdated #btnUpdateBrowser {
  display: block;
  position: relative;
  padding: 10px 20px;
  margin: 30px auto 0;
  width: 230px;
  /*need for IE*/
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  cursor: pointer;
  /* NOTE by pcarvalho: removes our own bg style */
  background-image: none;
}

#outdated #btnUpdateBrowser:hover {
  color: #f25648;
  background-color: #ffffff;
}

#outdated .last {
  position: absolute;
  top: 10px;
  right: 25px;
  width: 20px;
  height: 20px;
}

#outdated .last[dir='rtl'] {
  right: auto !important;
  left: 25px !important;
}

#outdated #btnCloseUpdateBrowser {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #ffffff;
  font-size: 36px;
  line-height: 36px;
}

* html #outdated {
  position: absolute;
}

.container, .full-width__container, .newsletter__container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container:after, .full-width__container:after, .newsletter__container:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 960px) {
  .container--with-sidebar {
    align-items: start;
    display: grid;
    grid-gap: 0.8702531646%;
    grid-template-columns: [content-start] minmax(0, 1fr) [content-end] 2.4261603376% [sidebar-start] 17.6470588235rem [sidebar-end];
    padding: 0 0.8702531646%;
  }
}

@media (min-width: 1320px) {
  .container--with-sidebar {
    grid-template-columns: [content-start] minmax(0, 1fr) [content-end] 6.5928270042% [sidebar-start] 17.6470588235rem [sidebar-end];
  }
}

@media (min-width: 640px) {
  .search__results, .search__suggestions, .search__header .search__container, .header-search .off-canvas__header .search__container, .tab, .account-details, .account-delete, .inputs-toggle, .explainer__container {
    margin-left: 9.2035864979%;
    width: 81.5928270042%;
  }
}

@media (min-width: 640px) {
  .full-width__entry-container, .entry__content, .entry__footer, .entry__header, .interview .entry__lead,
  .news_report .entry__lead,
  .opinion .entry__lead, .entity__header-content, .card--archive-highlight__container, .header__container, .gallery--wide .gallery__slide-meta, .gallery--wide .gallery__controls, .page__content, .site-en .entry__lead {
    margin-left: 9.2035864979%;
    width: 81.5928270042%;
  }
}

@media (min-width: 1024px) {
  .full-width__entry-container, .entry__content, .entry__footer, .entry__header, .interview .entry__lead,
  .news_report .entry__lead,
  .opinion .entry__lead, .entity__header-content, .card--archive-highlight__container, .header__container, .gallery--wide .gallery__slide-meta, .gallery--wide .gallery__controls, .page__content, .site-en .entry__lead {
    margin-left: 17.5369198312%;
    width: 64.9261603376%;
  }
}

@media (max-width: 639px) {
  .container, .full-width__container, .newsletter__container, .block-highlight .container, .block-highlight .full-width__container, .block-highlight .newsletter__container {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .container, .full-width__container, .newsletter__container, .block-highlight .container, .block-highlight .full-width__container, .block-highlight .newsletter__container {
    margin-right: 0.8702531646%;
    margin-left: 0.8702531646%;
  }
}

.card, .archive-container .card, .mrec-to-card {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
}

@media (min-width: 640px) {
  .card, .archive-container .card, .mrec-to-card {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .card--explainer {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .card, .archive-container .card, .mrec-to-card {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

[v-cloak] {
  display: none;
}

@media (max-width: 639px) {
  .hide--small, .ad--leaderboard, .leaderboard-container {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hide--medium {
    display: none !important;
  }
}

@media (min-width: 640px) {
  .hide--medium-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .hide--medium-down {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1920px) {
  .hide--large {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hide--large-up {
    display: none !important;
  }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Fira Sans", sans-serif;
  font-style: normal;
  line-height: 1.1;
}

h1, .h1 {
  font-size: 2.3529411765rem;
  margin: 0.7em 0;
}

h2, .h2 {
  color: #00af00;
  font-size: 1.7647058824rem;
  margin: 0.9333333333em 0;
}

h3, .h3 {
  color: #00af00;
  font-size: 1.2941176471rem;
  margin: 1em 0;
  line-height: 1.2727272727em;
}

h4, .h4 {
  font-size: 1.1764705882rem;
  margin: 1.0769230769em 0;
}

h5, .h5 {
  font-size: 1.1176470588rem;
  margin: 1.1666666667em 0;
}

h6, .h6 {
  font-size: 1.0588235294rem;
  margin: 1.2727272727em 0;
}

p {
  margin-bottom: 1.6470588235em;
}

a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(to top, transparent 0.1176470588em, #00af00 0.1176470588em, #00af00 0.2352941176em, transparent 0.2352941176em);
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  a:hover {
    color: #00af00;
  }
}

li {
  margin: 0 0 1.6470588235em 2.3529411765em;
  position: relative;
}

li:before {
  position: absolute;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: 1.6470588235em;
}

ul > li:before {
  background: #00af00;
  border-radius: 50%;
  height: 0.5882352941em;
  top: 0.4117647059em;
  left: -1.1764705882em;
  width: 0.5882352941em;
}

ol {
  counter-reset: li;
}

ol > li:before {
  color: #00af00;
  content: counters(li, ".") ".";
  counter-increment: li;
  font-weight: 500;
  left: -0.4705882353em;
  transform: translateX(-100%);
  letter-spacing: .075em;
}

@media (max-width: 639px) {
  .full-width {
    margin-left: -3.1162356357%;
    width: 106.232471271%;
  }
}

@media (min-width: 640px) {
  .full-width {
    margin-left: calc( ( 100vw - 100% ) / 2 * -1);
    width: 100vw;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .grid-block .full-width, .grid-block--highlight .full-width, .full-width.grid-block, .full-width.grid-block--highlight {
    margin-left: -0.8702531646%;
    width: 101.740506329%;
  }
}

@media (max-width: 639px) {
  .full-width__container {
    padding-right: 2.2398013626%;
    padding-left: 2.2398013626%;
  }
}

.js-remove-scrollbar {
  overflow: hidden;
}

.has-bg-color, .search, .home {
  background-color: #f7f8f7;
}

.has-bg-color--dark, .grid-block--dark .full-width {
  background-color: #000A00;
  color: #fff;
}

.tag .has-bg-color--dark .card__title, .tag .grid-block--dark .full-width .card__title, .grid-block--dark .tag .full-width .card__title {
  color: #fff;
}

.has-bg-color--dark .title, .grid-block--dark .full-width .title,
.has-bg-color--dark .card__title, .grid-block--dark .full-width .card__title,
.has-bg-color--dark .card__lead, .grid-block--dark .full-width .card__lead {
  color: #fff;
}

@media (min-width: 1024px) {
  .has-bg-color--dark .title:hover, .grid-block--dark .full-width .title:hover,
  .has-bg-color--dark .card__title:hover, .grid-block--dark .full-width .card__title:hover {
    color: #00af00;
  }
}

.has-bg-color--dark .card-opinion, .grid-block--dark .full-width .card-opinion {
  border-color: #4d544d;
}

.value-none {
  color: #999d99;
}

.value-none--invert {
  background: #999d99;
  color: #fff;
}

.value-none--outline {
  border: 1px solid #999d99;
}

.value-negative {
  color: #e10000;
}

.value-negative--invert {
  background: #e10000;
  color: #fff;
}

.value-negative--outline {
  border: 1px solid #e10000;
}

.value-positive {
  color: #00af00;
}

.value-positive--invert {
  background: #00af00;
  color: #fff;
}

.value-positive--outline {
  border: 1px solid #00af00;
}

.align-bg-image--left {
  background-position: left center !important;
}

.align-bg-image--center {
  background-position: center !important;
}

.align-bg-image--right {
  background-position: right center !important;
}

.site {
  transition: padding .75s ease-out .25s;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 0;
}

.site-content {
  flex-grow: 1;
  display: flex;
}

.site-content #primary {
  width: 100%;
}

.position--static {
  position: static !important;
}

.position--absolute {
  position: absolute !important;
}

.position--relative {
  position: relative !important;
}

.position--fixed {
  position: fixed !important;
}

.content-trimmer {
  margin-left: -2.9411764706rem;
  margin-right: -2.9411764706rem;
  max-height: none;
  padding-left: 2.9411764706rem;
  padding-right: 2.9411764706rem;
  position: relative;
}

.content-trimmer--trimmed {
  max-height: 88.2352941176rem;
  overflow: hidden;
}

.content-trimmer--trimmed::after {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 0%, #fff 65%);
  bottom: 0;
  content: '';
  display: block;
  height: 11.7647058824rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.content-trimmer .button--trimmer {
  display: none;
  position: absolute;
  bottom: 2.9411764706rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2;
}

.content-trimmer--trimmed .button--trimmer {
  display: inline-block;
}

.title {
  font-size: 1.4117647059rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0.3529411765rem 0;
}

@media (min-width: 640px) {
  .title {
    font-size: 3.1176470588rem;
    line-height: 1.1;
    margin: 0.7058823529rem 0 1.1764705882rem;
  }
}

.header__container .title {
  margin-right: 0;
}

.title--vivid {
  color: #00d700;
}

.entry__content {
  color: #262f26;
  font-size: 1rem;
  line-height: 1.69;
}

@media (min-width: 640px) {
  .entry__content {
    font-size: 1.0588235294rem;
  }
}

.entry__content h2,
.entry__content h3 {
  margin-top: 4.1176470588rem;
}

.entry__footer .meta {
  width: 100%;
}

.entry__footer .meta .meta__block:last-child {
  margin-left: auto;
}

@media (max-width: 639px) {
  .entry__footer .meta .meta__block:last-child {
    width: 100%;
  }
}

.entry .meta__block {
  margin-bottom: 0.7058823529rem;
}

@media (max-width: 639px) {
  .entry {
    margin-right: 4.4796027251%;
    margin-left: 4.4796027251%;
  }
  .entry__lead {
    padding: 0 0.8702531646%;
  }
  .entry .full-width {
    margin-left: -5.0395530657%;
    width: 110.079106131%;
  }
}

.entry__header {
  margin-top: 2.3529411765rem;
  margin-bottom: 2.9411764706rem;
}

.entry__header .meta__block {
  flex-shrink: 0;
}

.entry__header .meta__block:first-child {
  margin-right: 1.7647058824rem;
  flex-shrink: 1;
}

@media (max-width: 639px) {
  .entry__header {
    margin: 1.0588235294rem 1.7405063291%;
  }
  .entry__header .meta__group {
    flex-wrap: wrap;
  }
  .entry__header .meta__block {
    flex-shrink: 0;
  }
  .entry__header .meta__block:first-child {
    width: 100%;
  }
  .entry__header .meta__block:nth-child(2) {
    margin-left: 0 !important;
  }
  .entry__header .social {
    display: flex;
  }
  .entry__header .meta__comments-link {
    margin-left: 0;
  }
}

.entry__footer {
  clear: both;
}

.entry__lead {
  color: #00af00;
  font-size: 1.0588235294rem;
  line-height: 1.33333;
  margin-bottom: 1.7647058824rem;
}

@media (min-width: 640px) {
  .entry__lead {
    font-size: 1.4117647059rem;
  }
}

.entry__content > p:first-of-type:first-letter,
.entry__content .drop-cap:first-letter {
  color: #00af00;
  float: left;
  font-size: 3.1176470588em;
  font-weight: 500;
  line-height: .7;
  padding-top: 0.15em;
  padding-right: 0.15em;
  padding-left: 0;
}

@media (min-width: 640px) {
  .entry__content > p:first-of-type,
  .entry__content .drop-cap {
    min-height: 5.2941176471rem;
  }
  .entry__content > p:first-of-type:first-letter,
  .entry__content .drop-cap:first-letter {
    font-size: 5.8823529412em;
    font-weight: 400;
    line-height: .575;
  }
}

#main .no-drop-cap:first-letter {
  color: inherit;
  float: none;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
}

figure {
  max-width: 100%;
  width: auto !important;
}

.entry__content figure {
  margin: 0.4117647059em 1.6470588235em 0.7058823529em;
}

figure img {
  border-radius: 5px;
  margin: 0;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
  border-radius: 5px;
  margin: 0.4117647059em 1.6470588235em 0.7058823529em;
}

img.alignleft, figure.alignleft {
  float: left;
  margin-left: 0;
}

img.alignright, figure.alignright {
  float: right;
  margin-right: 0;
}

img.aligncenter, img.alignnone, figure.aligncenter, figure.alignnone {
  margin: 0 auto 1.6470588235em;
}

figcaption {
  font-size: 0.7647058824em;
}

.caption__text {
  color: #1a231a;
  display: block;
}

.caption__source, .caption__date {
  color: #999d99;
}

.caption__source:before {
  background: url(../images/sprite-svg-src/Picture.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  margin-right: .5em;
  vertical-align: middle;
  width: 16px;
}

.wavesurfer-block {
  display: flex;
  align-items: center;
  margin-bottom: 1.6470588235em;
  position: relative;
}

.wavesurfer-buttons_set {
  height: 2.1176470588rem;
  flex-shrink: 0;
  width: 2.1176470588rem;
}

.wavesurfer-play {
  background-color: transparent;
  background-image: url(../../assets/images/media-play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 100%;
  width: 100%;
}

.wavesurfer-play:before {
  content: '';
  background-image: url(../../assets/images/media-pause.svg);
  background-image: url(../../assets/images/media-play.svg);
}

.wavesurfer-play span {
  visibility: hidden;
}

.wavesurfer-active-button {
  background-image: url(../../assets/images/media-pause.svg);
}

.wavesurfer-player {
  margin: 0 0.5882352941rem;
  width: 100%;
}

.wavesurfer-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.wavesurfer-duration {
  color: #999d99;
  flex-shrink: 0;
  font-size: 0.6470588235em;
  text-align: right;
}

.video-player-container,
.shortcake-bakery-responsive {
  margin: 0.5882352941rem 0 1.7647058824rem;
}

.video-playlist {
  border: 1px solid #e6e7e6;
  border-radius: 0 0 5px 5px;
}

.video-playlist__title {
  font-weight: 500;
  font-size: 0.8235294118rem;
  margin: 0;
  padding: 0.8823529412rem 0.7058823529rem;
}

.video-playlist__item {
  border-top: 1px solid #e6e7e6;
  margin: 0;
}

.video-playlist__item a {
  display: block;
  font-size: 0.8235294118rem !important;
  line-height: 1.3em !important;
  white-space: normal !important;
  width: 100%;
}

.video-playlist__item::before {
  display: none;
}

.video-playlist__icon {
  flex-shrink: 0;
}

.video-playlist__icon svg {
  color: #D9DAD9;
  display: inline-block;
  height: 0.8823529412rem;
  margin-right: 0.4705882353rem;
  vertical-align: top;
  width: 0.7058823529rem;
}

.video-playlist__item--active .video-playlist__icon svg {
  color: #00d700;
}

@media (min-width: 640px) {
  .video-playlist__title {
    font-size: 1rem;
  }
  .video-playlist__item a {
    display: flex;
    font-size: 0.9411764706rem !important;
  }
}

.featured-text {
  color: #00af00;
}

.share-url {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4.1666666667em;
  color: #fafafa;
  font-weight: 300;
  padding: 0.2352941176rem 0.2352941176rem 0.2352941176rem 0.5882352941rem;
}

.entry .share-url {
  background: rgba(0, 10, 0, 0.05);
  color: #999d99;
}

.social-overlay .share-url {
  background: rgba(0, 10, 0, 0.05);
  color: #999d99;
}

.grid-block--dark .share-url {
  background: rgba(255, 255, 255, 0.3);
}

.share-url__string, .share-url__count {
  display: inline-block;
  margin-right: 0.4166666667em;
  vertical-align: middle;
  font-size: 0.7058823529em;
}

.share-url__button {
  background: transparent;
  border: 0.0833333333em solid #cdcfcd;
  border-radius: 4.1666666667em;
  color: inherit;
  display: inline-block;
  font-size: 0.7058823529em;
  line-height: 2.0833333333;
  overflow: hidden;
  padding: 0.0833333333rem 0.8333333333rem 0;
  position: relative;
  vertical-align: middle;
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .share-url__button:hover {
    background: #00d700;
    color: #fff;
    border-color: #00d700;
  }
}

.share-url__button.share-url--copied {
  background-color: #00af00;
  border-color: #00af00;
  color: transparent;
}

.share-url__button.share-url--copied .icon {
  right: 35%;
}

.share-url .icon {
  position: absolute;
  top: 10%;
  right: -100%;
  height: 1.1764705882rem;
  width: 1.1764705882rem;
  transition: all .25s ease;
}

.full-bg + .container .share-url, .full-bg + .full-width__container .share-url, .full-bg + .newsletter__container .share-url {
  background: rgba(250, 250, 250, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

.full-bg + .container .share-url__button, .full-bg + .full-width__container .share-url__button, .full-bg + .newsletter__container .share-url__button {
  border: 0.0833333333em solid rgba(255, 255, 255, 0.3);
}

.twitter-tweet,
.fb-post {
  margin: 0 auto !important;
  margin-bottom: 1.6470588235em !important;
  max-width: 100%;
}

.twitter-tweet,
.fb-post,
.fb-post > span,
.fb-post iframe {
  display: block !important;
  max-width: 100% !important;
  width: 29.4117647059rem !important;
}

.entry a[id]:empty {
  background: none;
  display: block;
  margin-top: -5.8823529412rem;
  padding-top: 5.8823529412rem;
}

.accordion {
  color: #00af00;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  font-weight: 700;
  transition: all .25s ease;
  margin: 0 !important;
}

@media (min-width: 1024px) {
  .accordion:hover {
    opacity: .7;
  }
}

.accordion:after {
  content: url(../images/sprite-svg-src/AccordionButtonBlack.svg);
  content: url(../images/sprite-svg-src/AccordionButtonGreen.svg);
  display: block;
  margin: 0 !important;
  width: 1.4705882353rem;
  height: 1.4705882353rem;
  transition: all .25s ease;
}

.accordion-content {
  font-size: 0.8823529412rem;
  margin-top: 1.1764705882rem !important;
}

.accordion-list {
  background-color: #e6e7e6;
  border-radius: 0.2941176471rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 1.1764705882rem !important;
  padding: 0.7647058824rem;
  width: 100%;
}

.accordion-list > a,
.accordion-list > strong,
.accordion-list > p:first-child {
  margin: 0 !important;
  width: calc( 100% - 64px - 15px);
}

.accordion-list:before {
  background: none;
  border: 3px solid #00d700;
  border-radius: 50%;
  counter-increment: accordion;
  content: counter(accordion) " ";
  color: #00d700;
  display: block;
  font-size: 1.8823529412rem;
  font-weight: 700;
  height: 2.3529411765rem;
  line-height: 1.15;
  margin-right: 0.8823529412rem;
  padding: 0.3529411765rem;
  position: relative;
  top: auto;
  left: auto;
  text-align: center;
  transition: all .25s ease;
  width: 2.3529411765rem;
}

.accordion__container {
  counter-reset: accordion;
}

.accordion--active:before {
  border: 3px solid #000A00;
  color: #000A00;
}

.accordion--active .accordion {
  color: #000A00;
}

.accordion--active .accordion:after {
  content: url(../images/sprite-svg-src/AccordionButtonBlack.svg);
  transform: rotate(180deg);
}

.accordion__item-header {
  display: flex;
  align-items: center;
  width: 85%;
}

.accordion__item-header-meta {
  margin: -0.0588235294rem 0 0;
  display: block;
}

@media (min-width: 1024px) {
  .accordion:hover {
    opacity: .7;
  }
}

table {
  font-size: 0.8235294118rem;
  width: 100%;
}

tr {
  border-top: 1px solid #e6e7e6;
}

tr:first-child {
  border-top: none;
}

tr.list__item, .off-canvas-menu tr.menu-item, .sub-menu tr.menu-item {
  display: table-row;
}

th {
  padding: 1.1764705882rem 0.2941176471rem 0;
  white-space: nowrap;
  vertical-align: middle;
}

td {
  padding: 0.5882352941rem 0.2941176471rem;
  vertical-align: middle;
}

td .list__item, td .off-canvas-menu .menu-item, .off-canvas-menu td .menu-item, td .sub-menu .menu-item, .sub-menu td .menu-item {
  display: table-cell;
}

th:first-child,
td:first-child {
  padding-left: 1.1764705882rem;
}

th:last-child,
td:last-child {
  padding-right: 1.1764705882rem;
}

.table__text {
  text-align: left;
}

.table__value {
  text-align: right;
}

.button {
  align-items: center;
  background-color: transparent;
  border: 0.0588235294rem solid #00af00;
  border-radius: 4.1666666667em;
  color: #00af00;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.8235294118rem;
  font-weight: 500;
  padding: 0.3529411765rem 1.3529411765rem 0.2941176471rem;
  user-select: none;
}

@media (min-width: 1024px) {
  .button:hover {
    background: #00af00;
    color: #fff;
  }
}

.button--soft {
  color: #666a66;
  background: #f7f8f7;
  border-color: transparent;
  font-weight: 300;
}

@media (min-width: 1024px) {
  .button--soft:hover {
    background: #00d700;
    color: #fff;
  }
}

.button--dark {
  border-color: rgba(0, 10, 0, 0.7);
  color: rgba(0, 10, 0, 0.7);
}

@media (min-width: 1024px) {
  .button--dark:hover {
    background: rgba(0, 10, 0, 0.7);
    color: #fff;
  }
}

.button--cancel {
  background: transparent !important;
  border-color: transparent !important;
  color: #999d99;
}

@media (min-width: 1024px) {
  .button--cancel:hover {
    color: #1a231a;
  }
}

.button--inactive {
  color: #dadbda;
  background: transparent;
  border-color: #dadbda;
  pointer-events: none;
}

.button--medium {
  font-size: 0.7058823529rem;
}

.button--large {
  font-size: 1.1764705882rem;
  font-weight: 300;
}

.button--invert {
  background: #00af00;
  color: #fff;
}

@media (min-width: 1024px) {
  .button--invert:hover {
    background: #fff;
    color: #00af00;
  }
}

.button--icon {
  flex-shrink: 0;
}

.button--icon .icon--watch {
  background-color: #00af00;
  border-radius: 2.8571428571em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7142857143em 1.0714285714em;
}

.button--icon img {
  margin-right: 0.3571428571em;
  height: auto;
  width: 2.5714285714em;
}

.button--alert {
  border-color: #e10000;
  color: #e10000;
}

@media (min-width: 1024px) {
  .button--alert:hover {
    background: #e10000;
    color: #fff;
  }
}

.portrait-container {
  display: flex;
  justify-content: center;
}

.portrait, .liveblog-author-avatar img {
  cursor: inherit !important;
  border-radius: 50%;
  display: inline-block;
  float: left;
  height: auto;
  margin-right: 0.7647058824rem;
  overflow: hidden;
  position: relative;
  user-select: none;
  width: 7.9411764706rem;
}

.portrait img, .liveblog-author-avatar img img {
  display: block;
}

.portrait .portrait, .liveblog-author-avatar img .portrait, .portrait .liveblog-author-avatar img, .liveblog-author-avatar .portrait img, .liveblog-author-avatar img img {
  display: block;
  height: auto;
  margin: 0;
  width: auto;
}

.card-opinion .portrait, .card-opinion .liveblog-author-avatar img, .liveblog-author-avatar .card-opinion img {
  float: none;
  margin-right: 0;
}

.portrait--opinion {
  align-self: flex-start;
  margin-right: 0.8823529412rem;
  margin-top: 0;
  position: relative;
  z-index: -1;
}

.portrait--opinion:first-child {
  box-shadow: 0 0 0 2.9411764706em #fff, 0 0 0 7.3529411765em rgba(0, 10, 0, 0.02), 0 0 0 11.1764705882em #fff, 0 0 0 15.5882352941em rgba(0, 10, 0, 0.0175), 0 0 0 20em #fff, 0 0 0 24.4117647059em rgba(0, 10, 0, 0.015);
}

.grid-block--dark .portrait--opinion {
  box-shadow: none;
}

.portrait--author {
  float: left;
  height: 3.3529411765rem;
  width: 3.3529411765rem;
}

.portrait--small {
  height: auto;
  width: 2.3529411765rem;
}

.card--full-bg .portrait--small {
  width: 1.8823529412rem;
}

@media (max-width: 639px) {
  .portrait--opinion {
    float: none;
    width: 3.5294117647em;
  }
  .portrait--opinion:first-child {
    box-shadow: 0 0 0 1.3071895425em #fff, 0 0 0 3.2679738562em rgba(0, 10, 0, 0.02), 0 0 0 4.9673202614em #fff, 0 0 0 6.9281045752em rgba(0, 10, 0, 0.0175), 0 0 0 8.8888888889em #fff, 0 0 0 10.8496732026em rgba(0, 10, 0, 0.015);
  }
  .portrait-container {
    max-width: 36%;
  }
  .card--archive-highlight-opinion .portrait-container {
    max-width: none;
  }
}

@media (min-width: 640px) {
  .portrait-container {
    max-width: 80%;
    width: 100%;
  }
  .card-opinion .portrait-container {
    margin-top: 10%;
  }
  .card-opinion .portrait + .portrait, .card-opinion .liveblog-author-avatar img + .portrait, .liveblog-author-avatar .card-opinion img + .portrait, .card-opinion .liveblog-author-avatar .portrait + img, .liveblog-author-avatar .card-opinion .portrait + img, .card-opinion .liveblog-author-avatar img + img, .liveblog-author-avatar .card-opinion img + img {
    margin-left: 8%;
  }
  .portrait--small {
    width: 2.5882352941rem;
  }
}

.portrait--header {
  box-shadow: 0 0 0 3.2352941176em #1a231a, 0 0 0 7.6470588235em rgba(255, 255, 255, 0.04), 0 0 0 12.0588235294em #1a231a, 0 0 0 16.4705882353em rgba(255, 255, 255, 0.03), 0 0 0 20.5882352941em #1a231a, 0 0 0 25em rgba(255, 255, 255, 0.02), 0 0 0 28.8235294118em #1a231a, 0 0 0 33.2352941176em rgba(255, 255, 255, 0.01);
  margin-right: 0.8823529412rem;
  position: relative;
  z-index: -1;
}

@media (max-width: 639px) {
  .portrait--header {
    box-shadow: 0 0 0 1.2941176471em #1a231a, 0 0 0 2.5882352941em rgba(255, 255, 255, 0.04), 0 0 0 3.8823529412em #1a231a, 0 0 0 5.1764705882em rgba(255, 255, 255, 0.03), 0 0 0 6.4705882353em #1a231a, 0 0 0 7.7647058824em rgba(255, 255, 255, 0.02), 0 0 0 9.0588235294em #1a231a, 0 0 0 10.3529411765em rgba(255, 255, 255, 0.01);
  }
}

.portrait--publisher {
  box-shadow: 0 0 0 3.2352941176em #00af00, 0 0 0 7.6470588235em rgba(255, 255, 255, 0.04), 0 0 0 12.0588235294em #00af00, 0 0 0 16.4705882353em rgba(255, 255, 255, 0.03), 0 0 0 20.5882352941em #00af00, 0 0 0 25em rgba(255, 255, 255, 0.02), 0 0 0 28.8235294118em #00af00, 0 0 0 33.2352941176em rgba(255, 255, 255, 0.01);
}

@media (max-width: 639px) {
  .portrait--publisher {
    box-shadow: 0 0 0 1.2941176471em #00af00, 0 0 0 2.5882352941em rgba(255, 255, 255, 0.04), 0 0 0 3.8823529412em #00af00, 0 0 0 5.1764705882em rgba(255, 255, 255, 0.03), 0 0 0 6.4705882353em #00af00, 0 0 0 7.7647058824em rgba(255, 255, 255, 0.02), 0 0 0 9.0588235294em #00af00, 0 0 0 10.3529411765em rgba(255, 255, 255, 0.01);
  }
}

.portrait--account {
  box-shadow: 0 0 0 3.2352941176em #fcfdfc, 0 0 0 7.6470588235em rgba(0, 10, 0, 0.02), 0 0 0 12.0588235294em #fcfdfc, 0 0 0 16.4705882353em rgba(0, 10, 0, 0.015), 0 0 0 20.5882352941em #fcfdfc, 0 0 0 25em rgba(0, 10, 0, 0.01), 0 0 0 28.8235294118em #fcfdfc, 0 0 0 33.2352941176em rgba(0, 10, 0, 0.005);
}

@media (max-width: 639px) {
  .portrait--account {
    box-shadow: 0 0 0 1.2941176471em #fcfdfc, 0 0 0 2.5882352941em rgba(0, 10, 0, 0.04), 0 0 0 3.8823529412em #fcfdfc, 0 0 0 5.1764705882em rgba(0, 10, 0, 0.03), 0 0 0 6.4705882353em #fcfdfc, 0 0 0 7.7647058824em rgba(0, 10, 0, 0.02), 0 0 0 9.0588235294em #fcfdfc, 0 0 0 10.3529411765em rgba(0, 10, 0, 0.01);
  }
}

.echo, .echo--single, .echo--double, .echo--small-single, .echo--small-double, .echo--large-single, .gallery.maximized .gallery__controls {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.echo:before, .echo--single:before, .echo--double:before, .echo--small-single:before, .echo--small-double:before, .echo--large-single:before, .gallery.maximized .gallery__controls:before, .echo:after, .echo--single:after, .echo--double:after, .echo--small-single:after, .echo--small-double:after, .echo--large-single:after, .gallery.maximized .gallery__controls:after {
  content: '';
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

.card--explainer .echo:before, .card--explainer .echo--single:before, .card--explainer .echo--double:before, .card--explainer .echo--small-single:before, .card--explainer .echo--small-double:before, .card--explainer .echo--large-single:before, .card--explainer .gallery.maximized .gallery__controls:before, .gallery.maximized .card--explainer .gallery__controls:before, .card--explainer .echo:after, .card--explainer .echo--single:after, .card--explainer .echo--double:after, .card--explainer .echo--small-single:after, .card--explainer .echo--small-double:after, .card--explainer .echo--large-single:after, .card--explainer .gallery.maximized .gallery__controls:after, .gallery.maximized .card--explainer .gallery__controls:after {
  z-index: 1;
}

.echo:before, .echo--single:before, .echo--double:before, .echo--small-single:before, .echo--small-double:before, .echo--large-single:before, .gallery.maximized .gallery__controls:before {
  background: transparent;
  padding: 0 60% 60% 0;
}

@media (min-width: 640px) {
  .echo:before, .echo--single:before, .echo--double:before, .echo--small-single:before, .echo--small-double:before, .echo--large-single:before, .gallery.maximized .gallery__controls:before {
    padding: 0 27.34% 27.34% 0;
  }
}

.echo--single:before, .echo--double:before {
  box-shadow: 0 0 0 44.5vw rgba(255, 255, 255, 0.1);
}

@media (min-width: 640px) {
  .echo--single:before, .echo--double:before {
    box-shadow: 0 0 0 17.57vw rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 1921px) {
  .echo--single:before, .echo--double:before {
    box-shadow: 0 0 0 11.7647058824rem rgba(255, 255, 255, 0.1);
  }
}

.echo--double:after {
  background: transparent;
  padding: 0 230% 230% 0;
  box-shadow: 0 0 0 44vw rgba(255, 255, 255, 0.1);
}

@media (min-width: 640px) {
  .echo--double:after {
    padding: 0 94.7% 94.7% 0;
    box-shadow: 0 0 0 19.53vw rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 1921px) {
  .echo--double:after {
    box-shadow: 0 0 0 11.7647058824rem rgba(255, 255, 255, 0.1);
  }
}

.echo--small-single:before, .echo--small-double:before {
  box-shadow: 0 0 0 30vw rgba(255, 255, 255, 0.1);
}

@media (min-width: 640px) {
  .echo--small-single:before, .echo--small-double:before {
    box-shadow: 0 0 0 9.96vw rgba(255, 255, 255, 0.1);
  }
}

@media (min-width: 1921px) {
  .echo--small-single:before, .echo--small-double:before {
    box-shadow: 0 0 0 8.8235294118rem rgba(255, 255, 255, 0.1);
  }
}

.echo--small-double:after {
  background: transparent;
  padding: 0 75% 75% 0;
  box-shadow: 0 0 0 11.07vw rgba(255, 255, 255, 0.1);
}

@media (min-width: 1921px) {
  .echo--small-double:after {
    box-shadow: 0 0 0 10rem rgba(255, 255, 255, 0.1);
  }
}

.echo--large-single:before, .gallery.maximized .gallery__controls:before {
  box-shadow: 0 0 0 12vw rgba(255, 255, 255, 0.1);
  padding: 0 75% 75% 0;
}

@media (min-width: 1921px) {
  .echo--large-single:before, .gallery.maximized .gallery__controls:before {
    box-shadow: 0 0 0 11.7647058824rem rgba(255, 255, 255, 0.1);
  }
}

.echo--dark.echo--single:before, .echo--dark.echo--double:before {
  box-shadow: 0 0 0 17.57vw rgba(0, 10, 0, 0.02);
}

@media (min-width: 1921px) {
  .echo--dark.echo--single:before, .echo--dark.echo--double:before {
    box-shadow: 0 0 0 11.7647058824rem rgba(0, 10, 0, 0.02);
  }
}

.echo--dark.echo--double:after {
  box-shadow: 0 0 0 19.53vw rgba(0, 10, 0, 0.02);
}

@media (min-width: 1921px) {
  .echo--dark.echo--double:after {
    box-shadow: 0 0 0 11.7647058824rem rgba(0, 10, 0, 0.02);
  }
}

.echo--dark.echo--small-single:before, .echo--dark.echo--small-double:before {
  box-shadow: 0 0 0 9.96vw rgba(0, 10, 0, 0.02);
}

@media (min-width: 1921px) {
  .echo--dark.echo--small-single:before, .echo--dark.echo--small-double:before {
    box-shadow: 0 0 0 8.8235294118rem rgba(0, 10, 0, 0.02);
  }
}

.echo--dark.echo--small-double:after {
  box-shadow: 0 0 0 11.07vw rgba(0, 10, 0, 0.02);
}

@media (min-width: 1921px) {
  .echo--dark.echo--small-double:after {
    box-shadow: 0 0 0 10rem rgba(0, 10, 0, 0.02);
  }
}

.echo--dark.echo--large-single:before, .gallery.maximized .echo--dark.gallery__controls:before {
  box-shadow: 0 0 0 12vw rgba(0, 10, 0, 0.02);
}

@media (min-width: 1921px) {
  .echo--dark.echo--large-single:before, .gallery.maximized .echo--dark.gallery__controls:before {
    box-shadow: 0 0 0 11.7647058824rem rgba(0, 10, 0, 0.02);
  }
}

.echo--top-left:before, .echo--top-left:after {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.echo--top-right:before, .echo--top-right:after {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.echo--bottom-left:before, .echo--bottom-left:after {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.echo--bottom-right:before, .gallery.maximized .gallery__controls:before, .echo--bottom-right:after, .gallery.maximized .gallery__controls:after {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.echo--fixed:before, .echo--fixed:after {
  position: fixed;
}

.icon {
  display: inline-block;
}

.icon--block {
  display: block;
}

.icon--float-right {
  float: right;
  margin-left: 0.2941176471rem;
}

.icon svg {
  display: block;
}

.icon-button {
  color: #00d700;
  display: inline-flex;
  margin-top: 0.3333333333em;
  text-decoration: none;
  user-select: none;
}

.icon-button img {
  display: block;
}

.icon--block {
  display: block;
}

.icon--float-right {
  float: right;
  margin-left: 0.2941176471rem;
}

.icon-button--right {
  float: right;
}

.icon--go {
  height: 1.4705882353rem;
  margin: 0 0.2941176471rem 0.066em 0;
  transition: all .20s ease;
  transform: translate3D(0, 0, 0);
  vertical-align: middle;
  width: 1.4705882353rem;
}

.icon--go-inverted {
  transform: rotate(180deg);
}

.icon--follow {
  width: 2.1176470588rem;
  float: right;
}

.icon--watch {
  font-size: 0.8235294118em;
  vertical-align: middle;
}

.icon--watch img {
  vertical-align: middle;
}

.icon--media-badge svg {
  height: 2.6470588235rem;
  width: 2.6470588235rem;
}

.block-video-related .icon--media-badge svg {
  height: 1.7647058824rem;
  width: 1.7647058824rem;
}

@media (min-width: 640px) {
  .icon--media-badge svg {
    height: 3.2352941176rem;
    width: 3.2352941176rem;
  }
  .grid-block--flex-column-1-4 .icon--media-badge svg {
    height: 2.6470588235rem;
    width: 2.6470588235rem;
  }
}

@media (min-width: 1024px) {
  .grid-block--large .card-horizontal .icon--media-badge svg {
    height: 2.3529411765rem;
    width: 2.3529411765rem;
  }
}

.site .jw-background-color {
  background: rgba(0, 175, 0, 0.9);
}

#page .video-player-container:hover .jw-background-color {
  background: rgba(0, 175, 0, 0.7);
}

.icon--remove {
  padding: 0.2941176471rem;
  height: 1.8823529412rem;
  width: 1.8823529412rem;
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .icon--remove:hover {
    transform: rotate(90deg);
  }
}

.read-more {
  color: #00af00;
  font-size: 0.8235294118em;
}

.link-cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.tags, .tags--list {
  margin-bottom: 0.5882352941rem;
}

.tags--list {
  display: block;
  margin-bottom: 2.3529411765rem;
}

.tags__item {
  display: inline-block;
  margin-right: 0.2941176471rem;
}

.tags a, .tags--list a {
  position: relative;
  z-index: 1;
}

.tag--alert, .tag--main-topic, .tag--section-title, .tag--featured, .tag--invert {
  background-color: #f7fdf7;
  border: 0.0588235294rem solid #eaf8ea;
  border-radius: 4.1666666667em;
  color: #00d700;
  display: inline-block;
  font-size: 0.7058823529rem;
  padding: 0.25em 0.8333333333em 0.0833333333em;
  user-select: none;
  transition: all .25s ease;
}

@media (min-width: 640px) {
  .tag--alert, .tag--main-topic, .tag--section-title, .tag--featured, .tag--invert {
    padding: 0.25em 0.8333333333em 0.1666666667em;
  }
}

@media (min-width: 1024px) {
  .tag--alert:hover, .tag--main-topic:hover, .tag--section-title:hover, .tag--featured:hover, .tag--invert:hover {
    background-color: #00af00;
    color: #fff;
  }
}

.tag--alert {
  background-color: #e10000;
  border-color: #e10000;
  color: #fff;
  vertical-align: middle;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .tag--alert:hover {
    background-color: #e10000;
  }
}

.highlight .tag--alert,
.title .tag--alert {
  display: table;
  font-size: 0.9411764706rem;
  height: 2.0588235294rem;
  margin: 0 0 .5em;
  padding: 0.4705882353rem 0.6470588235rem 0.3529411765rem;
  text-transform: uppercase;
  vertical-align: middle;
}

@media (min-width: 640px) {
  .highlight .tag--alert,
  .title .tag--alert {
    font-size: 1rem;
    display: inline-flex;
    height: 2.1764705882rem;
    margin: -.3em 1.2em 0 0;
    padding: 0.5294117647rem 0.7058823529rem 0.3529411765rem;
  }
}

.tag--main-topic, .tag--section-title {
  background-color: transparent;
  border-color: #00af00;
  color: #00af00;
  margin-right: 0.4166666667em;
}

.tag--section-title {
  border: 3px solid #00d700;
  font-size: 1.1176470588rem;
  padding: 0.2941176471rem 0.9411764706rem 0.1176470588rem;
}

@media (min-width: 640px) {
  .tag--section-title {
    line-height: 1.25;
    padding: 0.2941176471rem 0.9411764706rem 0.1764705882rem;
  }
}

@media (min-width: 1024px) {
  .tag--section-title:hover {
    border: 3px solid #00af00;
  }
}

.tag--featured {
  background-color: #ff9b00;
  border: 0.1176470588rem solid #ff9b00;
  color: #fff;
  font-size: 0.7352941176em;
  font-weight: 300;
  margin-right: 0.2941176471rem;
  margin-top: -0.2352941176rem;
  padding-bottom: 0;
  padding-top: 0.1764705882rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .tag--featured:hover {
    background-color: transparent;
    color: #ff9b00;
  }
}

.card-latest .tag--featured {
  padding-top: 0.1176470588rem;
}

.tag--invert {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
  margin-right: 0.2941176471rem;
}

@media (min-width: 1024px) {
  .tag--invert:hover {
    background-color: #00d700;
    border-color: #00d700 !important;
  }
}

.js-spinner:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 100vh;
  opacity: .7;
  width: 100vw;
  z-index: 1001;
}

.has-bg-color--dark .js-spinner:before, .grid-block--dark .full-width .js-spinner:before {
  background-color: #212a21;
}

.js-spinner .spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1002;
}

.js-spinner .spinner-icon {
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  transform: rotate(-180deg);
}

.js-spinner .spinner-icon .spinner-icon__path {
  stroke-dashoffset: 0;
  transform-origin: center;
  transform: rotate(100deg);
}

.js-spinner .spinner-icon .spinner-icon__path--inner {
  stroke-dasharray: 0;
}

.js-spinner .spinner-icon .spinner-icon__path--mid {
  stroke-dasharray: 42;
  animation: dash--mid 1.3s cubic-bezier(0.31, 0.44, 0.36, 1) infinite;
}

.js-spinner .spinner-icon .spinner-icon__path--out {
  stroke-dasharray: 63;
  animation: dash--out 1.3s cubic-bezier(0.5, 0.54, 0.66, 1) infinite;
}

@keyframes dash--inner {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash--mid {
  0% {
    stroke-dashoffset: 42;
    transform: rotate(100deg);
  }
  50% {
    stroke-dashoffset: 42;
  }
  100% {
    stroke-dashoffset: 42;
    transform: rotate(460deg);
  }
}

@keyframes dash--out {
  0% {
    stroke-dashoffset: 63;
    transform: rotate(100deg);
  }
  50% {
    stroke-dashoffset: 63;
  }
  100% {
    stroke-dashoffset: 63;
    transform: rotate(460deg);
  }
}

.ordered-list__number {
  font-size: 1.1764705882rem;
}

.list--column {
  display: flex;
  flex-direction: column;
}

.list--dropdown {
  border-top: 1px solid #e6e7e6;
  border-radius: 0 0 0.2941176471rem 0.2941176471rem;
  box-shadow: 0 20px 20px 0px rgba(247, 248, 247, 0.75), 0 90px 90px 20px rgba(247, 248, 247, 0.95);
  max-height: 12.7058823529rem;
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
}

.list--dropdown .list__item, .list--dropdown .off-canvas-menu .menu-item, .off-canvas-menu .list--dropdown .menu-item, .list--dropdown .sub-menu .menu-item, .sub-menu .list--dropdown .menu-item {
  justify-content: flex-start;
}

.list--dropdown .list__item:first-child, .list--dropdown .off-canvas-menu .menu-item:first-child, .off-canvas-menu .list--dropdown .menu-item:first-child, .list--dropdown .sub-menu .menu-item:first-child, .sub-menu .list--dropdown .menu-item:first-child {
  border: none;
}

.list--dropdown .list__item [class*=list__text], .list--dropdown .off-canvas-menu .menu-item [class*=list__text], .off-canvas-menu .list--dropdown .menu-item [class*=list__text], .list--dropdown .sub-menu .menu-item [class*=list__text], .sub-menu .list--dropdown .menu-item [class*=list__text] {
  margin-right: 0.5882352941rem;
}

.list__item, .off-canvas-menu .menu-item, .sub-menu .menu-item {
  border-top: 1px solid #e6e7e6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5882352941rem 1.1764705882rem;
}

.list__item .icon-button, .off-canvas-menu .menu-item .icon-button, .sub-menu .menu-item .icon-button {
  margin: 0 0 0 auto;
}

.list__text {
  color: #333b33;
  font-size: 0.8823529412rem;
  line-height: 1.2;
}

.list--invert .list__text {
  color: #fff;
}

.list__text--discrete, th, .stock__label, .stock__index-label {
  color: #999d99;
  font-size: 0.7058823529rem;
}

.data-list {
  border-top: 1px solid #e6e7e6;
}

.data-list__item {
  padding: 1.1764705882rem 0 0.7058823529rem 0;
  width: 44.7784810127%;
  float: left;
  margin-left: 2.6107594937%;
  margin-right: 2.6107594937%;
}

@media (max-width: 1023px) {
  .data-list__item:nth-child(n + 3) {
    border-top: 1px solid #e6e7e6;
  }
}

@media (min-width: 1024px) {
  .data-list__item {
    width: 29.8523206751%;
    float: left;
    margin-left: 1.7405063291%;
    margin-right: 1.7405063291%;
  }
  .data-list__item:nth-child(n + 4) {
    border-top: 1px solid #e6e7e6;
  }
}

.data-list__label {
  color: #333b33;
  font-size: 0.7058823529rem;
}

.data-list__value {
  font-size: 1.2941176471rem;
  margin-top: 0;
}

.off-canvas {
  min-height: 100%;
  position: fixed;
  top: 0;
  transition: all 0.3s ease;
  width: 100vw;
  z-index: 1000;
}

.off-canvas--right {
  right: 0;
  transform: translate3D(100%, 0, 0);
}

.off-canvas--left {
  left: 0;
  transform: translate3D(-100%, 0, 0);
}

.off-canvas--top {
  left: 0;
  transform: translate3D(0, -100%, 0);
}

.off-canvas--top .off-canvas__wrapper {
  position: relative;
}

.off-canvas__close {
  color: #fff;
  display: block;
  height: 2.6470588235rem;
  padding: 0.5882352941rem;
  position: absolute;
  top: 0.5882352941rem;
  right: 0.5882352941rem;
  width: 2.6470588235rem;
  z-index: 1;
}

@media (min-width: 640px) {
  .off-canvas__close {
    padding: 0.5882352941rem;
    height: 2.6470588235rem;
    width: 2.6470588235rem;
  }
}

.off-canvas.off-canvas--open {
  transform: translate3D(0, 0, 0);
}

.off-canvas__overlay {
  background-color: #000A00;
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: -100vw;
  left: -100vw;
  transition: all .3s ease;
  top: 0;
  visibility: hidden;
  width: 300vw;
}

.off-canvas--open .off-canvas__overlay {
  opacity: .5;
  visibility: visible;
}

.off-canvas__wrapper {
  background: #f7f8f7;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  max-width: 100%;
  width: 35.8823529412rem;
}

.off-canvas--entity .off-canvas__wrapper,
.off-canvas--personality .off-canvas__wrapper {
  width: 30.5882352941rem;
}

@media (min-width: 1921px) {
  .off-canvas--entity .off-canvas__wrapper,
  .off-canvas--personality .off-canvas__wrapper {
    width: 30vw;
  }
}

.off-canvas--right .off-canvas__wrapper {
  right: 0;
}

.off-canvas--left .off-canvas__wrapper {
  left: 0;
}

.off-canvas__wrapper.expanded {
  width: 100%;
}

.off-canvas__header {
  flex-shrink: 0;
}

.off-canvas__content {
  flex-grow: 1;
  overflow: auto;
  padding: 1.7647058824rem 1.1764705882rem;
  width: 100%;
}

.off-canvas__header .title {
  color: #fff;
  font-size: 1.4705882353rem;
  margin: 0;
}

.off-canvas__header .icon-button {
  color: #00af00;
}

.off-canvas__portrait {
  width: 5rem;
}

@media (min-width: 640px) {
  .off-canvas__portrait {
    width: 6.5882352941rem;
  }
}

.off-canvas__entity-container {
  background-color: #000A00;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 3.2352941176rem 1.1764705882rem 1.1764705882rem;
}

@media (min-width: 640px) {
  .off-canvas__entity-container {
    padding: 2.0588235294rem 1.1764705882rem 1.1764705882rem;
  }
}

.off-canvas__entity-container .title {
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 640px) {
  .off-canvas__entity-container .title {
    font-size: 1.1764705882rem;
  }
}

.off-canvas__entity-container .meta {
  width: 100%;
  display: none;
}

@media (min-width: 640px) {
  .off-canvas__entity-container .meta {
    display: block;
  }
}

.off-canvas__entity-container .icon--go {
  margin-bottom: 0;
}

.off-canvas__entity-container .icon-button:hover {
  color: #fff;
}

.off-canvas__entity-container .icon-button:hover .icon--go {
  color: #fff;
  margin-right: 0.4117647059rem;
}

@media (max-width: 639px) {
  .off-canvas--entity .off-canvas__content {
    padding: 0.8823529412rem 0.5882352941rem;
  }
  .off-canvas--entity .stock__preview-graph {
    display: none;
  }
}

.off-canvas--personality .meta {
  display: none;
}

@media (min-width: 640px) {
  .off-canvas--personality .meta {
    display: block;
  }
}

.off-canvas--user .off-canvas__close {
  color: #999d99;
}

.off-canvas--user .off-canvas__wrapper {
  background-color: #f7f8f7;
  width: 20rem;
}

.off-canvas--user .off-canvas__header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1.1764705882rem;
}

.off-canvas--user .off-canvas__user-name {
  color: #00af00;
  font-size: 1rem;
  margin: 0 0 0.2941176471rem;
}

.off-canvas--user .off-canvas__user-email {
  color: #1a231a;
  font-size: 0.7647058824rem;
  margin: 0;
}

.off-canvas--user .off-canvas__user-logout {
  border: 1px solid #999d99;
  display: flex;
  align-items: center;
  font-size: 0.8235294118rem;
  padding: 0.8235294118rem;
  transition: all .25s ease;
}

.off-canvas--user .off-canvas__user-logout:hover .off-canvas__user-menu-icon {
  margin-right: 1.1176470588rem;
}

.off-canvas--user .off-canvas__footer {
  padding: 1.1764705882rem;
}

.off-canvas--user .portrait, .off-canvas--user .liveblog-author-avatar img, .liveblog-author-avatar .off-canvas--user img {
  width: 5.8823529412rem;
  margin: 0 0 0.7647058824rem;
  box-shadow: 0 0 0 1.7647058824em #f7f8f7, 0 0 0 3.5294117647em rgba(255, 255, 255, 0.5), 0 0 0 5.2941176471em #f7f8f7, 0 0 0 7.0588235294em rgba(255, 255, 255, 0.4);
}

#off-canvas-menu-trigger {
  height: 3.0588235294rem;
  padding: 0.5882352941rem;
  width: 3.0588235294rem;
}

.off-canvas-menu .off-canvas__wrapper {
  background-color: #00af00;
}

.off-canvas-menu .off-canvas__close {
  position: relative;
  top: 0;
  right: 0;
}

.off-canvas-menu .off-canvas__content {
  padding: 0;
}

.off-canvas-menu__button {
  margin-right: -0.5882352941rem;
}

@media (min-width: 1000px) {
  .off-canvas-menu__button {
    display: none;
  }
}

.off-canvas-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5882352941rem 0.2941176471rem 0.5882352941rem 3.2352941176rem;
}

.off-canvas-menu__title {
  color: #00d700;
  font-size: 1.2352941176rem;
  font-weight: 400;
  margin: 0;
}

.off-canvas-menu__secondary-nav {
  padding: 0.5882352941rem 0.8823529412rem 0.5882352941rem 3.2352941176rem;
  display: flex;
}

.off-canvas-menu .menu {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  padding-left: 3.2352941176rem;
  width: 100%;
}

.off-canvas-menu .menu-item {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  margin-left: 0 !important;
  padding: 0.4705882353rem 0 !important;
}

.off-canvas-menu .menu-item:first-child {
  border-top: 0;
}

.off-canvas-menu .menu-item:last-child {
  border-bottom: 1px solid #e6e7e6;
}

.off-canvas-menu .menu-item a {
  color: #fff !important;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
}

.off-canvas-menu .header__account a {
  font-size: 1rem;
  font-weight: 500 !important;
  width: 100%;
}

.off-canvas-menu .container--filters {
  display: none;
}

.off-canvas-menu .search__form {
  background-color: rgba(26, 35, 26, 0.2);
  display: flex;
  align-items: center;
  height: 3.5294117647rem;
  padding: 0 1.1764705882rem 0 2.9411764706rem;
  position: relative;
  margin-top: 1.1764705882rem;
  margin-bottom: 2.3529411765rem;
}

.off-canvas-menu .search__form .container, .off-canvas-menu .search__form .full-width__container, .off-canvas-menu .search__form .newsletter__container {
  margin: 0;
  width: 100%;
}

.off-canvas-menu .search__form .search__input {
  color: #fff;
}

.off-canvas-menu .search__form .search__input::-webkit-input-placeholder {
  color: #00d700;
}

.off-canvas-menu .search__form .search__input:-ms-input-placeholder {
  color: #00d700;
}

.off-canvas-menu .search__form .search__input::-moz-placeholder {
  color: #00d700;
}

.off-canvas-menu .main-navigation__social-container {
  margin-right: auto;
}

.off-canvas__user-menu-item {
  margin: 0;
  padding: 1rem;
  user-select: none;
}

.off-canvas__user-menu-item:before {
  content: none;
}

.off-canvas__user-menu-item:first-child {
  border-top: 0px;
}

.off-canvas__user-menu-item a {
  display: flex;
  align-items: center;
  font-size: 0.8235294118rem;
  line-height: 1.2;
  width: 100%;
}

.off-canvas__user-menu-item:hover .off-canvas__user-menu-icon {
  margin-right: 1.1176470588rem;
}

.off-canvas__user-menu-icon {
  margin-right: 0.8823529412rem;
  transition: all .25s ease;
}

.off-canvas__user-menu-icon svg {
  display: block;
  height: 1.1764705882rem;
  width: 1.1764705882rem;
}

.modal {
  background-color: rgba(0, 10, 0, 0.95);
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  z-index: 100000;
}

.delete-account-alert {
  height: 100vh;
  overflow: hidden;
}

.delete-account-modal {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  z-index: 1000;
}

.delete-account-modal__overlay {
  background-color: rgba(247, 248, 247, 0.95);
  opacity: .95;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.delete-account-modal__content {
  background-color: #fff;
  border-radius: 0.2941176471rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.4705882353rem;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  max-width: 28.5294117647rem;
  width: 96%;
  z-index: 1001;
}

.delete-account-modal__content .modal__title {
  color: #e10000;
  margin-bottom: 0;
}

.delete-account-modal__content .modal__disclaimer {
  font-size: 0.8235294118rem;
}

.delete-account-modal__content .button {
  margin: 0.5882352941rem 0.2352941176rem 0.2352941176rem;
}

.delete-account-modal__cancel {
  background-color: transparent;
  border-color: transparent;
  color: #999d99;
}

@media (min-width: 1024px) {
  .delete-account-modal__cancel:hover {
    background-color: transparent;
    border-color: transparent;
    color: #000A00;
  }
}

.site-header {
  background: transparent;
  border-bottom: 0.0588235294rem solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: 300;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  transition: all .25s ease;
  transition-property: background, color, border-color;
  z-index: 1000;
}

.admin-bar .site-header {
  top: 32px;
}

.site-header__container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 0.8823529412rem;
  padding-bottom: 0.8823529412rem;
  transition: all .25s ease;
}

.site-header__container:before, .site-header__container:after {
  display: none;
}

@media (max-width: 639px) {
  .site-header__container {
    margin: 0 4.4796027251%;
    padding: 0.5882352941rem 0;
  }
}

.site-header .main-navigation__login-button {
  color: #00d700;
}

.site-branding {
  float: left;
  margin-right: calc( 0.8702531646% + 0.3529411765rem);
  margin-left: 0.8702531646%;
  flex-shrink: 0;
}

.site-branding__logo {
  display: block;
  transition: all .35s ease;
  max-height: 2.7058823529rem;
  width: 8.2352941176rem;
}

.site-title {
  margin: 0;
}

.with-header--on-light-bg .site-branding__logo-symbol path, .with-header--light .site-branding__logo-symbol path {
  fill: #00d700;
}

.with-header--on-light-bg .site-branding__logo-claim path, .with-header--light .site-branding__logo-claim path {
  fill: #000A00;
}

.menu-scrolled .site-branding__logo-symbol path, .menu-scrolled .site-branding__logo-claim path {
  fill: #fff;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .site-branding__logo-symbol path,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .site-branding__logo-symbol path, body:not(.search-is-open).with-header--solid .site-header--advocatus .site-branding__logo-claim path,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .site-branding__logo-claim path {
  fill: #00af00;
}

.main-navigation {
  float: right;
  display: flex;
  align-items: center;
  margin: 0 0.8702531646%;
}

.main-navigation__block + .main-navigation__block {
  margin-left: 1.1764705882rem;
}

@media (max-width: 999px) {
  .main-navigation__block--desktop {
    display: none !important;
  }
}

.main-navigation a {
  color: #fff;
  font-size: 0.8235294118rem;
  text-decoration: none;
  user-select: none;
}

@media (min-width: 1024px) {
  .main-navigation a:hover {
    color: #00d700;
  }
}

.main-navigation__login-button {
  font-weight: 400 !important;
}

.has-header-image .main-navigation__login-button {
  color: #00d700 !important;
}

.main-navigation__login-button.invert,
.menu-scrolled .main-navigation__login-button,
.site-header--solid .main-navigation__login-button {
  color: #fff !important;
}

.main-navigation .icon-button {
  height: 2.1176470588rem;
  margin: 0;
  padding: 0 0.5882352941rem;
}

.main-navigation__icon--search svg {
  height: 0.9411764706rem;
  width: 0.9411764706rem;
}

.main-navigation__notifications.main-navigation__block {
  margin-left: 0.5882352941rem;
}

.main-navigation__notifications.main-navigation__block svg {
  height: 1.0588235294rem;
  width: 1.0588235294rem;
}

.main-navigation__notifications-number {
  background: #00d700;
  border-radius: 5px;
  color: #fff;
  font-size: 0.7058823529rem;
  margin-left: 0.1176470588rem;
  padding: 0 0.3529411765rem;
}

@media (min-width: 1000px) {
  .main-navigation {
    width: 100%;
  }
}

.header-menu {
  margin-left: auto;
}

.header-menu .menu-item {
  font-size: 0.8235294118rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.5882352941rem;
  padding: 0 0.5882352941rem;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  z-index: 2;
}

.header-menu .menu-item + .menu-item {
  margin-left: 1.1764705882rem;
}

.header-menu .current-menu-item,
.header-menu .current_page_item,
.header-menu .current-menu-parent {
  border-radius: 0.2941176471rem;
  background-color: rgba(255, 255, 255, 0.15);
}

@media (max-width: 639px) {
  .header-menu .current-menu-item,
  .header-menu .current_page_item,
  .header-menu .current-menu-parent {
    border-radius: 0;
    background-color: transparent;
    padding: 0 !important;
  }
  .header-menu .current-menu-item > a,
  .header-menu .current_page_item > a,
  .header-menu .current-menu-parent > a {
    border-radius: 0;
    background-color: rgba(26, 35, 26, 0.15);
    padding: 0.2941176471rem 0.5882352941rem !important;
  }
}

.header__user-avatar {
  width: 1.7647058824rem;
}

.with-header--transparent .site-content header:not(.header--hero),
.with-header--transparent .site-content .header:not(.header--hero) {
  padding-top: 4.2941176471rem;
}

.with-header--solid .site-header {
  background: #00af00;
  border-color: transparent;
}

.with-header--light #page {
  margin-top: 4.2941176471rem;
}

.with-header--light .site-header {
  background: #fff;
  border-color: #f7f8f7;
}

.with-header--on-light-bg .site-header, .with-header--light .site-header {
  color: #1a231a;
  font-weight: 400;
}

.with-header--on-light-bg .site-header a, .with-header--light .site-header a {
  color: #1a231a;
}

.with-header--on-light-bg .site-header .tag--invert, .with-header--light .site-header .tag--invert {
  color: #1a231a;
  border-color: rgba(26, 35, 26, 0.6);
}

@media (min-width: 1024px) {
  .with-header--on-light-bg .site-header .tag--invert:hover, .with-header--light .site-header .tag--invert:hover {
    color: #fff;
    background-color: #00d700;
    border-color: #00d700;
  }
}

.menu-scrolled {
  background: rgba(0, 175, 0, 0.97) !important;
  border-color: transparent !important;
  color: #fff !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.menu-scrolled .site-header {
  background: rgba(0, 175, 0, 0.97) !important;
  border-color: transparent !important;
  color: #fff !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.menu-scrolled .site-header__container {
  padding-bottom: 0.1764705882rem;
  padding-top: 0.1764705882rem;
}

.menu-scrolled .site-branding__logo {
  height: 2.2352941176rem !important;
}

.menu-scrolled.site-header a {
  color: #fff;
}

@media (min-width: 1024px) {
  .menu-scrolled.site-header a:hover {
    color: #00d700;
  }
}

.menu-scrolled.site-header .tag--invert {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.6);
}

.sub-menu {
  display: flex;
  flex-direction: column;
}

.sub-menu .menu-item a {
  line-height: 1.1;
  padding: 0.2941176471rem 0;
}

.sub-menu .menu-item a .icon {
  color: #fff;
  display: block;
  flex-shrink: 0;
  height: 1.4705882353rem;
  position: absolute;
  top: 50%;
  right: 0.8823529412rem;
  transition: all .25s ease;
  transform: translateY(-50%);
  width: 1.4705882353rem;
}

@media (max-width: 999px) {
  .sub-menu .current-menu-item > a,
  .sub-menu .current_page_item > a,
  .sub-menu .current-menu-parent > a {
    padding: 0.7647058824rem 0.5882352941rem !important;
  }
}

@media (min-width: 1000px) {
  .sub-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #f2f3f2;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 3.5294117647rem;
    transition: all .25s ease;
    width: 0;
  }
  .menu-scrolled .sub-menu {
    top: 2.8235294118rem;
  }
  .sub-menu .menu-item {
    height: 3.5294117647rem;
    margin-left: 0 !important;
    padding: 0.2941176471rem 0.5882352941rem;
    width: 13.8235294118rem;
  }
  .sub-menu .menu-item:first-child {
    border-top: 0;
  }
  .sub-menu .menu-item a {
    color: #000A00;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 0.8823529412rem;
    letter-spacing: 0;
    user-select: none;
    width: 100%;
  }
  .sub-menu .menu-item a .icon {
    color: #999d99;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    height: 1.4705882353rem;
    opacity: .5;
    transform: none;
    transition: all .25s ease;
    width: 1.4705882353rem;
  }
  .sub-menu .menu-item a:hover {
    color: #00d700;
  }
  .sub-menu .menu-item a:hover .icon {
    color: #00d700;
    opacity: 1;
  }
  .menu-item-has-children:before {
    content: '';
    background: rgba(0, 10, 0, 0.7);
    border-radius: 0 !important;
    display: block !important;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0s ease .3s, opacity .3s ease;
    width: 0;
    z-index: -1;
  }
  .menu-item-has-children > a:after {
    content: '';
    background-color: #f2f3f2;
    border-radius: 0.5882352941rem 0.5882352941rem 0 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: -0.9411764706rem;
    left: 0;
    transition: all .25s ease;
    z-index: -1;
  }
  .menu-scrolled .menu-item-has-children > a:after {
    bottom: -0.2941176471rem;
  }
  .menu-item-has-children:hover:before {
    height: auto;
    opacity: .5;
    position: absolute;
    left: -100vw;
    right: -100vw;
    top: -100vh;
    bottom: -100vh;
    transition: opacity .3s ease;
    width: auto;
  }
  .menu-item-has-children:hover > a {
    color: #00d700;
    padding: 1.7647058824rem 0;
  }
  .menu-item-has-children:hover > a:after {
    content: '';
    opacity: 1;
    top: 0;
  }
  .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    width: 13.8235294118rem;
  }
  .menu-item-has-children:hover .sub-menu__container {
    opacity: 1;
    width: auto;
  }
  .menu-item-has-children:last-child .sub-menu, .menu-item-has-children:last-child:hover .sub-menu {
    left: auto;
    right: 0;
  }
}

@media (max-width: 999px) {
  .dl-menuwrapper {
    /* Hide the inner sub-menus */
  }
  .dl-menuwrapper ul {
    transform-style: preserve-3d;
  }
  .dl-menuwrapper .menu-item-has-children > a:after {
    content: url(../images/sprite-svg-src/ArrowNext--white.svg);
    color: #fff;
    display: block;
    position: absolute;
    right: 1.4705882353rem;
    top: 50%;
    margin-top: -0.4705882353rem;
    line-height: 1;
    width: 0.4705882353rem;
  }
  .dl-menuwrapper .dl-back {
    padding-left: 1.1764705882rem;
  }
  .dl-menuwrapper .dl-back:after {
    content: url(../images/sprite-svg-src/ArrowPrevious--white.svg);
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.4705882353rem;
    line-height: 1;
    width: 0.4705882353rem;
  }
  .dl-menuwrapper .off-canvas__content {
    /* 
			When a sub-menu is openend, we will hide all li siblings.
			For that we give a class to the parent menu called "dl-subview".
			We also hide the sub-menu link. 
			The opened sub-menu will get the class "dl-subviewopen".
			All this is done for any sub-level being entered.
			*/
    /* Animation classes for moving out and in */
  }
  .dl-menuwrapper .off-canvas__content.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  .dl-menuwrapper .off-canvas__content .dl-subviewopen {
    border: 0;
    padding: 0;
  }
  .dl-menuwrapper .off-canvas__content.dl-subview .header__account > a {
    display: none;
  }
  .dl-menuwrapper .off-canvas__content.dl-subview li,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subviewopen > a,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subviewopen > img,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subview > a,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subview > img {
    display: none;
  }
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subview,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subview .sub-menu,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subviewopen,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subviewopen > .sub-menu,
  .dl-menuwrapper .off-canvas__content.dl-subview li.dl-subviewopen > .sub-menu > li {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .dl-menuwrapper .off-canvas__content.dl-animate-out-1 {
    animation: MenuAnimOut1 0.3s ease-in-out;
  }
  .dl-menuwrapper .off-canvas__content.dl-animate-out-2 {
    animation: MenuAnimOut2 0.3s ease-in-out;
  }
  .dl-menuwrapper .off-canvas__content.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s ease-in-out;
  }
  .dl-menuwrapper .off-canvas__content.dl-animate-in-2 {
    animation: MenuAnimIn2 0.3s ease-in-out;
  }
  .dl-menuwrapper .sub-menu {
    display: none;
    position: relative;
    width: 100%;
    margin: 0;
    /* Animation classes for moving out and in */
  }
  .dl-menuwrapper .sub-menu.dl-animate-in-1 {
    animation: sub-menuAnimIn1 0.3s ease-in-out;
  }
  .dl-menuwrapper .sub-menu.dl-animate-in-2 {
    animation: sub-menuAnimIn2 0.3s ease-in-out;
  }
  .dl-menuwrapper .sub-menu.dl-animate-out-1 {
    animation: sub-menuAnimOut1 0.3s ease-in-out;
  }
  .dl-menuwrapper .sub-menu.dl-animate-out-2 {
    animation: sub-menuAnimOut2 0.3s ease-in-out;
  }
}

@-webkit-keyframes MenuAnimOut1 {
  0% {
  }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@keyframes MenuAnimOut1 {
  0% {
  }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut2 {
  0% {
  }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  0% {
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes sub-menuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes sub-menuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes sub-menuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes sub-menuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}

.main-navigation .social__item {
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  transition: all .35s ease;
}

.main-navigation .social__item:hover {
  background: #00d700;
  border-color: #00d700;
}

.main-navigation .social__item:hover .social__link {
  color: #fff;
}

.with-header--on-light-bg .social__item, .with-header--light .social__item,
.with-header--light .social__item {
  border-color: rgba(26, 35, 26, 0.6);
}

.menu-scrolled .social__item {
  border-color: rgba(255, 255, 255, 0.6);
}

.site-footer {
  color: #fff;
  font-size: 0.7647058824rem;
  font-weight: 300;
  position: relative;
  z-index: 999;
}

.site-footer h3 {
  font-size: 1.4117647059rem;
  margin: 0;
  margin-bottom: 0.8823529412rem;
}

.site-footer p {
  margin-bottom: 0.5882352941rem;
}

.site-footer__links {
  background: #00af00;
  padding: 0.8823529412rem 0 3.5294117647rem;
}

.site-footer__info {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  line-height: 1.6;
  position: absolute;
  bottom: 0;
  width: 100vw;
}

.site-footer__block {
  width: 48.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.site-footer a {
  color: #fff;
}

.site-footer .social__item {
  border-radius: 50%;
  transition: all .35s ease;
}

@media (min-width: 1024px) {
  .site-footer .social__item:hover {
    background-color: #00d700;
  }
}

@media (max-width: 639px) {
  .site-footer__block {
    max-width: 17.6470588235rem;
    width: 100%;
  }
  .site-footer h3 {
    font-size: 1.5294117647rem;
    margin-top: 2.0588235294rem;
    text-align: center;
  }
  .site-footer p {
    font-size: 1rem;
    text-align: center;
  }
}

.footer__title {
  color: #00d700;
}

.footer__button {
  border-color: #00d700;
  border-width: 2px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0.8235294118rem;
  max-width: 8.8235294118rem;
  padding-left: 1.1764705882rem;
  padding-right: 1.1764705882rem;
}

.footer__button:hover {
  background-color: #00d700;
}

.footer__button svg {
  color: #fff;
  height: 1.1764705882rem;
  margin-right: 0.4117647059rem;
  width: 1.1764705882rem;
}

.footer__get-in-touch {
  display: inline-flex;
  align-items: center;
  max-height: 2.3529411765rem;
  margin: 0 0 0 0.5882352941rem;
}

/**
Added by aaires needed on default pages
**/
.accordion-content {
  display: none;
}

.site-info {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  float: none;
  padding-top: 1.1764705882rem;
  padding-bottom: 1.1764705882rem;
}

.site-info--en-version {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-bar {
  color: #1a231a;
  height: 3.5294117647rem;
}

.user-bar__fixed-container {
  background: #f2fbf2;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3.5294117647rem;
  z-index: 999;
}

.user-bar__container {
  display: flex;
}

.user-bar__title {
  flex-grow: 2;
}

.user-bar__progress {
  background: #00af00;
  height: 0.2352941176rem;
  position: absolute;
  top: 0;
  left: 0;
}

.user-settings {
  width: 3.5294117647rem;
}

.user-utilities {
  width: 15.2941176471rem;
}

.footer-menu {
  display: flex;
  flex-direction: column;
}

.footer-menu li + li {
  margin-top: 0.7647058824rem;
}

.footer-menu .menu-item {
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .footer-menu .menu-item:hover {
    opacity: .5;
  }
}

@media (max-width: 639px) {
  .footer-menu {
    align-items: center;
  }
}

.site-footer__content {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  padding-top: 1.1764705882rem;
  margin-bottom: 1.7647058824rem;
}

@media (max-width: 639px) {
  .site-footer__content {
    flex-direction: column;
    align-items: center;
  }
}

.footer__menus-container {
  display: flex;
  margin-left: auto;
}

@media (max-width: 639px) {
  .footer__menus-container {
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }
  .footer__menus-container .menu-item {
    text-align: center;
  }
}

.footer-follow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-follow .social__item {
  border: 1px solid #00d700;
  border-radius: 50%;
  transition: all .35s ease;
}

.footer-follow .social__item:hover {
  background: #00d700;
}

.footer-follow--en-version {
  margin: 0 auto;
}

.footer-follow--en-version .footer-newsletter__actions {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media (max-width: 639px) {
  .footer-follow {
    margin: 0 auto;
    max-width: 17.6470588235rem;
    width: 100%;
  }
}

.footer-newsletter {
  display: flex;
  align-items: flex-start;
  max-width: 22.3529411765rem;
}

.footer-newsletter .newsletter__submit-block {
  position: relative;
  transform: none;
  background-color: transparent;
  padding: 0;
}

.footer-newsletter .newsletter__submit-block .newsletter__submit-button {
  top: 0.2352941176rem;
}

.footer-newsletter .footer__button svg {
  height: 1.0588235294rem;
  width: 1.0588235294rem;
}

@media (max-width: 639px) {
  .footer-newsletter__actions {
    align-items: center;
    text-align: center;
  }
}

.footer-social {
  margin-top: auto;
  margin-bottom: 1.4705882353rem;
}

@media (max-width: 639px) {
  .footer-social {
    width: 100%;
  }
  .footer-social .social {
    justify-content: center;
  }
}

.search__container {
  position: relative;
}

.search__content {
  padding: 2.3529411765rem 0;
}

.search #search-trigger {
  opacity: .5;
  pointer-events: none;
  user-select: none;
}

.search__results {
  animation: faux-ajax .75s ease-out .25s forwards;
  justify-content: flex-start;
  margin-bottom: 2.6470588235rem;
  opacity: 0;
  padding-top: 7.6470588235rem;
}

@media (max-width: 639px) {
  .search__results {
    animation: faux-ajax-phone .75s ease-out .25s forwards;
    padding-top: 9.8823529412rem;
  }
}

@keyframes faux-ajax {
  0% {
    opacity: 0;
    padding-top: 7.6470588235rem;
  }
  100% {
    opacity: 1;
    padding-top: 8.8235294118rem;
  }
}

@keyframes faux-ajax-phone {
  0% {
    opacity: 0;
    padding-top: 9.8823529412rem;
  }
  100% {
    opacity: 1;
    padding-top: 11.0588235294rem;
  }
}

.search__form {
  width: 100%;
}

.search__input {
  background: transparent;
  border: none;
  display: block;
  font-size: 1.0588235294rem;
  margin: 0.3529411765em 0;
  padding: 0 1.7647058824em;
  width: 100%;
}

.search__input::-webkit-input-placeholder {
  color: rgba(153, 157, 153, 0.6);
}

.search__input::-moz-placeholder {
  color: rgba(153, 157, 153, 0.6);
}

.search__input:-ms-input-placeholder {
  color: rgba(153, 157, 153, 0.6);
}

.search__input:-moz-placeholder {
  color: rgba(153, 157, 153, 0.6);
  opacity: 1;
}

.search__input::placeholder {
  color: rgba(153, 157, 153, 0.6);
  opacity: 1;
}

.search__button {
  background: none;
  border: none;
  color: #00d700;
  font-size: 1rem;
  display: inline-block;
  height: 1.4705882353em;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 1.4705882353em;
}

.search__reset {
  left: 0;
  z-index: 1;
}

.search__submit {
  right: 0;
}

.search__search-icon {
  opacity: 1;
  z-index: 2;
}

.search__button--hide {
  opacity: 0;
  z-index: 0;
}

#off-canvas--search {
  z-index: -1;
}

@media print {
  #off-canvas--search {
    display: none;
  }
}

.off-canvas__overlay--search {
  background: #00af00;
  opacity: 1 !important;
}

.header-search {
  background-color: transparent;
  padding-top: 3.8235294118rem;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
}

.admin-bar .header-search {
  top: 32px;
}

.search-is-open .site-header__container {
  animation: search-mask-in .25s ease-in;
  background: #00af00;
}

@keyframes search-mask-in {
  0% {
    background: linear-gradient(to bottom, #00af00 0%, #00af00 50%, transparent 100%);
  }
  50% {
    background: linear-gradient(to bottom, #00af00 0%, #00af00 75%, transparent 100%);
  }
  75% {
    background: linear-gradient(to bottom, #00af00 0%, #00af00 90%, transparent 100%);
  }
}

.search__suggestions-title {
  color: #00d700;
  font-size: 1.4117647059rem;
  font-weight: 300;
  margin: 0 auto 1.7647058824rem;
  width: 77.9113924051%;
}

.search__suggestion {
  color: #fff;
  font-size: 0.9411764706rem;
  margin-bottom: 1.875em;
}

@media (min-width: 640px) {
  .search__suggestions-list li {
    display: inline-block;
    margin-right: 5%;
  }
  .search__suggestion {
    margin-bottom: 0;
  }
}

.search__header .search__form, .header-search .off-canvas__header .search__form {
  border-bottom: 0.0588235294rem solid #00d700;
}

.search__header .search__container, .header-search .off-canvas__header .search__container {
  padding: 0 2.2398013626%;
}

.search__header .search__input, .header-search .off-canvas__header .search__input {
  color: #fff;
  font-size: 1.7647058824rem;
  height: 2.8235294118rem;
  margin: -0.2352941176rem 0 0.3529411765rem;
  padding: 0 2.3529411765rem;
}

.search__header .search__input::-webkit-input-placeholder, .header-search .off-canvas__header .search__input::-webkit-input-placeholder {
  color: #00d700;
}

.search__header .search__input::-moz-placeholder, .header-search .off-canvas__header .search__input::-moz-placeholder {
  color: #00d700;
}

.search__header .search__input:-ms-input-placeholder, .header-search .off-canvas__header .search__input:-ms-input-placeholder {
  color: #00d700;
}

.search__header .search__input:-moz-placeholder, .header-search .off-canvas__header .search__input:-moz-placeholder {
  color: #00d700;
  opacity: 1;
}

.search__header .search__input::placeholder, .header-search .off-canvas__header .search__input::placeholder {
  color: #00d700;
  opacity: 1;
}

.search__header .search__button, .header-search .off-canvas__header .search__button {
  height: 1.7647058824rem;
  width: 1.7647058824rem;
}

.search__header .search__reset, .header-search .off-canvas__header .search__reset,
.search__header .search__search-icon, .header-search .off-canvas__header .search__search-icon {
  left: 2.2398013626%;
}

.search__header .search__submit, .header-search .off-canvas__header .search__submit {
  right: 2.2398013626%;
}

@media (max-width: 639px) {
  .search__header .search__button, .header-search .off-canvas__header .search__button {
    padding: 0.1764705882rem;
  }
}

@media (min-width: 640px) {
  .search__header .search__input, .header-search .off-canvas__header .search__input {
    font-size: 2.3529411765rem;
    margin: 0.3529411765rem 0;
    padding: 0 2.6470588235rem;
  }
  .search__header .search__container, .header-search .off-canvas__header .search__container {
    padding: 0 0.8702531646%;
  }
  .search__header .search__reset, .header-search .off-canvas__header .search__reset,
  .search__header .search__search-icon, .header-search .off-canvas__header .search__search-icon {
    left: 0.8702531646%;
  }
  .search__header .search__submit, .header-search .off-canvas__header .search__submit {
    right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .search__header .search__container, .header-search .off-canvas__header .search__container {
    padding: 0 1.0443037975%;
  }
  .search__header .search__reset, .header-search .off-canvas__header .search__reset,
  .search__header .search__search-icon, .header-search .off-canvas__header .search__search-icon {
    left: 1.0443037975%;
  }
  .search__header .search__submit, .header-search .off-canvas__header .search__submit {
    right: 1.0443037975%;
  }
}

.search__filters {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 639px) {
  .search__filters {
    flex-wrap: wrap;
  }
}

.filter--block {
  display: flex;
  align-items: center;
  font-size: 0.5882352941rem;
  margin: 1em 0;
}

@media (min-width: 800px) and (max-width: 959px) {
  .filter--block {
    font-size: 0.7058823529rem;
  }
}

@media (min-width: 960px) {
  .filter--block {
    font-size: 0.8823529412rem;
  }
}

.filter--block.js-filter-open {
  z-index: 1000;
}

.filter__type {
  color: #00d700;
  margin-right: 0.6666666667em;
}

.filter__selector {
  background: #33bf33;
  border-radius: 1.3333333333em;
  color: #fff;
  font-weight: 300;
  height: 2.6666666667em;
  padding: 0 1em;
}

.filter__active {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.filter__active::before {
  background: #00af00;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 1.6em;
  bottom: 0;
  width: 0.0588235294rem;
}

.filter__active::after {
  content: '\2191';
  margin-left: 1.2em;
  padding: 0.1333333333em;
  transform: rotate(-180deg) translate3D(0, 0, 0);
}

.js-filter-open .filter__active::after {
  transform: rotate(0deg) translate3D(0, 0, 0);
}

.filter__options {
  background: #33bf33;
  border-radius: 0 0 1.3333333333em 1.3333333333em;
  display: flex;
  flex-direction: column;
  height: 0;
  margin: -1.3333333333em -1em;
  overflow: hidden;
  padding: 1.3333333333em 1em 0;
}

.filter__options::before {
  background: #00af00;
  content: '';
  display: block;
  flex-shrink: 0;
  height: 0.1176470588rem;
  margin: 0 -0.8823529412rem;
}

.filter__option {
  flex-shrink: 0;
  padding: 0.6666666667em 3.0666666667em 0.6666666667em 0;
}

.filter__option:hover {
  transform: translateX(0.2352941176rem);
}

.filter__option--selected {
  opacity: .5;
  pointer-events: none;
}

@media (max-width: 564px) {
  .filter--block {
    width: 100%;
  }
  .filter--block:nth-child(n + 2) {
    margin-top: 0;
  }
  .filter__type {
    width: 1.7647058824rem;
  }
  .filter__selector {
    flex-grow: 1;
  }
  .filter__active {
    padding-top: .2em;
  }
}

.search__menu-container .menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 58.4117647059rem;
}

.search__menu-container .menu-item {
  margin-bottom: 2.0588235294rem;
  overflow: hidden;
  position: relative;
}

.search__menu-container .menu-item:hover {
  background-color: #00d700;
}

.search__menu-container .menu-item:hover a {
  color: #fff;
  transform: scale(1.05);
}

.search__menu-container .menu-item a {
  display: block;
  font-size: 1.7647058824rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  padding: 1.1764705882rem;
  width: 100%;
}

.entity__header-content {
  background-color: #1a231a;
  justify-content: center;
  padding: 2.1764705882rem 0;
}

.off-canvas .entity__header-content {
  min-height: 10rem;
}

.entity__header-content .portrait, .entity__header-content .liveblog-author-avatar img, .liveblog-author-avatar .entity__header-content img {
  width: 7.0588235294rem;
}

.entity__header-content .title {
  color: #fff;
  display: inline-block;
  font-size: 1.4705882353rem;
  margin: 0;
  padding-top: 0.8823529412rem;
}

.entity__header-content .meta {
  margin: 0;
}

@media (max-width: 639px) {
  .entity__header-content {
    flex-direction: column;
    padding: 5.2941176471rem 1.1764705882rem 1.1764705882rem;
  }
  .entity__header-content .portrait, .entity__header-content .liveblog-author-avatar img, .liveblog-author-avatar .entity__header-content img {
    height: 4.1176470588rem;
    margin: 0;
    width: 4.1176470588rem;
  }
  .entity__header-content .entity__info {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
  }
  .entity__header-content .stock--preview {
    justify-content: center;
  }
}

.entity__info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  margin-right: 0.5882352941rem;
}

.entity__info .title {
  width: 100%;
}

.entity__info .stock--preview {
  margin-top: 0.5882352941rem;
  width: 100%;
}

.entity__content {
  padding: 1.7647058824rem 0;
}

.entity__content .card {
  width: 31.5928270042%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.entity__content .card--horizontal, .entity__content .card--text, .entity__content .card--comment {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.author__container {
  margin-right: 0.8823529412rem;
  margin-top: 0.8823529412rem;
}

.card .author__container {
  margin: 0;
}

.block-highlight .author__container {
  margin-top: 0;
}

.card {
  background-color: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 2.0588235294rem;
  min-height: 13.5294117647rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.archive-container .card {
  margin-bottom: 0.8823529412rem;
  min-height: 4.1176470588rem;
}

@media (min-width: 1024px) {
  .archive-container .card {
    min-height: 17.0588235294rem;
  }
}

.archive-container .card .title {
  font-size: 0.8235294118rem;
  line-height: 1.4285;
}

@media (min-width: 640px) {
  .archive-container .card .title {
    font-size: 1.2352941176rem;
    line-height: 1.2727;
  }
}

.card__content-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

@media (min-width: 640px) {
  .card__content-wrapper {
    height: 100%;
  }
}

.card__bottom-section {
  align-items: center;
  bottom: 0.2941176471rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2941176471rem;
  margin-top: auto;
  padding: 0;
  width: 100%;
}

.card__bottom-section .meta {
  margin-bottom: 0;
}

.card__bottom-section .meta__wrapper {
  display: flex;
}

.card__bottom-section .meta__block {
  display: block;
  margin-left: 0.5882352941rem;
}

.card__bottom-section .meta__block:first-child {
  margin-left: 0;
}

.card--highlight .card__bottom-section {
  margin-bottom: 0.1764705882rem;
  padding: 0 1.1764705882rem;
}

.card__image {
  background-position: center;
  background-size: cover;
  overflow: auto;
  position: relative;
  width: 100%;
}

.card__image img {
  display: block;
  width: 100%;
}

.card__media-badge {
  position: absolute;
  bottom: 0.8823529412rem;
  left: 0.8823529412rem;
}

.card__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.1764705882rem;
  min-height: 12.3529411765rem;
  width: 100%;
}

.card__info {
  padding: 0.5882352941rem 0;
  position: relative;
  min-height: 3.2352941176rem;
  width: 100%;
}

.card--featured .card__info,
.card--bg .card__info {
  padding: 0.5882352941rem;
}

.card--highlight .card__info {
  padding: 1.1764705882rem;
}

@media (max-width: 639px) {
  .card__info {
    order: -1;
  }
}

.card__title {
  color: rgba(0, 10, 0, 0.95);
  font-size: 1.1176470588em;
  font-weight: 400;
  line-height: 1.294;
  margin: 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 640px) {
  .card__title {
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .card:hover .card__title {
    color: #00af00;
  }
}

.card__lead {
  color: rgba(0, 10, 0, 0.9);
  font-size: 0.8823529412em;
  line-height: 1.53;
}

.card__explainer-header {
  width: 100%;
  display: flex;
}

.card__explainer-questions li {
  margin-left: 1.4705882353rem;
}

.card .meta {
  display: flex;
}

.card .meta__info, .card .liveblog-author-name {
  font-size: 0.7647058824rem;
}

@media (min-width: 1024px) {
  .card--highlight + .grid-inner-flex .card {
    width: 46.5189873418%;
    float: left;
    margin-left: 1.7405063291%;
    margin-right: 1.7405063291%;
  }
}

@media (min-width: 1024px) {
  .grid-inner-flex .card {
    width: 47.3892405063%;
    float: left;
    margin-left: 1.3053797468%;
    margin-right: 1.3053797468%;
  }
}

.card-simple .card__icon-group {
  margin-left: -0.8823529412rem;
}

.card--full-bg {
  color: #fff;
}

.card--full-bg .card__image {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.card--full-bg .card__image:after {
  content: '';
  background-color: rgba(0, 10, 0, 0.55);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.card--full-bg .card__info {
  padding: 1.7647058824rem 1.1764705882rem 0.5882352941rem;
}

.card--full-bg .card__lead {
  color: #fff;
  margin-top: 1.7647058824rem;
}

.card--full-bg .card__bottom-section {
  padding: 0 1.1764705882rem 1.1764705882rem;
  margin-bottom: 0;
}

.card--full-bg .card__bottom-section .card__icon-group {
  margin-bottom: -0.8823529412rem;
}

.card--full-bg .card__bottom-section .meta__block:last-child {
  margin-right: 0;
}

.card--full-bg .tags, .card--full-bg .tags--list,
.card--full-bg .meta,
.card--full-bg .title {
  margin: 0;
}

.card--full-bg .tags, .card--full-bg .tags--list {
  position: relative;
  z-index: 2;
}

.card--full-bg .title {
  color: #fff;
  font-size: 1.2941176471rem;
  margin-bottom: 0.5882352941rem;
  margin-top: 0.5882352941rem;
}

@media (min-width: 1024px) {
  .card--full-bg .title:hover {
    color: #00af00;
  }
}

.card--full-bg .card__icon-group {
  margin-left: -0.7647058824rem;
}

@media (max-width: 639px) {
  .card--full-bg .card__bottom-section {
    display: none;
  }
  .card--full-bg .card__bg {
    min-height: 100%;
  }
}

.card--bg {
  background-color: #f7f8f7;
}

.has-bg-color .card--bg, .search .card--bg, .home .card--bg,
.home .card--bg {
  background-color: #fff;
}

.has-bg-color--dark .card--bg, .grid-block--dark .full-width .card--bg {
  background-color: #121b12;
}

.card--bg .card__icon-group {
  margin-left: -0.3529411765rem;
}

.card--explainer {
  border: none;
  min-height: 12.6470588235rem;
}

.page .card--explainer.card--featured {
  background-color: #fff;
  border: 2px solid #00af00;
}

.page .card--explainer.card--featured.card--small-explainer .meta__icon-container, .page .card--explainer.card--featured.card--small-explainer .icon-button__container, .page .card--explainer.card--featured.card--small-explainer .social__item {
  color: #fff;
}

.page .card--explainer.card--featured .meta__icon-container, .page .card--explainer.card--featured .icon-button__container, .page .card--explainer.card--featured .social__item {
  color: #00d700;
}

.page .card--explainer.card--featured .card__title {
  color: #fff !important;
}

.page .card--explainer.card--featured:hover .card__title {
  color: #fff !important;
}

.card--explainer .card__bg:before {
  content: '';
  background-color: rgba(0, 175, 0, 0.95);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.card--explainer .card__explainer-header {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 640px) {
  .card--explainer .card__explainer-header {
    position: relative;
  }
}

.card--explainer .card__title {
  color: #fff;
  font-size: 1.2352941176rem;
  line-height: 1.2727;
}

@media (min-width: 1024px) {
  .card--explainer:hover .card__title,
  .card--explainer .card__title:hover {
    color: #fff;
    opacity: .5;
  }
}

.card--explainer .meta {
  margin-bottom: 0;
  margin-top: 0.5882352941rem;
}

.card--explainer .meta__time,
.card--explainer .meta__author {
  color: #fff;
  position: relative;
}

.card--explainer .card__info {
  padding: 0.5882352941rem 1.1764705882rem;
}

.card--explainer .card__ordered-list {
  margin-bottom: 0.8823529412rem;
}

.card--explainer .card__ordered-list li {
  margin-left: 1.4705882353em;
}

.card--explainer .card__explainer-question {
  margin-bottom: 0;
  padding: 0.5882352941rem 0;
}

.card--explainer .card__explainer-question::before {
  font-size: 0.8823529412rem;
}

.card--explainer .card__explainer-question-title {
  font-size: 0.8823529412rem;
  margin: 0;
}

@media (min-width: 1024px) {
  .card--explainer .card__explainer-question-title:hover {
    color: #00af00;
  }
}

.card--explainer .card__bottom-section {
  padding: 0 0.5882352941rem;
  margin-bottom: 0.3529411765rem;
}

.card--explainer .card__icon-group {
  margin-left: -0.2941176471rem;
}

@media (max-width: 639px) {
  .card--explainer .card__info {
    display: none;
  }
  .card--explainer .card__bg {
    min-height: 100%;
  }
  .card--explainer .meta__comments-text,
  .card--explainer .meta__share-text,
  .card--explainer .meta__comments-icon,
  .card--explainer .meta__share-icon {
    color: #fff;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .card--explainer {
    display: flex;
    align-items: stretch;
    flex-direction: row;
  }
  .card--explainer .card__explainer-header {
    width: 39.9261603376%;
    flex-shrink: 0;
  }
  .card--explainer .card__title {
    font-size: 1.2941176471em;
  }
  .card--explainer .card__info {
    padding-bottom: 1.7647058824rem;
  }
  .card--explainer .card__explainer-question:nth-child(n + 4) {
    display: none;
  }
  .card--explainer .card__bottom-section {
    padding-left: 0;
    position: absolute;
    left: calc( 39.9261603376% + 1.1764705882rem);
  }
}

.archive-container .card--explainer {
  min-height: 0;
  margin-bottom: 0.9411764706rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .archive-container .card--explainer {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 1.7405063291%;
  }
}

@media (max-width: 639px) {
  .archive-container .card--explainer .card__explainer-header {
    position: relative;
  }
  .archive-container .card--explainer .card__bottom-section {
    display: none;
  }
}

@media (min-width: 640px) {
  .card--explainer.card--horizontal .card__explainer-header, .card--explainer.card--text .card__explainer-header, .card--explainer.card--comment .card__explainer-header {
    width: 39.9261603376%;
    flex-shrink: 0;
  }
  .card--explainer.card--horizontal .card__title, .card--explainer.card--text .card__title, .card--explainer.card--comment .card__title {
    font-size: 1.2941176471em;
  }
  .card--explainer.card--horizontal .card__info, .card--explainer.card--text .card__info, .card--explainer.card--comment .card__info {
    padding-left: 1.1764705882rem;
    padding-bottom: 1.7647058824rem;
  }
  .card--explainer.card--horizontal .card__explainer-question:nth-child(n + 4), .card--explainer.card--text .card__explainer-question:nth-child(n + 4), .card--explainer.card--comment .card__explainer-question:nth-child(n + 4) {
    display: none;
  }
  .card--explainer.card--horizontal .card__bottom-section, .card--explainer.card--text .card__bottom-section, .card--explainer.card--comment .card__bottom-section {
    margin-bottom: 1.2941176471rem;
    padding-left: 0;
    position: absolute;
    left: calc( 39.9261603376% + 1.1764705882rem);
  }
}

.card--small-explainer {
  margin-bottom: 2.0588235294rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .card--small-explainer {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 640px) {
  .card--small-explainer .card__explainer-header {
    position: absolute;
    width: 100%;
  }
  .card--small-explainer .card__bottom-section {
    margin-bottom: 0;
    padding: 0 0.5882352941rem;
    position: relative;
    left: 0;
  }
}

.card--small-explainer .meta__comments-text,
.card--small-explainer .meta__share-text,
.card--small-explainer .meta__comments-icon,
.card--small-explainer .meta__share-icon {
  color: #fff;
}

.card--small-explainer .meta__share-link {
  margin-left: -0.1764705882rem;
}

.card--list {
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  min-height: 0;
  margin-bottom: 0.5882352941rem;
  padding: 0;
  width: 98.2594936709%;
}

.card--list .card__info {
  float: left;
  padding: 0.8823529412rem 0.8823529412rem 0.8823529412rem;
}

.card--list .card__title {
  font-size: 0.8235294118rem;
  margin-top: 0;
}

.card--list .meta {
  margin: 0;
}

.card__image--list, .card--list-small .card__image--list-small {
  flex-shrink: 0;
  margin: 0.8823529412rem;
  margin-right: 0;
  height: 2.3529411765rem;
  width: 2.3529411765rem;
}

.card__image--list img {
  display: block;
}

@media (max-width: 639px) {
  .card--list {
    border-bottom: 1px solid #e6e7e6;
    border-radius: 0;
    flex-direction: row;
    margin-bottom: 0 !important;
  }
  .card--list:first-child {
    border-radius: 0.2941176471rem 0.2941176471rem 0 0;
  }
  .card--list:last-child {
    border-bottom: 0;
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    margin-bottom: 2.0588235294rem !important;
  }
  .card--list .card__info {
    order: 0;
  }
}

@media (min-width: 640px) {
  .card--list {
    align-items: center;
  }
  .card--list .card__info {
    padding: 0.5882352941rem 1.1764705882rem;
  }
  .card--list .card__title {
    font-size: 1.1764705882rem;
  }
  .card__image--list {
    border-radius: 0;
    height: auto;
    margin: 0;
    max-width: 30%;
    width: 11.1764705882rem;
  }
}

.archive-container .card--list {
  min-height: 0;
}

@media (min-width: 640px) {
  .archive-container .card--list {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .archive-container .card--list .meta__info--light, .archive-container .card--list .meta__comments-text, .archive-container .card--list .meta__share-text, .archive-container .card--list .liveblog-author-name {
    display: block;
  }
}

@media (min-width: 640px) {
  .card--list-small .card__info {
    padding: 0.1764705882rem 0.2941176471rem 0 0.8823529412rem;
  }
  .card--list-small .card__title {
    font-size: 1rem;
  }
  .card--list-small .card__image--list-small {
    border-radius: 0;
    height: auto;
    margin: 0;
    width: 5rem;
  }
}

.card--horizontal, .card--text, .card--comment {
  display: flex;
}

.card--horizontal .card__image, .card--text .card__image, .card--comment .card__image {
  flex-shrink: 0;
  float: left;
  height: auto;
  overflow: hidden;
  width: 100%;
}

.card--horizontal .card__image:after, .card--text .card__image:after, .card--comment .card__image:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.card--horizontal .card__image img, .card--text .card__image img, .card--comment .card__image img {
  left: 50%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  width: auto;
}

.card--horizontal .card__title, .card--text .card__title, .card--comment .card__title {
  font-size: 1.2941176471em;
}

@media (max-width: 639px) {
  .card--horizontal .card__bg, .card--text .card__bg, .card--comment .card__bg {
    min-height: 100%;
    width: 100%;
  }
  .card--horizontal .card__explainer-header, .card--text .card__explainer-header, .card--comment .card__explainer-header {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .card--horizontal, .card--text, .card--comment {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    align-items: stretch;
    flex-direction: row;
    padding: 0;
  }
  .card--horizontal .card__image, .card--text .card__image, .card--comment .card__image, .card--horizontal .card__explainer-header, .card--text .card__explainer-header, .card--comment .card__explainer-header {
    width: 48.2594936709%;
  }
  .card--horizontal .card__info, .card--text .card__info, .card--comment .card__info {
    padding: 0.8823529412rem;
  }
  .card--horizontal .card__bottom-section, .card--text .card__bottom-section, .card--comment .card__bottom-section {
    padding: 0 0.8823529412rem;
    margin: 0;
  }
  .card--horizontal .card__lead, .card--text .card__lead, .card--comment .card__lead {
    margin-bottom: 0;
  }
  .card--horizontal .card__content-wrapper, .card--text .card__content-wrapper, .card--comment .card__content-wrapper {
    height: auto;
  }
}

@media (min-width: 1024px) {
  .grid-inner-flex .card--horizontal, .grid-inner-flex .card--text, .grid-inner-flex .card--comment {
    width: 96.5189873418%;
    float: left;
    margin-left: 1.7405063291%;
    margin-right: 1.7405063291%;
  }
}

@media (min-width: 640px) {
  .archive-container .card--horizontal, .archive-container .card--text, .archive-container .card--comment {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 0.8702531646%;
  }
}

.card--trending {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  overflow: inherit;
}

.grid-block .card--trending, .grid-block--highlight .card--trending {
  margin-right: 2.2398013626%;
  margin-left: 2.2398013626%;
}

.card--trending .trending__list-container {
  display: flex;
  flex-grow: 1;
}

.card--trending .trending__item {
  display: flex;
  align-items: flex-start;
  float: left;
  padding: 1.1764705882rem 0.2941176471rem 1.1764705882rem 3.8235294118rem !important;
  width: 100%;
}

.card--trending .trending__item .meta {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .card--trending .trending__item {
    padding: 1.1764705882rem 0.2941176471rem 1.1764705882rem 4.7058823529rem !important;
    min-height: 5.8823529412rem;
  }
  .grid-block .card--trending, .grid-block--highlight .card--trending {
    margin-right: 0.8702531646%;
    margin-left: 0.8702531646%;
  }
}

.card--text {
  padding: 1rem 1.1764705882rem;
}

.card--text .card__title {
  font-size: 1.0588235294em;
  font-weight: 500;
}

.card--text .card__title:hover {
  color: inherit;
}

.card--text .card__bottom-section {
  margin-bottom: 1rem;
}

.card--text .link--external {
  color: inherit;
  background-image: linear-gradient(to top, transparent 0.1176470588em, #00af00 0.1176470588em, #00af00 0.2352941176em, transparent 0.2352941176em);
  margin-bottom: 2.3529411765rem;
  text-decoration: none;
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .card--text .link--external:hover {
    color: #00af00;
  }
}

.card--text .social__item {
  margin-top: 0.2941176471rem;
}

@media (min-width: 640px) {
  .card-text__description {
    margin-right: 2.0588235294rem;
    min-width: 47.9113924051%;
  }
}

.card-text__links-container {
  width: 100%;
}

.card-text__links-container .meta__block {
  flex-wrap: wrap;
}

.card-text__links-container .card__title {
  width: 100%;
}

@media (min-width: 1024px) {
  .card-text:hover .card__title {
    color: #000A00;
  }
}

.card--comment {
  flex-wrap: wrap;
}

.card__comment-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e6e7e6;
  padding: 1rem;
  position: relative;
  width: 100%;
}

.card__comment-header p {
  margin: 0;
  margin-left: 0.8823529412rem;
}

.card__comment-header a {
  font-weight: 700;
}

.card__comment-header img {
  flex: 0 0 2.9411764706rem;
}

.card__comment-container {
  padding: 1rem;
}

.card-opinion {
  border: 1px solid #e6e7e6;
  min-height: 4.1176470588rem;
  padding: 1.1764705882rem 1.1764705882rem 0.5882352941rem;
  text-align: center;
}

@media (min-width: 640px) {
  .card-opinion {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    padding: 1.1764705882rem 1.1764705882rem 0.5882352941rem;
  }
}

@media (min-width: 1024px) {
  .card-opinion {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    min-height: 17.0588235294rem;
  }
}

.slick-list .card-opinion {
  padding: 0;
}

.slick-list .card-opinion .portrait-container {
  margin: 0.5882352941rem;
}

.slick-list .card-opinion .portrait, .slick-list .card-opinion .liveblog-author-avatar img, .liveblog-author-avatar .slick-list .card-opinion img {
  margin-right: 0;
  width: 3.8235294118rem;
}

.slick-list .card-opinion .card__info {
  margin: 0.5882352941rem;
}

.archive-page .card-opinion {
  margin-bottom: 0.9411764706rem;
}

.card-opinion.card--highlight .portrait, .card-opinion.card--highlight .liveblog-author-avatar img, .liveblog-author-avatar .card-opinion.card--highlight img {
  width: 12.6470588235rem;
}

.card-opinion.card--highlight .title,
.card-opinion.card--highlight .card__title {
  font-size: 2.1176470588rem;
}

.card-opinion.card--highlight .card__info {
  padding: 1.1764705882rem;
}

.card-opinion .card__info {
  margin: 0;
  margin-bottom: 1.1764705882rem;
  padding: 0;
}

.card-opinion .card__title {
  margin-top: 0.8823529412rem;
}

.card-opinion .meta {
  margin-bottom: 0.4117647059rem;
  justify-content: center;
}

.card-opinion .card__bottom-section {
  justify-content: center;
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .card-opinion {
    flex-direction: row;
    align-items: center;
  }
  .card-opinion .portrait-container {
    flex-direction: column;
  }
  .card-opinion .portrait, .card-opinion .liveblog-author-avatar img, .liveblog-author-avatar .card-opinion img {
    margin-right: 0.7647058824rem;
    width: 4.7058823529rem;
  }
  .card-opinion .portrait:not(:only-child), .card-opinion .liveblog-author-avatar img:not(:only-child), .liveblog-author-avatar .card-opinion img:not(:only-child) {
    align-self: center;
    margin-bottom: 0.5882352941rem;
    max-width: 60%;
  }
  .card-opinion .card__info {
    margin: 0;
    text-align: left;
    order: 0;
  }
  .card-opinion .meta {
    justify-content: flex-start;
  }
  .card-opinion .card__bottom-section {
    display: none;
  }
  .card-opinion.card--highlight {
    flex-direction: column;
  }
  .card-opinion.card--highlight .portrait, .card-opinion.card--highlight .liveblog-author-avatar img, .liveblog-author-avatar .card-opinion.card--highlight img {
    height: 4.7058823529rem;
    margin: 0;
    width: 4.7058823529rem;
  }
  .card-opinion.card--highlight .card__title {
    font-size: 1.1764705882rem;
    text-align: center;
  }
  .card-opinion.card--highlight .meta {
    justify-content: center;
  }
}

.card-opinion--editorial {
  background-color: #00af00;
  border-color: #00af00 !important;
}

.card-opinion--editorial .portrait, .card-opinion--editorial .liveblog-author-avatar img, .liveblog-author-avatar .card-opinion--editorial img {
  border: 1px solid #00af00;
}

.card-opinion--editorial .tags, .card-opinion--editorial .tags--list {
  margin-top: 0.8823529412rem;
}

.card-opinion--editorial .tag--invert {
  border-color: #00d700;
}

.card-opinion--editorial .card__title {
  color: #fff;
}

.card-opinion--editorial:hover .card__title {
  color: #1a231a;
  opacity: .7;
}

.card-opinion--editorial .meta__info, .card-opinion--editorial .liveblog-author-name {
  color: #fff;
  opacity: .7;
}

.card-opinion--editorial .meta__share-text,
.card-opinion--editorial .meta__icon-container,
.card-opinion--editorial .icon-button__container,
.card-opinion--editorial .social__item {
  color: #fff;
}

.card-complex .card__icon-group {
  margin-left: -0.8823529412rem;
}

.card-complex.card--featured .card__icon-group {
  margin-left: -0.7647058824rem;
}

.card-complex .card__info + .card__info {
  padding-bottom: 0;
}

.card-complex .card__lead {
  margin: 0;
}

.card--entity,
.archive-container .card--entity {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
  margin-bottom: 4.4796027251%;
  min-height: 4.1176470588rem;
  padding: 1.1764705882rem 1.1764705882rem 0.5882352941rem;
}

@media (max-width: 639px) {
  .card--entity,
  .archive-container .card--entity {
    border-bottom: 1px solid #e6e7e6;
    border-radius: 0;
    flex-direction: row;
    margin-bottom: 0;
  }
  .card--entity:first-child,
  .archive-container .card--entity:first-child {
    border-radius: 0.2941176471rem 0.2941176471rem 0 0;
  }
  .card--entity:last-child,
  .archive-container .card--entity:last-child {
    border-bottom: 0;
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    margin-bottom: 0.8823529412rem;
  }
}

@media (max-width: 639px) {
  .card--entity .card__info,
  .archive-container .card--entity .card__info {
    order: 0;
  }
}

@media (min-width: 640px) {
  .card--entity,
  .archive-container .card--entity {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 0.8823529412rem;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .card--entity,
  .archive-container .card--entity {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .archive-container.search__results .card--entity {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.card--entity .portrait, .card--entity .liveblog-author-avatar img, .liveblog-author-avatar .card--entity img {
  margin: 0;
  width: 7.6470588235rem;
}

@media (max-width: 639px) {
  .card--entity .portrait, .card--entity .liveblog-author-avatar img, .liveblog-author-avatar .card--entity img {
    width: 16%;
    min-width: 2.3529411765rem;
  }
}

.card--entity .portrait:before, .card--entity .liveblog-author-avatar img:before, .liveblog-author-avatar .card--entity img:before {
  content: '';
  background-color: #000A00;
  display: block;
  opacity: .05;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.card--entity .meta {
  margin: 0;
}

@media (min-width: 640px) {
  .card--entity .meta {
    justify-content: center;
  }
}

.card--entity.card--horizontal, .card--entity.card--text, .card--entity.card--comment {
  align-items: center;
  min-height: 5.8823529412rem;
  padding: 0.7647058824rem;
}

@media (min-width: 640px) {
  .card--entity.card--horizontal, .card--entity.card--text, .card--entity.card--comment {
    text-align: center;
  }
}

.account-page .card--entity.card--horizontal, .account-page .card--entity.card--text, .account-page .card--entity.card--comment {
  width: 48.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  padding-right: 3.2352941176rem;
}

@media (max-width: 639px) {
  .account-page .card--entity.card--horizontal, .account-page .card--entity.card--text, .account-page .card--entity.card--comment {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.card--entity.card--horizontal .portrait, .card--entity.card--text .portrait, .card--entity.card--comment .portrait, .card--entity.card--horizontal .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--horizontal img, .card--entity.card--text .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--text img, .card--entity.card--comment .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--comment img {
  margin: 0;
  width: 4.2941176471rem;
}

@media (max-width: 639px) {
  .card--entity.card--horizontal .portrait, .card--entity.card--text .portrait, .card--entity.card--comment .portrait, .card--entity.card--horizontal .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--horizontal img, .card--entity.card--text .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--text img, .card--entity.card--comment .liveblog-author-avatar img, .liveblog-author-avatar .card--entity.card--comment img {
    min-width: 2.3529411765rem;
  }
}

.card--entity.card--horizontal .card__info, .card--entity.card--text .card__info, .card--entity.card--comment .card__info {
  text-align: left;
}

.card--entity.card--horizontal .meta, .card--entity.card--text .meta, .card--entity.card--comment .meta {
  justify-content: flex-start;
}

.card--entity.card--horizontal .card__title, .card--entity.card--text .card__title, .card--entity.card--comment .card__title {
  font-size: 0.8235294118rem;
}

.card-company {
  background-color: #fff;
}

.archive-container .card-company {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.card-company__profile {
  max-width: 30.5%;
  width: 14.7058823529rem;
  padding-bottom: 10px;
  text-align: center;
}

.card-company__profile .card--entity {
  background-color: inherit;
  margin: 0;
  width: 100% !important;
}

.card-company__profile .icon-button {
  display: inline-block;
}

.card-company__profile-link {
  color: #00af00;
  display: inline-flex;
  align-items: center;
  font-size: 0.8235294118rem;
}

.card-company__details {
  flex-grow: 1;
}

.card-company__details-header {
  padding: 1.1764705882rem 1.0588235294rem 0;
  text-align: right;
}

@media (max-width: 639px) {
  .card-company {
    flex-direction: column;
  }
  .card-company__profile {
    display: block;
    max-width: none;
    text-align: left;
    width: 100%;
  }
  .card-company__profile .card--entity {
    border: none;
    margin-bottom: -0.5882352941rem;
    padding: 1.1764705882rem 1.1764705882rem 0;
  }
  .card-company__profile .icon--go {
    margin-left: calc( 0.5882352941rem + 16%);
    width: 1.0588235294rem;
  }
  .card-company__profile-link {
    font-size: 12px;
    margin-top: 0;
    padding: 0 1.1764705882rem;
    width: 100%;
  }
  .card-company__details {
    width: 100%;
  }
}

@media (min-width: 640px) {
  .card-company__details {
    border-left: 2px solid #f7f8f7;
  }
}

.card--highlight {
  flex-shrink: 0;
  min-height: 4.1176470588rem;
}

@media (min-width: 640px) {
  .card--highlight {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    min-height: 30rem;
  }
  .card--highlight.card--full-bg .card__title {
    font-size: 2.0588235294rem;
    line-height: 1.15;
  }
}

.card--highlight .card__info + .card__info {
  padding-top: 0;
}

.card--highlight .card__title {
  font-size: 1.5882352941em;
  line-height: 1.2;
}

.card--highlight.card--explainer {
  margin-bottom: 2.6470588235rem;
  min-height: 12.6470588235rem;
}

.card--inverted > .card__info {
  border-bottom: 1px solid #e6e7e6;
  order: -1;
}

.card--inverted > .card__info ~ .card__info {
  border-bottom: 0;
  padding-top: 1.1764705882rem;
  order: 0;
}

.card-horizontal-entity .stock {
  margin-bottom: 0;
  margin-top: 0.5882352941rem;
}

.card-horizontal-entity .stock__preview-graph {
  display: none;
}

@media (max-width: 639px) {
  .card-horizontal-entity .card__info {
    order: 0;
  }
}

.card--special-obsession .block-highlight__content-inner {
  margin: 2.3529411765rem 0;
}

.card--special-obsession .tag--main-topic, .card--special-obsession .tag--section-title {
  color: #fff;
  background-color: #00af00;
  margin-left: 0.3529411765rem;
}

.card--special-obsession .tag--main-topic:hover, .card--special-obsession .tag--section-title:hover {
  background-color: transparent;
  color: #00af00;
}

.card--special-obsession .title {
  font-size: 2.3529411765rem;
}

.info-card {
  background-color: #f7f8f7;
  cursor: pointer;
  margin: 0 0 1.6470588235em;
  position: relative;
  width: 100%;
}

.info-card > a {
  display: flex;
  align-items: flex-start;
}

.info-card > a:after {
  content: '';
  background-color: rgba(0, 10, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all .25s ease;
}

.info-card > a:hover:after {
  opacity: .5;
}

.info-card__thumb {
  display: block;
}

.info-card__thumb--wide {
  display: none;
}

.info-card__thumb--square {
  display: block;
  max-width: 5.2941176471rem;
}

.info-card__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 90px;
  font-size: 0.8235294118em;
  padding: 0.6666666667em;
}

.info-card__intro, .info-card__name {
  color: #000A00;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

.info-card__name {
  margin-top: -0.3333333333em !important;
  font-size: 0.8235294118rem;
  line-height: 1.2;
}

.info-card__link {
  color: #00af00;
  display: inline-block;
  font-size: 0.9333333333em;
  margin-bottom: 0;
  margin-top: 0.3333333333em;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .info-card__link:hover {
    color: #00d700;
  }
  .info-card__link:hover .info-card__icon {
    color: #00d700;
  }
}

.info-card__icon {
  color: #00af00;
  height: 1.2941176471rem;
  margin: 0 0.1176470588rem 0.066em 0;
  vertical-align: middle;
  width: 1.2941176471rem;
}

@media (min-width: 640px) {
  .info-card {
    margin: 0.2941176471rem 1.1764705882rem 1.1764705882rem;
    width: 13.8235294118rem;
  }
  .info-card > a {
    display: block;
  }
  .info-card--left {
    float: left;
    margin-left: 0;
  }
  .info-card--right {
    float: right;
    margin-right: 0;
  }
  .info-card__thumb--wide {
    display: block;
  }
  .info-card__thumb--square {
    display: none;
  }
  .info-card__info {
    font-size: 0.8823529412em;
    padding: 1em;
  }
  .info-card__intro, .info-card__name {
    display: block;
  }
  .info-card__name {
    color: #00af00;
    font-size: inherit;
  }
  .info-card__icon {
    height: 1.4705882353rem;
    width: 1.4705882353rem;
  }
}

@media (min-width: 1024px) {
  .info-card--left {
    float: left;
    margin-left: -25%;
  }
  .info-card--right {
    float: right;
    margin-right: -25%;
  }
}

.card--featured, .card--featured.card--bg,
.home .card--featured,
.has-bg-color .card--featured, .search .card--featured, .home .card--featured {
  background-color: #fff0d9;
  border-color: transparent;
}

.card--featured .tag, .card--featured.card--bg .tag,
.home .card--featured .tag,
.has-bg-color .card--featured .tag, .search .card--featured .tag, .home .card--featured .tag {
  background-color: #ff9b00;
  border-color: #ff9b00;
}

.card--featured .tag--main-topic, .card--featured .tag--section-title, .card--featured.card--bg .tag--main-topic, .card--featured.card--bg .tag--section-title,
.home .card--featured .tag--main-topic,
.home .card--featured .tag--section-title,
.has-bg-color .card--featured .tag--main-topic, .search .card--featured .tag--main-topic, .home .card--featured .tag--main-topic,
.has-bg-color .card--featured .tag--section-title, .search .card--featured .tag--section-title, .home .card--featured .tag--section-title {
  border-color: #ff9b00;
  color: #ff9b00;
}

@media (min-width: 1024px) {
  .card--featured .tag--main-topic:hover, .card--featured .tag--section-title:hover, .card--featured.card--bg .tag--main-topic:hover, .card--featured.card--bg .tag--section-title:hover,
  .home .card--featured .tag--main-topic:hover,
  .home .card--featured .tag--section-title:hover,
  .has-bg-color .card--featured .tag--main-topic:hover, .search .card--featured .tag--main-topic:hover, .home .card--featured .tag--main-topic:hover,
  .has-bg-color .card--featured .tag--section-title:hover, .search .card--featured .tag--section-title:hover, .home .card--featured .tag--section-title:hover {
    background: #ff9b00;
    color: #fff;
  }
}

.card--featured .card__title,
.card--featured .card__lead, .card--featured.card--bg .card__title,
.card--featured.card--bg .card__lead,
.home .card--featured .card__title,
.home .card--featured .card__lead,
.has-bg-color .card--featured .card__title, .search .card--featured .card__title, .home .card--featured .card__title,
.has-bg-color .card--featured .card__lead, .search .card--featured .card__lead, .home .card--featured .card__lead {
  color: #000A00 !important;
}

@media (min-width: 1024px) {
  .card--featured:hover .card__title, .card--featured.card--bg:hover .card__title,
  .home .card--featured:hover .card__title,
  .has-bg-color .card--featured:hover .card__title, .search .card--featured:hover .card__title, .home .card--featured:hover .card__title {
    color: #ff9b00 !important;
  }
}

.card--featured .meta__icon-container, .card--featured .icon-button__container, .card--featured .social__item, .card--featured.card--bg .meta__icon-container, .card--featured.card--bg .icon-button__container, .card--featured.card--bg .social__item,
.home .card--featured .meta__icon-container,
.home .card--featured .icon-button__container,
.home .card--featured .social__item,
.has-bg-color .card--featured .meta__icon-container, .search .card--featured .meta__icon-container, .home .card--featured .meta__icon-container,
.has-bg-color .card--featured .icon-button__container, .search .card--featured .icon-button__container, .home .card--featured .icon-button__container,
.has-bg-color .card--featured .social__item, .search .card--featured .social__item, .home .card--featured .social__item {
  color: #ff9b00;
}

.card--featured .card__icon-group {
  margin-left: -0.4117647059rem;
}

.card__remove {
  display: none;
  height: 100%;
  margin: 0;
  padding-left: 0.5882352941rem;
  border-left: 1px solid #e6e7e6;
  position: absolute;
  top: 0;
  right: 1.1764705882rem;
  bottom: 0;
}

.account-page .card__remove {
  display: flex;
}

@media (min-width: 1024px) {
  .card__remove .icon--remove:hover {
    margin-left: 0.2941176471rem;
  }
}

.card__remove-container {
  position: relative;
}

.card__remove-container .card {
  float: none;
  padding-right: 4.1176470588rem;
}

.card__related {
  border: 1px solid #e6e7e6;
  margin: 18px 0 4.5%;
  position: relative;
  width: 90.5%;
  z-index: 2;
}

.card__related-post + .card__related-post {
  border-top: 1px solid #e6e7e6;
}

.card__related-icon {
  display: inline-block;
  height: 0.9411764706rem;
  margin-right: 0.1176470588rem;
  vertical-align: text-top;
  width: 0.9411764706rem;
}

.card__related-title, .video-playlist__item a {
  color: #333b33;
  font-size: 0.9411764706rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  padding: 1.0588235294rem 0.7058823529rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card__related-title::after, .video-playlist__item a::after {
  background: rgba(0, 10, 0, 0.05);
}

.card--archive-highlight {
  display: flex;
  align-items: center;
  margin-bottom: 0.8823529412rem !important;
  padding: 2.3529411765rem 1.1764705882rem;
}

.card--archive-highlight__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.card--archive-highlight__container .stock__inner {
  display: flex;
  align-items: center;
}

.card--archive-highlight .card__image {
  width: 100%;
  z-index: -2;
}

.card--archive-highlight__sponsor-container {
  display: flex;
  align-items: center;
}

.card--archive-highlight .sponsor-credits {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 0.8823529412rem;
}

.card--archive-highlight .sponsor-credits__sponsor {
  margin: 0 0 0 0.8823529412rem;
}

@media (min-width: 640px) {
  .card--archive-highlight .card__title,
  .card--archive-highlight .title {
    font-size: 1.7647058824rem;
    line-height: 1.22666;
    margin: 0.4117647059rem 0;
  }
  .archive-container .card--archive-highlight {
    min-height: 17.0588235294rem;
  }
}

@media (max-width: 639px) {
  .archive-container .card--archive-highlight {
    border-radius: 0;
    margin-left: -2.6107594937%;
    min-height: 11.7647058824rem;
    width: calc( 100vw + 2px);
  }
  .card--archive-highlight__container .stock--preview {
    float: left;
    margin-bottom: 0.2941176471rem;
  }
  .card--archive-highlight__container .stock__inner {
    margin-top: 0.5882352941rem;
  }
  .card--archive-highlight .portrait:not(.portrait--small), .card--archive-highlight .liveblog-author-avatar img:not(.portrait--small), .liveblog-author-avatar .card--archive-highlight img:not(.portrait--small) {
    height: 5rem;
    width: 5rem;
  }
}

.card--archive-highlight-opinion {
  border: 1px solid #e6e7e6;
}

.card--archive-highlight-opinion .card--archive-highlight__container {
  flex-wrap: nowrap;
}

.card--archive-highlight-opinion .portrait, .card--archive-highlight-opinion .liveblog-author-avatar img, .liveblog-author-avatar .card--archive-highlight-opinion img {
  height: 10rem;
  margin-right: 1.1764705882rem;
  width: 10rem;
}

@media (max-width: 639px) {
  .card--archive-highlight-opinion {
    padding: 1.1764705882rem;
  }
  .card--archive-highlight-opinion .card--archive-highlight__container {
    flex-direction: column;
    text-align: center;
  }
  .card--archive-highlight-opinion .card--archive-highlight__container .portrait, .card--archive-highlight-opinion .card--archive-highlight__container .liveblog-author-avatar img, .liveblog-author-avatar .card--archive-highlight-opinion .card--archive-highlight__container img {
    height: 6.1764705882rem;
    margin: 0;
    width: 6.1764705882rem;
  }
  .card--archive-highlight-opinion .card--archive-highlight__container .title {
    font-size: 1rem;
  }
  .card--archive-highlight-opinion .card--archive-highlight__container .meta {
    justify-content: center;
  }
}

.card--archive-highlight-specials.card--full-bg {
  padding: 1.1764705882rem;
}

@media (min-width: 640px) {
  .card--archive-highlight-specials.card--full-bg {
    padding: 1.7647058824rem;
  }
}

.card--archive-highlight-specials .title {
  font-size: 1.7647058824rem !important;
  line-height: 1.22666 !important;
  margin: 0.4117647059rem 0;
}

.card--archive-highlight-specials .meta {
  margin-right: auto;
  width: 100%;
}

.card--archive-highlight-specials .icon-button {
  margin-right: auto;
  margin-top: 1.4705882353rem;
}

@media (max-width: 639px) {
  .card--archive-highlight-specials .title {
    font-size: 1rem !important;
  }
  .card--archive-highlight-specials .author__container,
  .card--archive-highlight-specials .meta__block {
    margin-top: 0.5882352941rem;
  }
  .card--archive-highlight-specials .meta__comments-link {
    margin-left: 0;
  }
  .card--archive-highlight-specials .icon-button {
    display: none;
  }
}

.card--archive-highlight-explainer {
  color: #fff;
}

.card--archive-highlight-explainer.card--archive-highlight {
  padding: 1.1764705882rem;
}

@media (min-width: 1024px) {
  .card--archive-highlight-explainer .title:hover {
    color: inherit;
    opacity: .5;
  }
}

.card--archive-highlight-explainer .explainer-cover {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  display: flex;
  align-items: center;
}

@media (min-width: 640px) {
  .card--archive-highlight-explainer .explainer-cover .title {
    font-size: 1.7647058824rem;
    line-height: 1.233333;
  }
}

.card--archive-highlight-explainer .explainer-cover__info {
  padding: 0;
}

@media (max-width: 639px) {
  .card--archive-highlight-explainer .explainer-cover__info {
    width: 100%;
  }
}

.card--archive-highlight-explainer .card__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
}

.card--archive-highlight-explainer .explainer-cover__index {
  margin: 0;
}

@media (max-width: 639px) {
  .card--archive-highlight-explainer .explainer-cover__index {
    display: none;
  }
}

.card--archive-highlight-explainer .icon-button {
  color: #fff;
}

@media (max-width: 639px) {
  .card--archive-highlight-explainer .icon-button {
    font-size: 0.8235294118rem;
  }
}

.card--archive-highlight-entity .card--archive-highlight__container {
  flex-wrap: nowrap;
  justify-content: center;
}

@media (max-width: 639px) {
  .card--archive-highlight-entity .card--archive-highlight__container {
    display: block;
  }
  .card--archive-highlight-entity .card--archive-highlight__container .portrait, .card--archive-highlight-entity .card--archive-highlight__container .liveblog-author-avatar img, .liveblog-author-avatar .card--archive-highlight-entity .card--archive-highlight__container img {
    float: left;
    margin-bottom: 0.5882352941rem;
  }
  .card--archive-highlight-entity .card--archive-highlight__container .card__title {
    margin-top: 0.5882352941rem;
  }
  .card--archive-highlight-entity .card--archive-highlight__container .card__title,
  .card--archive-highlight-entity .card--archive-highlight__container .meta {
    float: left;
    width: 50%;
  }
  .card--archive-highlight-entity .card--archive-highlight__container .card--archive-highlight__article {
    clear: both;
    float: left;
    width: 100%;
  }
}

.card--archive-highlight-entity .title {
  margin: 0;
}

.card--archive-highlight-entity .portrait, .card--archive-highlight-entity .liveblog-author-avatar img, .liveblog-author-avatar .card--archive-highlight-entity img {
  height: 10rem;
  width: 10rem;
  margin-right: 1.2941176471rem;
}

.card--archive-highlight-entity .portrait:before, .card--archive-highlight-entity .liveblog-author-avatar img:before, .liveblog-author-avatar .card--archive-highlight-entity img:before {
  content: '';
  background-color: #000A00;
  display: block;
  opacity: .05;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.card--archive-highlight__article {
  border: 1px solid #e6e7e6;
  display: flex;
  align-items: center;
  max-width: 22.3529411765rem;
  padding: 0.4705882353rem;
  position: relative;
}

.card--archive-highlight__article .icon-button {
  margin: 0;
  margin-left: auto;
}

@media (min-width: 1024px) {
  .card--archive-highlight__article:hover .card--archive-highlight__article-title {
    color: #00af00;
  }
}

.card--archive-highlight__article-title {
  color: #000A00;
  font-size: 0.8235294118rem;
  line-height: 1.4285;
  margin: 0;
  padding-right: 0.5882352941rem;
  transition: all .25s ease;
}

.card--archive-highlight__thumbnail {
  flex-shrink: 0;
  height: 2.6470588235rem;
  width: 2.6470588235rem;
  background-size: cover;
  background-position: center;
  margin-right: 0.5882352941rem;
}

.social {
  display: flex;
  flex-wrap: wrap;
}

.off-canvas-menu__secondary-nav .social {
  margin-right: auto;
}

.social__item {
  fill: transparent;
  height: 1.7647058824rem;
}

.explainer-cover .social__item {
  color: #fff !important;
}

.social__item--facebook {
  color: #0064be !important;
}

@media (min-width: 1024px) {
  .social__item--facebook:hover {
    color: #fff !important;
    fill: #0064be !important;
  }
}

.social__item--facebook-messenger {
  color: #0082ff !important;
}

@media (min-width: 1024px) {
  .social__item--facebook-messenger:hover {
    color: #fff !important;
    fill: #0082ff !important;
  }
}

.social__item--linkedin {
  color: #007acf !important;
}

@media (min-width: 1024px) {
  .social__item--linkedin:hover {
    color: #fff !important;
    fill: #007acf !important;
  }
}

.social__item--twitter {
  color: #00aff5 !important;
}

@media (min-width: 1024px) {
  .social__item--twitter:hover {
    color: #fff !important;
    fill: #00aff5 !important;
  }
}

.social__item--whatsapp {
  display: none !important;
  color: #25d166 !important;
}

@media (max-width: 639px) {
  .social__item--whatsapp {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .social__item--whatsapp:hover {
    color: #fff !important;
    fill: #25d166 !important;
  }
}

.grid-block--dark .social-overlay .social__item,
.block-highlight .social-overlay .social__item,
.header--hero .social__item {
  color: #fff !important;
}

.social .share-url__string {
  font-size: 0.7058823529em;
}

.full-bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -10;
  -webkit-print-color-adjust: exact;
}

.full-bg--fixed {
  background-attachment: fixed;
}

.header {
  background-color: #1a231a;
  color: #fff;
  margin-bottom: 1.1764705882rem;
  overflow: hidden;
}

.header.explainer {
  margin-bottom: 0;
}

.header + .grid-block:first-of-type, .header + .grid-block--highlight:first-of-type {
  padding-top: 0;
}

.header--hero {
  margin-bottom: 1.7647058824rem;
  min-height: 65vh;
  width: 100%;
}

.header--hero .container, .header--hero .full-width__container, .header--hero .newsletter__container {
  display: flex;
  min-height: 65vh;
  padding-bottom: 2.3529411765rem;
}

.header--hero .header__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.header--hero .header__content {
  margin-top: 1.1764705882rem;
}

.header--hero .meta--spread {
  order: 1;
  margin-top: 0;
  margin-bottom: auto;
}

@media (max-width: 639px) {
  .header--hero .header__container {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
  }
  .header--hero .header__content {
    margin-top: 4.7058823529rem;
    margin-bottom: auto;
  }
  .header--hero .author__container,
  .header--hero .meta__info,
  .header--hero .liveblog-author-name {
    clear: both;
    display: block;
    padding-top: 0.3529411765rem;
  }
}

@media (min-width: 640px) {
  .header--hero {
    margin-bottom: 3.2352941176rem;
    min-height: 36.1764705882rem;
  }
  .header--hero .container, .header--hero .full-width__container, .header--hero .newsletter__container {
    height: 100%;
  }
  .header--hero .meta--spread {
    margin-top: 0;
    margin-bottom: auto;
    order: 0;
  }
}

.header--hero .title {
  margin: 0;
}

.header__container {
  padding-top: 2.3529411765rem;
  position: relative;
  z-index: 0;
}

@media (max-width: 639px) {
  .header__container {
    padding-top: 0;
  }
}

.header__content {
  margin-top: 7.0588235294rem;
}

.header__social-wrapper {
  display: flex;
  align-items: center;
  margin-top: 1.7647058824rem;
}

.header--account {
  background-color: #fcfdfc;
}

.header--account .header__container {
  background-color: transparent;
}

.header--account .entity__info .title {
  color: #00af00;
}

.header--account .entity__info .meta__time, .header--account .entity__info .meta__role, .header--account .entity__info .meta__text, .header--account .entity__info .meta__sector, .header--account .entity__info .meta__info--light, .header--account .entity__info .meta__comments-text, .header--account .entity__info .meta__share-text, .header--account .entity__info .liveblog-author-name {
  color: #000A00;
  font-weight: 400;
}

.header--author.header {
  background-color: #00af00;
}

.header--author .entity__header-content {
  background-color: #00af00;
}

.header--author .entity__header-content {
  background-color: #00af00;
}

.header--author .entity__header-content a {
  color: #fff;
}

.header--author .entity__header-content a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.archive-header--main-color {
  background-color: #00af00;
}

.archive-header--secondary-color {
  background-color: #1a231a;
}

.archive-header__container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.4117647059rem 0;
}

.archive-header__container .title {
  font-size: 2rem;
  margin: 0;
  font-weight: 400;
}

.archive-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

@media (max-width: 639px) {
  .archive-container {
    margin-bottom: 1.1764705882rem;
  }
}

.tag__archive-more {
  clear: both;
  display: flex;
  flex-wrap: wrap;
}

.tag .card {
  margin-bottom: 1.4117647059rem;
}

@media (min-width: 640px) {
  .tag .tag__archive-highlighted .card, #content .archive-highlighted .card--highlight {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .tag .tag__archive-highlighted .card, #content .archive-highlighted .card--highlight {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.archive-highlighted {
  display: flex;
  flex-wrap: wrap;
}

.opinion__header {
  position: relative;
}

.opinion__header .meta__bookmark-link {
  position: absolute;
  top: 0;
  right: 0;
}

.opinion__portrait-container {
  display: flex;
}

.opinion__portrait-container .portrait--opinion:not(:only-child) {
  margin-bottom: 15px;
  max-width: 40%;
}

@media (max-width: 639px) {
  .opinion__header {
    margin-bottom: 0;
  }
  .opinion__header .tags, .opinion__header .tags--list {
    position: absolute;
    top: -36px;
    right: 0;
  }
}

@media (min-width: 640px) {
  .opinion__header {
    display: flex;
  }
  .opinion__portrait-container {
    flex-wrap: wrap;
    max-width: 8.8235294118rem;
  }
}

.opinion__title-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.obsession .opinion__title-container .meta {
  border-bottom: 0;
  padding-bottom: 0;
}

.obsession .opinion__title-container .icon-button {
  display: none;
}

.ad, .ad--mrec, .ad--halfpage, .ad--leaderboard {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 300px;
  max-width: 100%;
}

.ad > *, .ad--mrec > *, .ad--halfpage > *, .ad--leaderboard > * {
  text-align: left;
}

.ad > img, .ad--mrec > img, .ad--halfpage > img, .ad--leaderboard > img {
  display: block;
}

.ad iframe, .ad--mrec iframe, .ad--halfpage iframe, .ad--leaderboard iframe {
  max-width: 100%;
}

.grid-block--mrec .ad--halfpage {
  margin-bottom: 2.0588235294rem;
}

.ad--leaderboard {
  padding: 2.3529411765rem 0;
  width: auto;
}

.grid-block + .grid-block .ad--leaderboard, .grid-block--highlight + .grid-block .ad--leaderboard, .grid-block + .grid-block--highlight .ad--leaderboard, .grid-block--highlight + .grid-block--highlight .ad--leaderboard {
  padding-top: 0;
}

.ad--column {
  margin-bottom: 1.1764705882rem;
}

.grid-pub-container {
  display: flex;
  align-items: center;
}

.grid-pub-container,
.grid-stock-container {
  width: 100%;
}

.ad--first {
  order: -10;
}

.archive-container__ad {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  margin: 1.7405063291% auto;
  min-height: 4.1176470588rem;
}

@media (min-width: 640px) {
  .archive-container__ad {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 1.7405063291%;
  }
}

@media (min-width: 1024px) {
  .archive-container__ad {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    min-height: 17.0588235294rem;
  }
}

.sponsor-credits {
  color: #566456;
  font-size: 0.7058823529rem;
  margin: 1.1764705882rem auto;
}

.sponsor-credits__sponsor {
  color: #1a231a;
  font-size: 1.25em;
  margin: 0.8823529412rem;
}

.sponsor-credits__link {
  display: inline-block;
}

@media (min-width: 1024px) {
  .sponsor-credits__link:hover {
    color: #00d700;
    transform: translateY(-0.1176470588rem);
  }
}

.sponsor-credits__logo {
  max-height: 4.1176470588rem;
  max-width: 7.0588235294rem;
}

.single-obsession__header .sponsor-credits, .academy__header .sponsor-credits {
  margin: 0;
}

.single-obsession__header .sponsor-credits .sponsor-credits__label, .academy__header .sponsor-credits .sponsor-credits__label {
  color: #fff;
  font-size: 0.8235294118rem;
  font-weight: 300;
}

.stock--index .sponsor-credits, .stock--small-index .sponsor-credits {
  margin: -0.5882352941rem 0;
}

.stock--index .sponsor-credits__label, .stock--small-index .sponsor-credits__label {
  white-space: nowrap;
}

.stock--index .sponsor-credits__sponsor, .stock--small-index .sponsor-credits__sponsor {
  margin: 0 0 0 0.2941176471rem;
}

.stock--index .sponsor-credits__logo, .stock--small-index .sponsor-credits__logo {
  max-height: 2.6470588235rem;
  max-width: 5.2941176471rem;
}

.ad--topic-leaderboard {
  margin: 0 auto 1.1764705882rem;
  position: relative;
}

.mrec-to-card .card {
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}

.has-publicity .has-publicity__show {
  display: block !important;
  margin-bottom: 1.7647058824rem;
}

.has-publicity .has-publicity__hide {
  display: none !important;
}

.pub-tag {
  text-align: center;
  font-size: 0.5882352941rem;
}

.center-leaderboard {
  margin: 1.6470588235em 0;
  text-align: center;
}

.ad--mrec-topic {
  margin: 0 auto 2.0588235294rem;
}

.home #billboard-target > div {
  margin-top: 4.8823529412rem;
  margin-bottom: -4.5294117647rem;
}

#billboard-target .sapopub > div {
  margin: 0 auto;
}

#billboard-target .sapopub iframe {
  display: block;
}

@media (min-width: 1000px) {
  .home #billboard-target > div {
    margin-top: 4.4117647059rem;
    margin-bottom: -4.0588235294rem;
  }
}

@media (max-width: 639px) {
  .home #billboard-target > div {
    margin-top: 4.2941176471rem;
    margin-bottom: -4.1176470588rem;
  }
}

.sapopub {
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 0;
}

.single-post .sapopub > div iframe,
.single-opinion .sapopub > div iframe {
  padding-bottom: 0 !important;
}

.sapopub iframe {
  display: block;
}

.sapopub > div iframe {
  padding: 8px 0 !important;
}

@media (min-width: 640px) {
  .sapopub > div iframe {
    padding: 14px 0 !important;
  }
}

.login-modal {
  align-items: flex-start;
  width: calc(100% + 15px);
  /* The Close Button */
}

@media screen and (min-height: 539px) and (min-width: 640px) {
  .login-modal {
    align-items: center;
    width: 100%;
    /* Full width */
  }
}

.login-modal__content {
  color: #fff;
  padding: 2.3529411765rem 7.9411764706rem;
  text-align: center;
  transition: all .25s ease;
  margin: 0 auto;
  max-width: 32.3529411765rem;
  transition: all .25s ease;
  width: 100%;
}

@media (max-width: 639px) {
  .login-modal__content {
    padding: 2.3529411765rem 0.5882352941rem;
  }
}

.login-modal__close {
  cursor: pointer;
  height: 2.0588235294rem;
  position: absolute;
  top: 1.4705882353rem;
  right: 1.4705882353rem;
  width: 2.0588235294rem;
  z-index: 1;
}

.login-modal__brand {
  border-radius: 50%;
  display: block;
  height: 4.1176470588rem;
  position: relative;
  width: 4.1176470588rem;
}

.login-modal__brand-echo {
  display: inline-block;
  position: relative;
}

.login-modal__brand-echo:before, .login-modal__brand-echo:after {
  content: '';
  border-radius: 50%;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.login-modal__brand-echo:before {
  box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.06);
  padding-bottom: calc(100% + 60px);
  padding-right: calc(100% + 60px);
}

.login-modal__brand-echo:after {
  box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.05);
  padding-bottom: calc(100% + 200px);
  padding-right: calc(100% + 200px);
}

.login-modal__brand-echo--outer:before, .login-modal__brand-echo--outer:after {
  content: '';
  border-radius: 50%;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.login-modal__brand-echo--outer:before {
  box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.04);
  padding-bottom: calc(100% + 380px);
  padding-right: calc(100% + 380px);
}

.login-modal__brand-echo--outer:after {
  box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.03);
  padding-bottom: calc(100% + 520px);
  padding-right: calc(100% + 520px);
}

.login-modal__title {
  color: #00d700;
  font-size: 1em;
  font-weight: 500;
}

.login-modal__disclaimer {
  color: #fff;
  font-size: 0.8235294118em;
  line-height: 1.5;
  margin: 0 auto;
  width: 100%;
}

.login-modal__policy {
  font-size: 0.7058823529em;
  line-height: 1.4;
}

.login-modal__policy a {
  font-weight: 700;
}

.login-buttons--facebook {
  border: 2px solid #3b5998 !important;
}

.login-buttons--facebook .login-buttons__icon {
  background-color: #3b5998;
}

@media (min-width: 1024px) {
  .login-buttons--facebook:hover {
    background-color: #3b5998;
  }
  .login-buttons--facebook:hover .login-buttons__icon {
    background-color: #fff;
    fill: #3b5998;
  }
}

.login-buttons--linkedin {
  border: 2px solid #0077b5 !important;
}

.login-buttons--linkedin .login-buttons__icon {
  background-color: #0077b5;
}

@media (min-width: 1024px) {
  .login-buttons--linkedin:hover {
    background-color: #0077b5;
  }
  .login-buttons--linkedin:hover .login-buttons__icon {
    background-color: #fff;
    fill: #0077b5;
  }
}

.login-buttons--twitter {
  border: 2px solid #00aff5 !important;
}

.login-buttons--twitter .login-buttons__icon {
  background-color: #00aff5;
}

@media (min-width: 1024px) {
  .login-buttons--twitter:hover {
    background-color: #00aff5;
  }
  .login-buttons--twitter:hover .login-buttons__icon {
    background-color: #fff;
    fill: #00aff5;
  }
}

.login-buttons__list {
  padding: 1.1764705882rem;
  position: relative;
  user-select: none;
  z-index: 1;
}

.login-buttons__item {
  align-items: center;
  background-color: transparent;
  border: 2px solid #00af00;
  border-radius: 2.9411764706rem;
  display: flex;
  height: 2.9411764706rem;
  margin-bottom: 0.8823529412rem;
  padding: 0 0.5882352941rem 0 3.4117647059rem;
  transition: all .25s ease;
}

.login-buttons__icon {
  align-items: center;
  border-radius: 50%;
  display: flex;
  fill: #fff;
  height: 1.8823529412rem;
  justify-content: center;
  left: 0.5294117647rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8823529412rem;
}

.login-buttons__icon svg {
  height: 0.9411764706rem;
  width: 0.9411764706rem;
}

.login-buttons__text {
  font-size: 0.8823529412em;
  font-weight: 500;
}

.social {
  display: flex;
  flex-wrap: wrap;
}

.off-canvas-menu__secondary-nav .social {
  margin-right: auto;
}

.social__item {
  fill: transparent;
  height: 1.7647058824rem;
}

.explainer-cover .social__item {
  color: #fff !important;
}

.social__item--facebook {
  color: #0064be !important;
}

@media (min-width: 1024px) {
  .social__item--facebook:hover {
    color: #fff !important;
    fill: #0064be !important;
  }
}

.social__item--facebook-messenger {
  color: #0082ff !important;
}

@media (min-width: 1024px) {
  .social__item--facebook-messenger:hover {
    color: #fff !important;
    fill: #0082ff !important;
  }
}

.social__item--linkedin {
  color: #007acf !important;
}

@media (min-width: 1024px) {
  .social__item--linkedin:hover {
    color: #fff !important;
    fill: #007acf !important;
  }
}

.social__item--twitter {
  color: #00aff5 !important;
}

@media (min-width: 1024px) {
  .social__item--twitter:hover {
    color: #fff !important;
    fill: #00aff5 !important;
  }
}

.social__item--whatsapp {
  display: none !important;
  color: #25d166 !important;
}

@media (max-width: 639px) {
  .social__item--whatsapp {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .social__item--whatsapp:hover {
    color: #fff !important;
    fill: #25d166 !important;
  }
}

.grid-block--dark .social-overlay .social__item,
.block-highlight .social-overlay .social__item,
.header--hero .social__item {
  color: #fff !important;
}

.social .share-url__string {
  font-size: 0.7058823529em;
}

.social-overlay {
  background-color: rgba(247, 248, 247, 0.95);
  border: 1px solid #e6e7e6;
  display: none;
  padding: 1.1764705882rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.social-overlay-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  max-height: 90vh;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.grid-block--dark .social-overlay,
.card--full-bg .social-overlay,
.block-highlight .social-overlay {
  background-color: rgba(0, 10, 0, 0.75);
  border: 1px solid transparent;
}

.grid-block--dark .social-overlay .social-overlay__close,
.card--full-bg .social-overlay .social-overlay__close,
.block-highlight .social-overlay .social-overlay__close {
  background-color: rgba(255, 255, 255, 0.1);
  color: #999d99;
}

.social-overlay--active {
  animation: scale-display .3s ease forwards;
  display: flex;
}

.social-overlay--hidden {
  animation: scale-display--reversed .3s ease forwards;
  display: flex;
}

.social-overlay__close {
  cursor: pointer;
  color: #999d99;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  height: 2.0588235294rem;
  padding: 0.4705882353rem;
  position: absolute;
  top: 0.8823529412rem;
  right: 0.8823529412rem;
  width: 2.0588235294rem;
}

.social-overlay__close svg {
  display: block;
}

.social-overlay .social {
  display: flex;
  align-items: center;
  align-self: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.1764705882rem;
  width: 100%;
}

.social-overlay .social__item {
  margin: 0.4117647059rem 0.4705882353rem;
  height: 2.5882352941rem;
  width: 2.5882352941rem;
}

.social-overlay .share-url {
  position: relative;
  margin-bottom: 1.4705882353rem;
  margin-top: auto;
}

.meta {
  display: inline-block;
  margin-bottom: 0.7058823529rem;
  position: relative;
  z-index: 1;
}

.meta--spread {
  width: 100%;
}

.meta--spread .meta__group {
  justify-content: space-between;
}

.meta__wrapper {
  display: block;
}

.meta__block {
  display: inline-flex;
  align-items: center;
}

.entry .meta__block + .meta__block,
.header .meta__block + .meta__block {
  margin-left: 1.7647058824rem;
}

.meta__icon-container, .icon-button__container, .social__item {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  width: 1.7647058824rem;
}

.meta__icon-container:not(:last-child), .icon-button__container:not(:last-child), .social__item:not(:last-child) {
  margin-right: 0.5882352941rem;
}

.meta__icon-container img, .icon-button__container img, .social__item img,
.meta__icon-container svg, .icon-button__container svg, .social__item svg {
  display: block;
}

.meta p {
  margin: 0;
}

.meta__info, .liveblog-author-name {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1.4;
}

.meta__time, .meta__role, .meta__text, .meta__sector, .meta__info--light, .meta__comments-text, .meta__share-text, .liveblog-author-name {
  color: #999d99;
  margin-right: 0.5882352941rem;
}

.header__container .meta__time, .header__container .meta__role, .header__container .meta__text, .header__container .meta__sector, .header__container .meta__info--light, .header__container .meta__comments-text, .header__container .meta__share-text, .header__container .liveblog-author-name {
  font-weight: 300;
  color: #fff;
}

.meta__sector {
  max-width: 18.5882352941rem;
}

.meta__author, .meta__time, .meta__role, .meta__sector {
  white-space: normal;
}

.meta__author a:hover {
  color: #00af00;
}

.meta__comments-link {
  font-size: 0.7058823529rem;
}

.meta__comments-link--big {
  color: #00d700;
  fill: transparent;
  transition: none;
}

@media (min-width: 1024px) {
  .meta__comments-link--big:hover {
    fill: #00d700;
  }
  .meta__comments-link--big:hover .meta__comments-icon {
    color: #fff;
    opacity: 1;
  }
}

.meta__comments-link--big .meta__comments-icon {
  height: 3.5294117647rem;
}

.meta__comments-icon {
  color: #00d700;
  height: 2.9411764706rem;
  padding: 0.7647058824rem 0.7058823529rem;
  width: 2.9411764706rem;
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .meta__comments-icon:hover {
    opacity: .5;
  }
}

.meta__comments-text {
  margin-left: -1rem;
}

.block-highlight .meta__comments-text {
  color: #fff;
}

.meta__share-link {
  cursor: pointer;
  font-size: 0.7058823529rem;
  margin-left: 0.5882352941rem;
  position: relative;
  z-index: 1;
}

.card .meta__share-link {
  margin-left: 0;
}

.meta__share-link--hero {
  font-size: 1.1764705882rem;
  font-weight: 500;
}

.meta__share-icon {
  color: #00d700;
  height: 2.9411764706rem;
  padding: 0.8235294118rem;
  width: 2.9411764706rem;
}

@media (min-width: 1024px) {
  .meta__share-icon:hover {
    opacity: .5;
  }
}

.block-highlight-related .meta__share-icon {
  margin-left: -0.8235294118rem;
}

.meta__share-text {
  margin-left: -1rem;
}

.block-highlight .meta__share-text {
  color: #fff;
}

.meta__bookmark-link {
  font-size: 0.7058823529rem;
  margin: 0;
}

.meta__bookmark-link--hero {
  font-size: 1.1764705882rem;
  font-weight: 500;
}

@media (max-width: 639px) {
  .meta__group {
    flex-wrap: wrap;
  }
}

blockquote {
  border-left: 0.15em solid #00af00;
  clear: both;
  color: #00af00;
  font-size: 1.1764705882em;
  line-height: 1.3;
  margin: 1.4em 0;
  padding: 0 0.8702531646% 0 1em;
}

blockquote > p {
  font-size: 1.1764705882rem;
  line-height: 1.3;
  margin-bottom: 0;
}

@media (min-width: 640px) {
  blockquote {
    font-size: 1.1764705882em;
    line-height: 1.7;
  }
}

.quote--hero {
  background: #00af00;
  border-left: none;
  color: #fff;
  font-size: 1.3529411765em;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
  padding: 1.652173913em 0;
  position: relative;
  z-index: 1;
}

.quote--hero p {
  position: relative;
}

.quote--hero p:first-child {
  position: relative;
  z-index: -1;
}

.quote--hero p:first-child:before {
  border-radius: 50%;
  box-shadow: 0 0 0 0.5925925926em rgba(255, 255, 255, 0.1), 0 0 0 1.1851851852em #00af00, 0 0 0 2.0740740741em rgba(255, 255, 255, 0.1);
  content: '\201C';
  display: block;
  font-size: 3.5294117647rem;
  font-weight: 500;
  height: 0.8888888889em;
  line-height: 1.6;
  margin-top: -0.4814814815em;
  text-align: center;
  width: 0.8888888889em;
  z-index: -1;
}

@media (min-width: 640px) {
  .quote--hero p:first-child:before {
    font-size: 4.1176470588rem;
    margin-top: -0.4074074074em;
  }
}

@media (min-width: 1024px) {
  .quote--hero p:first-child:before {
    font-size: 7.9411764706rem;
    margin-top: -0.3185185185em;
    position: absolute;
    right: calc( 100% + 17px);
  }
}

.quote--hero .quote-author {
  color: #fff;
  font-size: 0.5652173913em;
}

.quote--hero .quote-author__description {
  color: rgba(255, 255, 255, 0.75);
}

.quote--featured {
  background: #fafafa;
  border: none;
  color: #1a231a;
  font-weight: 400;
  overflow: hidden;
  padding: 1.75em 0;
  text-align: center;
}

.quote--featured .quote__portrait {
  box-shadow: 0 0 0 1.5em #fafafa, 0 0 0 2.5em rgba(0, 10, 0, 0.02), 0 0 0 4em #fafafa, 0 0 0 5em rgba(0, 10, 0, 0.0175), 0 0 0 6.5em #fafafa, 0 0 0 7.5em rgba(0, 10, 0, 0.015), 0 0 0 9em #fafafa, 0 0 0 10em rgba(0, 10, 0, 0.0125), 0 0 0 11.5em #fafafa, 0 0 0 12.5em rgba(0, 10, 0, 0.01), 0 0 0 14em #fafafa, 0 0 0 15em rgba(0, 10, 0, 0.0075);
  float: none;
  height: 4.5em;
  margin-right: 0;
  position: static;
  width: 4.5em;
}

.quote--featured .quote-author {
  margin-top: 1.1538461538em;
}

.quote--featured .quote-author__description {
  font-size: 0.8461538462em;
}

.quote--featured .icon--watch {
  display: inline-block;
  margin-top: 0.7692307692em;
}

.quote-author {
  color: #1a231a;
  font-size: 0.65em;
  font-weight: 400;
  margin-top: 0.3846153846em;
}

.quote-author__description {
  color: #999d99;
}

.grid-block, .grid-block--highlight {
  clear: both;
  position: relative;
  padding: 1.1764705882rem 0;
}

.grid-block:not(.grid-block--dark) + .grid-block:not(.grid-block--dark), .grid-block--highlight:not(.grid-block--dark) + .grid-block:not(.grid-block--dark), .grid-block:not(.grid-block--dark) + .grid-block--highlight:not(.grid-block--dark), .grid-block--highlight:not(.grid-block--dark) + .grid-block--highlight:not(.grid-block--dark) {
  padding-top: 0;
}

.grid-block:last-child, .grid-block--highlight:last-child {
  padding-bottom: 0;
}

@media (min-width: 1024px) {
  .grid-block--flex {
    display: flex;
  }
  .grid-block--flex-wrap {
    display: flex;
    flex-wrap: wrap;
  }
}

.grid-block--center {
  width: 100%;
  max-width: 44.1176470588rem;
  margin: 0 auto;
}

.grid-block--center .entry__content, .grid-block--center .entry__header, .grid-block--center .interview .entry__lead, .interview .grid-block--center .entry__lead, .grid-block--center
.news_report .entry__lead,
.news_report .grid-block--center .entry__lead, .grid-block--center
.opinion .entry__lead,
.opinion .grid-block--center .entry__lead {
  margin: 0;
  width: 100%;
}

.grid-block--highlight {
  padding: 0;
  margin: 0;
}

.grid-block--dark {
  padding: 0;
}

.grid-block--dark .full-width {
  overflow: hidden;
  padding: 2.3529411765rem 0;
  z-index: 0;
}

.grid-block--dark:not(:last-child) .full-width {
  margin-bottom: 1.4705882353rem;
}

.grid-block--dark .card__bottom-section {
  color: #fff;
}

.grid-block--flex-column {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0.8702531646%;
}

.grid-block--flex-column-1-4 {
  width: 23.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  flex-shrink: 0;
}

.grid-block--flex-column-1-3 {
  width: 31.5928270042%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  flex-shrink: 0;
}

.grid-block--flex-column .card {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.grid-block--flex-column .card--horizontal, .grid-block--flex-column .card--text, .grid-block--flex-column .card--comment {
  min-height: 8.8235294118rem;
}

.grid-block--flex-column .card--highlight {
  min-height: 20.5882352941rem;
}

.grid-block--flex-column .stock--small-index {
  margin-top: auto;
}

@media (min-width: 1024px) {
  .grid-inner-flex {
    display: flex;
    align-items: stretch;
    flex: 1;
    flex-shrink: 0;
    flex-wrap: wrap;
  }
}

.grid-inner-flex--center {
  justify-content: center;
}

.grid-block--opinion .card.card-opinion {
  margin-bottom: 3.4810126582%;
}

@media (min-width: 640px) {
  .grid-block--opinion .card.card-opinion {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 1.7405063291%;
  }
}

@media (min-width: 1024px) {
  .grid-block--opinion .card.card-opinion {
    width: 23.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-bottom: 0;
  }
}

.grid-block--opinion .portrait, .grid-block--opinion .liveblog-author-avatar img, .liveblog-author-avatar .grid-block--opinion img {
  max-height: 4.7058823529rem;
  width: 4.7058823529rem;
  height: auto;
}

.grid-block--opinion .card__info,
.grid-block--opinion .card__title {
  color: #fff;
}

.grid-block--opinion .opinion__header .title {
  font-size: 2.6470588235rem;
  line-height: 1.1;
}

.grid-block--opinion .grid-inner-flex {
  display: flex;
  flex-wrap: wrap;
}

.grid-block--editorial.grid-block--opinion {
  background: #00af00;
}

.grid-block__section-title, .trending__title {
  color: #00d700;
  flex-wrap: wrap;
  font-size: 1.2941176471em;
  margin: 0 2.2398013626% 0.5882352941rem;
  width: calc( 100% - 4.4796027251%);
}

.grid-block__section-title, .trending__title,
.grid-block__section-title a, .trending__title a {
  display: flex;
  align-items: flex-end;
}

@media (min-width: 640px) {
  .grid-block__section-title, .trending__title,
  .grid-block__section-title a, .trending__title a {
    align-items: center;
  }
}

.grid-block__section-title .icon-button, .trending__title .icon-button {
  margin-top: 0;
}

.grid-block__section-title .icon--go, .trending__title .icon--go {
  margin: 0 0 0 0.4117647059rem;
}

@media (min-width: 1024px) {
  .grid-block__section-title:hover .icon, .trending__title:hover .icon {
    margin-left: 0.5882352941rem;
  }
}

.grid-block__section-title .sponsor-credits, .trending__title .sponsor-credits {
  flex-direction: row;
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 1023px) {
  .grid-block__section-title .sponsor-credits, .trending__title .sponsor-credits {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0.7058823529rem 0 0 0.1176470588rem;
    width: 100%;
  }
  .grid-block__section-title .sponsor-credits__label, .trending__title .sponsor-credits__label {
    width: 100%;
  }
  .grid-block__section-title .sponsor-credits__sponsor, .trending__title .sponsor-credits__sponsor {
    margin: 0.3529411765rem 0 0;
  }
  .grid-block__section-title .sponsor-credits__sponsor img, .trending__title .sponsor-credits__sponsor img {
    max-height: 3.2941176471rem;
    max-width: 5.6470588235rem;
  }
}

@media (min-width: 1024px) {
  .grid-block__section-title, .trending__title {
    padding: 0.8702531646% 1.1764705882rem;
    font-size: 2.4117647059em;
    font-weight: 700;
  }
}

.block-highlight {
  color: #fff;
  margin-bottom: 1.0588235294rem;
  padding-top: 1.0588235294rem;
  padding-bottom: 1.0588235294rem;
}

.grid-block:last-child .block-highlight, .grid-block--highlight:last-child .block-highlight {
  margin-bottom: 0;
}

.block-highlight .title {
  color: inherit;
}

@media (min-width: 1024px) {
  .block-highlight .title:hover {
    color: #00d700;
  }
}

.block-highlight .tag--main-topic, .block-highlight .tag--section-title {
  color: #00d700;
  border-color: #00d700;
}

@media (min-width: 1024px) {
  .block-highlight .tag--main-topic:hover, .block-highlight .tag--section-title:hover {
    background: #00d700;
    color: #fff;
  }
}

.block-highlight__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block-highlight__content .meta__author {
  color: #fff;
}

.block-highlight__content .meta__time {
  color: #cccecc;
}

.block-highlight__content-inner {
  margin-bottom: 0.8823529412rem;
  margin-top: 0.8823529412rem;
  padding-bottom: 1.7647058824rem;
}

.block-highlight .meta__info, .block-highlight .liveblog-author-name {
  color: #cccecc;
}

.block-highlight .meta__block:grid-block:first-of-type a {
  margin-left: 0;
}

.block-highlight .meta__share-link {
  margin-left: 0;
}

.block-highlight__related-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.5882352941rem;
}

.block-highlight__related-item {
  align-items: center;
  border-top: 1px solid #4d544d;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  margin: 0;
  padding: 0.5882352941rem 0;
}

.block-highlight__related-item:before {
  display: none;
}

.block-highlight__related-item:first-child {
  border-top: 0;
}

.block-highlight__related-info {
  margin-right: auto;
}

.block-highlight__related p {
  font-size: 0.8235294118rem;
  font-weight: 400;
  margin: 0;
}

.block-highlight__related .link-cover {
  margin: 1.1764705882rem 0;
  z-index: 2;
}

@media (min-width: 1024px) {
  .block-highlight__related .link-cover:hover ~ a p {
    color: #00d700;
  }
}

.block-highlight .icon-button {
  margin-top: 0;
}

@media (max-width: 639px) {
  .block-highlight .container, .block-highlight .full-width__container, .block-highlight .newsletter__container {
    position: static;
  }
  .block-highlight__content {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
  }
  .block-highlight__content-inner {
    margin-top: 0;
    max-width: 100%;
  }
  .block-highlight .title {
    font-size: 1.2941176471rem;
    margin-bottom: 0;
  }
  .block-highlight .meta {
    position: static;
  }
  .block-highlight .author__portrait-container {
    position: absolute;
    bottom: 1.0588235294rem;
  }
  .block-highlight .card__icon-group {
    position: absolute;
    right: 0;
    bottom: 1.4705882353rem;
  }
  .block-highlight__related {
    margin-bottom: -1.0588235294rem;
  }
}

@media (min-width: 640px) {
  .block-highlight {
    padding: 3.2352941176rem 0;
  }
  .block-highlight__content {
    flex-direction: row;
    margin-right: 0.8702531646%;
    margin-left: 0.8702531646%;
  }
  .block-highlight__content-inner {
    max-width: 64.9261603376%;
  }
  .block-highlight__highlighted {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 0.8702531646%;
    padding: 0 6.5928270042% 1.7647058824rem 0;
    position: relative;
  }
  .block-highlight__related p {
    font-size: 0.9411764706rem;
  }
  .block-highlight__related-list {
    padding-top: 1.9411764706rem;
  }
  .block-highlight__related-item {
    padding: 1.4705882353rem 0;
  }
}

@media (min-width: 1024px) {
  .block-highlight__content-inner {
    max-width: 38.2352941176rem;
    padding: 0 1.0443037975% 1.7647058824rem;
  }
  .block-highlight .title {
    font-size: 3.2352941176rem;
  }
  .block-highlight__highlighted {
    padding: 0 2.4261603376% 1.7647058824rem 0;
    width: 48.2594936709%;
  }
  .block-highlight__related {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.block-highlight--opinion {
  align-items: flex-start;
  color: #fff;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  padding: 0.8823529412rem 0 !important;
  position: relative;
  z-index: 0;
}

.block-highlight--opinion .portrait-container {
  max-width: none;
  width: 100%;
}

.block-highlight--opinion .portrait, .block-highlight--opinion .liveblog-author-avatar img, .liveblog-author-avatar .block-highlight--opinion img {
  box-shadow: none;
  max-height: none;
  width: 8.8235294118rem;
}

.block-highlight--opinion .title {
  color: #00d700;
  font-size: 2.0588235294rem;
  margin-bottom: 0.5882352941rem;
  margin-right: 0;
}

.block-highlight--opinion .meta {
  border-bottom: 1px solid #4d544d;
  margin-bottom: 1.1764705882rem;
  padding-bottom: 1.5882352941rem;
  width: 100%;
}

.block-highlight--opinion .icon-button {
  color: #00d700;
}

.block-highlight--opinion .tags, .block-highlight--opinion .tags--list {
  width: 100%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .block-highlight--opinion {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .block-highlight--opinion .portrait, .block-highlight--opinion .liveblog-author-avatar img, .liveblog-author-avatar .block-highlight--opinion img {
    align-self: center;
    margin-top: 0;
    width: 8.2352941176rem;
  }
}

@media (max-width: 639px) {
  .block-highlight--opinion {
    display: flex;
    flex-direction: column;
    margin: -2.3529411765rem auto !important;
    padding-bottom: 0.2941176471rem;
  }
  .block-highlight--opinion .opinion__title-container {
    justify-content: center;
  }
  .block-highlight--opinion .tags, .block-highlight--opinion .tags--list,
  .block-highlight--opinion .icon-button {
    display: none;
  }
  .block-highlight--opinion .portrait, .block-highlight--opinion .liveblog-author-avatar img, .liveblog-author-avatar .block-highlight--opinion img {
    display: block;
    margin: 0;
    width: 4.7058823529rem;
  }
  .block-highlight--opinion .portrait + .portrait, .block-highlight--opinion .liveblog-author-avatar img + .portrait, .liveblog-author-avatar .block-highlight--opinion img + .portrait, .block-highlight--opinion .liveblog-author-avatar .portrait + img, .liveblog-author-avatar .block-highlight--opinion .portrait + img, .block-highlight--opinion .liveblog-author-avatar img + img, .liveblog-author-avatar .block-highlight--opinion img + img {
    margin-left: 3%;
  }
  .block-highlight--opinion .title {
    color: #00d700 !important;
    font-size: 1.2941176471rem !important;
    text-align: center;
    padding: 2.2398013626%;
  }
  .block-highlight--opinion .meta {
    border: 0;
    margin: 0;
    padding: 0 2.2398013626%;
  }
  .block-highlight--opinion .meta__group {
    justify-content: center;
  }
  .block-highlight--opinion .meta__block:first-child {
    justify-content: center;
    width: 100%;
  }
}

@media (min-width: 640px) {
  .block-highlight--opinion .portrait-container {
    max-width: 33%;
  }
  .block-highlight--opinion .portrait + .portrait, .block-highlight--opinion .liveblog-author-avatar img + .portrait, .liveblog-author-avatar .block-highlight--opinion img + .portrait, .block-highlight--opinion .liveblog-author-avatar .portrait + img, .liveblog-author-avatar .block-highlight--opinion .portrait + img, .block-highlight--opinion .liveblog-author-avatar img + img, .liveblog-author-avatar .block-highlight--opinion img + img {
    margin-right: 2.0588235294rem;
  }
}

.block-highlight--editorial .tag,
.block-highlight--editorial .tag:hover {
  background: transparent;
  color: #fff;
}

.block-highlight--editorial .meta {
  border: 0;
  margin: 0;
  padding: 0;
}

.block-highlight--editorial .meta__author, .block-highlight--editorial .meta__time, .block-highlight--editorial .meta__icon-container, .block-highlight--editorial .icon-button__container, .block-highlight--editorial .social__item {
  color: #fff;
  opacity: .7;
}

.block-highlight--editorial .meta a:hover {
  opacity: .5;
}

.grid-block--editorial .block-highlight--editorial .title:hover {
  color: #1a231a;
  opacity: .7;
}

.block-video__content {
  flex-direction: column;
}

.block-video__main-post {
  display: block;
  flex-shrink: 0;
  padding-right: 0;
}

.block-video__player-container {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.block-video__player-container iframe,
.block-video__player-container .jwplayer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.block-video__player-container::before {
  padding-top: 56.2%;
}

.block-video .title {
  font-size: 1.5882352941rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.4705882353rem;
}

.block-video .meta {
  padding-top: 0.8823529412rem;
  width: 100%;
}

.block-video .meta__group {
  align-items: flex-end;
  justify-content: space-between;
}

.block-video .card__image {
  border-radius: 5px 0 0 5px;
  flex-shrink: 0;
  margin-right: 0.8823529412rem;
  overflow: hidden;
  width: 5.8823529412rem;
}

.block-video .card__media-badge {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

@media (min-width: 1024px) {
  .block-video__content {
    flex-direction: row;
  }
  .block-video__main-post {
    padding: 0 1.4705882353rem 0 0;
    width: 60%;
  }
  .block-video .title {
    font-weight: 500;
  }
  .block-video__related {
    align-items: flex-start;
    display: flex;
  }
  .block-video .block-highlight__related-list {
    padding-top: 0;
  }
  .block-video .block-highlight__related-item {
    padding: 1.2941176471rem 0;
  }
  .block-video .block-highlight__related-item:first-child {
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .grid-block--flex.grid-block--mrec .card, .grid-block--tag-mrec .card {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    flex-grow: 0;
  }
  .grid-block--flex.grid-block--mrec .card--horizontal, .grid-block--tag-mrec .card--horizontal, .grid-block--flex.grid-block--mrec .card--text, .grid-block--tag-mrec .card--text, .grid-block--flex.grid-block--mrec .card--comment, .grid-block--tag-mrec .card--comment {
    width: 64.9261603376% !important;
  }
}

.grid-block--tag-half-page .card:nth-child(n + 4) {
  display: none;
}

.grid-block--tag-half-page .grid-pub-container {
  display: none;
  width: 17.6470588235rem;
}

.grid-block--tag-half-page:not(.has-publicity) .card:nth-child(n + 4) {
  display: flex;
}

@media (max-width: 1023px) {
  .grid-block--tag-half-page .grid-pub-container {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .grid-block--tag-half-page:not(.has-publicity) .card {
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    width: 31.5928270042%;
  }
  .grid-block--tag-half-page:not(.has-publicity) .card--horizontal, .grid-block--tag-half-page:not(.has-publicity) .card--text, .grid-block--tag-half-page:not(.has-publicity) .card--comment {
    width: 64.9261603376%;
  }
}

.grid-block--large {
  margin-bottom: 0.8823529412rem;
}

.grid-block--large .card {
  margin-bottom: 1.1764705882rem;
}

.grid-block--large .card--highlight, .grid-block--large .card--explainer {
  flex-grow: 1;
}

.grid-block--large .card--highlight .tags, .grid-block--large .card--highlight .tags--list,
.grid-block--large .card--highlight .meta__wrapper,
.grid-block--large .card--highlight .meta__group,
.grid-block--large .card--highlight .meta__block,
.grid-block--large .card--highlight .card__bottom-section {
  display: flex;
}

.grid-block--large .grid-pub-container {
  margin-bottom: 1.4117647059rem;
  min-height: 16.7647058824rem;
}

.grid-block--large .grid-pub-container .card {
  margin: 0;
  width: 100%;
}

.grid-block--large .grid-stock-container {
  margin-bottom: 1.1764705882rem;
}

@media (min-width: 1024px) {
  .grid-block--large .tags, .grid-block--large .tags--list,
  .grid-block--large .meta__wrapper,
  .grid-block--large .meta__group,
  .grid-block--large .meta__block,
  .grid-block--large .card__bottom-section {
    display: none;
  }
}

.grid-block--large .meta {
  margin: 0;
}

.grid-block--large [class~='ad--'] {
  margin-bottom: 1.4117647059rem;
}

@media (max-width: 1023px) {
  .grid-block--large .grid-block--flex {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .grid-block--large .grid-pub-container,
  .grid-block--large .grid-stock-container {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .grid-block--large .grid-block--flex {
    display: flex;
    align-items: stretch;
  }
  .grid-block--large .card--horizontal, .grid-block--large .card--text, .grid-block--large .card--comment {
    display: block;
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-block--large .card--horizontal .card__image, .grid-block--large .card--text .card__image, .grid-block--large .card--comment .card__image {
    float: none;
    width: 100%;
  }
  .grid-block--large .card--horizontal .card__image::after, .grid-block--large .card--text .card__image::after, .grid-block--large .card--comment .card__image::after {
    padding-top: 100%;
  }
  .grid-block--large .grid-block--flex-column-1-4 .card {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-block--large .grid-block--flex-column-1-3 .card:not(.card-featured) {
    background: #fff;
  }
  .grid-block--large .grid-block--flex-column-1-3 .card:not(.card-featured) .card__info {
    padding: 0.5882352941rem;
  }
}

@media (max-width: 639px) {
  .grid-block--large .grid-pub-container,
  .grid-block--large .grid-stock-container {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
    width: 95.5203972749%;
  }
}

@media (min-width: 1024px) {
  .grid-block--large .grid-block--flex {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
  }
  .grid-block--large .grid-block--flex:first-child {
    width: 39.9261603376%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-block--large .grid-block--flex .card {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .grid-block--large .card--horizontal, .grid-block--large .card--text, .grid-block--large .card--comment {
    min-height: 0;
  }
  .grid-block--large .card--horizontal .card__image, .grid-block--large .card--text .card__image, .grid-block--large .card--comment .card__image {
    width: 35%;
  }
  .grid-block--large .card--horizontal .card__image::after, .grid-block--large .card--text .card__image::after, .grid-block--large .card--comment .card__image::after {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

@media (min-width: 640px) {
  .grid-block--explainer .grid-pub-container {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-block--explainer .card-horizontal {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .grid-block--explainer .grid-pub-container {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-block--explainer .card-horizontal {
    width: 97.3892405063%;
    float: left;
    margin-left: 1.3053797468%;
    margin-right: 1.3053797468%;
  }
}

#ad-replace-card-halfpage {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
  display: flex;
}

#ad-replace-card-halfpage .card-explainer {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

@media (min-width: 640px) {
  #ad-replace-card-halfpage {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .grid-pub-container #ad-replace-card-halfpage {
    align-self: stretch;
    margin: 0 !important;
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  #ad-replace-card-halfpage {
    width: 31.5928270042%;
  }
}

@media (min-width: 1024px) {
  .grid-block--full-width-explainer .card-explainer {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .grid-block--tag .grid-inner-flex .card:nth-child(3) {
    clear: both;
  }
}

.grid-block--tag-mrec .ad--mrec {
  margin-bottom: 2.0588235294rem;
}

.grid-full-width {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
}

@media (min-width: 640px) {
  .grid-full-width {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.grid-block--pub-video {
  display: flex;
  justify-content: center;
  padding: 3.5294117647rem 0;
}

.grid-block--pub-video .block-video__player-container {
  max-width: 28.2352941176rem;
  width: 100%;
}

.highlight {
  background-position: center;
  padding: 4.7058823529rem 0 1.1764705882rem;
}

.highlight--mega {
  display: flex;
  align-items: flex-end;
  min-height: 23.5294117647rem;
}

.highlight--mega-related {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 28.2352941176rem;
  padding-bottom: 0 !important;
}

.highlight .title {
  color: #00d700;
  font-size: 2.0588235294rem;
  font-weight: 500;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.highlight__lead {
  margin-top: 0.3529411765rem;
}

@media (min-width: 640px) {
  .highlight--mega, .highlight--mega-related {
    height: 34.1176470588rem;
  }
  .highlight--mega {
    padding-bottom: 2.9411764706rem;
  }
  .highlight .title {
    font-size: 2.6470588235rem;
  }
}

@media (min-width: 1024px) {
  .highlight .title {
    font-size: 3.2941176471rem;
  }
  .highlight .title:hover,
  .highlight .link-cover:hover ~ * .title {
    color: #fff;
  }
}

@media (min-width: 1680px) {
  .highlight--mega, .highlight--mega-related {
    height: 39.4117647059rem;
  }
}

@media (max-width: 639px) {
  .highlight--mega-related .title {
    font-size: 1.7058823529rem;
  }
}

.highlight-flex-1-3 {
  margin-bottom: 1.4117647059rem;
}

.highlight-flex-2-3 {
  margin-bottom: 1.4117647059rem;
  width: 100%;
}

.highlight__flex-corner {
  order: -1;
}

.highlight__flex-double {
  order: -2;
}

.highlight__flex-double .card {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
}

@media (max-width: 639px) {
  .highlight-flex-container {
    zoom: 1;
  }
  .highlight-flex-container:before, .highlight-flex-container:after {
    content: "";
    display: table;
  }
  .highlight-flex-container:after {
    clear: both;
  }
  .highlight-flex-container .list__item:not(:first-child), .highlight-flex-container .off-canvas-menu .menu-item:not(:first-child), .off-canvas-menu .highlight-flex-container .menu-item:not(:first-child), .highlight-flex-container .sub-menu .menu-item:not(:first-child), .sub-menu .highlight-flex-container .menu-item:not(:first-child) {
    display: none;
  }
  .highlight-flex-1-3 .stock--index, .highlight-flex-1-3 .stock--small-index {
    width: 95.5203972749%;
    float: left;
    margin-left: 2.2398013626%;
    margin-right: 2.2398013626%;
    margin-bottom: 1.4117647059rem;
  }
}

@media (min-width: 640px) {
  .highlight-flex-container {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    justify-content: center;
  }
  .highlight-flex-1-3 {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .highlight-flex-2-3 {
    display: flex;
  }
  .highlight__flex-double .card {
    margin-bottom: 0;
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .highlight__flex-corner .card {
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .highlight-flex-container {
    flex-direction: column;
    max-height: 900px;
  }
  .highlight-flex-1-3 {
    display: flex;
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .highlight-flex-2-3 {
    width: 66.6666666667%;
    float: left;
  }
  .highlight-flex-2-3 .card {
    width: 47.3892405063%;
    float: left;
    margin-left: 1.3053797468%;
    margin-right: 1.3053797468%;
  }
  .highlight__flex-double .card {
    width: 47.3892405063%;
    float: left;
    margin-left: 1.3053797468%;
    margin-right: 1.3053797468%;
  }
}

.grid-block--side-highlight {
  padding: 5.4705882353rem 0 1.1764705882rem;
}

.highlight--side, .highlight--side-tall {
  background-size: cover;
  display: flex;
  align-items: flex-end;
  margin: 0 2.2398013626% 1.4117647059rem;
  min-height: 22.9411764706rem;
  order: -2;
  padding: 2.0588235294rem 2.2398013626%;
}

.highlight--side-tall {
  min-height: 27.0588235294rem;
}

@media (min-width: 640px) {
  .highlight--side, .highlight--side-tall {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    padding: 2.0588235294rem 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .highlight--side, .highlight--side-tall {
    width: 64.9261603376%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.highlight__content {
  color: #fff;
}

@media (max-width: 639px) {
  .highlight__content {
    margin: 0 0 0 2.2398013626%;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .highlight__content--side {
    width: 64.9261603376%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-left: 9.2035864979%;
  }
}

@media (min-width: 640px) {
  .highlight__content--mega {
    width: 64.9261603376%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-left: 9.2035864979%;
  }
}

@media (min-width: 1024px) {
  .highlight__content--side {
    margin: 0 3%;
  }
}

.highlight__pre-title {
  position: absolute;
  transform: translateY(-100%);
}

.highlight__lead {
  font-weight: 300;
  line-height: 1.5;
}

@media (max-width: 799px) {
  .highlight__lead {
    display: none;
  }
}

.highlight-related {
  background: rgba(0, 10, 0, 0.3);
  backdrop-filter: blur(8px);
  margin: 1.1764705882rem 0 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 799px) {
  .highlight-related {
    margin-top: 2.3529411765rem;
  }
}

.highlight-related__container {
  display: flex;
}

@media (max-width: 639px) {
  .highlight-related__container {
    flex-direction: column;
  }
}

.highlight-related__blur {
  position: absolute;
}

.highlight-related__item {
  display: flex;
  justify-content: flex-start;
  position: relative;
}

@media (min-width: 640px) {
  .highlight-related__item {
    width: 33.333%;
  }
}

.highlight-related__item:not(:first-child) {
  border-top: 0.0588235294rem solid #4d544d;
}

@media (min-width: 640px) {
  .highlight-related__item:not(:first-child) {
    border-top: 0;
    border-left: 0.0588235294rem solid #4d544d;
  }
}

.highlight-related__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.2941176471rem 2.2398013626%;
  width: 100%;
}

@media (min-width: 640px) {
  .highlight-related__item a {
    margin: 0 1.0588235294rem;
  }
}

@media (min-width: 1024px) {
  .highlight-related__item a {
    margin: 1.0588235294rem;
  }
}

.highlight-related .link-cover {
  width: auto;
}

.highlight-related .link-cover::after {
  top: -1.0588235294rem;
  right: calc( 100% + 1.0588235294rem);
  bottom: -1.0588235294rem;
  left: -1.0588235294rem;
}

@media (min-width: 640px) {
  .highlight-related .link-cover:hover::after {
    right: -1.0588235294rem;
  }
  .highlight-related .link-cover:hover ~ a .icon-button {
    color: #fff;
  }
}

.highlight-related__img {
  flex-shrink: 0;
  height: 2.9411764706rem;
  width: 2.9411764706rem;
}

.highlight-related__title {
  color: #fff;
  font-size: 0.8235294118rem;
  line-height: 1.45;
  margin: 0;
  padding: 0.5882352941rem;
}

.highlight-related .icon-button__container {
  margin-left: auto;
}

.breaking-news {
  background: #e10000;
  color: #fff;
  font-size: 0.8235294118rem;
  line-height: 1.4;
  margin: 0 2.2398013626%;
  min-height: 2.9411764706rem;
}

.breaking-news__slider {
  transition-property: opacity;
  opacity: 0;
  height: 0;
}

.breaking-news__slider.slick-initialized {
  opacity: 1;
  height: auto;
}

.breaking-news .slick-list {
  width: 100% !important;
}

.breaking-news .slick-track {
  display: flex;
  align-items: center;
}

.breaking-news .slick-track::before, .breaking-news .slick-track::after {
  display: none;
}

.breaking-news__slide {
  padding: 0.5294117647rem 0;
}

.breaking-news__label {
  font-size: 1.0588235294rem;
  margin: 0;
  padding: 0.8823529412rem 1.1764705882rem 0;
}

.breaking-news__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3529411765rem 0 0.3529411765rem;
}

.breaking-news__link .icon--go {
  flex-shrink: 0;
  margin-right: 0;
  margin-left: auto;
}

.breaking-news__time {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9411764706rem;
  margin-right: 0.3529411765rem;
}

.breaking-news__title {
  color: inherit;
  display: inline;
  font-size: 1.0588235294rem;
  line-height: inherit;
}

.breaking-news .slick-dots {
  display: flex !important;
  justify-content: center;
  margin: 0.3529411765rem 1.1764705882rem 1.1764705882rem;
}

.breaking-news .slick-dots li {
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  opacity: .5;
  padding: 0.2352941176rem;
}

.breaking-news .slick-dots li + li {
  margin-left: 0.5882352941rem;
}

.breaking-news .slick-dots li.slick-active {
  opacity: 1;
}

.breaking-news .slick-dots li::before,
.breaking-news .slick-dots li button {
  display: none;
}

.breaking-news__navigation {
  align-items: stretch;
  margin-left: auto;
}

.breaking-news .slick-prev,
.breaking-news .slick-next {
  border-right: 0.0588235294rem solid transparent;
  border-left: 0.0588235294rem solid rgba(255, 255, 255, 0.35);
  color: #fff;
  text-align: center;
  transform: none;
  transition-timing-function: cubic-bezier(0.87, 0.03, 0.4, -0.19);
  width: 3.9285714286em;
}

.breaking-news .slick-prev svg,
.breaking-news .slick-next svg {
  height: 0.8823529412rem;
  margin: auto;
  width: 0.4705882353rem;
}

.breaking-news .slick-disabled {
  color: rgba(255, 255, 255, 0.35);
}

.breaking-news .slick-prev:not(.slick-disabled):hover {
  padding-right: 0.5882352941rem;
  transition-timing-function: ease-out;
}

.breaking-news .slick-next:not(.slick-disabled):hover {
  padding-left: 0.5882352941rem;
  transition-timing-function: ease-out;
}

@media (min-width: 640px) {
  .breaking-news {
    display: flex;
    align-items: stretch;
    margin: 0 0.8702531646%;
  }
  .breaking-news__slider {
    display: flex;
    align-items: center;
    width: calc( 100% - 12.9411764706rem);
  }
  .breaking-news__label {
    background: #cd0000;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    font-size: 100%;
    min-height: 100%;
    padding: 0.1176470588rem 0 0 0;
    width: 6.4705882353rem;
  }
  .breaking-news__link {
    justify-content: flex-start;
  }
  .breaking-news__link .icon--go {
    margin-left: 1.1764705882rem;
  }
}

.widget {
  margin-bottom: 1.1764705882rem;
  width: 100%;
}

.widget__header, .stock__index-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.1764705882rem 1.1764705882rem 0.9411764706rem;
}

.widget__header a, .stock__index-header a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.widget__header .icon-button, .stock__index-header .icon-button {
  margin: 0 0 0 auto;
}

.widget__title, .stock__index-title {
  color: #00d700;
}

.widget .portrait, .widget .liveblog-author-avatar img, .liveblog-author-avatar .widget img {
  height: 2.3529411765rem;
  width: 2.3529411765rem;
}

.widget--card .trending__title {
  font-size: 2.0588235294rem;
  margin-top: 1.1764705882rem;
}

@media (min-width: 640px) {
  .entry__content img {
    cursor: zoom-in;
  }
}

.lightbox {
  display: none;
}

@media (min-width: 640px) {
  .lightbox {
    background: rgba(0, 10, 0, 0.95);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .lightbox__close {
    height: 2.9411764706rem;
    opacity: .8;
    position: absolute;
    right: 2.9411764706rem;
    top: 4.7058823529rem;
    transition: opacity .25s ease;
    width: 2.9411764706rem;
    z-index: 1000;
  }
  .lightbox__close:hover {
    cursor: pointer;
    opacity: .4;
  }
  .lightbox__image {
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 62vh;
    margin-top: 8.8235294118rem;
    position: relative;
    width: 100%;
  }
  .lightbox__image:last-child {
    background-position: center;
    height: calc(100vh - 125px);
    margin-top: 5.2941176471rem;
  }
  .lightbox__caption {
    color: #fff;
    font-size: 0.8823529412rem;
    margin: 0.4117647059rem auto 0;
    max-width: 81.5928270042%;
    opacity: .5;
  }
}

@media (min-width: 1024px) {
  .lightbox__image {
    background-size: contain;
    background-repeat: no-repeat;
    height: calc(100vh - 195px);
    margin-top: 5.8823529412rem;
    position: relative;
    width: 100%;
  }
  .lightbox__caption {
    font-size: 1rem;
  }
  .lightbox__close {
    top: 5.8823529412rem;
  }
}

.gallery {
  position: relative;
}

@media (max-width: 639px) {
  .gallery {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 640px) {
  .gallery--wide {
    margin-right: -11.3053797468%;
    margin-left: -11.3053797468%;
  }
}

@media (min-width: 1024px) {
  .gallery--wide {
    margin-right: -26.9580696203%;
    margin-left: -26.9580696203%;
  }
}

.gallery__slides {
  background: #212a21;
  border-radius: 5px;
  margin: 1px 1px 4.1176470588rem;
  transition-duration: .35s;
  width: calc( 100% - 2px);
}

.gallery__slide {
  backface-visibility: hidden;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  list-style: none;
  margin: -1px;
  min-height: 100%;
  padding-bottom: 56.3533478%;
  top: 0;
  width: calc( 100% + 2px);
}

.gallery__slide:before {
  display: none;
}

.gallery__slide:first-child {
  display: block;
  float: none !important;
  position: relative;
}

.gallery__slide figure {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
}

.gallery__slide img {
  border: 0;
  cursor: pointer;
  display: block;
  height: auto;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

.gallery__slide-meta {
  display: none;
  line-height: 1.2;
  padding: 0 6.6666666667em 0 9.5833333333em;
  position: absolute;
  top: calc( 100% + 0.8823529412rem);
}

@media (min-width: 640px) {
  .gallery__slide-meta {
    display: block;
  }
}

.gallery__controls {
  transform: translate(0, -55px);
}

.gallery__navigation {
  align-items: stretch;
  border: 0.0588235294em solid #e6e7e6;
  float: left;
  margin-top: -0.0588235294em;
  position: relative;
  z-index: 1;
}

.gallery__navigation a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.gallery__navigation .prev,
.gallery__navigation .next {
  border-right: 0.0588235294rem solid transparent;
  border-left: 0.0588235294rem solid rgba(255, 255, 255, 0.35);
  height: 2.3529411765rem;
  text-align: center;
  transform: none;
  transition-timing-function: cubic-bezier(0.87, 0.03, 0.4, -0.19);
  width: 2.9411764706rem;
}

.gallery__navigation .prev svg,
.gallery__navigation .next svg {
  height: 0.8823529412rem;
  width: 0.4705882353rem;
}

.gallery__navigation .prev {
  border-right: 0.0588235294em solid #e6e7e6;
}

@media (max-width: 639px) {
  .gallery__controls {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
  .gallery__navigation .prev,
  .gallery__navigation .next {
    height: 1.7647058824rem;
    width: 2.6470588235rem;
  }
  .gallery__navigation .prev svg,
  .gallery__navigation .next svg {
    height: 0.7058823529rem;
  }
}

@media (min-width: 640px) {
  .gallery__navigation .prev:hover {
    padding-right: 0.5882352941rem;
    transition-timing-function: ease-out;
  }
  .gallery__navigation .next:hover {
    padding-left: 0.5882352941rem;
    transition-timing-function: ease-out;
  }
}

.gallery__counter {
  color: #999d99;
  float: right;
  font-size: 0.7058823529em;
  margin-top: 0.9166666667em;
}

@media (max-width: 639px) {
  .gallery__counter {
    margin: 0.6666666667em 0.3333333333em 0 0;
  }
}

.gallery.maximized {
  height: 75vh;
  overflow: visible;
  z-index: 1000000;
}

.gallery.maximized .gallery__overlay {
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.gallery.maximized .gallery__slides {
  position: fixed;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0;
  width: 100% !important;
}

.gallery.maximized .gallery__slide {
  cursor: default;
  pointer-events: none;
}

.gallery.maximized img {
  border-radius: 0;
  max-height: 100%;
}

.gallery.maximized .gallery__slide-meta {
  animation: meta-expand .35s ease-out 1;
  margin: 0;
  padding: 0 1.1764705882rem;
  top: 4.4117647059rem;
  right: -17.6470588235rem;
  width: 17.6470588235rem;
}

.gallery.maximized .caption__text {
  color: #fff;
}

.gallery.maximized .gallery__controls {
  animation: enter-side .35s ease-out 1;
  margin: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  transform: none;
  width: 100%;
}

.gallery.maximized .gallery__navigation {
  border-color: transparent;
  position: absolute;
  right: 0;
  bottom: 0.7058823529rem;
}

.gallery.maximized .gallery__navigation .prev,
.gallery.maximized .gallery__navigation .next {
  border-color: transparent;
  color: #fff;
}

.gallery.maximized .gallery__counter {
  position: absolute;
  right: 6.7647058824rem;
  bottom: 1.2352941176rem;
}

.gallery.maximized .gallery__exit {
  display: block;
}

.gallery.unmaximized .gallery__slides {
  animation: unmaximize .35s ease-out 1;
}

.gallery.unmaximized .gallery__controls {
  animation: exit-side .35s ease-in 1;
}

.gallery.unmaximized .gallery__overlay {
  animation: absolute-out .35s ease-out 1;
}

.gallery.unmaximized .gallery__slide-meta {
  animation: meta-contract .35s ease-out 1;
}

.gallery__maximize {
  background: url(../images/sprite-svg-src/Gallery-Expand.svg) no-repeat;
  display: none;
  height: 2.0588235294em;
  pointer-events: none;
  position: absolute;
  top: 0.8823529412rem;
  right: 0.8823529412rem;
  width: 2.0588235294em;
}

.maximized .gallery__maximize {
  animation: scale-display--reversed .1s ease forwards;
  position: fixed;
  z-index: 999;
}

.unmaximized .gallery__maximize {
  animation: scale-display .3s ease .5s backwards;
}

.gallery__overlay {
  transition: opacity .5s ease-out;
  background: #212a21;
  opacity: 0;
  position: fixed;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
  z-index: -2;
}

.gallery__exit {
  display: none;
}

.gallery__exit {
  background: url(../images/sprite-svg-src/CloseShareDark.svg) no-repeat;
  height: 35px;
  position: fixed;
  top: 25px;
  right: 25px;
  width: 35px;
}

@media (max-width: 639px) {
  .gallery.maximized .gallery__controls::before {
    display: none;
  }
  .gallery.maximized .gallery__navigation {
    align-items: center;
    background: rgba(0, 10, 0, 0.1);
    height: 2.3529411765rem;
    right: 50%;
    transform: translateX(50%);
  }
  .gallery.maximized .gallery__navigation .next {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .gallery.maximized .gallery__counter {
    background: rgba(0, 10, 0, 0.1);
    border-radius: 5px;
    color: #fff;
    top: 1.4117647059rem;
    right: 50%;
    bottom: auto;
    padding: 0.1176470588rem 0.3529411765rem;
    transform: translateX(50%);
    margin-right: 0;
  }
}

@media (min-width: 640px) {
  .gallery.maximized {
    display: block;
  }
  .gallery.maximized .gallery__slides {
    width: calc( 100vw - 17.6470588235rem) !important;
  }
  .gallery.maximized .gallery__controls {
    background: #000A00;
    width: 17.6470588235rem;
    z-index: -1;
  }
}

@keyframes unmaximize {
  from {
    position: fixed;
    z-index: 100000;
  }
  to {
    position: fixed;
    z-index: 100000;
  }
}

@keyframes position-out {
  from {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  to {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@keyframes enter-side {
  from {
    right: -17.6470588235rem;
  }
  to {
    right: 0;
  }
}

@keyframes exit-side {
  0% {
    right: 0;
    background: #000A00;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 17.6470588235rem;
    z-index: -1;
  }
  69% {
    right: -17.6470588235rem;
    background: #000A00;
    margin: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 17.6470588235rem;
    z-index: -1;
  }
  80% {
    right: -17.6470588235rem;
    background: transparent;
    margin: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 17.6470588235rem;
    z-index: -1;
  }
  90% {
    opacity: 0;
    position: relative;
    top: 0.2941176471rem;
  }
  100% {
    opacity: 1;
    position: relative;
    top: 0;
  }
}

@keyframes meta-expand {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  81% {
    opacity: 0;
    margin: 0;
    padding: 0 1.1764705882rem;
    top: 3.8235294118rem;
    right: -17.6470588235rem;
    width: 17.6470588235rem;
  }
  100% {
    opacity: 1;
  }
}

@keyframes meta-contract {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 0;
  }
  80% {
    opacity: 0;
    display: block;
    font-size: 0.7058823529em;
    padding: 0 6.6666666667em 0 9.5833333333em;
    position: absolute;
    top: 100%;
  }
  100% {
    opacity: 1;
  }
}

.soliloquy-caption-inside {
  font-size: 0.8235294118rem !important;
}

.author-credits {
  border: 1px solid #e6e7e6;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1.1764705882rem;
  margin-top: 2.3529411765rem;
  padding: 1.1764705882rem;
}

.author-credits__author {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

@media (min-width: 640px) {
  .author-credits__author {
    clear: none;
    width: 47.3892405063%;
  }
  .author-credits__author:nth-child(2n + 1) {
    margin-right: auto;
    margin-left: 0.5882352941rem;
  }
  .author-credits__author:nth-child(2n) {
    margin-right: 0.5882352941rem;
    margin-left: auto;
  }
  .author-credits__author:nth-child(n + 3) {
    margin-top: 1.7647058824rem;
  }
  .author-credits__author:only-child {
    justify-content: center;
    margin: 0;
  }
}

.author-credits .meta,
.author-credits .icon--watch {
  display: inline-block;
}

.author-credits .meta {
  line-height: 1.4;
  margin-bottom: 0;
  margin-right: 0.8823529412rem;
  max-width: 55.2215189873%;
  width: auto;
}

.author-credits .meta__author {
  font-size: 1rem;
}

.author-credits .icon--watch {
  margin-left: auto;
}

.trending {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  counter-reset: trending;
}

.trending:after {
  content: " ";
  display: block;
  clear: both;
}

@media (max-width: 639px) {
  .trending {
    width: 95.5203972749%;
    float: left;
    margin-left: 2.2398013626%;
    margin-right: 2.2398013626%;
  }
}

.trending__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 639px) {
  .trending__list {
    flex-direction: column;
  }
}

.trending__list-container {
  width: 100%;
  float: left;
  margin-bottom: 2.0588235294rem;
}

.trending__title {
  margin-bottom: 0;
  align-self: flex-start;
}

.trending__title .icon-button {
  margin-top: 0;
}

.trending__title .icon--go {
  margin: 0 0 0 0.4117647059rem;
}

.trending__item {
  border-bottom: 1px solid #e6e7e6;
  margin: 0 0.8702531646% !important;
  padding-left: 4.7058823529rem !important;
  padding-top: 1.7647058824rem !important;
  padding-bottom: 2.1764705882rem !important;
  width: 31.5928270042%;
}

.trending__item:last-child {
  border-bottom: 0;
}

.trending__item:before {
  background: none;
  border: 3px solid #00d700;
  counter-increment: trending;
  content: counter(trending) " ";
  color: #00d700;
  display: block !important;
  font-size: 1.8823529412rem;
  font-weight: 700;
  height: 2.3529411765rem !important;
  line-height: 1.05;
  padding: 0.3529411765rem;
  position: absolute;
  top: auto !important;
  left: 0 !important;
  text-align: center;
  width: 2.3529411765rem !important;
}

.trending__item .link-cover {
  margin: 0.8823529412rem 0;
}

.trending__news-title {
  font-size: 0.8823529412rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .trending:not(.card--trending) .trending__item:nth-last-child(-n+3) {
    border-bottom: 0 !important;
  }
  .trending__item:before {
    font-size: 2.3529411765rem;
    left: 0.5882352941rem !important;
  }
}

@media (max-width: 1023px) {
  .trending__item {
    padding-top: 1.1764705882rem !important;
    padding-bottom: 1.1764705882rem !important;
  }
}

@media (max-width: 639px) {
  .trending__item {
    min-height: 5rem;
    padding-left: 4.1176470588rem !important;
    width: 100%;
  }
  .trending__item:before {
    line-height: 1;
    height: 1.7647058824rem !important;
    width: 1.7647058824rem !important;
  }
}

.card--trending .trending--pub {
  padding-left: 0 !important;
}

.card--trending .trending--pub:before {
  display: none !important;
}

.card--trending .trending--pub > div {
  margin: 0 auto;
}

.stock {
  margin-bottom: 1.1764705882rem;
  display: flex;
}

.stock--inline .stock__variation {
  margin: 0;
}

.stock__inline-element + .stock__inline-element {
  margin-left: 0.1764705882rem;
}

.stock__discreet {
  color: #999d99;
  font-size: 0.6470588235rem;
  font-weight: 300;
}

.stock__label {
  color: #1a231a;
}

.stock--flex, .stock--flex.slick-slide {
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.stock--inline {
  display: inline-flex;
  margin: 0;
}

.stock--markets {
  background: #fff;
  margin-bottom: 0;
  overflow-x: hidden;
}

.stock--preview {
  font-size: 0.8823529412rem;
}

.stock--index .stock--preview, .stock--small-index .stock--preview {
  min-height: 3.2352941176rem;
}

.stock__preview-graph {
  display: inline-flex;
  align-items: center;
  height: 1.0588235294rem;
  margin-left: 0.5882352941rem;
  position: relative;
  vertical-align: text-bottom;
  width: 4.1176470588rem;
}

.stock__preview-graph svg {
  display: inline-block;
  fill: none;
  height: 1.7647058824rem;
  position: relative;
  stroke-width: 1px;
  width: auto;
}

.stock__preview-graph .previous-day,
.stock__preview-graph .current-day {
  stroke: #999d99;
  stroke-width: 1.5;
}

.stock__preview-graph--none .current-day {
  stroke: #4d544d;
}

.stock__preview-graph--positive .current-day {
  stroke: #00af00;
}

.stock__preview-graph--negative .current-day {
  stroke: #e10000;
}

.stock__preview-graph img {
  width: 100%;
  display: block;
}

.stock--preview-extended {
  border-left: 0.0588235294rem solid transparent;
  align-content: flex-start;
  flex-direction: column;
  flex-grow: 1;
  margin: 0;
  padding: 0.7058823529rem 1.1764705882rem;
  position: relative;
  white-space: nowrap;
  width: 13.1764705882rem;
}

.stock--preview-extended:after {
  opacity: .5;
}

.stock--preview-extended:not(:first-child) {
  border-color: #f7f8f7;
}

.stock--preview-extended .stock__inner {
  max-width: 100%;
  width: 9.4117647059rem;
}

.stock--preview-extended .stock__inner:not(:first-child) {
  margin-top: 0.3529411765rem;
}

.stock--preview-extended .stock__preview-graph {
  height: 1.0588235294rem;
  margin-right: 0;
  width: 4.2352941176rem;
}

.stock--index, .stock--small-index {
  width: 100%;
}

.grid-stock-container .stock--index, .grid-stock-container .stock--small-index {
  margin-bottom: 0;
}

.stock--index .list__item, .stock--small-index .list__item, .stock--index .off-canvas-menu .menu-item, .off-canvas-menu .stock--index .menu-item, .stock--small-index .off-canvas-menu .menu-item, .off-canvas-menu .stock--small-index .menu-item, .stock--index .sub-menu .menu-item, .sub-menu .stock--index .menu-item, .stock--small-index .sub-menu .menu-item, .sub-menu .stock--small-index .menu-item {
  cursor: pointer;
}

@media (min-width: 1024px) {
  .stock--index .list__item:hover .stock__name, .stock--small-index .list__item:hover .stock__name, .stock--index .off-canvas-menu .menu-item:hover .stock__name, .off-canvas-menu .stock--index .menu-item:hover .stock__name, .stock--small-index .off-canvas-menu .menu-item:hover .stock__name, .off-canvas-menu .stock--small-index .menu-item:hover .stock__name, .stock--index .sub-menu .menu-item:hover .stock__name, .sub-menu .stock--index .menu-item:hover .stock__name, .stock--small-index .sub-menu .menu-item:hover .stock__name, .sub-menu .stock--small-index .menu-item:hover .stock__name {
    padding-left: 0.2352941176rem;
  }
}

.stock__index-header--search {
  padding: 0.2941176471rem 1.1764705882rem;
}

.stock--small-index {
  margin-bottom: 1.4705882353rem;
  min-height: 5.8823529412rem;
}

.stock--small-index .stock__list {
  height: auto;
  min-height: 3.2352941176rem;
}

.stock--small-index .list__item, .stock--small-index .off-canvas-menu .menu-item, .off-canvas-menu .stock--small-index .menu-item, .stock--small-index .sub-menu .menu-item, .sub-menu .stock--small-index .menu-item {
  cursor: pointer;
}

.stock__index-footer {
  border-top: 1px solid #e6e7e6;
  padding: 0.5882352941rem 1.1764705882rem;
}

.stock__index-recent-item {
  display: inline-block;
  font-size: 0.8235294118rem;
  font-weight: 500;
  margin-right: 0.8823529412rem;
}

.stock__index-recent-item:hover {
  cursor: pointer;
  opacity: .75;
  transform: translateY(-0.0588235294rem);
}

.stock--stripe {
  height: 3.2352941176rem;
  margin: 0 auto;
  min-width: 20%;
  white-space: nowrap;
}

.stock--stripe .stock--preview {
  position: relative;
  margin: 1.0588235294rem 0 0;
  padding: 0.3529411765rem 0.7058823529rem;
}

.stock--stripe .stock--preview:after {
  opacity: .5;
  border-radius: 2.9411764706rem;
}

.stock--stripe .stock--preview > span + span {
  margin-left: 0.5882352941rem;
}

.stock--stripe .stock__company-name {
  font-size: 0.7647058824rem;
  opacity: .75;
  margin-right: 0.2941176471rem;
}

@media (min-width: 1024px) {
  .stock--performance {
    background: linear-gradient(to right, #002b00 0%, #002b00 50%, #2d0800 50%, #2d0800 100%);
    padding-bottom: 1.1764705882rem;
  }
}

.stock--performance .list__block:first-child {
  margin-right: auto;
}

.stock--performance .list__item, .stock--performance .off-canvas-menu .menu-item, .off-canvas-menu .stock--performance .menu-item, .stock--performance .sub-menu .menu-item, .sub-menu .stock--performance .menu-item {
  border-color: rgba(255, 255, 255, 0.3);
  padding: 0.8823529412rem 0;
}

.stock--performance .list__item:first-child, .stock--performance .off-canvas-menu .menu-item:first-child, .off-canvas-menu .stock--performance .menu-item:first-child, .stock--performance .sub-menu .menu-item:first-child, .sub-menu .stock--performance .menu-item:first-child {
  border: none;
  padding-top: 0;
}

.stock__performance-title--positive {
  color: #00af00;
}

.stock__performance-title--negative {
  color: #e10000;
}

.stock__performance-board {
  color: #fff;
  font-size: 0.8235294118rem;
  padding: 1.7405063291%;
}

@media (min-width: 1024px) {
  .stock__performance-board {
    padding: 0.8702531646%;
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.stock__performance-board--positive {
  background: #002b00;
  padding-left: 0;
}

.stock__performance-board--negative {
  background: #2d0800;
  padding-right: 0;
}

.stock__performance-board .stock__variation {
  margin: 0 0.7058823529rem;
}

@media (max-width: 639px) {
  .stock__performance-board .stock__preview-graph {
    display: none;
  }
}

.stock__performance-board .list__item-block:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stock__performance-board .list__item-block:last-child {
  flex-shrink: 0;
  margin-left: 1.1764705882rem;
}

.stock__performance-board .list__text {
  display: inline;
}

.stock__performance-board .list__text--discrete, .stock__performance-board th, .stock__performance-board .stock__label, .stock__performance-board .stock__index-label {
  line-height: 0.9;
  padding-top: 3px;
}

.stock__definition {
  display: flex;
  flex-wrap: wrap;
}

.stock__definition span[class^="stock__"] {
  margin-right: 0.5882352941rem;
}

.stock__definition ~ [class^="stock__"] {
  align-self: flex-start;
}

.stock__detail {
  width: 100%;
}

.stock__detail .stock__preview-graph {
  width: 39.9261603376%;
}

.stock__detail [class^="stock__"] {
  margin: 0 0.5882352941rem;
  font-size: 0.8em;
}

@media (min-width: 640px) {
  .stock__detail [class^="stock__"] {
    font-size: 1.0666666667em;
  }
}

.stock__detail [class^="stock__"] [class^="stock__"] {
  font-size: 100%;
}

.stock__detail :first-child,
.stock__detail :last-child {
  margin: 0;
}

.stock__detail .stock__value {
  line-height: 1.1875em;
  margin-left: auto;
  padding: 0.2941176471rem 0 0.2352941176rem;
}

.stock__name {
  font-size: 0.8235294118rem;
  font-weight: 500;
}

.stock__full-name {
  color: #d2d4d2;
}

.stock__full-name--small {
  color: #999d99;
  font-size: 0.625em;
}

.stock__variation {
  color: #fff;
  display: inline-flex;
  font-size: 0.8235294118em;
  font-weight: 500;
  line-height: 1.2;
  margin-left: 0.7058823529rem;
  min-width: 5.3125em;
  padding: 0.2941176471rem 0.5882352941rem 0.2352941176rem;
  position: relative;
}

.stock__variation--none {
  background-color: #999d99;
  border-color: #999d99;
}

.stock__variation--positive {
  background-color: #00af00;
  border-color: #00af00;
}

.stock__variation--negative {
  background-color: #e10000;
  border-color: #e10000;
}

.stock__variation--outline {
  background-color: transparent;
  border-width: 0.0588235294rem;
  border-style: solid;
}

.stock__variation--outline.stock__variation--none {
  color: #999d99;
}

.stock__variation--outline.stock__variation--positive {
  color: #00af00;
}

.stock__variation--outline.stock__variation--negative {
  color: #e10000;
}

.stock__variation-entity {
  margin-right: 0.3529411765rem;
}

.stock__variation-value:before {
  margin-right: 0.3529411765rem;
}

.stock__variation--none .stock__variation-value:before {
  content: ' - ';
}

.stock__variation--positive .stock__variation-value:before {
  content: '\2191';
}

.stock__variation--negative .stock__variation-value:before {
  content: '\2193';
}

.stock__list .stock--preview {
  flex: 0 0 100%;
  justify-content: space-between;
}

.stock__list .stock__value {
  color: #808580;
  font-size: 0.8235294118rem;
  margin-right: 0.2941176471rem;
}

.grid-stock-container .stock__list {
  overflow-y: auto;
}

.stock__list .stock__variation-value {
  display: inline-flex;
  min-width: 3.5294117647rem;
}

.stock__list .stock__variation-value::before {
  margin-right: auto;
}

.stock__list-chart {
  border-top: 1px solid #e6e7e6;
  flex-shrink: 0;
  height: 18.5294117647rem;
  margin-top: -1px;
  overflow: hidden;
  width: 100%;
}

.stock__list-chart img,
.stock__list-chart > svg {
  display: block;
  margin: 1px auto 0;
}

@media (min-width: 1024px) {
  .grid-stock-container .stock--small-index {
    max-height: 6.8823529412rem;
  }
  .grid-stock-container .stock--small-index .list__item:not(:first-child), .grid-stock-container .stock--small-index .off-canvas-menu .menu-item:not(:first-child), .off-canvas-menu .grid-stock-container .stock--small-index .menu-item:not(:first-child), .grid-stock-container .stock--small-index .sub-menu .menu-item:not(:first-child), .sub-menu .grid-stock-container .stock--small-index .menu-item:not(:first-child) {
    display: none;
  }
}

@media (max-width: 639px) {
  .grid-stock-container .list__item:not(:first-child), .grid-stock-container .off-canvas-menu .menu-item:not(:first-child), .off-canvas-menu .grid-stock-container .menu-item:not(:first-child), .grid-stock-container .sub-menu .menu-item:not(:first-child), .sub-menu .grid-stock-container .menu-item:not(:first-child) {
    display: none;
  }
}

.stock__table-none {
  color: #999d99;
}

.stock__table-positive {
  color: #00af00;
}

.stock__table-negative {
  color: #e10000;
}

.js-slider-drag-stripe {
  cursor: move;
}

.related-news {
  margin-top: 3.5294117647rem;
}

@media (min-width: 1024px) {
  .related-news.has-publicity .grid-inner-flex .card {
    width: 93.0379746835%;
  }
  .related-news.has-publicity .grid-inner-flex .card:nth-child(n+3) {
    display: none;
  }
  .related-news .grid-pub-container {
    align-items: flex-start;
    display: none;
    margin-bottom: 1.0588235294rem;
    width: 17.6470588235rem;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .related-news .grid-inner-flex .card:nth-child(2n + 3) {
    clear: both;
    float: left;
  }
}

@media (max-width: 1023px) {
  .related-news .grid-pub-container {
    display: none;
  }
}

@media (max-width: 639px) {
  .related-news .js-slider-mobile-articles {
    background: #f7f8f7;
    border-radius: 5px;
    clear: both;
    margin: 1.4117647059rem 2.2398013626%;
    padding: 0.7058823529rem 0 0;
  }
  .related-news .js-slider-mobile-articles .card {
    margin: 0 0.7058823529rem;
    display: flex;
  }
  .related-news .slick-dots {
    text-align: center;
  }
  .related-news .slick-dots li {
    display: inline-block;
    margin: 0.8823529412rem 0.5882352941rem;
  }
  .related-news .slick-dots li::before {
    position: static;
  }
  .related-news .slick-dots button {
    display: none;
  }
  .related-news li.slick-active::before {
    transition: all .15s ease-in-out;
    opacity: .2;
  }
}

.entity__header-content {
  background-color: #1a231a;
  justify-content: center;
  padding: 2.1764705882rem 0;
}

.off-canvas .entity__header-content {
  min-height: 10rem;
}

.entity__header-content .portrait, .entity__header-content .liveblog-author-avatar img, .liveblog-author-avatar .entity__header-content img {
  width: 7.0588235294rem;
}

.entity__header-content .title {
  color: #fff;
  display: inline-block;
  font-size: 1.4705882353rem;
  margin: 0;
  padding-top: 0.8823529412rem;
}

.entity__header-content .meta {
  margin: 0;
}

@media (max-width: 639px) {
  .entity__header-content {
    flex-direction: column;
    padding: 5.2941176471rem 1.1764705882rem 1.1764705882rem;
  }
  .entity__header-content .portrait, .entity__header-content .liveblog-author-avatar img, .liveblog-author-avatar .entity__header-content img {
    height: 4.1176470588rem;
    margin: 0;
    width: 4.1176470588rem;
  }
  .entity__header-content .entity__info {
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
  }
  .entity__header-content .stock--preview {
    justify-content: center;
  }
}

.entity__info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  margin-right: 0.5882352941rem;
}

.entity__info .title {
  width: 100%;
}

.entity__info .stock--preview {
  margin-top: 0.5882352941rem;
  width: 100%;
}

.entity__content {
  padding: 1.7647058824rem 0;
}

.entity__content .card {
  width: 31.5928270042%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.entity__content .card--horizontal, .entity__content .card--text, .entity__content .card--comment {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
}

.author__container {
  margin-right: 0.8823529412rem;
  margin-top: 0.8823529412rem;
}

.card .author__container {
  margin: 0;
}

.block-highlight .author__container {
  margin-top: 0;
}

.tabs__item {
  background-color: transparent;
  border-radius: 2.9411764706rem;
  box-shadow: 0 0 0 5px transparent;
  color: #fff;
  font-size: 0.9411764706em;
  font-weight: 300;
  margin: 0 0.2941176471rem;
  text-align: center;
  transition: all .3s ease;
  user-select: none;
  width: auto;
}

@media (min-width: 1024px) {
  .tabs__item:hover {
    color: #999d99;
    box-shadow: 0 0 0 1px rgba(0, 10, 0, 0.05);
  }
}

.tabs__item.active {
  background-color: rgba(0, 10, 0, 0.05);
  transition: all .4s ease;
  z-index: 1;
}

@media (min-width: 1024px) {
  .tabs__item.active:hover {
    box-shadow: 0 0 0 5px transparent;
  }
}

.tabs__item a {
  display: block;
  height: 100%;
  width: 100%;
}

.tab {
  display: none;
}

.tab-content {
  min-height: 14.7058823529rem;
}

.tab.active {
  display: block;
}

.tab--wide {
  margin: 0;
  width: 100%;
}

.tab .data-list {
  border-top: 0;
}

.tabs--light .tabs__container {
  background-color: rgba(255, 255, 255, 0.35);
}

.tabs--light .tabs__item {
  color: #1a231a;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .tabs--light .tabs__item:hover {
    box-shadow: 0 0 0 1px rgba(0, 10, 0, 0.05);
  }
}

.tabs--light .tabs__item.active {
  background-color: rgba(0, 10, 0, 0.05);
}

.tabs--dark .tabs__container {
  background-color: rgba(255, 255, 255, 0.05);
}

.tabs--dark .tabs__item {
  color: #fff;
}

@media (min-width: 1024px) {
  .tabs--dark .tabs__item:hover {
    box-shadow: 0 0 0 1px rgba(0, 10, 0, 0.8);
  }
}

.tabs--dark .tabs__item.active {
  background-color: rgba(0, 10, 0, 0.8);
}

.tabs--on-green .tabs__container {
  background-color: rgba(0, 215, 0, 0.35);
}

.tabs--on-green .tabs__item {
  color: #fff;
}

@media (min-width: 1024px) {
  .tabs--on-green .tabs__item:hover {
    box-shadow: 0 0 0 1px rgba(0, 215, 0, 0.8);
  }
}

.tabs--on-green .tabs__item.active {
  background-color: rgba(0, 215, 0, 0.8);
}

.tabs__container {
  background-color: rgba(255, 255, 255, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8823529412rem;
  width: auto;
}

.tabs__container .tabs__item {
  margin: 0 0.2941176471rem;
  padding: 0.2352941176rem 1.1764705882rem;
}

@media (max-width: 639px) {
  .tabs__container {
    justify-content: flex-start;
    overflow-x: auto;
  }
  .tabs__container .tabs__item {
    font-size: 0.8235294118rem;
    padding: 0.2352941176rem 0.8823529412rem;
  }
}

.tabs--entity {
  position: relative;
  z-index: 1;
}

.account-details {
  min-height: 7.0588235294rem;
}

.account-details__wrapper {
  display: inline-flex;
}

@media (max-width: 1023px) {
  .account-details__wrapper {
    margin-top: 0.5882352941rem;
  }
}

.account-details__input, .account-details__text {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.0588235294rem;
  line-height: 1.2222;
  font-weight: 500;
  margin: 0;
  margin-right: auto;
}

.account-details__input span,
.account-details__input input, .account-details__text span,
.account-details__text input {
  background-color: transparent;
  border-color: transparent;
  color: #999d99;
  font-size: 0.8333333333em;
  font-weight: 400;
  margin-top: 0.2941176471rem;
  width: 100%;
}

.account-details__submit {
  display: none;
  margin-right: 0.2941176471rem;
}

.account-details__submit.active {
  animation: scale-display .3s;
  display: inline-flex;
}

.account-details__submit.out {
  animation: scale-display--reversed .3s;
  animation-fill-mode: forwards;
  display: inline-flex;
}

.account-details__list {
  width: 100%;
}

.account-details__list-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1.1764705882rem 1.2941176471rem !important;
  width: 100%;
}

.account-delete {
  margin-bottom: 1.4705882353rem;
}

.account-saved-news__meta {
  padding: 0 0.8702531646%;
  margin-bottom: 0;
}

.account-saved-news__list {
  margin-bottom: 1.4705882353rem;
}

.account-following__section {
  margin-bottom: 1.7647058824rem;
}

.account-following__section-title {
  width: 97.9113924051%;
  float: left;
  margin-left: 1.0443037975%;
  margin-right: 1.0443037975%;
  color: #00d700;
  font-size: 1.1176470588rem;
  padding: 0 1.1764705882rem;
}

.expanded .comments__title, .expanded .comments__list, .expanded .comments__write {
  margin-right: auto;
  margin-left: auto;
  max-width: 42.3529411765rem;
  width: 64.9261603376%;
}

.comments--off-canvas .off-canvas__footer {
  background-color: #fff;
  border-top: 1px solid #e9ece9;
}

.comments__status {
  color: #00af00;
  font-size: 1rem;
  margin-bottom: 0.3529411765em;
}

.comments__title {
  color: #999d99;
  font-size: 0.7058823529rem;
  width: 100%;
}

.comments__expand {
  display: none;
  height: 1.0588235294rem;
  position: absolute;
  top: 1.1764705882rem;
  right: 1.1764705882rem;
  width: 1.0588235294rem;
}

.comments__list {
  width: 100%;
}

@media (min-width: 640px) {
  .comments__expand {
    display: block;
  }
}

@media (max-width: 639px) {
  .comments--off-canvas {
    top: auto;
  }
  .comments__title {
    margin: -0.2941176471rem 0 0 1.6470588235rem;
    width: auto;
  }
}

.comments__header {
  border-bottom: 1px solid #e9ece9;
  padding: 0.7058823529rem 10%;
  text-align: center;
}

.expanded .comments__header {
  padding: 0.7058823529rem 1.1764705882rem;
}

.comments__header-icon {
  color: #00af00;
  display: inline-block;
  fill: transparent;
  height: 1.2941176471rem;
  vertical-align: middle;
  width: 1.2941176471rem;
}

.comments__close {
  color: #666c66;
}

@media (max-width: 639px) {
  .comments__header {
    text-align: left;
    padding: 0.7058823529rem 3.2352941176rem 0.7058823529rem 1.1764705882rem;
  }
}

@media (min-width: 640px) {
  .comments__header {
    padding: 0.7058823529rem 3.5294117647rem;
  }
  .comments__close {
    margin-top: .2em;
    right: auto;
    left: 0.5882352941rem;
  }
}

.comments__header--sub-comments {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.2352941176rem;
}

.comments__header-replies-info {
  color: #00af00;
  font-size: 1rem;
}

.comments__header-reply-icon {
  height: 1.1764705882rem;
  vertical-align: middle;
  width: 1.1764705882rem;
}

.comments__back {
  position: absolute;
  top: 0.5882352941rem;
  left: 0.5882352941rem;
}

@media (max-width: 639px) {
  .comments__header--sub-comments {
    justify-content: flex-start;
    padding: 0.7058823529rem 3.2352941176rem 0.7058823529rem 1.1764705882rem;
  }
  .comments__back {
    top: 0.3529411765rem;
    right: 0.7058823529rem;
    left: auto;
  }
}

.comments__empty-state-container {
  padding-top: 3.5294117647rem;
}

.comments__empty-state-container p {
  margin-bottom: 0;
}

.comments__empty-state {
  font-weight: 500;
  margin-bottom: 0.1764705882rem;
  opacity: .15;
  text-align: center;
}

.comments__empty-state-icon {
  height: 3.5294117647em;
  margin: 0 auto 0.3529411765em;
  opacity: .75;
}

.comments__empty-state-message {
  font-size: 0.9411764706rem;
  text-align: center;
}

.comments__empty-state-container--off-canvas {
  padding-top: 5vh;
}

.comments__empty-state-container--off-canvas .comments__empty-state {
  font-size: 1.1764705882rem;
}

.comments__empty-state-container--off-canvas .comments____empty-state-icon {
  height: 5.8823529412em;
  width: 4.9411764706em;
}

@media (min-height: 675px) {
  .comments__empty-state-container--off-canvas {
    padding-top: 18vh;
  }
  .comments__empty-state-container--off-canvas .comments__empty-state {
    font-size: 1.6470588235rem;
  }
}

.comment {
  margin-bottom: 1.0588235294rem;
}

@media (min-width: 640px) {
  .comment {
    padding-left: 3.5294117647rem;
  }
  .comment--self {
    padding: 0 3.5294117647rem 0 0;
  }
  .expanded .comment {
    padding: 0;
  }
}

.comment__header {
  background: #fff;
  border-radius: 0 5px 0 0;
  padding: 0.8823529412rem 0.8823529412rem 0.8823529412rem 4.1176470588rem;
  position: relative;
}

.comment--self .comment__header {
  padding: 0.8823529412rem 4.1176470588rem 0.8823529412rem 0.8823529412rem;
  text-align: right;
}

@media (min-width: 640px) {
  .comment__header {
    padding: 0.8823529412rem 0.8823529412rem 0;
  }
  .comment__header:before {
    content: '';
    border-top: 0.5882352941rem solid #fff;
    border-right: 0.5882352941rem solid #fff;
    border-bottom: 0.5882352941rem solid transparent;
    border-left: 0.5882352941rem solid transparent;
    height: 0;
    position: absolute;
    top: 0;
    left: -1.1764705882rem;
    width: 0;
  }
  .comment--self .comment__header:before {
    border-right-color: transparent;
    border-left-color: #fff;
    right: -1.1764705882rem;
    left: auto;
  }
  .comment--self .comment__header {
    border-radius: 5px 0 0;
    padding: 0.8823529412rem 0.8823529412rem 0;
    text-align: left;
  }
}

.comment__name {
  font-size: 0.8235294118rem;
  font-weight: 500;
  line-height: 1.2;
}

.comment__name--article-author {
  color: #00af00;
}

.comment__name--article-author:after {
  background: #00af00;
  border-radius: 5px;
  color: #fff;
  content: 'Autor';
  font-size: 0.6470588235rem;
  font-weight: 400;
  letter-spacing: 0.0454545455em;
  margin-left: 0.9090909091em;
  padding: 0.1818181818em 0.9090909091em 0;
}

.comment__time {
  color: #999d99;
  display: block;
  font-size: 0.7058823529rem;
  font-weight: 300;
}

.comment__content {
  transition-timing-function: cubic-bezier(1, 0, 1, 0);
  transition-duration: .75s;
  background: #fff;
  font-size: 0.8823529412rem;
  overflow: hidden;
  padding: 0.3529411765rem 0.8823529412rem;
  position: relative;
  max-height: 300vh;
}

.comment__content:after {
  background-image: linear-gradient(to top, #fff 50%, rgba(255, 255, 255, 0) 100%);
  content: '';
  height: 3.0588235294rem;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.comment__content--collapsed {
  max-height: 5.8823529412rem;
}

.comment__content--collapsed:after {
  opacity: 1;
}

.comment__more {
  color: #00af00;
  font-size: 0.8235294118rem;
  font-weight: 700;
  position: absolute;
  bottom: -0.0588235294rem;
  left: 0.8823529412rem;
  z-index: 1;
}

.comment__footer {
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.comment__actions {
  padding: 0.3529411765rem 0.8823529412rem;
  display: flex;
  justify-content: space-between;
}

.comment__favorites {
  color: #999d99;
  font-size: 0.8235294118rem;
  font-weight: 300;
}

.comment__reply-details {
  background: none;
  border-top: 0.1176470588rem solid #f7f8f7;
  display: flex;
  justify-content: space-between;
  font-size: 0.7647058824rem;
  padding: 0.8823529412rem;
}

.comment__last-reply {
  color: #999d99;
}

.comment__reply-name {
  color: #1a231a;
}

.comment__avatar {
  display: inline-block;
  width: 2.3529411765rem;
}

.comment__avatar--writer {
  position: absolute;
  top: 0.5882352941rem;
  left: 0.8823529412rem;
}

.comment--self .comment__avatar--writer {
  right: 0.8823529412rem;
  left: auto;
}

.comment__avatar--reply {
  vertical-align: middle;
  width: 1.1764705882rem;
}

@media (min-width: 640px) {
  .comment__avatar--writer {
    top: 0;
    left: -3.5294117647rem;
  }
  .comment--self .comment__avatar--writer {
    right: -3.5294117647rem;
  }
}

.comment__icon,
.comment .comment__icon {
  color: #00d700;
  fill: transparent;
  height: 1.8235294118rem;
  margin: 0;
  transition: all .25s ease;
  vertical-align: middle;
  width: 1.6470588235rem;
}

@media (min-width: 1024px) {
  .comment__icon:hover,
  .comment .comment__icon:hover {
    color: #fff;
    fill: #00d700;
  }
}

.comment-context {
  background-color: #fff;
  display: inline-block;
  padding: 0.8823529412rem;
  width: 100%;
}

.comment-context__container {
  border: 1px solid #e6e7e6;
  display: flex;
  align-items: center;
  padding: 0.7647058824rem;
}

.comment-context__container p {
  margin: 0;
  line-height: 1;
}

.comment-context__thumbnail {
  align-self: flex-start;
  flex-shrink: 0;
  height: 3.2352941176rem;
  margin-right: 0.7647058824rem;
  width: 3.2352941176rem;
}

.comment-context__title {
  font-weight: 500;
}

.comment-context__highlight {
  display: inline;
  background-color: #e6f7e6;
  box-shadow: 10px 0 0 #e6f7e6, -10px 0 0 #e6f7e6;
}

.comment-context__highlight-container {
  padding: 0 0.5882352941rem;
}

.comment-context .meta {
  margin-bottom: 0;
}

.comments__write {
  background: #fff;
  margin: 0 auto;
  padding-bottom: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.comments__write:before, .comments__write:after {
  content: '';
  display: block;
  position: absolute;
  right: 1.1764705882rem;
  left: 0;
  z-index: 1;
}

.comments__write:before {
  background-image: linear-gradient(to bottom, #fff 10%, rgba(255, 255, 255, 0) 100%);
  height: 0.5882352941rem;
  top: 0;
}

.comments__write:after {
  background-image: linear-gradient(to top, #fff 75%, rgba(255, 255, 255, 0) 100%);
  height: 3.2352941176rem;
  bottom: -3.2352941176rem;
  pointer-events: none;
}

.comments__write.active:after {
  bottom: 0;
}

.comments__write-avatar {
  display: none;
  position: absolute;
  left: 1.1764705882rem;
  top: 1.7647058824rem;
  z-index: 3;
}

.expanded .comments__write-avatar {
  left: -3.9411764706rem;
}

.comments__input-container {
  max-height: 40vh;
  overflow: auto;
  margin-bottom: 2.2352941176rem;
  transition: margin 0.25s ease-out;
}

.active .comments__input-container {
  margin-bottom: 2.6470588235rem;
}

.comments__input {
  cursor: text;
  font-size: 0.8823529412rem;
  padding: 0.8823529412rem 1.1764705882rem 0;
  position: relative;
}

.comments__input:before {
  transition-duration: .1s;
  color: #999d99;
  content: attr(placeholder);
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.comments__input:empty:before {
  opacity: 1;
}

.expanded .comments__input {
  padding-left: 0;
}

.comments__write-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate3d(0, 100%, 0);
  z-index: 2;
}

.active .comments__write-actions {
  transform: translate3d(0, 0, 0);
}

.comments__post-comment {
  float: right;
  height: 3.2352941176rem;
  padding-right: 1.8823529412rem;
}

@media (min-width: 640px) {
  .comments__write:before {
    height: 1.7647058824rem;
  }
  .comments__write-avatar {
    display: block;
  }
  .comments__input {
    padding: 2.2352941176rem 1.1764705882rem 2.2352941176rem 4.7058823529rem;
  }
}

@media (max-height: 500px) {
  .comments__write.active {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .comments__input-container {
    max-height: calc( 100vh - 2.6470588235rem);
  }
}

@media (max-height: 170px) {
  .comments__write.active {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .comments__write.active::before, .comments__write.active::after {
    display: none;
  }
  .comments__write-avatar {
    display: none;
  }
  .comments__input-container {
    height: 100vh;
    max-height: none;
  }
  .comments__input {
    padding-left: 1.1764705882rem;
    padding-right: 0;
    margin-right: 13.5294117647rem;
    position: relative;
    z-index: 1;
  }
}

.inputs-toggle__wrapper input.inputs-toggle__input + label:after {
  content: "";
  position: absolute;
  display: block;
}

.inputs-toggle__wrapper input.inputs-toggle__input + label:after {
  transition: 0.35s cubic-bezier(0.36, 0.02, 0.04, 1.15);
}

.inputs-toggle__wrapper input.inputs-toggle__input {
  opacity: 0;
  position: absolute;
}

.inputs-toggle__wrapper input.inputs-toggle__input + label {
  border: 1px solid #D9DAD9;
  border-radius: 3.5294117647rem;
  background-color: #D9DAD9;
  display: block;
  height: 1.5294117647rem;
  position: relative;
  transition: .4s ease;
  width: 2.9411764706rem;
  -webkit-tap-highlight-color: transparent;
}

.inputs-toggle__wrapper input.inputs-toggle__input + label:after {
  background: #fff;
  height: 1.1764705882rem;
  width: 1.1764705882rem;
  top: 0.1176470588rem;
  left: 0.1176470588rem;
  border-radius: 50%;
}

.inputs-toggle__wrapper input.inputs-toggle__input:checked + label {
  background: #00d700;
  border: 1px solid #00d700;
}

.inputs-toggle__wrapper input.inputs-toggle__input:checked + label:after {
  left: 27px;
}

.inputs-toggle__list {
  width: 100%;
}

.inputs-toggle__list-item {
  border-bottom: 1px solid #f7f8f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.1764705882rem 1.2941176471rem !important;
  width: 100%;
}

.inputs-toggle__list-item:last-child {
  border: 0;
}

.inputs-toggle__text {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.0588235294rem;
  line-height: 1.2222;
  font-weight: 500;
  margin: 0;
}

.inputs-toggle__text span {
  color: #999d99;
  font-size: 0.8333333333em;
  font-weight: 400;
  width: 100%;
}

.explainer.header {
  padding: 3.2352941176rem 0;
  position: relative;
}

.explainer .full-bg {
  z-index: 0;
}

.explainer .full-bg:before {
  content: '';
  background: linear-gradient(to top, #000A00 0%, transparent 100%);
  opacity: .4;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.explainer .full-bg:after {
  background-color: rgba(0, 175, 0, 0.93);
}

.explainer .tag {
  color: #00d700;
}

.explainer .tag--main-topic, .explainer .tag--section-title {
  border-color: #00d700;
  color: #00d700;
}

.explainer .icon-button {
  color: #00d700;
  margin-bottom: 1.1764705882rem;
}

.explainer .meta {
  margin: 0;
}

.explainer .meta__time {
  color: #e6f7e6;
}

.explainer__container {
  margin-top: 2.9411764706rem;
  min-height: 20rem;
  position: relative;
}

.explainer__container .tags, .explainer__container .tags--list {
  margin: 0 1.0443037975%;
}

.explainer__container .title {
  margin: 0;
}

.explainer__container .explainer__lead {
  margin-top: 2.3529411765rem;
}

.explainer__container .card__bottom-section {
  margin-top: 2.6470588235rem;
}

@media (max-width: 639px) {
  .explainer__container .card__bottom-section .meta__block {
    justify-content: center;
    margin: 0 auto 1.1764705882rem;
    max-width: 17.6470588235rem;
    width: 100%;
  }
  .explainer__container .card__bottom-section .meta__block .social {
    justify-content: center;
  }
}

.explainer__share-wrapper {
  position: absolute;
  left: 3.5294117647rem;
  z-index: 0;
}

.explainer__share-wrapper .meta__block {
  margin-top: 0.8823529412rem;
}

.explainer__share-wrapper .social__item {
  color: #fff !important;
}

@media (max-width: 639px) {
  .explainer__share-wrapper {
    left: 0;
    justify-content: center;
    position: relative;
    width: 100%;
  }
  .explainer__share-wrapper .meta__block {
    margin-left: 0 !important;
    justify-content: center;
    width: 100%;
  }
}

.explainer-cover {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.8823529412rem;
}

.explainer-cover .sponsor-credits {
  margin-left: 1.7647058824rem;
}

.explainer-cover .sponsor-credits__label {
  color: #fff;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .explainer-cover .title {
    font-size: 4.7vw;
  }
}

@media (max-width: 639px) {
  .explainer-cover {
    flex-direction: column;
    margin-top: 0;
  }
  .explainer-cover .sponsor-credits {
    margin: 0 auto;
  }
  .explainer-cover .title {
    font-size: 1.4705882353rem;
    margin-bottom: 0;
  }
  .explainer-cover .meta {
    margin-top: 0;
    margin-bottom: 2.3529411765rem;
  }
  .explainer-cover .explainer__lead {
    margin-bottom: 0.8823529412rem;
  }
}

.explainer-cover__info {
  width: 57.9113924051%;
  float: left;
  margin-left: 1.0443037975%;
  margin-right: 1.0443037975%;
  padding-bottom: 2.9411764706rem;
  position: relative;
}

@media (max-width: 639px) {
  .explainer-cover__info {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    margin-top: 0.5882352941rem;
    padding-bottom: 0.8823529412rem;
  }
}

.explainer-cover__index {
  width: 37.9113924051%;
  float: right;
  margin-left: 1.0443037975%;
  margin-right: 1.0443037975%;
  margin-top: 0.4117647059rem;
  padding-left: 2.9411764706rem;
}

@media (max-width: 639px) {
  .explainer-cover__index {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    padding-left: 1.7647058824rem;
  }
}

.explainer-cover__question-list {
  display: flex;
  flex-wrap: wrap;
}

.explainer-cover__question {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  margin: 0;
  padding: 0.5882352941rem 0;
}

.explainer-cover__question:before {
  color: #00d700;
}

.explainer-cover__question:first-child {
  border-top: 0;
}

.explainer-cover__question-title {
  font-size: 0.8823529412rem;
  line-height: 1.333;
  margin: 0;
}

@media (max-width: 639px) {
  .explainer-cover__question-title {
    font-size: 0.8235294118rem;
  }
}

.explainer-question {
  padding-bottom: 4.1176470588rem;
  margin: 0.5882352941rem;
}

.explainer-question .title {
  width: 87.9113924051%;
}

@media (min-width: 640px) and (max-width: 1023px) {
  .explainer-question .title {
    font-size: 4.7vw;
  }
}

.explainer-question .sponsor-credits {
  margin: 0.8823529412rem 0 0 1.7647058824rem;
}

.explainer-question .sponsor-credits__label {
  color: #fff;
}

.explainer-question__content {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  margin-top: 2.3529411765rem;
}

@media (max-width: 639px) {
  .explainer-question__content {
    flex-direction: column;
  }
}

@media (max-width: 639px) {
  .explainer-question {
    padding-bottom: 0;
  }
  .explainer-question .sponsor-credits {
    margin: 0 auto;
  }
  .explainer-question .title {
    font-size: 1.4705882353rem;
    margin-bottom: 0;
  }
  .explainer-question p {
    font-size: 0.8823529412rem;
  }
}

.explainer-question__card-wrapper {
  display: none;
  height: auto;
  padding: 1.4705882353rem 1.1764705882rem 0 !important;
  position: relative;
  width: 100%;
}

.explainer-question__card-wrapper.explainer-question--selected {
  display: block;
}

.explainer-question__card-wrapper .card__bottom-section {
  bottom: -4.7058823529rem;
}

.explainer-question__card {
  background-color: #fff;
  color: #1a231a;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  opacity: 1;
  overflow: visible;
  padding: 0;
  transition: all .25s ease;
  width: 100%;
}

.explainer-question__card > li {
  list-style: none;
  margin: 0;
}

.explainer-question__card > li:before {
  display: none;
}

.explainer-question__card .theiaStickySidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.explainer-question__card .card__title {
  font-size: 1.7647058824em;
  padding-right: 4.7058823529rem;
}

.explainer-question__card .card__info {
  padding-top: 0;
}

.explainer-question__card .meta__group {
  margin-top: 0;
}

.explainer-question__card .gallery {
  margin-right: -1.1764705882rem;
  margin-left: -1.1764705882rem;
}

.explainer-question__card .gallery img {
  max-height: 100%;
}

.explainer-question__card .gallery__slide-meta {
  padding-left: 7.6470588235rem;
}

.explainer-question__card .gallery__controls {
  padding: 0 1.1764705882rem;
}

.explainer-question__card p img {
  display: block;
  margin: 0 auto;
}

.explainer-question__card .full-width {
  margin-top: 0;
  margin-left: -1.1764705882rem;
  width: calc(100% + 40px);
}

@media (max-width: 639px) {
  .explainer-question__card {
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    height: auto;
  }
  .explainer-question__card .card__title {
    font-size: 1.2941176471em;
  }
}

.explainer-question__top-navigation {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.explainer-question__top-navigation .icon--go {
  display: block;
  color: #00af00;
  cursor: pointer;
  margin-left: 1.1764705882rem;
}

@media (max-width: 639px) {
  .explainer-question__top-navigation .icon--go {
    margin-left: 0.8823529412rem;
  }
}

@media (min-width: 1024px) {
  .explainer-question__top-navigation .icon--go:hover {
    color: #00af00;
    transform: translateX(3px);
  }
  .explainer-question__top-navigation .icon--go-inverted:hover {
    color: #00af00;
    transform: rotate(180deg) translateX(3px);
  }
}

.explainer-question__top-navigation svg {
  display: block;
  margin: 0 auto;
}

.explainer-question__bottom-navigation {
  background-color: #00af00;
  border-top: 1px solid #e6e7e6;
  border-radius: 0 0 0.2941176471rem 0.2941176471rem;
  font-size: 0.8235294118rem;
  font-weight: 400;
  margin: 1.1764705882rem -1.1764705882rem 0;
  margin-top: auto;
  padding: 1.7857142857em 1.0714285714em;
  text-align: right;
  margin-bottom: -0.1176470588rem;
}

.explainer-question__bottom-navigation .meta__text {
  color: rgba(255, 255, 255, 0.3);
}

.explainer-question__bottom-navigation .icon-button {
  color: #fff;
  cursor: pointer;
}

.explainer-question__bottom-navigation .icon-button:hover {
  opacity: .6;
}

.explainer-question__bottom-navigation .icon-button:hover .icon--go {
  transform: translateX(3px);
}

.explainer-question__bottom-navigation .icon--go {
  margin-left: 0.5882352941rem;
}

.explainer-question__bottom-navigation p,
.explainer-question__bottom-navigation a {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}

.explainer-question__bottom-navigation p .icon-button,
.explainer-question__bottom-navigation a .icon-button {
  margin: 0;
}

@media (max-width: 639px) {
  .explainer-question__bottom-navigation {
    background-color: #00af00;
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    text-align: left;
  }
  .explainer-question__bottom-navigation .meta__text {
    color: rgba(255, 255, 255, 0.3);
  }
  .explainer-question__bottom-navigation .icon-button {
    color: #fff;
  }
}

.show-index .explainer-question__card {
  height: 0 !important;
  opacity: 0 !important;
  z-index: -1;
}

.show-index .index-counter__question-link-wrapper {
  max-height: 150px;
  opacity: 1;
  padding-left: 2.3529411765rem;
  width: 80vw;
  z-index: 1;
}

.show-index .index-counter__question-link-content {
  background-color: transparent;
  opacity: 1;
}

.show-index .index-counter__question-link-content:before {
  content: none;
}

.show-index .index-counter__question-link {
  color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1024px) {
  .show-index .index-counter__question-link:hover {
    color: #fff;
  }
}

@media (min-width: 1024px) {
  .show-index .index-counter__question-container:hover .index-counter__question-link-wrapper {
    padding-left: 2.3529411765rem;
  }
}

.index-counter {
  display: inline-block;
  min-width: 2.3529411765rem;
  margin-right: 1.1764705882rem;
}

.index-counter .theiaStickySidebar {
  display: inline-flex;
  align-content: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height: 50vh;
  z-index: 1;
}

.index-counter__list {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.index-counter__number, .index-counter__button {
  background-color: transparent;
  border: 1px solid #00d700;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  align-items: center;
  font-size: 0.7647058824rem;
  justify-content: center;
  line-height: 1;
  padding: 0.1176470588rem;
  position: relative;
  text-align: center;
  transition: all .25s ease;
  user-select: none;
}

.index-counter__button {
  height: 2.3529411765rem;
  width: 2.3529411765rem;
}

.index-counter__number {
  height: 1.7647058824rem;
  width: 1.7647058824rem;
}

.index-counter__line, .liveblog-timeline__line {
  position: relative;
  flex: 1 1 1.7647058824rem;
  width: 1.7647058824rem;
}

.index-counter__line:fist-of-type, .liveblog-timeline__line:fist-of-type {
  flex-grow: 5;
}

.index-counter__line:after, .liveblog-timeline__line:after {
  content: '';
  background-color: #00d700;
  height: 100%;
  position: absolute;
  left: calc(50% - 1px);
  bottom: 0;
  width: 2px;
}

.index-counter a {
  text-decoration: none;
  background-image: none;
}

@media (max-width: 639px) {
  .index-counter {
    background-color: #00af00;
    border-radius: 0.2941176471rem 0.2941176471rem 0 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    float: none;
    margin-left: 0;
    min-height: 3.5294117647rem;
    padding: 0.5882352941rem 0.7647058824rem;
    position: relative !important;
    top: 0 !important;
    width: 100%;
  }
  .index-counter .theiaStickySidebar {
    display: block;
    min-height: 2.3529411765rem;
  }
  .index-counter .index-counter__line, .index-counter .liveblog-timeline__line,
  .index-counter .index-counter__number {
    display: none;
  }
  .index-counter .index-counter__button:after {
    content: 'Índice';
    position: absolute;
    top: 50%;
    right: -2.9411764706rem;
    transform: translateY(-50%);
  }
  .index-counter .index-counter__question-link-content {
    font-size: 0.8235294118rem;
  }
  .show-index .index-counter {
    padding-bottom: 3.5294117647rem;
  }
  .show-index .index-counter .theiaStickySidebar {
    display: flex;
    align-items: center;
  }
  .show-index .index-counter .index-counter__line, .show-index .index-counter .liveblog-timeline__line,
  .show-index .index-counter .index-counter__number {
    display: inline-flex;
  }
}

.index-counter__question {
  position: relative;
}

.index-counter__question-link-content {
  cursor: pointer;
}

.index-counter__question-container {
  position: relative;
  cursor: pointer;
  z-index: 3;
}

@media (min-width: 640px) {
  .index-counter__question-container:hover .index-counter__number {
    background-color: #000A00;
    border: 1px solid #000A00;
  }
  .index-counter__question-container:hover .index-counter__question-link-wrapper {
    display: inline-block;
    opacity: 1;
    padding-left: 3.2352941176rem;
    max-height: 100vh;
    z-index: 1;
  }
  .index-counter__question-container:hover .index-counter__question-link-content {
    opacity: 1;
  }
  .index-counter__question-container:hover .index-counter__question-link-content:before {
    left: 3.0588235294rem;
    opacity: 1;
  }
}

.index-counter__question-container.explainer-question--selected .index-counter__number {
  background-color: #fff;
  border: 1px solid #fff;
  color: #00af00;
  font-weight: 700;
}

.index-counter__question-container.explainer-question--selected .index-counter__question-link {
  color: #fff;
}

.index-counter__button-container {
  cursor: pointer;
  position: relative;
  z-index: 100;
}

@media (min-width: 640px) {
  .index-counter__button:hover .line-1, .index-counter__button:focus .line-1 {
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
  }
  .index-counter__button:hover .line-3, .index-counter__button:focus .line-3 {
    transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
  }
}

.index-counter__button.active .line-1 {
  transform: translateY(6px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
  -moz-transform: translateY(6px) translateX(0) rotate(45deg);
}

.index-counter__button.active .line-2 {
  opacity: 0;
}

.index-counter__button.active .line-3 {
  transform: translateY(-6px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
}

.index-counter__button-link {
  width: 20px;
  height: 12px;
  position: relative;
  display: block;
  margin: 0;
}

.index-counter__button-link .line {
  display: block;
  background: #ecf0f1;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 0;
  border-radius: 1px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.index-counter__button-link .line.line-1 {
  top: 0;
}

.index-counter__button-link .line.line-2 {
  top: 50%;
}

.index-counter__button-link .line.line-3 {
  top: 100%;
}

.obsession .obsession__title {
  color: #00d700;
  font-size: 2.5882352941rem;
  margin: 0.2941176471rem auto;
}

@media (min-width: 1024px) {
  .obsession .obsession__title:hover {
    color: #00d700;
  }
}

.obsession__lead {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6470;
}

.obsession .card,
.obsession .full-width,
.obsession .grid-block .full-width,
.obsession .grid-block--highlight .full-width {
  margin-bottom: 1.1764705882rem;
}

.obsession .card--horizontal, .obsession .card--text, .obsession .card--comment {
  display: flex;
}

.obsession .card--horizontal .card__info, .obsession .card--text .card__info, .obsession .card--comment .card__info {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  height: auto;
}

.obsession .card--explainer .card__bg {
  height: auto;
  min-height: 100%;
  min-width: 100%;
}

.obsession .card--explainer .card__info {
  width: 100%;
}

.obsession .card--explainer .card__bottom-section {
  position: absolute;
  bottom: 0;
  left: 0;
}

.obsession .card--explainer .card__bottom-section .tags, .obsession .card--explainer .card__bottom-section .tags--list {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .obsession .card--horizontal .card__explainer-header, .obsession .card--text .card__explainer-header, .obsession .card--comment .card__explainer-header,
  .obsession .card--horizontal .card__image,
  .obsession .card--text .card__image,
  .obsession .card--comment .card__image {
    width: 49.1297468354%;
    margin: 0;
  }
  .obsession .card--explainer .card__bottom-section {
    left: 0;
    margin-bottom: 0;
    padding: 0 1.7058823529rem;
    position: relative;
  }
}

@media (max-width: 639px) {
  .obsession .card__bottom-section {
    padding: 0 0.7058823529rem;
  }
  .obsession .card__bottom-section .tags, .obsession .card__bottom-section .tags--list {
    margin: 0;
  }
}

.obsession__header, .single-obsession__header {
  margin-bottom: 1.1764705882rem;
  padding-top: 5.8823529412rem;
  text-align: center;
}

.obsession__header .full-bg:after, .single-obsession__header .full-bg:after {
  background-color: rgba(0, 10, 0, 0.75);
}

.single-obsession__title {
  font-size: 2.5882352941rem;
  line-height: 1;
  margin: 0;
}

.single-obsession__title-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.single-obsession__header {
  text-align: left;
}

.single-obsession__header .sponsor-credits {
  justify-content: flex-start;
}

@media (max-width: 639px) {
  .single-obsession__header {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
  .single-obsession__header .container, .single-obsession__header .full-width__container, .single-obsession__header .newsletter__container {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
  }
}

.message {
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: flex-start;
  min-height: 2.9411764706rem;
  overflow: hidden;
  padding: 0.8823529412rem;
  position: relative;
}

@media (max-width: 639px) {
  .message {
    flex-wrap: wrap;
  }
  .message input {
    margin-top: 0.5882352941rem;
  }
}

.message__container {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: auto;
}

.message__text {
  font-size: 1.0588235294rem;
  line-height: 1.166;
  margin: 0;
}

.message__suggested-action {
  font-size: 0.8333333333em;
  font-weight: 400;
  width: 100%;
}

.message--success {
  background-color: #ebf9eb;
}

.message--success .message__text {
  color: #00af00;
}

.message--success .message__suggested-action {
  color: #82d882;
}

.message--error {
  background-color: #fdebeb;
}

.message--error .message__text {
  color: #e10000;
}

.message--error .message__suggested-action {
  color: #f08282;
}

.edit-profile-status {
  background-color: transparent;
  border-radius: 0.2941176471rem;
  border: 0px solid #e10000;
  color: inherit;
  display: flex;
  margin: 0;
  align-items: center;
  opacity: 0;
  padding: 0;
  transition: all .25s ease;
}

.edit-profile-status.error, .edit-profile-status.success {
  margin: 1.1764705882rem;
  opacity: 1;
  padding: 0.5882352941rem;
}

.edit-profile-status.error {
  background-color: #fdebeb;
  color: #e10000;
  border: 1px solid #e10000;
}

.edit-profile-status.success {
  background-color: #ebf9eb;
  color: #00af00;
  border: 1px solid #00af00;
}

.newsletter__title {
  font-size: 1.4117647059rem;
  margin: 0;
  padding: 0 1.4117647059rem;
  text-align: center;
}

.newsletter__preview {
  color: #999d99;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.newsletter__preview svg {
  fill: #999d99;
}

.newsletter .card__bottom-section {
  border-top: 0.0588235294rem solid #e6e7e6;
  position: absolute;
  right: 2px;
  bottom: 0;
  left: 2px;
  padding: 0.7647058824rem;
  width: auto;
}

.newsletter-header {
  background-color: #00af00;
}

.newsletter-header__container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.4117647059rem 0;
}

.newsletter-header__container .title {
  font-size: 2rem;
  margin: 0;
  text-align: center;
}

.newsletter__container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.8823529412rem;
}

.newsletter__card {
  width: 98.2594936709%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1764705882rem 1.1764705882rem 3.2352941176rem;
  margin-bottom: gutter 24;
}

@media (min-width: 640px) {
  .newsletter__card {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.has-bg-color .newsletter__card--checked, .search .newsletter__card--checked, .home .newsletter__card--checked {
  background-color: #e6f7e6;
}

.newsletter__card .portrait, .newsletter__card .liveblog-author-avatar img, .liveblog-author-avatar .newsletter__card img {
  margin-bottom: 0;
  width: 5.8823529412rem;
}

.newsletter__card .card__info {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  order: 0 !important;
}

.newsletter__card .meta__info, .newsletter__card .liveblog-author-name {
  margin: 0;
}

.newsletter__description {
  color: #000A00;
  font-size: 1rem;
  margin: 0.2941176471rem 0;
}

.newsletter__frequency {
  color: #00af00;
  font-size: 1rem;
}

.newsletter__input input {
  cursor: pointer;
  position: absolute;
  top: 1.1764705882rem;
  right: 1.1764705882rem;
  visibility: hidden;
  z-index: 1;
}

.newsletter__input input + span {
  cursor: pointer;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 1.1764705882rem;
  right: 1.1764705882rem;
  visibility: visible;
  z-index: 1;
}

.newsletter__input input + span:before, .newsletter__input input + span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
}

.newsletter__input input + span:before {
  content: '';
  background-color: #f7f8f7;
  border: 1px solid #999d99;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 1.5294117647rem;
  width: 1.5294117647rem;
}

.newsletter__input input + span:after {
  content: url(https://eco.pt/content/themes/eco-theme/assets/images/sprite-svg-src/CheckboxChecked.svg);
  color: #fff;
  height: 1.5294117647rem;
  opacity: 0;
  width: 1.5294117647rem;
  z-index: 1;
}

.newsletter__input input:checked + span:before {
  background-color: #00af00;
  border: 1px solid #00af00;
}

.newsletter__input input:checked + span:after {
  opacity: 1;
}

.newsletter__input input:checked + span ~ label {
  border-radius: 0.2941176471rem;
  border: 2px solid #00af00;
  cursor: pointer;
}

.newsletter__input label {
  border: 2px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: .7;
}

#newsletter__form {
  position: relative;
  padding-bottom: 4.4117647059rem;
}

.newsletter__submit-block {
  background-color: rgba(0, 175, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  padding: 1.1764705882rem;
  transition: all 1s ease;
  transform: translateY(100%);
  width: 100%;
}

.newsletter__submit-block .newsletter__input-wrapper {
  position: relative;
}

.newsletter__submit-block .newsletter__submit-button {
  color: #fff;
  height: 1.5294117647rem;
  opacity: .4;
  position: absolute;
  top: 0.4117647059rem;
  right: 0.5882352941rem;
  width: 1.5294117647rem;
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .newsletter__submit-block .newsletter__submit-button:hover {
    opacity: 1;
  }
}

.newsletter__submit-block .newsletter__submit-button--disabled, .newsletter__submit-block .newsletter__submit-button--disabled:hover {
  opacity: 0.15;
  cursor: auto;
}

.newsletter__submit-block label {
  color: #fff;
  font-size: 1.0588235294em;
  margin-right: 1.1764705882rem;
}

.newsletter__submit-block input {
  border-radius: 2.3529411765rem;
  border: 0;
  background-color: #33bf33;
  color: #fff;
  font-size: 0.8235294118em;
  padding: 0.5294117647rem 2.3529411765rem 0.5294117647rem 1.0588235294rem;
  width: 17.6470588235rem;
}

.newsletter__submit-block input::-webkit-input-placeholder {
  color: #fff;
}

.newsletter__submit-block input:-ms-input-placeholder {
  color: #fff;
}

.newsletter__submit-block input::-moz-placeholder {
  color: #fff;
}

.newsletter__submit-block input:-webkit-autofill + button {
  color: #00af00;
  opacity: 1;
}

.newsletter__submit-block input:-moz-autofill + button {
  color: #00af00;
  opacity: 1;
}

#map {
  height: 50vh;
  min-height: 20.5882352941rem;
  max-height: 32.3529411765rem;
  width: 100%;
}

.map__wrapper {
  position: relative;
}

.map__info {
  background-color: rgba(0, 10, 0, 0.1);
  display: flex;
  flex-direction: column;
  font-weight: 400;
  min-height: 7.9411764706rem;
  padding: 0.7058823529rem;
  position: absolute;
  right: 1.4705882353rem;
  bottom: 1.4705882353rem;
  width: 15.8823529412rem;
}

.map__info-title {
  color: #00d700;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 0.9411764706rem;
}

.map__info-address {
  color: #fff;
  font-size: 0.8235294118rem;
  margin-bottom: 1.4705882353rem;
  padding-right: 2.9411764706rem;
}

.map__info-contact {
  color: #fff;
  font-size: 0.8235294118rem;
  margin-top: auto;
  margin-bottom: 0;
}

.map__info-contact a {
  color: #00d700;
}

.map__info-icon {
  height: 1.7647058824rem;
  position: absolute;
  top: 0.7058823529rem;
  right: 0.7058823529rem;
  width: 1.7647058824rem;
}

.contacts__card {
  min-height: 10.5882352941rem;
}

@media (max-width: 639px) {
  .contacts__card {
    width: 98.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

.contacts__card .card__info {
  padding: 1.4705882353rem 0.8823529412rem;
}

.contacts__card .card__title {
  color: #00d700;
  font-size: 1.7647058824rem;
  font-weight: 500;
  padding: 0 0.2941176471rem;
}

@media (min-width: 1024px) {
  .contacts__card .card__title:hover {
    color: #00d700;
  }
}

.contacts__card .card__text {
  font-size: 0.8823529412rem;
}

.contacts__card a {
  color: #00d700;
}

#liveblog-container {
  font-family: 'Fira Sans';
  margin-bottom: 2.9411764706rem;
  position: relative;
}

#liveblog-container .button {
  background-color: #00af00;
  border: 0;
  box-shadow: none;
  color: #fff;
  padding: 0.2941176471rem 0.5882352941rem;
}

@media (min-width: 1024px) {
  #liveblog-container .button:hover {
    background-image: none;
    background-color: #00d700;
    border: 0;
    box-shadow: none;
    text-shadow: none;
  }
}

#liveblog-container .liveblog-entry-actions {
  position: absolute;
  top: 0;
  right: -1.7405063291%;
  transform: translate(100%, 50%);
}

#liveblog-container .liveblog-entry-actions li {
  display: flex;
  flex-direction: column;
}

#liveblog-container .liveblog-entry-actions li button {
  border-radius: 50%;
  box-shadow: 0 0 5px 0 #f7f8f7;
  color: rgba(0, 10, 0, 0.7);
  height: 2.0588235294rem;
  margin-top: 0.1764705882rem;
  margin-right: 0;
  margin-bottom: 0.1764705882rem;
  padding: 0.3529411765rem;
  transition: all .25s ease;
  width: 2.0588235294rem;
}

@media (min-width: 1024px) {
  #liveblog-container .liveblog-entry-actions li button:hover {
    background-image: none;
    background: none;
  }
}

#liveblog-container .liveblog-entry-actions li .liveblog-entry-edit {
  background-color: #ebf9eb;
  border: 1px solid #82d882;
  color: #82d882;
}

@media (min-width: 1024px) {
  #liveblog-container .liveblog-entry-actions li .liveblog-entry-edit:hover {
    background-color: #82d882 !important;
    box-shadow: 0 0 5px 0 #f7f8f7;
    color: #fff;
  }
}

#liveblog-container .liveblog-entry-actions li .liveblog-entry-delete {
  background-color: #fdebeb;
  border: 1px solid #f08282;
  color: #f08282;
}

@media (min-width: 1024px) {
  #liveblog-container .liveblog-entry-actions li .liveblog-entry-delete:hover {
    background-color: #f08282 !important;
    box-shadow: 0 0 5px 0 #f7f8f7;
    color: #fff;
  }
}

#liveblog-container .liveblog-submit-wrapper .liveblog-entry-delete {
  background-color: #fdebeb;
  border: 1px solid #f08282;
  color: #f08282;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 #f7f8f7;
  height: 2.0588235294rem;
  margin-top: 0.1764705882rem;
  margin-right: 0;
  margin-bottom: 0.1764705882rem;
  opacity: .3;
  padding: 0.3529411765rem;
  position: absolute;
  top: -0.7647058824rem;
  right: -1.7647058824rem;
  transition: all .25s ease;
  transform: translate(100%, 50%);
  width: 2.0588235294rem;
}

@media (min-width: 1024px) {
  #liveblog-container .liveblog-submit-wrapper .liveblog-entry-delete:hover {
    background-color: #f08282 !important;
    box-shadow: 0 0 5px 0 #f7f8f7;
    color: #fff;
    opacity: 1;
  }
}

.liveblog-form {
  width: 100%;
  z-index: 1;
}

.liveblog-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.liveblog__key-symbol {
  height: 0.8823529412rem;
  margin: 0;
  width: 0.8823529412rem;
}

.liveblog__key-symbol svg {
  display: block;
}

.liveblog-actions legend ul .active a {
  color: #00af00;
}

@media (min-width: 1024px) {
  .liveblog-actions legend ul .active a:hover {
    color: #00af00;
  }
}

.liveblog-actions legend ul a {
  color: #000A00;
}

.liveblog-actions legend ul a:hover {
  color: #00af00;
}

.liveblog-html-edit-toggle {
  display: none !important;
}

.liveblog-meta-time {
  color: #00af00;
  font-size: 0.9411764706rem !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.liveblog-meta-time a {
  text-transform: none;
}

.liveblog-meta .meta__block + .meta__block {
  margin-left: 0;
}

.liveblog-author-avatar {
  margin-right: 0 !important;
}

.liveblog-author-name {
  margin-right: auto;
  font-size: 0.7647058824rem !important;
}

.liveblog-entry {
  border: 0;
  overflow: visible;
}

@media (min-width: 640px) {
  .liveblog-entry {
    margin-top: -4.1176470588rem;
    padding-top: 4.1176470588rem;
  }
}

.liveblog-entry .liveblog-entry-text {
  margin-left: 0;
  width: 100%;
}

.liveblog-entry .liveblog-entry-text p {
  line-height: 1.5882352941;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  margin-bottom: 0.8823529412rem;
  /* to be reviewed fixme: Borecos & nCato */
}

.liveblog-entry .liveblog-entry-text div {
  margin-bottom: 0.8823529412rem;
  /* to be reviewed fixme: Borecos & nCato */
}

.liveblog-entry .liveblog-entry-text img,
.liveblog-entry .liveblog-entry-text iframe {
  margin-right: -1.1764705882rem;
  margin-left: -1.1764705882rem;
  max-width: calc( 100% + 40px);
  width: calc( 100% + 40px);
}

.liveblog-entry .liveblog-entry-text .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}

.liveblog-entry .liveblog-entry-text .twitter-tweet::shadow .EmbeddedTweet {
  margin: 0 auto;
}

.liveblog-entry .liveblog-entry-text a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(to top, transparent 0.1176470588em, #00af00 0.1176470588em, #00af00 0.2352941176em, transparent 0.2352941176em);
  transition: all .25s ease;
}

@media (min-width: 1024px) {
  .liveblog-entry .liveblog-entry-text a:hover {
    color: #00af00;
  }
}

.liveblog-entry .liveblog-entry-text[data-original-content*="play.spotify"] iframe {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 639px) {
  .liveblog-entry:not(.liveblog-card):first-child {
    padding-top: 0;
  }
}

.liveblog-entries__wrapper {
  position: relative;
}

.liveblog-entries__wrapper.show-index .liveblog-entries {
  display: none;
}

.liveblog-card {
  align-items: flex-start;
  background-color: #f7f8f7 !important;
  border: none;
  float: none;
  margin: 0 auto 1.1764705882rem;
  min-height: 11.7647058824rem;
  overflow: visible;
  padding: 1.1764705882rem;
  width: 100%;
}

@media (max-width: 639px) {
  .liveblog-card:first-child {
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    margin-top: -1px;
  }
}

.liveblog-card .liveblog__key-symbol {
  display: none;
}

.type-key .liveblog-card {
  background-color: #eaf8ea !important;
  border: 1px solid rgba(0, 175, 0, 0.5);
}

.type-key .liveblog-card .liveblog__key-symbol {
  display: block;
}

.has-bg-color .liveblog-card, .search .liveblog-card, .home .liveblog-card {
  background-color: #fff !important;
}

.liveblog-timeline {
  display: inline-flex;
  align-content: stretch;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  float: left;
  height: auto;
  margin-top: 0.5882352941rem;
  margin-left: -3.4117647059rem;
  z-index: 1;
}

@media (max-width: 639px) {
  .liveblog-timeline {
    max-height: 3.5294117647rem;
  }
}

.liveblog-timeline__line:after {
  background-color: #e6e7e6;
}

.liveblog-timeline__line:last-child {
  border-bottom: 2px solid #e6e7e6;
  width: 0.8823529412rem;
}

.liveblog-timeline__milestone {
  position: relative;
  cursor: pointer;
}

.liveblog-timeline__milestone-symbol {
  background-color: #fff;
  border: 2px solid #e6e7e6;
  border-radius: 50%;
  display: block;
  height: 0.5882352941rem;
  position: relative;
  width: 0.5882352941rem;
}

@media (min-width: 640px) {
  .liveblog-timeline__milestone:hover {
    overflow: visible;
  }
  .liveblog-timeline__milestone:hover .liveblog-timeline__milestone-symbol {
    background-color: rgba(0, 10, 0, 0.9);
    border: 2px solid #000A00;
  }
  .liveblog-timeline__milestone:hover .liveblog-timeline__milestone-info, .liveblog-timeline__milestone:hover .index-counter__question-link-wrapper {
    opacity: 1;
    padding-left: 2.3529411765rem;
    max-height: 100vh;
    z-index: 1;
  }
  .liveblog-timeline__milestone:hover .liveblog-timeline__milestone-info-content, .liveblog-timeline__milestone:hover .index-counter__question-link-content {
    opacity: 1;
  }
  .liveblog-timeline__milestone:hover .liveblog-timeline__milestone-info-content:before, .liveblog-timeline__milestone:hover .index-counter__question-link-content:before {
    left: 2.1764705882rem;
    opacity: 1;
  }
}

.liveblog-timeline__milestone-info, .index-counter__question-link-wrapper {
  display: inline-block;
  max-height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  padding-left: 0;
  transform: translateY(-50%);
  transition: all .25s ease;
  width: 30vw;
  overflow: hidden;
  z-index: 2;
}

.liveblog-timeline__milestone-info-content, .index-counter__question-link-content {
  background-color: rgba(0, 10, 0, 0.9);
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  opacity: 0;
  padding: 0.8823529412rem;
  color: #fff;
  transition: all .25s ease;
}

.liveblog-timeline__milestone-info-content:hover, .index-counter__question-link-content:hover {
  color: #00d700;
}

.liveblog-timeline__milestone-info-content:before, .index-counter__question-link-content:before {
  content: '';
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 10, 0, 0.9);
  border-left: 10px solid rgba(0, 10, 0, 0.9);
  border-radius: 0 0 0 4px;
  display: block;
  height: 0;
  margin-top: -0.2352941176rem;
  opacity: 0;
  position: absolute;
  left: 2.9411764706rem;
  top: 50%;
  transition: all .24s ease;
  transform: rotate(45deg) translateX(-50%);
  transform-origin: center;
  width: 0;
  z-index: -1;
}

.liveblog-timeline__milestone-time {
  color: #00d700;
  margin: 0;
}

.liveblog-timeline .index-counter__button {
  background-color: #00af00;
  border-color: #00af00;
}

@media (min-width: 640px) {
  .liveblog-timeline .index-counter__button:hover {
    background-color: transparent;
    border: 1px solid #00af00;
  }
  .liveblog-timeline .index-counter__button:hover .line {
    background-color: #00af00;
  }
}

.liveblog-timeline .index-counter__button.active {
  background-color: #000A00;
  border: 1px solid #000A00;
}

@media (max-width: 639px) {
  .liveblog-timeline .index-counter__button.active {
    background-color: transparent;
    border: 1px solid #00d700;
  }
}

@media (min-width: 640px) {
  .liveblog-timeline .index-counter__button.active:hover {
    background-color: #000A00;
    border: 1px solid #000A00;
  }
  .liveblog-timeline .index-counter__button.active:hover .line {
    background-color: #00af00;
  }
}

.liveblog-timeline .index-counter__button.active .line {
  background-color: #fff;
}

@media (max-width: 639px) {
  .liveblog-timeline {
    background-color: #00af00;
    border-radius: 0.2941176471rem 0.2941176471rem 0 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    float: none;
    margin-left: 0;
    min-height: 3.5294117647rem;
    padding: 0.5882352941rem 0.7647058824rem;
    position: relative !important;
    top: 0 !important;
    width: 100%;
  }
  .liveblog-timeline .key-moments {
    align-self: center;
    color: #fff;
    font-size: 0.8823529412rem;
    position: absolute;
    left: 3.5294117647rem;
    margin-bottom: 0;
    text-align: left;
    width: 50vw;
  }
  .liveblog-timeline .index-counter__button {
    border-color: #00d700;
  }
  .liveblog-timeline__line, .liveblog-timeline__milestone {
    display: none;
  }
  .liveblog-timeline__milestone-info-content:before, .index-counter__question-link-content:before {
    display: none;
  }
}

a.liveblog-timeline__milestone-title, a.index-counter__question-link {
  color: #fff;
}

a.liveblog-timeline__milestone-title:hover, a.index-counter__question-link:hover {
  color: #00d700;
}

.liveblog-index {
  display: none;
  padding: 3.5294117647rem 0.5882352941rem 0.5882352941rem;
  min-height: 50vh;
}

.liveblog-index__milestone {
  border: none;
  margin-bottom: 3.5294117647rem;
}

@media (max-width: 639px) {
  .liveblog-index__milestone {
    margin-bottom: 2.0588235294rem;
  }
}

.liveblog-index__milestone-time {
  color: #999d99;
  margin: 0;
  transition: all .25s ease;
}

@media (max-width: 639px) {
  .liveblog-index__milestone-time {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.8235294118rem;
  }
}

.liveblog-index__milestone-title {
  color: #999d99;
  margin-bottom: 0;
  transition: all .25s ease;
}

@media (max-width: 639px) {
  .liveblog-index__milestone-title {
    color: #fff;
    font-size: 0.8235294118rem;
  }
}

@media (min-width: 1024px) {
  .liveblog-index__milestone:hover .liveblog-index__milestone-time {
    color: #00d700;
  }
  .liveblog-index__milestone:hover .liveblog-index__milestone-title {
    color: #000A00;
  }
}

@media (max-width: 639px) {
  .liveblog-index__milestone:hover .liveblog-index__milestone-time {
    color: #fff;
  }
  .liveblog-index__milestone:hover .liveblog-index__milestone-title {
    color: #fff;
  }
}

@media (max-width: 639px) {
  .liveblog-index__milestone.active .liveblog-index__milestone-time {
    color: #fff;
  }
  .liveblog-index__milestone.active .liveblog-index__milestone-title {
    color: #fff;
  }
}

@media (max-width: 639px) {
  .liveblog-index {
    background-color: #00af00;
    border-radius: 0 0 0.2941176471rem 0.2941176471rem;
    padding: 0.5882352941rem 0.8823529412rem;
  }
}

.show-index .liveblog-index {
  display: block;
}

.show-index #liveblog-entries {
  display: none;
}

@media (max-width: 639px) {
  #liveblog-entries {
    padding: 0;
  }
}

.liveblog-key-entries {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  max-height: 80vh;
  min-height: 50vh;
}

.liveblog-key-entries .liveblog-timeline__milestone {
  padding: 0;
  border-top: 0;
  flex-shrink: 0;
}

#liveblog-update-spinner {
  float: left;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: 5px;
  position: absolute;
}

#liveblog-update-spinner div {
  display: none;
}

#liveblog-update-spinner .spinner {
  background-color: #00af00;
  border-radius: 2px;
  display: block !important;
  width: auto !important;
  height: 2px;
  background-color: #00af00;
  transform: translate(0, 0) !important;
  position: absolute !important;
  animation: loadingJ 2s cubic-bezier(0.86, 0, 0.35, 0.88) infinite;
}

@keyframes loadingJ {
  0% {
    right: 100%;
    left: 0;
  }
  50% {
    transform: translate(0px, 0);
    background-color: #00d700;
    right: calc(0 - 0px);
    left: 0;
  }
  100% {
    transform: translate(100%, 0);
    left: 100%;
    right: 0;
  }
}

.load-more-container {
  display: flex;
  justify-content: center;
}

.load-more, .liveblog-load-more {
  background-color: transparent;
  border: 1px solid #00af00;
  border-radius: 2.9411764706rem;
  color: #00af00;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8235294118rem;
  font-weight: 400;
  margin: 0 auto 2.0588235294rem;
  padding: 0.2941176471rem 1.1764705882rem;
  position: relative;
  transition: all .25s ease;
  user-select: none;
  width: auto;
  z-index: 1;
}

@media (min-width: 1024px) {
  .load-more:hover, .liveblog-load-more:hover {
    background-color: #00af00;
    color: #fff;
  }
}

.credits {
  display: flex;
}

.credits__column {
  width: 31.5928270042%;
  float: left;
  margin-left: 0.8702531646%;
  margin-right: 0.8702531646%;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
}

.credits .simple-boxed-content {
  margin-top: 0 !important;
  padding: 0.8823529412rem;
}

.credits h2 {
  color: #00af00;
  font-size: 1.2941176471rem;
  font-weight: 400;
  margin: 0 !important;
}

.credits h3 {
  color: #000A00;
  font-size: 1.0588235294rem;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 !important;
}

.credits p {
  color: #1a231a;
  font-weight: 300;
  line-height: 1.2;
  margin: 0.2941176471rem 0 0;
  opacity: .9;
}

.credits__sector {
  margin-top: 1.7647058824rem;
}

@media (max-width: 639px) {
  .credits {
    flex-direction: column;
  }
  .credits__column {
    width: 95.5203972749%;
    float: left;
    margin-left: 2.2398013626%;
    margin-right: 2.2398013626%;
  }
}

@media (max-width: 639px) {
  .highcharts-range-selector-buttons {
    transform: translate(0, 20px);
  }
}

.highcharts-range-selector-buttons rect {
  border-radius: 5px;
  fill: transparent;
}

.highcharts-range-selector-buttons text {
  transform: translateY(1px);
}

.highcharts-range-selector-buttons .highcharts-button rect[fill="#e7f0f9"] {
  fill: #e6e7e6;
}

.highcharts-range-selector-buttons .highcharts-button:hover {
  opacity: .75;
}

.highcharts-range-selector-buttons .highcharts-button:hover rect {
  fill: #e6e7e6;
}

.highcharts-container svg {
  width: 100%;
}

@media (max-width: 639px) {
  .highcharts-legend {
    transform: translate(0, -8px);
  }
}

.highcharts-background {
  fill: transparent;
}

.dashboard__header {
  margin: 1.1764705882rem 2.2398013626%;
}

.dashboard__title {
  font-size: 2rem;
}

.dashboard__info {
  font-size: 0.8823529412rem;
}

.dashboard__overview {
  align-self: flex-start;
  display: flex;
  flex-shrink: 0;
  width: 100%;
}

.dashboard__overview-block {
  display: flex;
  flex-direction: column;
  padding-top: .4em;
}

.dashboard__overview-title {
  color: #999d99;
  font-size: 0.7058823529rem;
  line-height: 1;
  margin-bottom: 0.3529411765rem;
}

.dashboard__overview-value {
  color: #00d700;
  font-size: 2.7058823529rem;
  line-height: .9;
  margin-top: auto;
}

.dashboard__cards {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .dashboard__header {
    margin: 1.1764705882rem 2.6107594937%;
  }
  .dashboard__overview {
    margin-left: 0.8702531646%;
    width: 39.9261603376%;
  }
  .dashboard__overview-block {
    margin-left: 5.2215189873%;
    width: 44.7784810127%;
  }
  .dashboard__info {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .dashboard__overview {
    margin-left: 0.8702531646%;
    width: 31.5928270042%;
  }
}

@media (max-width: 639px) {
  .dashboard {
    padding: 0 2.2398013626%;
  }
  .dashboard__overview {
    margin-top: 1.0588235294rem;
  }
  .dashboard__overview-block:first-child {
    margin-right: 2.2398013626%;
  }
  .dashboard__overview-block:last-child {
    margin-left: auto;
  }
}

.dashboard .card {
  border: 1px solid #e6e7e6;
}

@media (min-width: 1024px) {
  .dashboard .card:nth-child(-n+3) {
    flex: 1 0 auto;
  }
}

.dashboard .card:only-child {
  margin: 0 auto 0.8823529412rem;
}

@media (min-width: 640px) {
  .dashboard .card:only-child {
    flex: 1 0 auto;
    max-width: 70%;
  }
}

.dashboard .card__title {
  color: #00d700;
  font-size: 1.2941176471rem;
}

.dashboard .card__lead {
  color: #999d99;
  font-size: 0.8235294118rem;
}

.dashboard .card__bottom-section,
.dashboard .meta {
  display: none;
}

.dashboard .card__related {
  border: none;
}

.dashboard .card__related-title, .dashboard .video-playlist__item a, .video-playlist__item .dashboard a {
  padding-right: 0;
  padding-left: 0;
}

.dashboard .card__related-title:hover, .dashboard .video-playlist__item a:hover, .video-playlist__item .dashboard a:hover {
  color: #00d700;
}

.dashboard .card__related-title:hover::after, .dashboard .video-playlist__item a:hover::after, .video-playlist__item .dashboard a:hover::after {
  display: none;
}

@media (min-width: 1024px) {
  .dashboard .card:hover .card__title {
    color: #00af00;
  }
}

@media (max-width: 639px) {
  .dashboard .card {
    padding-bottom: 1.0588235294rem;
  }
  .dashboard .card__info {
    order: 0;
  }
  .dashboard .card__related {
    display: none;
  }
}

.sidebar {
  grid-column: sidebar;
}

.sidebar__content {
  display: grid;
  padding-top: 2.3529411765rem;
  grid-row-gap: 30px;
}

.sidebar .card--trending {
  width: 100%;
}

@media (min-width: 640px) {
  .sidebar__content {
    padding-top: 5.2941176471rem;
  }
}

.page__content {
  color: #262f26;
  font-size: 1rem;
  line-height: 1.69;
}

@media (min-width: 640px) {
  .page__content {
    font-size: 1.0588235294rem;
  }
}

.page__content h2,
.page__content h3,
.page__content :first-child {
  margin-top: 4.1176470588rem;
}

.academy__header {
  position: relative;
  text-align: center;
  z-index: 1;
}

.academy__header .full-bg:after {
  background-color: rgba(0, 175, 0, 0.9);
}

.academy .title--vivid {
  font-weight: 500;
  margin-top: 2.9411764706rem;
}

.academy .title--vivid:first-child {
  margin-top: 0;
}

.academy p:first-of-type:first-letter {
  color: inherit;
  float: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-top: 0;
  padding-right: 0;
}

.academy__promoters-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.8702531646%;
}

.academy__promoter {
  margin-right: 0.8702531646% !important;
  margin-left: 0.8702531646% !important;
  width: 31.5928270042%;
}

.academy__promoter-link {
  border: 1px solid #e6e7e6;
  border-radius: 5px;
  display: block !important;
  margin-bottom: 1.4117647059rem;
  padding-top: 100%;
  position: relative;
}

.academy__promoter-link:hover {
  border-color: #00d700;
}

.academy__promoter-logo {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.academy .accordion__item-header-title {
  margin: 0;
}

.academy .accordion__item-header-meta {
  color: #999d99;
  font-size: 0.7058823529rem;
}

.academy .accordion-list {
  background-color: #fff;
}

.academy .accordion-list::before {
  display: none;
}

.academy .accordion-list p {
  margin-bottom: 0;
}

.academy .card-complex--related .card__image {
  margin-bottom: 1.1764705882rem;
}

.academy .card-complex--related .card__image + .card__info {
  order: -1;
}

@media (max-width: 639px) {
  .academy .title--vivid {
    font-size: 1.4117647059rem;
  }
}

.academy .tab-content.container, .academy .tab-content.full-width__container, .academy .tab-content.newsletter__container {
  height: auto !important;
}

.container--with-sidebar .entry--single {
  margin: 0 6.5928270042%;
  grid-column: content;
}

@media (min-width: 960px) {
  .container--with-sidebar .entry--single {
    margin: 0;
  }
}

.container--with-sidebar .entry--single .full-width {
  margin-left: 0;
  width: auto;
}

.entry--single .content-trimmer > :not(button) {
  left: 0;
  margin-left: 0;
  margin-right: 0;
  right: 0;
  width: auto;
}

.entry--single .info-card--left {
  margin-left: 0;
}

.entry--single .info-card--right {
  margin-right: 0;
}

.entry--single blockquote {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.entry--single .quote--hero,
.entry--single .quote--featured {
  border-radius: 5px;
  overflow: hidden;
}

.entry--single .gallery {
  margin: 0;
}

.entry--single .gallery__controls {
  margin: 0;
  width: 100%;
}

.archive-page--specials .card__info,
.archive-page--specials .card__bottom-section {
  padding: 0.8823529412rem;
}

.archive-page--specials .meta__icon-container, .archive-page--specials .icon-button__container, .archive-page--specials .social__item {
  width: 1.1764705882rem;
}

.archive-page--specials .portrait, .archive-page--specials .liveblog-author-avatar img, .liveblog-author-avatar .archive-page--specials img {
  height: 1.7647058824rem;
  margin-right: 0.5882352941rem;
  width: 1.7647058824rem;
}

.archive-page--simple .header__container {
  padding: 5rem 0 3.5294117647rem;
  display: flex;
  align-items: center;
}

.archive-page--simple .header .portrait, .archive-page--simple .header .liveblog-author-avatar img, .liveblog-author-avatar .archive-page--simple .header img {
  height: auto;
  margin-right: 1.4705882353rem;
  width: 8.8235294118em;
}

.archive-page--simple .header .title {
  font-size: 2.0588235294rem;
  line-height: 1.1428;
  margin-bottom: 0;
}

.markets__header {
  align-items: center;
  background: #fff;
  min-height: 4.7058823529rem;
}

.markets__header .stock {
  margin: 0 0 0 1.1764705882rem;
}

.markets__title {
  font-size: 2.0588235294rem;
  font-weight: 500;
  margin: 0;
}

.markets__content {
  float: left;
  width: 100%;
}

@media (min-width: 640px) {
  .markets__content {
    width: 56.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .markets__content {
    width: 64.9261603376%;
  }
}

.markets--index .markets__content {
  float: right;
}

.markets__content .highlight {
  margin: 0 1.3053797468% 1.1764705882rem;
  width: 98.2594936709%;
}

.markets__content .card {
  margin: 0 0.8702531646% 1.1764705882rem !important;
  width: 98.2594936709% !important;
}

@media (min-width: 1024px) {
  .markets__content .card {
    margin: 0 1.3053797468% 1.1764705882rem !important;
    width: 47.3892405063% !important;
  }
}

.markets__widgets {
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 640px) {
  .markets__widgets {
    width: 39.9261603376%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (min-width: 1024px) {
  .markets__widgets {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
  }
}

@media (max-width: 639px) {
  .markets__widgets {
    position: static !important;
  }
}

body:not(.search-is-open).with-header--solid .site-header--advocatus,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled {
  background: #f3f9f1 !important;
  border-bottom: 1px solid #cfe7c6 !important;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .main-navigation a,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .main-navigation a {
  color: #00af00 !important;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .main-navigation a:hover,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .main-navigation a:hover {
  color: #fff !important;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .current-menu-item,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .current-menu-item {
  background-color: #cfe7c6;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .main-navigation--advocatus a:hover,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .main-navigation--advocatus a:hover {
  color: #00d700 !important;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .site-branding__advocatus-logo,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .site-branding__advocatus-logo {
  color: #1a231a;
}

body:not(.search-is-open).with-header--solid .site-header--advocatus .social__item,
body:not(.search-is-open) .site-header--advocatus.menu-scrolled .social__item {
  border-color: rgba(0, 175, 0, 0.6);
}

body:not(.search-is-open) .site-header--advocatus .tag--invert {
  border-color: transparent;
  background-color: #00af00;
  color: #fff;
}

body:not(.search-is-open) .site-header--advocatus a:hover .tag--invert {
  background-color: #00d700;
}

.site-branding--advocatus {
  max-width: 80%;
}

.site-title--advocatus {
  display: flex;
}

.site-title--advocatus a {
  align-items: center;
  display: flex;
}

.site-title--advocatus .site-branding__logo-claim {
  display: none;
}

.site-branding__advocatus-logo {
  transform: translateX(-10%);
}

.advocatus-footer,
.advocatus-footer a {
  color: #1a231a;
}

.advocatus-footer__links {
  background: #cfe7c6;
}

.advocatus-footer .footer__title {
  color: #00af00;
}

.advocatus-footer .social__link {
  color: #fff;
}

.advocatus-footer .footer__button,
.advocatus-footer .social__item {
  background: #00af00;
  border-color: #00af00;
  color: #fff;
}

.advocatus-footer .footer__button:hover,
.advocatus-footer .social__item:hover {
  background: #00d700;
  color: #fff;
}

.advocatus-footer .site-footer__info {
  border-color: #b1d8a2;
}

body.home.site-en {
  padding-top: 0;
}

@media (min-width: 640px) {
  .site-en .card--horizontal .card__image, .site-en .card--text .card__image, .site-en .card--comment .card__image {
    width: 40%;
  }
  .site-en .card--horizontal .card__image:after, .site-en .card--text .card__image:after, .site-en .card--comment .card__image:after {
    content: '';
    display: block;
    padding-top: 56.25%;
  }
}

/*# sourceMappingURL=eco.css.map */