@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Fira Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/va9C4kDNxMZdWfMOD5VvkrjJYTI.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/va9E4kDNxMZdWfMOD5Vvl4jL.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

a,
article,
b,
body,
div,
figure,
footer,
form,
h1,
h2,
h3,
header,
html,
img,
li,
nav,
p,
span,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: inherit;
}

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

body {
  color: #1a231a;
  line-height: 1.6;
  position: relative;
}

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

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

b {
  font-weight: 500;
}

article,
figure,
footer,
header,
nav {
  display: block;
}

ul {
  list-style: none;
}

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

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

button {
  font-family: inherit;
}

button {
  cursor: pointer;
}

.card {
  border-radius: var(--border-radius, 5px);
  overflow: hidden;
}

.header-menu ul {
  zoom: 1;
}

.header-menu ul:after,
.header-menu ul:before {
  content: "";
  display: table;
}

.header-menu ul:after {
  clear: both;
}

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

ul > li:before {
  content: "";
  display: inline-block;
}

.button,
.comment,
.comment__content,
.comment__content:after,
.comments__input:before,
.comments__list,
.comments__write,
.comments__write-avatar,
.comments__write:after,
.icon-button,
.off-canvas__wrapper {
  transition: all 0.25s ease-out;
  transform: translateZ(0);
}

.icon-button,
.meta__comments-link,
.meta__group {
  display: flex;
  align-items: center;
}

.button,
.icon-button,
.meta__comments-link,
.meta__comments-link--big,
.social__link {
  color: inherit;
  background: none;
  text-decoration: none;
}

@media (pointer: fine) {
  .button:hover,
  .icon-button:hover,
  .meta__comments-link--big:hover,
  .meta__comments-link:hover,
  .social__link:hover {
    color: inherit;
  }
}

.icon-button {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  text-align: inherit;
}

.accordion__container,
.footer-menu ul,
.header-menu ul,
.meta__info,
.social,
.trending__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.accordion__container li,
.footer-menu ul li,
.header-menu ul li,
.meta__info li,
.social li,
.trending__list li {
  margin: 0;
  padding: 0;
}

.accordion__container li:before,
.footer-menu ul li:before,
.header-menu ul li:before,
.meta__info li:before,
.social li:before,
.trending__list li:before {
  display: none;
}

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

.container:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 960px) {
  .container--with-sidebar {
    align-items: start;
    display: grid;
    grid-gap: 0;
    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) {
  .entry__content,
  .entry__header {
    margin-left: 9.2035864979%;
    width: 81.5928270042%;
  }
}

@media (min-width: 1024px) {
  .entry__content,
  .entry__header {
    margin-left: 17.5369198312%;
    width: 64.9261603376%;
  }
}

@media (max-width: 639px) {
  .container {
    margin-right: 2.2398013626%;
    margin-left: 2.2398013626%;
  }
}

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

.card {
  width: 95.5203972749%;
  float: left;
  margin-left: 2.2398013626%;
  margin-right: 2.2398013626%;
  grid-column-end: span 4;
}

@media (min-width: 640px) {
  .card {
    width: 48.2594936709%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    grid-column-end: span 6;
  }
}

@media (min-width: 1024px) {
  .card {
    width: 31.5928270042%;
    float: left;
    margin-left: 0.8702531646%;
    margin-right: 0.8702531646%;
    grid-column-end: span 4;
  }
}

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

h1 {
  font-size: var(--h1-fsize, 40px);
  font-size: var(--h1-fsize, 2.3529411765rem);
  margin: var(--h1-margin, 0.7em 0);
}

h2 {
  color: var(--heading-color, #00af00);
  font-size: var(--h2-fsize, 30px);
  font-size: var(--h2-fsize, 1.7647058824rem);
  margin: var(--h2-margin, 0.9333333333em 0);
}

h3 {
  color: var(--heading-color, #00af00);
  font-size: var(--h3-fsize, 22px);
  font-size: var(--h3-fsize, 1.2941176471rem);
  margin: var(--h3-margin, 1em 0);
  line-height: 1.2727272727em;
}

p {
  color: var(--p-color, inherit);
  margin-bottom: var(--p-mb, 1.6470588235em);
  margin-top: var(--p-mt, 0);
}

a {
  color: #00af00;
  text-decoration: underline;
  /* background-image: linear-gradient(0deg, transparent .1176470588em, #00af00 0, #00af00 .2352941176em, transparent 0); */
}

@media (pointer: fine) {
  a:hover {
    color: #013b01;
  }
}

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

li:before {
  position: absolute;
}

ul ul {
  margin-top: 1.6470588235em;
}

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

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

.site-content {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  position: relative;
}

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

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

.title {
  font-size: var(--title-fsize, 24px);
  font-size: var(--title-fsize, 1.4117647059rem);
  font-weight: 500;
  line-height: 1.25;
  margin: var(--title-m, 0.3529411765rem 0);
}

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

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

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

@media (min-width: 767px) {
  .entry__content h2,
  .entry__content h3 {
    margin-top: 4.1176470588rem;
  }
}

.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__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__lead {
  color: #00af00;
  font-size: var(--lead-fsize, 17.999px);
  font-size: var(--lead-fsize, 1.0588235294rem);
  line-height: 1.33333;
  margin-bottom: 1.7647058824rem;
}

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

figure {
  max-width: 100%;
}

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

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

.accordion-content {
  font-size: 15px;
  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:before {
  background: none;
  border: 3px solid #00d700;
  border-radius: 50%;
  counter-increment: accordion;
  content: counter(accordion) " ";
  color: #00d700;
  display: block;
  font-size: 32px;
  font-size: 1.8823529412rem;
  font-weight: 700;
  height: 40px;
  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 0.25s ease;
  width: 40px;
  width: 2.3529411765rem;
}

.accordion__container {
  counter-reset: accordion;
}

.button {
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--button-cbg, transparent);
  border: 1px solid var(--button-cborder, #00af00);
  border-radius: 4.1666666667em;
  color: var(--button-ctext, #00af00);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button-fsize, 14px);
  font-size: var(--button-fsize, 0.8235294118rem);
  font-weight: var(--button-fweight, 500);
  padding: 0.4285714286em 1.6428571429em 0.3571428571em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: center;
}

@media (pointer: fine) {
  .button:hover:not(disabled):not(.button--disabled) {
    background: var(--button-hover-cbg, #00af00);
    border-color: var(--button-hover-cborder, #00af00);
    color: var(--button-hover-ctext, #fff);
  }
}

.button--medium {
  font-size: var(--button-fsize, 11.999px);
  font-size: var(--button-fsize, 0.7058823529rem);
}

.button:disabled {
  cursor: default;
  filter: saturate(0.5) opacity(0.5) contrast(0.75);
}

.button--light {
  background-color: var(--buttonlight-cbg, #fff);
  border: 1px solid var(--buttonlight-cborder, #fff);
  color: var(--buttonlight-ctext, #00af00);
}

@media (pointer: fine) {
  .button--light:hover {
    border-color: var(--buttonlight-hover-cborder, #00af00);
    background: var(--buttonlight-hover-cbg, #00af00);
    color: var(--buttonlight-hover-ctext, #fff);
  }
}

.portrait {
  cursor: inherit !important;
  border-radius: 50%;
  display: inline-block;
  float: left;
  height: auto;
  margin-right: 0.7647058824rem;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 135px;
  width: 7.9411764706rem;
}

:root {
  --ratio: 75%;
}

.echo,
.echo--double {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.echo--double:after,
.echo--double:before,
.echo:after,
.echo:before {
  content: "";
  border-radius: 50%;
  left: var(--echo-left, 50%);
  position: absolute;
  transform: translate(-50%, -50%);
  top: var(--echo-top, 50%);
  z-index: -1;
}

.echo--double:before,
.echo:before {
  background: transparent;
  padding: 0 60% 60% 0;
}

@media (min-width: 640px) {
  .echo--double:before,
  .echo:before {
    padding: 0 27.34% 27.34% 0;
  }
}

.echo--double:before {
  box-shadow: 0 0 0 44.5vw hsla(0, 0%, 100%, 0.1);
}

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

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

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

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

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

.echo--top-left {
  --echo-left: 0;
  --echo-top: 0;
}

.icon {
  display: inline-block;
}

.icon svg {
  display: block;
}

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

.icon-button img {
  display: block;
}

.icon--go {
  height: 25px;
  height: 1.4705882353rem;
  margin: 0 0.2941176471rem 0.066em 0;
  transition: all 0.2s ease;
  transform: translateZ(0);
  vertical-align: middle;
  width: 25px;
  width: 1.4705882353rem;
}

.tags {
  margin-bottom: 0.5882352941rem;
}

.tag--main-topic {
  background-color: var(--tag-bgcolor, #f7fdf7);
  border: 0.0588235294rem solid var(--tag-brdrcolor, #eaf8ea);
  border-radius: 4.1666666667em;
  color: var(--tag-txtcolor, #00d700);
  display: inline-block;
  font-size: 11.999px;
  font-size: 0.7058823529rem;
  padding: 0.25em 0.8333333333em 0.0833333333em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: all 0.25s ease;
}

@media (min-width: 640px) {
  .tag--main-topic {
    padding: 0.25em 0.8333333333em 0.1666666667em;
  }
}

.tag--main-topic {
  background-color: var(--tag-bgcolor, transparent);
  border-color: var(--tag-brdrcolor, #00af00);
  color: var(--tag-txtcolor, #00af00);
  margin-right: 0.4166666667em;
}

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

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

.off-canvas__content {
  flex-grow: 1;
  overflow: auto;
  padding: 18px 20px 30px;
  width: 100%;
}

.off-canvas-menu-trigger {
  height: 51.999px;
  height: 3.0588235294rem;
  margin: 0;
  padding: 0.5882352941rem;
  width: 51.999px;
  width: 3.0588235294rem;
}

.site-header {
  --p-mb: 0;
  background: transparent;
  border-bottom: 0.0588235294rem solid hsla(0, 0%, 100%, 0.3);
  color: #fff;
  font-weight: 300;
  height: 69.999px;
  height: 4.1176470588rem;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  z-index: 3;
}

.site-header__container {
  background: transparent;
  position: static;
}

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

@media (max-width: 999px) {
  .site-header__container {
    padding: 0.2941176471rem 0;
  }
}

@media (min-width: 1000px) {
  .site-header {
    height: 5.8823529412rem;
  }
}

.site-branding {
  max-width: 80%;
}

.site-branding__logo {
  display: block;
  margin: 0.5882352941rem 0;
  max-height: 40px;
  max-height: 2.3529411765rem;
  width: 115px;
  width: 6.7647058824rem;
}

.site-title {
  margin: 0;
  min-height: 59.999px;
  min-height: 3.5294117647rem;
  display: flex;
}

@media (min-width: 1000px) {
  .site-branding__logo {
    max-height: 3rem;
  }

  .site-title {
    min-height: 4.2352941176rem;
  }
}

.site-header__nav-area {
  align-items: center;
  background-color: var(--site-header-solid-bgc, #00af00);
  display: flex;
  justify-content: space-between;
}

.site-header__nav-inner {
  align-items: center;
  display: flex;
  flex: 1;
}

.site-header__nav-inner:last-child {
  justify-content: flex-end;
}

@media (max-width: 999px) {
  .site-header__nav-inner {
    display: none;
  }
}

.main-navigation {
  background-color: var(--main-navigation-bgc, #009600);
  border-top: 1px solid var(--main-navigation-borderc, rgba(0, 10, 0, 0.1));
  align-items: center;
  display: flex;
}

@media (max-width: 999px) {
  .main-navigation {
    display: none;
  }
}

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

.main-navigation span {
  background-image: none;
  color: var(--main-navigation-link-textc, inherit);
  font-size: 14px;
  font-size: 0.8235294118rem;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.main-navigation__login-button {
  font-weight: 400 !important;
  padding: 0 0.5882352941rem;
}

.main-navigation__icon--search svg {
  height: 16px;
  height: 0.9411764706rem;
  transition: opacity 0.25s ease-in-out;
  width: 16px;
  width: 0.9411764706rem;
}

.search-trigger {
  position: relative;
}

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

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

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

.with-header--solid .site-header {
  background: var(--site-header-solid-bgc, #00af00);
  border-color: var(--site-header-solid-borderc, transparent);
}

@media (min-width: 1000px) {
  .mobile-menu-trigger {
    display: none;
  }
}

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

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

.site-footer p {
  margin-bottom: 0.5882352941rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.site-footer__links {
  background: var(--footer-links-bg, #00af00);
  padding: 0.8823529412rem 0 3.5294117647rem;
}

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

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

.site-footer .social__item {
  border-radius: 50%;
  transition: all 0.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: #fff;
}

.footer__button {
  background-color: #fff;
  border-color: #fff;
  border-width: 2px;
  margin-bottom: 0.8823529412rem;
  max-width: 150px;
  max-width: 8.8235294118rem;
  padding-left: 1.1764705882rem;
  padding-right: 1.1764705882rem;
}

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

.footer__button svg {
  color: inherit;
  height: 19.999px;
  height: 1.1764705882rem;
  margin-right: 0.4117647059rem;
  width: 19.999px;
  width: 1.1764705882rem;
}

.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;
}

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

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

.footer-menu .menu-item {
  font-weight: 500;
  letter-spacing: 0.025em;
  transition: all 0.25s ease;
}

@media (min-width: 1024px) {
  .footer-menu .menu-item:hover {
    opacity: 0.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 var(--social-follow-borderc, #00d700);
  border-radius: 50%;
  transition: all 0.35s ease;
}

.footer-follow .social__item:hover {
  background: var(--social-follow-hover-borderc, #00d700);
}

@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: 380px;
  max-width: 22.3529411765rem;
}

.footer-newsletter .footer__button svg {
  height: 17.999px;
  height: 1.0588235294rem;
  width: 17.999px;
  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__form {
  width: 100%;
}

.main-navigation__icon--search {
  margin: 0;
  padding: 0.5882352941rem;
}

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

.card .meta {
  display: flex;
}

.card .meta__info {
  font-size: 13px;
  font-size: 0.7647058824rem;
}

@media (min-width: 640px) and (max-width: 1023px) {
  /* .card--explainer .card__explainer-question:nth-child(n+4) {
        display: none
    } */

  /* .card--explainer .card__bottom-section {
        padding-left: 0;
        position: absolute;
        left: calc(39.92616% + 1.17647rem)
    } */
}

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

.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;
  }
}

.social {
  display: flex;
  flex-wrap: wrap;
}

.social__item {
  fill: transparent;
  height: 30px;
  height: 1.7647058824rem;
}

.social__item--facebook {
  color: #0064be !important;
}

@media (min-width: 1024px) {
  .social__item--facebook:hover {
    color: #fff !important;
    fill: #0064be !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: #000 !important;
}

@media (min-width: 1024px) {
  .social__item--twitter:hover {
    color: #fff !important;
    fill: #000 !important;
  }
}

.social__item--whatsapp {
  display: inline-block !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;
  }
}

.social__item--instagram {
  color: #833ab4 !important;
}

@media (min-width: 1024px) {
  .social__item--instagram:hover {
    color: #fff !important;
    fill: #833ab4 !important;
  }
}

.meta {
  display: inline-block;
  margin-bottom: 0.7058823529rem;
  position: relative;
  z-index: 1;
}

.meta__block {
  display: inline-flex;
  align-items: center;
}

.entry .meta__block + .meta__block {
  margin-left: 1.7647058824rem;
}

.meta__icon-container,
.social__item {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
  width: 30px;
  width: 1.7647058824rem;
}

.meta__icon-container:not(:last-child),
.social__item:not(:last-child) {
  margin-right: 0.5882352941rem;
}

.meta__icon-container svg,
.social__item svg {
  display: block;
}

.meta__info {
  display: inline-block;
  font-size: 13.6px;
  font-size: 0.8rem;
  line-height: 1.4;
  padding-top: 0.5882352941rem;
}

.meta__comments-text,
.meta__time {
  color: #999d99;
  margin-right: 0.5882352941rem;
}

.meta__author,
.meta__time {
  white-space: normal;
}

.meta__comments-link {
  font-size: 11.999px;
  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: 59.999px;
  height: auto;
}

.meta__comments-icon {
  color: var(--meta-commenticon-txtc, #00d700);
  height: 50px;
  height: 2.9411764706rem;
  padding: 0.7647058824rem 0.7058823529rem;
  width: 50px;
  width: 2.9411764706rem;
  transition: all 0.25s ease;
}

@media (min-width: 1024px) {
  .meta__comments-icon:hover {
    opacity: 0.5;
  }
}

.meta__comments-text {
  margin-left: -1rem;
}

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

.trending__title {
  color: var(--gridblock-sectiontitle-txtc, #00d700);
  flex-wrap: wrap;
  font-size: 1.2941176471em;
  margin: 0 2.2398013626% 0.5882352941rem;
  width: 95.5204%;
}

.trending__title {
  display: flex;
  align-items: flex-end;
}

@media (min-width: 640px) {
  .trending__title {
    align-items: center;
  }
}

.trending__title .icon-button {
  margin-top: 0;
}

.trending__title .icon--go {
  margin: 0 0 0 0.4117647059rem;
}

@media (min-width: 1024px) {
  .trending__title:hover .icon {
    margin-left: 0.5882352941rem;
  }
}

@media (min-width: 1024px) {
  .trending__title {
    padding: 0.8702531646% 1.1764705882rem;
    font-size: 2.4117647059em;
    font-weight: 700;
  }
}

.trending {
  margin-left: auto;
}

.trending {
  max-width: 1120px;
  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: 26.999px;
  font-size: 1.5882352941rem;
  font-weight: 700;
  height: 40px !important;
  height: 2.3529411765rem !important;
  line-height: 1.15;
  padding: 0.3529411765rem;
  position: absolute;
  top: auto !important;
  left: 0 !important;
  text-align: center;
  width: 40px !important;
  width: 2.3529411765rem !important;
  border-radius: 50%;
}

.trending__news-title {
  font-size: 15px;
  font-size: 0.8823529412rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .trending__item:before {
    font-size: 2.1176470588rem;
    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 {
    height: 1.7647058824rem !important;
    width: 1.7647058824rem !important;
  }
}

.comments--off-canvas .off-canvas__footer {
  background-color: #fff;
  border-top: 1px solid #e9ece9;
}

.comments__status {
  color: #00af00;
  font-size: 17px;
  font-size: 1rem;
  margin-bottom: 0.3529411765em;
}

.comments__list {
  width: 100%;
}

@media (max-width: 639px) {
  .comments--off-canvas {
    top: auto;
  }
}

.comments__header {
  border-bottom: 1px solid #e9ece9;
  padding: 0.7058823529rem 10%;
  text-align: center;
}

.comments__header-icon {
  color: #00af00;
  display: inline-block;
  fill: transparent;
  height: 22px;
  height: 1.2941176471rem;
  vertical-align: middle;
  width: 22px;
  width: 1.2941176471rem;
}

@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;
  }
}

.comment {
  margin-bottom: 1.0588235294rem;
  z-index: 0;
}

@media (min-width: 640px) {
  .comment {
    padding-left: 3.5294117647rem;
  }
}

.comment__header {
  background: #fff;
  border-radius: 0 5px 0 0;
  padding: 0.8823529412rem 0.8823529412rem 0.8823529412rem 4.1176470588rem;
  position: relative;
}

@media (min-width: 640px) {
  .comment__header {
    padding: 0.8823529412rem 0.8823529412rem 0;
  }

  .comment__header:before {
    content: "";
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 0.5882352941rem;
    height: 0;
    position: absolute;
    top: 0;
    left: -1.1764705882rem;
    width: 0;
  }
}

.comment__name {
  font-size: 14px;
  font-size: 0.8235294118rem;
  font-weight: 500;
  line-height: 1.2;
}

.comment__time {
  color: #999d99;
  display: block;
  font-size: 11.999px;
  font-size: 0.7058823529rem;
  font-weight: 300;
}

.comment__content {
  transition-timing-function: cubic-bezier(1, 0, 1, 0);
  transition-duration: 0.75s;
  background: #fff;
  font-size: 15px;
  font-size: 0.8823529412rem;
  overflow: hidden;
  padding: 0.3529411765rem 0.8823529412rem;
  position: relative;
  max-height: 300vh;
}

.comment__content:after {
  background-image: linear-gradient(0deg, #fff 50%, hsla(0, 0%, 100%, 0));
  content: "";
  height: 51.999px;
  height: 3.0588235294rem;
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

/* .comment__content--collapsed:after {
    opacity: 1
} */

.comment__footer {
  background: #fff;
  border-radius: 0 0 5px 5px;
}

.comment__actions {
  padding: 0.3529411765rem 0.8823529412rem;
  display: flex;
  justify-content: flex-end;
}

.comment__avatar {
  display: inline-block;
  width: 40px;
  width: 2.3529411765rem;
}

.comment__avatar--writer {
  position: absolute;
  top: 9.999px;
  top: 0.5882352941rem;
  left: 15px;
  left: 0.8823529412rem;
}

@media (min-width: 640px) {
  .comment__avatar--writer {
    top: 0;
    left: -3.5294117647rem;
  }
}

.comment .comment__icon,
.comment__icon {
  color: #00d700;
  fill: transparent;
  height: 31px;
  height: 1.8235294118rem;
  margin: 0;
  transition: all 0.25s ease;
  vertical-align: middle;
  width: 27.999px;
  width: 1.6470588235rem;
}

@media (min-width: 1024px) {
  .comment .comment__icon:hover,
  .comment__icon:hover {
    color: #fff;
    fill: #00d700;
  }
}

.comments__write {
  background: #fff;
  margin: 0 auto;
  padding-bottom: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.comments__write:after,
.comments__write:before {
  content: "";
  display: block;
  position: absolute;
  right: 19.999px;
  right: 1.1764705882rem;
  left: 0;
  z-index: 1;
}

.comments__write:before {
  background-image: linear-gradient(180deg, #fff 10%, hsla(0, 0%, 100%, 0));
  height: 9.999px;
  height: 0.5882352941rem;
  top: 0;
}

.comments__write:after {
  background-image: linear-gradient(0deg, #fff 75%, hsla(0, 0%, 100%, 0));
  height: 54.999px;
  height: 3.2352941176rem;
  bottom: -54.999px;
  bottom: -3.2352941176rem;
  pointer-events: none;
}

.comments__write-avatar {
  display: none;
  position: absolute;
  left: 19.999px;
  left: 1.1764705882rem;
  top: 30px;
  top: 1.7647058824rem;
  z-index: 3;
}

.comments__input-container {
  max-height: 40vh;
  overflow: auto;
  /* margin-bottom: 2.2352941176rem; */
  transition: margin 0.25s ease-out;
}

.comments__input {
  cursor: text;
  font-size: 15px;
  font-size: 0.8823529412rem;
  padding: 0.8823529412rem 1.1764705882rem 0;
  position: relative;
}

.comments__input:before {
  transition-duration: 0.1s;
  color: #999d99;
  content: attr(placeholder);
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

@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__input-container {
    max-height: calc(100vh - 2.64706rem);
  }
}

@media (max-height: 170px) {
  .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;
  }
}

.sidebar {
  grid-column: sidebar;
}

.sidebar__content {
  display: grid;
  padding-top: 2.3529411765rem;
  grid-row-gap: 30px;
}

.sidebar__content > * {
  grid-column: 1/-1;
}

.sidebar .card--trending {
  width: 100%;
  margin: 0;
}

@media (min-width: 640px) {
  .sidebar__content {
    padding-top: 155px;
  }
}

#bsu-placeholder {
  width: 100%;
  z-index: 4;
}

.container--with-sidebar .entry--single {
  margin: 0 6.5928270042%;
  grid-column: content;
}

@media (min-width: 960px) {
  .container--with-sidebar .entry--single {
    margin: 0;
  }
}

.entry--single .content-trimmer > :not(button) {
  left: 0;
  margin-left: 0;
  margin-right: 0;
  right: 0;
  width: auto;
}

/* ECO Avenida footer mobile hard override */

/* seguros_pme final palette */

/*!
    * Bootstrap-fullscreen-select v1.5.1 (http://craftpip.github.io/bootstrap-fullscreen-select/)
    * Author: boniface pereira
    * Website: www.craftpip.com
    * Contact: hey@craftpip.com
    *
    * Copyright 2013-2014 bootstrap-select
    * Licensed under MIT (https://github.com/craftpip/bootstrap-fullscreen-select/blob/master/LICENSE)
    */

.visible-block--small-only,
.visible-inline-block--small-only,
.visible-block--medium-up,
.visible-inline-block--medium-up {
  display: none !important;
}

@media (max-width: 639px) {
  .visible-block--small-only {
    display: block !important;
  }
}

@media (max-width: 639px) {
  .visible-inline-block--small-only {
    display: inline-block !important;
  }
}

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

@media (min-width: 640px) {
  .visible-inline-block--medium-up {
    display: inline-block !important;
  }
}

.main-navigation__text-button {
  color: #fff;
  font-size: 0.82353rem !important;
  font-weight: 400;
  padding: 0 0;
}

@media (pointer: fine) {
  .site-header__nav-inner .main-navigation__text-button:hover {
    color: #00d700;
  }
}

@media (max-width: 639px) {
  .footer__button svg {
    color: inherit;
  }

  .general-footer .container {
    display: none;
  }

  .general-footer .container.container--mobile {
    display: none;
  }

  .general-footer .site-footer__container {
    display: block;
  }

  .general-footer .container--mobile {
    display: block !important;
    margin: 0;
  }

  .general-footer .container--mobile .site-footer__content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .general-footer .container--mobile .site-footer__content .footer-newsletter,
  .general-footer .container--mobile .site-footer__content .footer-download {
    max-width: unset;
    padding-left: 0.88235rem;
    padding-right: 0.88235rem;
    width: 100%;
  }

  .general-footer .container--mobile .site-footer__content .footer-download {
    margin-bottom: 0.58824rem;
  }

  .general-footer .container--mobile .site-footer__content .footer__title {
    font-weight: 300;
    text-align: left;
    margin-top: 0.58824rem;
  }

  .general-footer .container--mobile .site-footer__content p {
    font-weight: 300;
    text-align: left;
    font-size: 0.94118rem;
  }

  .general-footer .container--mobile .site-footer__content .footer__button {
    background-color: #fff;
    border-color: #fff;
    color: #00af00;
    font-weight: 500;
    margin: 0.82353rem 0.82353rem 0.82353rem 0;
    padding: 0.11765rem 1.17647rem;
  }

  .general-footer .container--mobile .site-footer__content .footer__button img {
    position: relative;
    top: 0.11765rem;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion__list-item {
    padding-top: 0.11765rem;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list {
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 1.05882rem;
    margin-bottom: 0 !important;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list::before {
    display: none;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .accordion--eco {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 0.94118rem;
    font-weight: 400;
    padding-bottom: 0.58824rem;
    width: 100%;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .accordion--eco:after {
    content: url("/img/ArrowDown.svg");
    display: inline-block;
    float: right;
    height: auto;
    width: 0.88235rem;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .eco-accordion__content
    > div
    .accordion-content {
    margin: 0;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .eco-accordion__content
    > div
    .accordion-content
    .menu-item {
    padding: 0.23529rem 0;
    text-align: left;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .eco-accordion__content
    > div
    .accordion-content {
    display: none;
    margin: 0;
    -moz-column-count: 2;
    -moz-column-gap: 1.17647rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 1.17647rem;
    column-count: 2;
    column-gap: 1.17647rem;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .accordion__container
    .accordion-list
    .eco-accordion__content
    > div
    .accordion-content
    .menu-item {
    padding: 0.23529rem 0;
    text-align: left;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .footer-follow
    .footer-social {
    padding: 0 0.88235rem;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .footer-follow
    .footer-social
    .footer__title {
    display: inline-block;
    padding-right: 0.58824rem;
  }

  .general-footer
    .container--mobile
    .site-footer__content
    .footer-follow
    .footer-social
    ul.social {
    display: inline-block;
  }

  .general-footer .site-footer__links {
    padding: 1.76471rem 0 4.11765rem;
  }

  .general-footer .site-footer__info .site-info {
    text-align: center;
    font-size: 0.64706rem;
  }
}

@media (min-width: 640px) {
  .general-footer .container--mobile {
    display: none;
  }

  .general-footer .footer__button {
    background-color: transparent !important;
    border-color: #00d700;
    color: #fff !important;
    font-weight: normal;
    margin-bottom: 0.82353rem;
    min-width: 8.82353rem;
  }

  .general-footer .footer__button:hover {
    background-color: #00d700 !important;
  }
}

@media (max-width: 639px) {
  .general-footer .footer-follow {
    max-width: unset;
  }

  .general-footer .footer-follow .social__item {
    background-color: #fff;
    border-color: #fff;
  }

  .general-footer .footer-follow .social__item:hover {
    border-color: #00d700;
  }

  .general-footer .footer-follow .social__link--eco {
    display: block;
    height: 1.76471rem;
    width: 1.76471rem;
  }

  .general-footer .footer-follow .social__link--eco {
    color: #58903a;
    margin-left: -0.05882rem;
  }
}

@media (max-width: 639px) {
  .general-footer .footer-menu {
    align-items: unset;
    display: block;
    margin-bottom: 2.35294rem;
  }
}

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

@media (max-width: 639px) {
  .general-footer .footer__menus-container .accordion__container {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .meta__comments-icon--new {
    background: transparent url("/img/meta__comments-icon--new.svg") no-repeat
      center center;
  }
}

@media (max-width: 999px) {
  .header__search-form--eco {
    width: auto;
  }

  .header__search-form--eco button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    float: right;
    font-size: 0;
    height: 2.35294rem;
    padding: 0.41176rem;
    width: 2.35294rem;
  }
}

@media (min-width: 1000px) {
  .header__search-form--eco {
    display: none;
  }
}

.card--trending--eco .trending__news-title {
  margin-bottom: 0;
}

.trending__list-container p,
.trending__list-container .meta {
  margin-bottom: 0 !important;
}

li {
  margin: 0 0 1.64706rem 2.35294rem;
}

.trending-navigation {
  background-color: var(--main-navigation-bg, #00af00);
  border-top: 1px solid var(--main-navigation-border, rgba(0, 0, 0, 0.1));
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.trending-navigation .trending-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  scrollbar-width: thin;
}

/* Em mobile escondemos, porque já tens off-canvas */
@media (max-width: 1000px) {
  #trending-navigation {
    display: none;
  }
}

/* Aplica transição suave a ambos os navs (desktop only) */
@media (min-width: 1000px) {
  /* alturas de referência (ajusta se precisares) */
  #main-navigation {
    --nav-h: 46px;
  }

  #trending-navigation {
    --nav-h: 44px;
  }

  /* evitar que a sapopub fique tapada pela 2ª barra */

  #main-navigation,
  #trending-navigation {
    box-sizing: border-box;
    max-height: var(--nav-h);
    transition:
      max-height 0.28s ease,
      transform 0.28s ease,
      opacity 0.28s ease,
      border-top-width 0.28s ease;
    will-change: transform, opacity, max-height;
    overflow: hidden;
    /* importante p/ colapsar conteúdo */
  }
}
#bsu-placeholder.bsu-v4-dark-bg {
  background-color: var(--site-bg-color, #222222);
}

#bsu-placeholder.bsu-v4-dark-bg #bsu-v4 {
  color: #f0f0f0;
}

#bsu-placeholder.bsu-v4-dark-bg #bsu-v4 #bsu-v4-logo {
  background-position: 0 -90px;
}

#bsu-placeholder.bsu-v4-dark-bg #bsu-v4-left-menu-menu,
#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-left-menu-link {
  color: #f0f0f0;
}

#bsu-placeholder.bsu-v4-dark-bg #bsu-v4-left-menu-menu:hover,
#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-left-menu-link:hover {
  color: #69a618 !important;
}

#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-sub-menu-splitter {
  background-color: #f0f0f0;
}

#bsu-placeholder,
#bsu-placeholder.bsu-v4-dark-bg {
  background-color: #222;
}

#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-joutros #bsu-v4 {
  color: #f0f0f0;
}

#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-joutros .bsu-v4-sub-menu-splitter {
  background: #f0f0f0 !important;
}

#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-joutros #bsu-v4-left-menu-menu {
  letter-spacing: normal;
  height: auto;
  color: #f0f0f0 !important;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    Helvetica Neue,
    sans-serif;
  line-height: 13px;
  margin-bottom: 0;
  font-size: 13px;
  border-radius: 0;
  min-height: auto;
}

#bsu-placeholder.bsu-v4-dark-bg .bsu-v4-joutros #bsu-v4-left-menu-menu:hover {
  color: #69a618 !important;
}

@media screen and (min-width: 961px) {
  #bsu-placeholder.bsu-v4-small {
    height: 60px;
    min-height: 60px;
  }

  #bsu-placeholder.bsu-v4-small #bsu-v4-ctn #bsu-v4 {
    height: 60px;
  }

  #bsu-placeholder.bsu-v4-small #bsu-v4-ctn #bsu-v4 #bsu-v4-left-menu {
    margin: 25px 0 0;
  }

  #bsu-placeholder.bsu-v4-small #bsu-v4-ctn #bsu-v4 #bsu-v4-logo {
    width: 146px;
    height: 60px;
  }
}

#bsu-placeholder {
  background: var(--site-bg-color, white);
  position: relative;
  height: 90px;
  margin: 0 auto;
  min-height: 90px;
  z-index: 100 !important;
}

@media screen and (max-width: 960px) {
  #bsu-placeholder {
    position: relative;
    height: 60px;
    min-height: 60px;
    padding: 0;
  }
}

svg.svelte-tn8luk.svelte-tn8luk {
  max-width: 150px;
  max-height: 60px;
}

#bsu-v4-logo.svelte-14zs7dv {
  position: absolute;
  width: 220px;
  height: 90px;
  background-size: cover;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  margin: auto;
  left: 0;
  right: 0;
  max-width: 220px;
  max-height: 90px;
  display: block;
}

@media screen and (max-width: 960px) {
  #bsu-v4-logo.svelte-14zs7dv {
    height: 60px;
    width: 130px;
    background-size: cover;
    background-position: 0 -4px;
    margin-left: 1em;
    transform: none;
    top: 3px;
    max-height: 60px;
    max-width: 130px;
  }

  #bsu-v4-logo.svelte-14zs7dv svg {
    width: 100% !important;
    height: 100% !important;
  }
}

#bsu-v4-left-menu.svelte-1itqccp.svelte-1itqccp {
  position: absolute;
  margin: 40px 0 0;
  font-size: 13px;
  line-height: 13px;
}

#bsu-v4-left-menu.svelte-1itqccp button.svelte-1itqccp {
  border: none;
  background: none;
  font-weight: 700;
  padding: 0;
}

#bsu-v4-left-menu-menu.svelte-1itqccp.svelte-1itqccp {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

#bsu-v4-left-menu-menu.svelte-1itqccp.svelte-1itqccp:hover {
  color: #69a618;
}

.bsu-v4-sub-menu-splitter.svelte-1itqccp.svelte-1itqccp {
  float: left;
  height: 12px;
  width: 1px;
  background: var(--text-color, #222222);
  background: var(--text-color);
  margin-right: 10px;
  margin-top: 1px;
}

.bsu-v4-left-menu-link.svelte-1itqccp.svelte-1itqccp {
  float: left;
  margin-right: 10px;
  color: var(--text-color, #222222);
  color: var(--text-color);
  text-decoration: none;
  text-transform: uppercase;
}

.bsu-v4-left-menu-link.svelte-1itqccp.svelte-1itqccp:hover {
  color: #69a618;
}

@media screen and (max-width: 960px) {
  #bsu-v4-left-menu.svelte-1itqccp.svelte-1itqccp {
    margin-top: 25px;
    left: 160px;
  }

  #bsu-v4-left-menu.svelte-1itqccp .bsu-v4-sub-menu-splitter.svelte-1itqccp,
  #bsu-v4-left-menu.svelte-1itqccp .bsu-v4-left-menu-link.svelte-1itqccp {
    display: none;
  }

  #bsu-v4-left-menu.svelte-1itqccp
    #bsu-v4-left-menu-menu.svelte-1itqccp:before {
    content: "|";
    margin-right: 0.75em;
    vertical-align: text-top;
  }
}

#bsu-v4-ctn.svelte-kawbe7.svelte-kawbe7 {
  z-index: 200000;
  position: relative;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    Helvetica Neue,
    sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  color: var(--text-color, #222222);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#bsu-v4-ctn.svelte-kawbe7 #bsu-v4.svelte-kawbe7 {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 90px;
  z-index: 200000;
  -webkit-user-select: none;
  user-select: none;
  max-width: 1440px;
  padding: 0 2em;
}

@media screen and (max-width: 960px) {
  #bsu-v4-ctn.svelte-kawbe7 #bsu-v4.svelte-kawbe7 {
    height: 60px;
    padding: 0 1em;
  }
}

body:has(#onesignal-slidedown-container:not(.close-slidedown))
  #onesignal-bell-container {
  visibility: hidden;
  pointer-events: none;
}

.inline_style_1 {
  transform: none;
}

.inline_style_2 {
  transform: none;
  overflow: visible;
}

.inline_style_3 {
  transform: none;
}

.inline_style_4 {
  z-index: 4 !important;
}

.inline_style_5 {
  max-width: 220px;
}

.inline_style_13 {
  transform: none;
}

.inline_style_14 {
  transform: none;
}

.inline_style_16 {
  transform: none;
}

.inline_style_17 {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}

.inline_style_18 {
  padding-top: 1px;
  padding-bottom: 1px;
  position: static;
  transform: none;
}

.inline_style_20 {
  width: 800px;
}

.inline_style_28 {
  position: relative;
  overflow: visible;
  box-sizing: border-box;
}

.inline_style_29 {
  padding-top: 0px;
  padding-bottom: 1px;
  position: static;
  transform: none;
  top: 0px;
  left: 1007.17px;
}

.inline_style_42 {
  min-width: 220px;
}

.inline_style_43 {
  min-width: 150px;
}

@media (max-width: 960px) {
  .sidebar {
    display: none;
  }
}

/* @media (min-width:767px) {
  .sidebar__content {
    padding-block-start: 0;
  }
} */

.site-footer {
  margin-block-start: 50px;
  pointer-events: none !important;
}

.site-header {
  pointer-events: none !important;
  user-select: none;
}

.bsu-v4-small {
  pointer-events: none !important;
}

.meta__group--disabled .social__item,
.meta__group--disabled .social__item *,
.meta__group--disabled .meta__comments-link,
.meta__group--disabled .meta__comments-link * {
  pointer-events: none !important;
  cursor: default !important;
}

.meta__group--disabled .social__link:hover,
.meta__group--disabled .meta__comments-link:hover,
.meta__group--disabled .meta__comments-link--big:hover {
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.meta__group--disabled .social__item:hover {
  background: transparent !important;
  border-color: inherit !important;
}

.meta__group--disabled .social__item:hover .social__link {
  color: inherit !important;
}

.meta__group--disabled .meta__comments-link--big:hover {
  fill: transparent !important;
}

.meta__group--disabled .meta__comments-link--big:hover .meta__comments-icon {
  color: inherit !important;
  opacity: 1 !important;
}

.sidebar__content,
.sidebar__content * {
  pointer-events: none !important;
  cursor: default !important;
}

.sidebar__content .icon-button,
.sidebar__content .icon-button:hover,
.sidebar__content .trending__item:hover {
  color: inherit !important;
  text-decoration: none !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.comment__actions .icon-button {
  pointer-events: none !important;
  cursor: default !important;
}

.comment__actions .icon-button:hover,
.comment__actions .comment__icon:hover {
  color: #00d700 !important;
  fill: transparent !important;
}

.comments--off-canvas .off-canvas__footer--top {
  background: transparent;
  padding: 30px 20px 0;
}

.comments__write--login {
  display: flex;
  align-items: flex-start;
  gap: 0.7058823529rem;
  background: transparent;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

.comments__write--login:before,
.comments__write--login:after {
  display: none;
}

.comments__write--login .comments__write-avatar {
  display: block;
  position: static;
  flex: 0 0 2.3529411765rem;
  width: 2.3529411765rem;
  margin-top: 0.5882352941rem;
  z-index: 3;
}

.comments__write--login .comments__input-container {
  flex: 1 1 auto;
  max-height: none;
  overflow: visible;
}

.comments__write--login .comments__input {
  display: block;
  width: 100%;
  min-height: 2.8235294118rem;
  padding: 0.8823529412rem 1.1764705882rem;
  background: #fff;
  border-radius: 999px;
  box-sizing: border-box;
  color: #999d99;
  cursor: pointer;
  font-size: 0.8823529412rem;
  line-height: 1.2;
  text-decoration: none;
}

.comments__write--login .comments__input:hover {
  text-decoration: none;
}

@media (min-width: 640px) {
  .comments__write--login {
    padding: 0;
  }

  .comments__write--login .comments__write-avatar {
    margin-top: 0;
  }

  .comments__write--login .comments__input {
    padding: 15px 20px;
  }
}

.comments__write--login .comments__write-avatar {
  margin-top: 0.45rem;
}

.echo--top-right {
  position: static;
  --echo-left: 100%;
  --echo-top: 0;
}

@media (max-width: 1023px) {
  .echo--top-right {
    display: none;
  }
}

.container--with-sidebar .entry--single a:not(.button-link):hover {
  color: #013b01;
}

.link {
  color: #00af00 !important;
  text-decoration: underline !important;
}

.link:hover {
  color: #013b01 !important;
}

/* Slideshow container */

/* Hide the images by default */

/* Next & previous buttons */

/* Position the "next button" to the right */

/* On hover, add a black background color with a little bit see-through */

/* Slide number text (1/3 etc) */

/* The dots/bullets/indicators */

/* Zoom styles */

.zoom-overlay {
  display: none;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 1000;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
  cursor: zoom-out;
  opacity: 1;
  transition: background-color 0.24s ease;
  isolation: isolate;
  touch-action: none;
  overscroll-behavior: contain;
  /* Safari */
  isolation: isolate;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: opacity;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.zoom-image {
  object-fit: contain;
  cursor: default;

  z-index: 1;

  transition:
    left 0.26s ease,
    top 0.26s ease,
    width 0.26s ease,
    height 0.26s ease,
    opacity 0.2s ease;

  -webkit-user-drag: none;
  user-select: none;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity, transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.zoom-close {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top));
  right: calc(12px + env(safe-area-inset-right));
  bottom: auto;
  left: auto;

  display: block;

  width: 44px;
  height: 44px;

  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;

  color: #fff;
  font-size: 40px;
  line-height: 44px;
  text-align: center;
  font-weight: bold;

  cursor: pointer;
  z-index: 2147483647;

  opacity: 0;
  pointer-events: none;

  transition:
    opacity 0.2s ease,
    color 0.3s ease;
  /* Safari */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-tap-highlight-color: transparent;
}

.zoom-close:hover {
  color: #e11229;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    /* Safari only */
    .zoom-overlay {
      isolation: isolate;
    }

    .zoom-image {
      image-rendering: auto;
    }
  }
}

/* Fading animation */

.footer-social span {
  color: #fff;
}

.info-box li {
  margin: 0 0 1.64706rem 1.2rem;
}

.comment__content:after {
  pointer-events: none;
}
.info-box {
  background: #e8eff5;
  border-radius: 8px;
  padding: 24px 28px 20px;
  margin: 32px 0;
}
.info-box h2 {
  margin-top: 20px;
}

.at-image {
  margin: 0 auto 1.6470588235em;
  width: 800px;
}

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

/*@media (min-width:640px) {*/
/*    .entry__content>p:first-of-type {*/
/*        min-height: 5.2941176471rem*/
/*    }*/

/*    .entry__content>p:first-of-type:first-letter {*/
/*        font-size: 5.8823529412em;*/
/*        font-weight: 400;*/
/*        line-height: .575*/
/*    }*/
/*}*/

figure {
  margin: 0 auto 1.6470588235em;
}

figure > img.at-image {
  margin-bottom: 5px;
  border-radius: 0;
}

figcaption {
  font-size: 14px;
  opacity: 0.5;
}

.at-image {
  max-height: 500px;
  object-fit: cover;
  width: 100%;
  display: block;
  margin-bottom: 16px;
  &:has(+ span) {
    margin-bottom: 5px;
  }
}

.reg-v4 {
  --reg-v4-avatar-box-size: calc(
    var(--reg-v4-avatar-size) + var(--reg-v4-avatar-gap) * 2 +
      var(--reg-v4-avatar-border-width) * 2
  );

  --reg-v4-line-width: 1px;

  --reg-v4-dot-center-left: calc(
    var(--reg-v4-line-left) - var(--reg-v4-content-padding-left) +
      var(--reg-v4-line-width) / 2
  );
}

.reg-v4,
.reg-v4 * {
  box-sizing: border-box !important;
  font-family: var(--reg-v4-font-family);
}

.reg-v4 b {
  font-weight: var(--reg-v4-step-bold) !important;
}

.reg-v4 .reg-v4__content {
  position: relative !important;
  max-width: 645px !important;
  margin: 0 auto !important;
  padding-top: var(--reg-v4-content-padding-top);
  padding-bottom: var(--reg-v4-content-padding-bottom);
  padding-left: var(--reg-v4-content-padding-left);
  color: var(--reg-v4-text-color);
}

.reg-v4 .reg-v4__content::before {
  content: "" !important;
  position: absolute !important;
  top: var(--reg-v4-line-top);
  left: var(--reg-v4-line-left);
  width: var(--reg-v4-line-width);
  height: var(--reg-v4-line-height);
  background-color: var(--reg-v4-accent);
}

.reg-v4 .reg-v4__user {
  position: static !important;
  display: block !important;
  z-index: 2 !important;
  margin: 0 !important;
}

.reg-v4 .reg-v4__avatar {
  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  width: var(--reg-v4-avatar-box-size);
  height: var(--reg-v4-avatar-box-size);

  border: var(--reg-v4-avatar-border);
  border-radius: var(--reg-v4-avatar-radius);

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  z-index: 2 !important;
}

.reg-v4 .reg-v4__avatar > img {
  display: block !important;
  width: var(--reg-v4-avatar-size);
  height: var(--reg-v4-avatar-size);
  border-radius: inherit !important;
  object-fit: cover !important;
}

.reg-v4 .reg-v4__name {
  display: inline-block !important;
  margin: 0 !important;
  font-size: var(--reg-v4-name-font-size);
  font-weight: var(--reg-v4-name-font-weight);
  line-height: var(--reg-v4-name-line-height);
  color: var(--reg-v4-name-color);
  text-decoration: none !important;
}

.reg-v4 .reg-v4__title {
  width: fit-content !important;
  margin: var(--reg-v4-title-margin);
  padding: var(--reg-v4-title-padding);
  background-color: var(--reg-v4-title-bg);
  color: var(--reg-v4-title-color);
  font-size: var(--reg-v4-title-font-size);
  font-weight: var(--reg-v4-title-font-weight);
  line-height: var(--reg-v4-title-line-height);
  letter-spacing: var(--reg-v4-title-letter-spacing);
  text-transform: var(--reg-v4-title-text-transform);
  border-radius: var(--reg-v4-title-radius);
  hyphens: auto !important;
}

.reg-v4 .reg-v4__content > ul {
  margin: 0 auto 25px !important;
  padding: 0 !important;
  font: inherit !important;
  text-align: left !important;
  list-style: none !important;
}

.reg-v4 .reg-v4__content > ul li {
  position: relative !important;
  margin: var(--reg-v4-step-margin);
  padding: 0 !important;
  font-size: var(--reg-v4-step-font-size);
  line-height: var(--reg-v4-step-line-height);
}

.reg-v4 .reg-v4__content > ul li:last-child {
  margin-top: var(--reg-v4-last-step-margin-top);
}

.reg-v4 .reg-v4__content > ul li::before {
  content: "" !important;
  position: absolute !important;
  top: var(--reg-v4-dot-top);
  left: var(--reg-v4-dot-center-left);
  width: var(--reg-v4-dot-size);
  height: var(--reg-v4-dot-size);
  background-color: var(--reg-v4-accent);
  border-radius: var(--reg-v4-dot-radius);
  transform: translate(-50%, -50%) !important;
}

.reg-v4 .reg-v4__link,
.reg-v4 .reg-v4__list a {
  color: var(--reg-v4-link);
  text-decoration: underline !important;
}

.reg-v4 .reg-v4__link:hover,
.reg-v4 .reg-v4__list a:hover {
  color: var(--reg-v4-link-hover);
}

.reg-v4 .reg-v4__list a {
  font-weight: var(--reg-v4-link-bold) !important;
}

.reg-v4 .reg-v4__text {
  margin: var(--reg-v4-note-margin);
  font-size: var(--reg-v4-note-font-size);
  color: var(--reg-v4-note-color);
}

@media (max-width: 767px) {
  .reg-v4 {
    --reg-v4-content-padding-left: var(--reg-v4-content-mobile-padding-left);
    --reg-v4-line-left: var(--reg-v4-line-mobile-left);
    --reg-v4-avatar-size: var(--reg-v4-avatar-mobile-size);
    --reg-v4-avatar-margin-bottom: var(--reg-v4-avatar-mobile-margin-bottom);
  }

  .reg-v4 .reg-v4__content {
    padding-bottom: var(--reg-v4-content-mobile-padding-bottom);
  }

  .reg-v4 .reg-v4__content::before {
    height: var(--reg-v4-line-mobile-height);
  }
}

.reg-v4 {
  --reg-v4-accent: #005890;
  /* timeline line and step markers color */

  --reg-v4-title-bg: #e3e3e3;
  /* title background */
  --reg-v4-title-color: #000;
  /* title text color */

  --reg-v4-text-color: #000;
  /* main text color */
  --reg-v4-font-family: Arial, sans-serif;
  /* font family for the whole block */

  --reg-v4-button-bg: #005890;
  /* button background color */
  --reg-v4-button-hover-bg: #007fff;
  /* button hover background */
  --reg-v4-button-text-color: #ffffff;
  /* button text color */
  --reg-v4-button-text-hover-color: #ffffff;
  /* button hover text color */
  --reg-v4-button-text-transform: uppercase;
  /* button text transform */

  --reg-v4-link: #e11229;
  /* link color */
  --reg-v4-link-hover: #007fff;
  /* link hover color */
  --reg-v4-link-bold: inherit;
  /* font weight link */

  --reg-v4-note-color: #464b5a;
  /* note text color */

  --reg-v4-content-padding-top: 16px;
  /* top padding of content */
  --reg-v4-content-padding-bottom: 8px;
  /* bottom padding of content */
  --reg-v4-content-padding-left: 75px;
  /* left padding reserved for avatar, line and markers */

  --reg-v4-content-mobile-padding-left: 58px;
  /* left padding on mobile */
  --reg-v4-content-mobile-padding-bottom: 20px;
  /* bottom padding on mobile */

  --reg-v4-avatar-size: 54px;
  /* avatar image size */
  --reg-v4-avatar-mobile-size: 47px;
  /* avatar image size on mobile */
  --reg-v4-avatar-gap: 0px;
  /* gap between image and border */
  --reg-v4-avatar-border: none;
  /* avatar border */
  --reg-v4-avatar-border-width: 0px;
  /* border width, must match border */
  --reg-v4-avatar-radius: 50%;
  /* avatar border radius */
  --reg-v4-avatar-margin-bottom: -60px;
  /* avatar bottom margin */
  --reg-v4-avatar-mobile-margin-bottom: -50px;
  /* avatar bottom margin on mobile */

  --reg-v4-line-left: 27px;
  /* vertical line horizontal position */
  --reg-v4-line-mobile-left: 19px;
  /* vertical line horizontal position on mobile */
  --reg-v4-line-top: 20px;
  /* vertical line starting position */
  --reg-v4-line-height: 93%;
  /* vertical line height */
  --reg-v4-line-mobile-height: 92%;
  /* vertical line height on mobile */
  --reg-v4-line-width: 1px;
  /* vertical line width */

  --reg-v4-dot-size: 11px;
  /* step marker size */
  --reg-v4-dot-radius: 50%;
  /* 50% = circle, 0 = square */
  --reg-v4-dot-top: 0.65em;
  /* marker vertical position */

  --reg-v4-name-font-size: 16px;
  /* author name font size */
  --reg-v4-name-font-weight: 700;
  /* author name font weight */
  --reg-v4-name-line-height: 18px;
  /* author name line height */
  --reg-v4-name-color: var(--ue-c-comments-user-name-color, #000);
  /* author name color */

  --reg-v4-title-font-size: 1.1875rem;
  /* title font size */
  --reg-v4-title-font-weight: 800;
  /* title font weight */
  --reg-v4-title-line-height: 1.5rem;
  /* title line height */
  --reg-v4-title-letter-spacing: 0;
  /* title letter spacing */
  --reg-v4-title-text-transform: uppercase;
  /* title text transform */
  --reg-v4-title-padding: 16px 13px;
  /* title padding */
  --reg-v4-title-margin: 4px 0 25px;
  /* title margin */
  --reg-v4-title-radius: 4px;
  /* title border radius */

  --reg-v4-step-font-size: 19px;
  /* step text font size */
  --reg-v4-step-line-height: 1.35;
  /* step line height */
  --reg-v4-step-margin: 8px 0;
  /* spacing between steps */
  --reg-v4-last-step-margin-top: 20px;
  /* top margin of last step */
  --reg-v4-step-bold: 700;
  /* font weight for bold text like labels inside <b> tag */

  --reg-v4-note-font-size: var(--font-size-main-text);
  /* note font size */
  --reg-v4-note-margin: 0 0 20.647px;
  /* note margin */

  --reg-v4-button-width: 100%;
  /* button width */
  --reg-v4-button-mobile-width: 90%;
  /* button width on small screens */
  --reg-v4-button-margin: 0 auto 20px;
  /* button margin */
  --reg-v4-button-mobile-margin-left: 10px;
  /* button left margin on mobile */
  --reg-v4-button-padding: 19px;
  /* button padding */
  --reg-v4-button-font-size: 16px;
  /* button font size */
  --reg-v4-button-font-weight: 700;
  /* button font weight */
  --reg-v4-button-radius: 10px;
  /* button border radius */
  --reg-v4-button-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.25);
  /* button shadow */
}
@media (min-width: 640px) {
  .entry__content > p:first-of-type {
    min-height: 5.2941176471rem;
  }
}
.entry__content > p:first-of-type {
  min-height: 5.2941176471rem;
}
.at-figcaption {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #777;
  font-style: normal;
}
.eco-fast {
  margin: 18px 0 24px;
  padding: 14px 18px 12px;
  background: #f4f7f9;
  border-left: 4px solid #00af00;
}
.eco-fast__title {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 15px;
  color: #111;
  letter-spacing: 0.02em;
}
.eco-fast__list {
  margin: 0;
  padding-left: 18px;
}
.eco-fast__list li {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.45;
  color: #333;
}
.cta-note {
  margin: 8px 20px 22px;
  font-size: 14px;
  line-height: 1.45;
  color: #666;
  text-align: center;
}
.cta-sticky {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990;
  display: none;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 8px 12px 10px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12);
}
.cta-sticky a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 16px;
  background: #005890;
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 8px;
}
.cta-sticky span {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  line-height: 1.35;
}
@media (max-width: 860px) {
  .cta-sticky {
    display: block;
  }
  body {
    padding-bottom: 96px;
  }
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 150px;
}

#form {
  max-width: 450px;
  width: 100%;
  margin: 30px auto;
}