/* Minification failed. Returning unminified contents.
(6941,32): run-time error CSS1046: Expect comma, found '0'
(6941,36): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

*:focus {
  outline: none; }

.button--transparent-white, .m_banner__slide-button, .m_inside-banner__button, .button--transparent-white-to-white, .m_cookies-bar__button--transparent-white-to-white, .m_join-bar__button--transparent-white-to-white, .button--white, .m_cookies-bar__button--white, .m_join-bar__button--white, .button--green, .m_login-form__submit, .button--green-lighter, .button--black, .button--green-to-grey, .m_form__submit, .button--transparent-green, .m_cta-register__button, .button--transparent-green-lighter, .button--transparent-grey, .m_join-form__prev, .input, .m_login-form__input, .m_form__input, .m_account__input, .m_form-fatura__input, .textarea, .m_login-form__textarea, .m_form__textarea, .m_call-modal__modal-form-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-family: "Mic32 Regular", sans-serif;
    background: transparent;
    outline: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

::-moz-selection {
  color: white;
  background: #8dc63f; }

::selection {
  color: white;
  background: #8dc63f; }

html,
body {
  height: 100%;
  width: 100%; }

body {
  font-family: "Mic32 Regular", sans-serif;
  font-size: 1rem;
  color: #98989a;
  line-height: 1.3; }

.m_container, .m_inside-banner__slide-content, .m_account__notifications-container {
  max-width: 1000px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  display: block; }
  .m_container--big {
    max-width: 1172px; }
  @media (min-width: 48em) {
    .m_container, .m_inside-banner__slide-content, .m_account__notifications-container {
      padding: 0 40px; } }
  @media (max-width: 37.5em) {
    .m_container, .m_inside-banner__slide-content, .m_account__notifications-container {
      padding: 0 20px; } }

img {
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out;
  cursor: pointer; }

.main {
  padding-top: 144px;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 37.5em) {
    .main {
      padding-top: 126px; } }

.m_banner-header, .m_inside-banner {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.875rem; }
  @media (max-width: 37.5em) {
    .m_banner-header, .m_inside-banner {
      height: 300px; } }

.flex-center, .m_header__login-link, .m_header-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-center-right, .m_header__topbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-bottom-between, .m_header__menu-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex-center-between, .m_featured__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.section-margin, .m_banner, .m_featured {
  margin-bottom: 40px; }

.m_loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.m_underline {
  text-decoration: underline !important; }

.m_color-black {
  color: black !important;
  font-family: "Mic32 Bold", sans-serif; }

.m_hidden {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

@font-face {
  font-family: 'Aqum';
  src: url("fonts/Aqum.woff2") format("woff2"), url("fonts/Aqum.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mic32 Regular';
  src: url("fonts/Mic32-Regular.woff2") format("woff2"), url("fonts/Mic32-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Mic32 Bold';
  src: url("fonts/Mic32-Bold.woff2") format("woff2"), url("fonts/Mic32-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

.m_title, .m_contacts__headline, .m_form__headline, .m_content__headline, .m_join-form__title, .m_form-fatura__headline, .m_ctas-ad-cta__headline, .m_ctas-ad-ctaform__headline, .m_account__notifications-title, .m_electricity__title, .m_dicas__header {
    color: #8dc63f;
    font-family: "Aqum", sans-serif;
    font-size: 2.125rem;
    margin-bottom: 20px;
    text-align: left;
}
  .m_title--white {
    color: white; }
  @media (min-width: 48em) {
    .m_title, .m_contacts__headline, .m_form__headline, .m_content__headline, .m_join-form__title, .m_form-fatura__headline, .m_ctas-ad-cta__headline, .m_ctas-ad-ctaform__headline, .m_account__notifications-title, .m_electricity__title, .m_dicas__header {
        font-size: 2.75rem;
        text-align: left;
    } }
  @media (max-width: 37.5em) {
    .m_title, .m_contacts__headline, .m_form__headline, .m_content__headline, .m_join-form__title, .m_form-fatura__headline, .m_ctas-ad-cta__headline, .m_ctas-ad-ctaform__headline, .m_account__notifications-title, .m_electricity__title, .m_dicas__header {
        font-size: 1.5rem;
    } }

.m_title--small, .m_content__title {
  color: #8dc63f;
  font-size: 1.125rem;
  font-family: "Aqum", sans-serif; }
  @media (max-width: 37.5em) {
    .m_title--small, .m_content__title {
      font-size: 1rem; } }

.m_text, .m_content__text, .m_ctas__note, .m_account__readings-text, .m_electricity__text {
  font-size: 1.125rem;
  text-align: left; }
  @media (min-width: 48em) {
    .m_text, .m_content__text, .m_ctas__note, .m_account__readings-text, .m_electricity__text {
      text-align: left; } }
  @media (max-width: 37.5em) {
    .m_text, .m_content__text, .m_ctas__note, .m_account__readings-text, .m_electricity__text {
      font-size: 1rem; } }
  .m_text--black {
    color: black; }
  .m_text p, .m_content__text p, .m_ctas__note p, .m_account__readings-text p, .m_electricity__text p {
    margin-bottom: 20px; }
  .m_text a, .m_content__text a, .m_ctas__note a, .m_account__readings-text a, .m_electricity__text a {
    color: #0000ff; }

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.m_text-left {
  text-align: left; }

.m_text-center {
  text-align: center; }

.m_text-right {
  text-align: right; }

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0.8; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0.8; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0.8;
    display: none; } }

@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0.8;
    display: none; } }

@-webkit-keyframes slide-top-alpha {
  0% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes slide-top-alpha {
  0% {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1; } }

@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1; } }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**
*
* Animation 1
*
*/
/**
*
* Animation 2
*
*/
@-webkit-keyframes call-icon-green2-animation_keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  22.2222% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  33.3333% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  88.8889% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }
@keyframes call-icon-green2-animation_keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  22.2222% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  33.3333% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  88.8889% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }

@-webkit-keyframes call-icon-grey1-animation_keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  22.2222% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  33.3333% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  55.5556% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }

@keyframes call-icon-grey1-animation_keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  22.2222% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  33.3333% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  55.5556% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }

@-webkit-keyframes call-icon-white1-animation_keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  55.5556% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  88.8889% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }

@keyframes call-icon-white1-animation_keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  55.5556% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  66.6667% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  88.8889% {
    opacity: 1;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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: pointer;
  cursor: hand; }

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

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

.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 */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before,
.slick-next:before {
  font-size: 1.25rem;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: "←"; }

[dir="rtl"] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: -25px; }

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: "→"; }

[dir="rtl"] .slick-next:before {
  content: "←"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  opacity: 0.50;
  background: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: 0.80;
  background: white; }

.button--transparent-white, .m_banner__slide-button, .m_inside-banner__button {
  color: white;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid white;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--transparent-white, .m_banner__slide-button, .m_inside-banner__button {
      font-size: 0.875rem; } }
  .button--transparent-white:hover, .m_banner__slide-button:hover, .m_inside-banner__button:hover {
    background-color: #00a84f;
    border: 2px solid #00a84f; }

.button--transparent-white-to-white, .m_cookies-bar__button--transparent-white-to-white, .m_join-bar__button--transparent-white-to-white {
  color: white;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid white;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--transparent-white-to-white, .m_cookies-bar__button--transparent-white-to-white, .m_join-bar__button--transparent-white-to-white {
        font-size: 0.875rem;
    } }
.button--transparent-white-to-white:hover, .m_cookies-bar__button--transparent-white-to-white:hover, .m_join-bar__button--transparent-white-to-white:hover {
    background-color: white;
    border: 2px solid white;
    color: #00a84f;
}

.button--white, .m_cookies-bar__button--white, .m_join-bar__button--white {
  color: #00a84f;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid white;
  background-color: white;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--white, .m_cookies-bar__button--white, .m_join-bar__button--white {
      font-size: 0.875rem; } }
  .button--white:hover, .m_cookies-bar__button--white:hover, .m_join-bar__button--white:hover {
    background-color: transparent;
    border: 2px solid white;
    color: white; }

.button--green, .m_login-form__submit {
  color: white;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #00a84f;
  background-color: #00a84f;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--green, .m_login-form__submit {
      font-size: 0.875rem; } }
  .button--green:hover, .m_login-form__submit:hover {
    background-color: white;
    border: 2px solid #00a84f;
    color: #00a84f; }

.button--green-lighter {
  color: white;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #8dc63f;
  background-color: #8dc63f;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--green-lighter {
      font-size: 0.875rem; } }
  .button--green-lighter:hover {
    border: 2px solid #8dc63f;
    background-color: white;
    color: #8dc63f; }
  .button--green-lighter-disabled:hover {
    border: 2px solid #8dc63f;
    background-color: #8dc63f;
    color: white;
    cursor: initial; }

.button--black {
  color: white;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid black;
  background-color: black;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--black {
      font-size: 0.875rem; } }
  .button--black:hover {
    background-color: white;
    border: 2px solid black;
    color: black; }

.button--green-to-grey, .m_form__submit {
  color: white !important;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #00a84f;
  background-color: #00a84f;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--green-to-grey, .m_form__submit {
      font-size: 0.875rem; } }
  .button--green-to-grey:hover, .m_form__submit:hover {
    background-color: #98989a;
    border: 2px solid #98989a;
    color: white; }

.button--transparent-green, .m_cta-register__button {
  color: #00a84f;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #00a84f;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--transparent-green, .m_cta-register__button {
      font-size: 0.875rem; } }
  .button--transparent-green:hover, .m_cta-register__button:hover {
    background-color: #00a84f;
    border: 2px solid #00a84f;
    color: white; }

.button--transparent-green-lighter {
  color: #8dc63f;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #8dc63f;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--transparent-green-lighter {
      font-size: 0.875rem; } }
  .button--transparent-green-lighter:hover {
    background-color: #8dc63f;
    border: 2px solid #8dc63f;
    color: white; }

.button--transparent-grey, .m_join-form__prev {
  color: #d1d3d4;
  font-size: 1.125rem;
  position: relative;
  padding: 15px 50px;
  border: 2px solid #d1d3d4;
  border-radius: 360px;
  text-align: center;
  font-family: "Aqum", sans-serif;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .button--transparent-grey, .m_join-form__prev {
      font-size: 0.875rem; } }
  .button--transparent-grey:hover, .m_join-form__prev:hover {
    background-color: #d1d3d4;
    border: 2px solid #d1d3d4;
    color: white; }

.mfp-bg {
  background-color: transparent; }

.mfp-content {
  background: #414042;
  /* The Fallback */
  background: rgba(65, 64, 66, 0.9);
  max-width: 600px;
  border-radius: 10px;
  padding: 30px; }

button.mfp-close,
button.mfp-arrow {
  background-color: #8dc63f !important;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  top: -20px;
  right: -20px;
  opacity: 1;
  color: white !important; }
  button.mfp-close:active,
  button.mfp-arrow:active {
    top: -20px !important; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

.popup-modal {
  outline: none; }

.m_modal {
  color: white;
  margin-bottom: 20px; }
  .m_modal .m_note-file-input {
    color: white;
    margin-top: 7px; }
  .m_modal .m_join-form__label {
    color: white; }
  .m_modal__text-small {
    font-size: 0.75rem;
    font-family: "Mic32 Regular", sans-serif;
    margin-top: 20px; }
    .m_modal__text-small p {
      margin-bottom: 10px; }
    .m_modal__text-small strong {
      font-family: "Mic32 Bold", sans-serif;
      color: #00a84f; }
  .m_modal button.mfp-close,
  .m_modal button.mfp-arrow {
    background-color: #8dc63f;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    top: -20px;
    right: -20px;
    opacity: 1;
    color: white !important; }
    .m_modal button.mfp-close:active,
    .m_modal button.mfp-arrow:active {
      top: -20px !important; }
  .m_modal--error button.mfp-close,
  .m_modal--error button.mfp-arrow {
    background-color: #ed1c24 !important;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    top: -20px;
    right: -20px;
    opacity: 1;
    color: white !important; }
    .m_modal--error button.mfp-close:active,
    .m_modal--error button.mfp-arrow:active {
      top: -20px !important; }
  .m_modal--error .m_modal__title {
    color: #ed1c24; }
  .m_modal a {
    color: #8dc63f; }
  .m_modal__title {
    color: #8dc63f;
    font-size: 1.125rem;
    font-family: "Aqum", sans-serif; }
  .m_modal__text {
    color: white;
    margin-bottom: 20px; }
    .m_modal__text a {
      color: #8dc63f; }
  .m_modal--success {
    text-align: center; }
    .m_modal--success .mfp-close {
      display: none; }
    .m_modal--success .m_modal__title {
      margin-bottom: 50px; }
    .m_modal--success .m_join-form__button {
      margin: 0 auto; }
    .m_modal--success a {
      color: white; }
    .m_modal--business button.mfp-close,
    .m_modal--business button.mfp-arrow {
        background-color: #00A84F !important;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        top: -20px;
        right: -20px;
        opacity: 1;
        color: white !important; }
    .m_modal__text-black {
    font-size: 1rem;    
    font-family: "Mic32 Regular", sans-serif;
    margin-top: 20px; }
    .m_modal__text-black strong {
      font-family: "Mic32 Bold", sans-serif;
      color: #424949; }

#modalError > div {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ed1c24;
  font-size: 1.125rem;
  font-family: "Mic32 Regular", sans-serif; }
  @media (max-width: 37.5em) {
    #modalError > div {
      font-size: 0.875rem; } }
  #modalError > div strong {
    color: #ed1c24;
    font-size: 1.25rem;
    margin-bottom: 10px;
    font-family: "Mic32 Bold", sans-serif; }
    @media (max-width: 37.5em) {
      #modalError > div strong {
        font-size: 1rem; } }

.m_video {
  width: 100%; }
  .m_video--green {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #8dc63f), color-stop(0%, white));
    background-image: linear-gradient(#8dc63f 65%, white 0%);
    background-position: bottom center; }
    .m_video--green .m_content__headline {
      color: black; }
    .m_video--green .m_content__text {
      color: white;
      font-size: 1.5rem; }
      @media (max-width: 37.5em) {
        .m_video--green .m_content__text {
          font-size: 1rem; } }
  .m_video__title {
    font-size: 1.5rem;
    font-family: "Aqum", sans-serif;
    color: black;
    margin-top: 40px; }
    @media (max-width: 37.5em) {
      .m_video__title {
        font-size: 1.125rem; } }

.m_maintenance {
  background-color: rgba(100, 100, 100, 0.8);
  position: fixed;
  top: 144px;
  right: 0;
  left: 0;
  z-index: 3;
  display: none; }
  @media (min-width: 48em) {
    .m_maintenance {
      position: fixed;
      top: 147px;
      right: 0;
      left: 0; } }
  @media (max-width: 37.5em) {
    .m_maintenance {
      position: fixed;
      top: 126px;
      right: 0;
      left: 0; } }
  .m_maintenance.opened {
    display: block; }
  .m_maintenance__container {
    max-width: 700px;
    width: 100%;
    padding: 20px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .m_maintenance__icon {
    width: 34px; }
  .m_maintenance__text {
    color: white;
    padding-left: 20px;
    font-family: "Aqum", sans-serif; }
    .m_maintenance__text h3 {
      font-size: 1.02rem;
      line-height: 1;
      margin-bottom: 3px; }
      @media (max-width: 37.5em) {
        .m_maintenance__text h3 {
          font-size: 0.875rem; } }
    .m_maintenance__text p {
      font-size: 0.628rem; }
      @media (max-width: 37.5em) {
        .m_maintenance__text p {
          font-size: 0.625rem; } }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border-radius: 0px;
  background: #e6e7e8;
  position: relative;
  overflow: hidden;
  height: 50px;
  font-family: "Aqum", sans-serif; }
  .selectric.m_error {
    border: 3px solid #ed1c24; }
  .selectric .label, .selectric .m_login-form__label, .selectric .m_form__label, .selectric .m_form-fatura__label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 16px;
    line-height: 38px;
    color: #00a84f;
    height: 38px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 50px;
    line-height: 50px;
    opacity: 1; }
  .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 50px;
    line-height: 38px;
    background-color: none;
    color: #00a84f;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px; }
    .selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: solid #00a84f;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transition: all 0.22s ease-out;
      transition: all 0.22s ease-out; }
  .selectric.active {
    background-color: #00a84f; }
    .selectric.active .label, .selectric.active .m_login-form__label, .selectric.active .m_form__label, .selectric.active .m_form-fatura__label {
      color: white; }
    .selectric.active .button {
      color: white; }
      .selectric.active .button:after {
        border-color: white; }

.selectric-hover .selectric .button {
  color: #007537; }
  .selectric-hover .selectric .button:after {
    border-top-color: #007537;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }

.selectric-open {
  z-index: 9999; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .selectric-disabled .label, .selectric-disabled .m_login-form__label, .selectric-disabled .m_form__label, .selectric-disabled .m_form-fatura__label {
    opacity: 0; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%; }
  .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
    .selectric-hide-select.selectric-is-native select {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      border: none;
      z-index: 1;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #e6e7e8;
  border: 1px solid rgba(0, 0, 0, 0);
  z-index: -1;
  -webkit-box-shadow: 0 0 10px -6px;
          box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul,
  .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #00a84f;
    font-family: "Aqum", sans-serif; }
    .selectric-items li.selected {
      background: #00a84f;
      color: white; }
    .selectric-items li:hover {
      background: #00a84f;
      color: white; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

.m_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  -webkit-box-shadow: 0px 0 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0 8px rgba(0, 0, 0, 0.5); }
  .m_header__topbar {
    width: 100%;
    background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
    min-height: 50px; }
    .m_header__topbar-container {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media (max-width: 37.5em) {
      .m_header__topbar-container {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .m_header__topbar-container--loggedin {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
        @media (min-width: 64em) {
          .m_header__topbar-container--loggedin {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; } }
    .m_header__topbar-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .m_header__topbar-text {
      width: 100%;
      font-family: "Aqum", sans-serif;
      color: white;
      padding: 0.625rem 1.25rem;
      text-align: center; }
      .m_header__topbar-text span {
        text-decoration: underline; }
      @media (min-width: 64em) {
        .m_header__topbar-text {
          padding: 0;
          width: 100%;
          text-align: left; } }
      .m_header__topbar-text p:first-of-type {
        color: black;
        font-size: 1rem; }
        @media (max-width: 37.5em) {
          .m_header__topbar-text p:first-of-type {
            font-size: 0.875rem; } }
      .m_header__topbar-text p:last-of-type {
        color: white;
        font-size: 0.625rem; }
        @media (max-width: 37.5em) {
          .m_header__topbar-text p:last-of-type {
            font-size: 0.5625rem; } }
  .m_header__login {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: 10px;
  }
    @media (max-width: 37.5em) {
      .m_header__login {
        min-width: 100px; } }
    .m_header__login--loggedin {
        min-width: 300px;
    }
    .m_header__login-text {
      font-family: "Aqum", sans-serif;
      font-size: 0.875rem;
      color: white;
      line-height: 1;
      display: inline-block;
      vertical-align: text-top; }
      @media (max-width: 37.5em) {
        .m_header__login-text {
          font-size: 0.75rem;
          vertical-align: middle; } }
      .m_header__login-text--last {
        margin-right: 10px;
        color: black; }
      .m_header__login-text--first {
        margin-left: 10px; }
    .m_header__login-image {
      width: 26px;
      margin-right: 0.625rem; }
      @media (max-width: 37.5em) {
        .m_header__login-image {
          width: 16px;
          margin-right: 0.625rem; } }
      .m_header__login-image--last {
        margin-right: 10px;
        margin-left: 0; }
      .m_header__login-image--first {
        margin-left: 10px;
        margin-right: 0; }
    .m_header__login-link {
      height: 50px;
      padding: 0 0.875rem;
      background-color: black; }
      .m_header__login-link:hover {
        background-color: #929497; }
      .m_header__login-link--last {
        padding-left: 0.875rem;
        padding-right: 0;
        background-color: white; }
        .m_header__login-link--last:hover {
          background-color: white; }
      .m_header__login-link--first {
        padding-right: 0.875rem;
        padding-left: 0; }
  .m_header__lang {
    min-width: 60px; }
    .m_header__lang-text {
      color: white;
      font-family: "Aqum", sans-serif;
      font-size: 0.875rem; }
      @media (max-width: 37.5em) {
        .m_header__lang-text {
          font-size: 0.875rem; } }
    .m_header__lang-text:hover {
      color: black; }
    .m_header__lang-text:after {
      content: " | ";
      color: white; }
    .m_header__lang-text:nth-last-of-type(1):after {
      content: ""; }
    .m_header__lang-text--active {
      color: black; }
  .m_header__menu {
    background-color: white;
    padding: 1.0625rem 0; }
    @media (max-width: 37.5em) {
      .m_header__menu-container {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .m_header__logo-image {
    width: 103px; }
    @media (max-width: 37.5em) {
      .m_header__logo-image {
        width: 70px; } }
  .m_header__nav {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    width: 100%;
    z-index: -1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: 400ms;
    transition: 400ms; }
    @media (min-width: 48em) {
      .m_header__nav {
        position: relative;
        top: auto;
        width: auto;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        z-index: 0; } }
    .m_header__nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 1.25rem 0; }
      @media (min-width: 48em) {
        .m_header__nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 1.25rem 0; }
          .m_header__nav ul li {
            display: inline-block; } }
      .m_header__nav ul li {
        display: block; }
        @media (min-width: 48em) {
          .m_header__nav ul li {
            display: inline-block; } }
    @media (min-width: 48em) {
      .m_header__nav {
        position: relative;
        top: auto;
        width: auto;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        z-index: 0; }
        .m_header__nav ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding: 1.25rem 0; }
          .m_header__nav ul li {
            display: inline-block; } }
    .m_header__nav--active {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .m_header__nav-item {
      display: inline-block;
      color: #98989a;
      margin: 10px 0; }
      @media (min-width: 48em) {
        .m_header__nav-item {
          margin: 0; } }
      .m_header__nav-item a {
        font-family: "Aqum", sans-serif;
        font-size: 1.125rem;
        margin-left: 25px; }
      .m_header__nav-item--active {
        color: #00a84f; }
      .m_header__nav-item:hover {
        color: #00a84f; }
  .m_header__toggle {
    width: 32px;
    height: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    cursor: pointer;
    display: block; }
    @media (min-width: 48em) {
      .m_header__toggle {
        display: none; } }
    .m_header__toggle span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #98989a;
      border-radius: 3px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
      .m_header__toggle span:nth-child(1) {
        top: 0; }
      .m_header__toggle span:nth-child(2), .m_header__toggle span:nth-child(3) {
        top: 10px; }
      .m_header__toggle span:nth-child(4) {
        top: 20px; }
    .m_header__toggle.open span:nth-child(1) {
      top: 18px;
      width: 0;
      left: 50%; }
    .m_header__toggle.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .m_header__toggle.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .m_header__toggle.open span:nth-child(4) {
      top: 18px;
      width: 0;
      left: 50%; }

.m_footer {
  margin-top: auto;
  z-index: 11; }

.m_footer-nav {
  margin-top: 30px;
  background: #98989a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Aqum", sans-serif;
  font-size: 0.75rem;
  color: white; }
  @media (min-width: 70em) {
    .m_footer-nav {
      margin-top: 50px; } }
  @media (max-width: 37.5em) {
    .m_footer-nav {
      margin-top: 50px; } }
  .m_footer-nav--bottom {
    padding-bottom: 0; }
    @media (min-width: 70em) {
      .m_footer-nav--bottom {
        margin-top: 50px;
        padding-bottom: 0; } }
    @media (max-width: 37.5em) {
      .m_footer-nav--bottom {
        margin-top: 50px;
        padding-bottom: 0; } }
  .m_footer-nav__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px; }
    @media (min-width: 64em) {
      .m_footer-nav__container {
        width: 990px;
        padding: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .m_footer-nav__column {
    width: 100%; }
    @media (min-width: 64em) {
      .m_footer-nav__column {
        width: 24%; } }
  .m_footer-nav__item {
    width: 100%;
    margin: 10px 0; }
    .m_footer-nav__item:hover {
      color: black; }
    .m_footer-nav__item--active {
      color: black; }
    @media (min-width: 64em) {
      .m_footer-nav__item {
        width: 100%; } }

.m_footer-copy {
  text-align: center;
  width: 100%;
  padding: 20px;
  background: black;
  color: white;
  font-family: "Aqum", sans-serif;
  font-size: 0.625rem;
  padding-bottom: 155px; }
  @media (min-width: 64em) {
    .m_footer-copy {
      font-size: 0.8125rem; } }
  @media (min-width: 70em) {
    .m_footer-copy {
      padding-bottom: 115px; } }
  @media (max-width: 37.5em) {
    .m_footer-copy {
      padding-bottom: 100px;
      padding: 10px 10px 90px 10px; } }
  .m_footer-copy--nopadding {
    padding-bottom: 20px; }
    @media (min-width: 70em) {
      .m_footer-copy--nopadding {
        padding-bottom: 20px; } }
    @media (max-width: 37.5em) {
      .m_footer-copy--nopadding {
        padding-bottom: 15px; } }
  .m_footer-copy #current-year {
    font-size: 0.8125rem; }
    @media (max-width: 37.5em) {
      .m_footer-copy #current-year {
        font-size: 0.625rem; } }
  .m_footer-copy__copyright-icon {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    margin-top: 4px; }
    .m_footer-copy__copyright-icon img {
      position: absolute;
      width: 12px;
      left: 0;
      bottom: -1px; }
    @media (max-width: 37.5em) {
      .m_footer-copy__copyright-icon {
        width: 10px; } }

.m_banner {
  overflow: hidden; }
  .m_banner__slide {
    height: 700px;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 37.5em) {
      .m_banner__slide {
        max-height: calc(100vh - 126px); } }
    .m_banner__slide-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-position: top;
         object-position: top;
      -o-object-fit: cover;
         object-fit: cover; }
    .m_banner__slide-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      padding: 297px;
      z-index: 1; }
    .m_banner__slide-heading {
      color: white;
      font-size: 2rem;
      text-align: center;
      font-family: "Aqum", sans-serif; }
      .m_banner__slide-heading span {
        display: inline-block; }
        @media (min-width: 48em) {
          .m_banner__slide-heading span {
            display: block; } }
      @media (max-width: 37.5em) {
        .m_banner__slide-heading {
          font-size: 1.5rem; } }
    .m_banner__slide-cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
          position: relative; 
          z-index: 21;
        }
      @media (max-width: 37.5em) {
        .m_banner__slide-cta {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
    .m_banner__slide-button {
      top: 40px; 
      z-index: 20;
    }
      .m_banner__slide-button--image {
        padding: 12px 50px;
        margin: 10px; }
      .m_banner__slide-button-image {
        height: 30px;
        width: auto; }

@media (max-width: 37.5em) {
  .m_featured__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.m_featured__box {
  width: 32%;
  padding: 0.25rem;
  position: relative;
  -webkit-transition: opacity 0.22s ease-out;
  transition: opacity 0.22s ease-out; }
  @media (max-width: 37.5em) {
    .m_featured__box {
      width: 100%;
      margin-bottom: 20px; }
      .m_featured__box:nth-last-of-type(1) {
        margin-bottom: 0; } }
  .m_featured__box:hover {
    opacity: 0.8; }
  .m_featured__box-text {
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: "Aqum", sans-serif;
    font-size: 1.03rem;
    color: white;
    text-transform: uppercase; }
    @media (max-width: 37.5em) {
      .m_featured__box-text {
        font-size: 1rem; } }

.m_header-login {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
  padding: 20px 0; }
  .m_header-login__logo-image {
    width: 157px; }
    @media (max-width: 37.5em) {
      .m_header-login__logo-image {
        width: 70px; } }

.input, .m_login-form__input, .m_form__input, .m_account__input, .m_form-fatura__input {
  background-color: #e6e7e8;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 10px;
  display: inline-block;
  color: black;
  font-size: 1.125rem; }
  @media (max-width: 37.5em) {
    .input, .m_login-form__input, .m_form__input, .m_account__input, .m_form-fatura__input {
      font-size: 1rem; } }
  .input.m_error, .m_error.m_login-form__input, .m_error.m_form__input, .m_error.m_account__input, .m_error.m_form-fatura__input, .input.error, .error.m_login-form__input, .error.m_form__input, .error.m_account__input, .error.m_form-fatura__input {
    border: 2px solid #ed1c24; }

.form-group {
  width: 100%; }
  .form-group.parsley-error label, .form-group.m_error label, .form-group.error label {
    color: #ed1c24; }
  .form-group.parsley-error .m_join-form__label, .form-group.m_error .m_join-form__label, .form-group.error .m_join-form__label {
    color: #ed1c24; }
  .form-group.parsley-error .selectric,
  .form-group.parsley-error input, .form-group.m_error .selectric,
  .form-group.m_error input, .form-group.error .selectric,
  .form-group.error input {
    border: 2px solid #ed1c24; }

select.disabled {
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

label.m_error, label.error {
  color: #ed1c24; }

.label, .m_login-form__label, .m_form__label, .m_form-fatura__label {
  color: #00a84f;
  font-size: 1.125rem;
  font-family: "Aqum", sans-serif;
  margin-bottom: 5px;
  display: block; }
  @media (max-width: 37.5em) {
    .label, .m_login-form__label, .m_form__label, .m_form-fatura__label {
      font-size: 0.75rem !important; } }
  .label.m_error, .m_error.m_login-form__label, .m_error.m_form__label, .m_error.m_form-fatura__label, .label.error, .error.m_login-form__label, .error.m_form__label, .error.m_form-fatura__label {
    color: #ed1c24; }
  .label span, .m_login-form__label span, .m_form__label span, .m_form-fatura__label span {
    font-family: "Mic32 Bold", sans-serif; }
  @media (max-width: 37.5em) {
    .label, .m_login-form__label, .m_form__label, .m_form-fatura__label {
      font-size: 1rem; } }

.textarea, .m_login-form__textarea, .m_form__textarea {
  background-color: #e6e7e8;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 10px;
  min-height: 354px;
  color: #616A6B;} 
  .textarea.m_error, .m_error.m_login-form__textarea, .m_error.m_form__textarea, .textarea.error, .error.m_login-form__textarea, .error.m_form__textarea {
    border: 2px solid #ed1c24; }

.m_login-form {
  width: 100%;
  max-width: 484px;
  padding: 0 30px;
  position: relative;
  margin: 20px auto 0 auto;
  margin-bottom: 40px; }
  @media (max-width: 37.5em) {
    .m_login-form {
      padding: 0 20px; } }
  .m_login-form__link {
    color: black;
    font-size: 1rem;
    text-decoration: underline; }
    @media (max-width: 37.5em) {
      .m_login-form__link {
        margin-top: 20px; } }
  .m_login-form__headline {
    color: black;
    font-size: 2.75rem;
    font-family: "Aqum", sans-serif;
    text-align: center;
    margin-bottom: 50px; }
    @media (max-width: 37.5em) {
      .m_login-form__headline {
        font-size: 1.875rem; } }
  .m_login-form__submit {
    margin: auto;
    display: block; }
  .m_login-form__group {
    margin-bottom: 30px;
    position: relative; }
    .m_login-form__group--flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: -20px; }
      @media (max-width: 37.5em) {
        .m_login-form__group--flex {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
  .m_login-form__pass-visibility {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
    width: 31px;
    height: 26px;
    background: url(../images/not-see.svg) no-repeat center center;
    background-size: 30px auto;
    cursor: pointer; }
    .m_login-form__pass-visibility.hide {
      background: url(../images/see.svg) no-repeat center center;
      background-size: contain; }
  .m_login-form__input.error {
    border: 3px solid #ed1c24; }
  .m_login-form__label.error {
    color: #ed1c24; }
  .m_login-form__label--center {
    text-align: center; }
  .m_login-form__textarea.error {
    border: 3px solid #ed1c24; }
  .m_login-form__remember {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .m_login-form__remember-label {
      color: black;
      font-size: 1rem; }
    .m_login-form__remember input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .m_login-form__remember input:checked ~ .checkmark {
        background-color: white; }
      .m_login-form__remember input:checked ~ .checkmark:after {
        display: block; }
    .m_login-form__remember .checkmark {
      position: absolute;
      top: -3px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid black;
      border-radius: 50%;
      margin-bottom: 10px; }
      .m_login-form__remember .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .m_login-form__remember .checkmark:after {
        top: 3px;
        left: 3px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background-color: #00a84f; }

.m_form-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
  display: none; }
  .m_form-modal.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m_form-modal.open .m_form-modal__container {
      -webkit-animation: slide-top-alpha 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
              animation: slide-top-alpha 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
  .m_form-modal__container {
    background: #414042;
    /* The Fallback */
    background: rgba(65, 64, 66, 0.9);
    max-width: 600px;
    width: 100%;
    padding: 30px;
    border-radius: 10px; }
  .m_form-modal__icon {
    display: block;
    width: 51px;
    margin: 0 auto 25px auto; }
  .m_form-modal p {
    color: white;
    font-size: 1.125rem;
    font-family: "Mic32 Bold", sans-serif;
    margin-bottom: 40px; }

.m_cta-register {
  text-align: center;
  margin-top: 85px;
  padding-bottom: 40px; }
  .m_cta-register__image {
    width: 45px;
    margin-bottom: 20px; }
  .m_cta-register__title {
    color: black;
    font-family: "Aqum", sans-serif;
    font-size: 1.125rem;
    margin-bottom: 30px; }
    @media (max-width: 37.5em) {
      .m_cta-register__title {
        font-size: 1rem; } }

.m_cookies-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #98989a;
  padding: 20px 0;
  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
          animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  z-index: 22;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  min-height: 96px; }
  .m_cookies-bar.open {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
            animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
  .m_cookies-bar__container {
    max-width: 1600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 90em) {
      .m_cookies-bar__container {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .m_cookies-bar__text {
    color: white;
    font-size: 1rem;
    font-family: "Mic32 Bold", sans-serif;
    margin-bottom: 20px; }
    @media (min-width: 90em) {
      .m_cookies-bar__text {
        margin-bottom: 0; } }
    @media (max-width: 37.5em) {
      .m_cookies-bar__text {
        font-size: 0.875rem; } }
  @media (max-width: 37.5em) {
    .m_cookies-bar__cta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .m_cookies-bar__button {
    margin: 0 10px;
    padding: 10px 30px;
    font-size: 0.875rem; }
    .m_cookies-bar__button--white {
      color: #98989a; }
      @media (max-width: 37.5em) {
        .m_cookies-bar__button--white {
          margin: 0 auto 20px auto; } }
    .m_cookies-bar__button--transparent-white-to-white:hover {
      color: #98989a; }

.m_join-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
  padding: 20px 0;
  z-index: 21; }
  .m_join-bar__container {
    max-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 70em) {
      .m_join-bar__container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  @media (max-width: 37.5em) {
    .m_join-bar {
      padding: 15px 0; } }
  .m_join-bar__image {
    width: 54px;
    display: none;
    margin-bottom: 10px;
    display: none; }
    @media (min-width: 70em) {
      .m_join-bar__image {
        margin-bottom: 0;
        display: block; } }
  .m_join-bar__text {
    color: white;
    font-size: 1.375rem;
    font-family: "Aqum", sans-serif;
    margin: 0 30px 0 30px;
    display: none; }
    @media (min-width: 90em) {
      .m_join-bar__text {
        margin-bottom: 0; } }
    @media (min-width: 64em) {
      .m_join-bar__text {
        display: block; } }
    @media (max-width: 37.5em) {
      .m_join-bar__text {
        font-size: 0.875rem; } }
    .m_join-bar__text-text-wrap {
      display: none; }
      @media (min-width: 64em) {
        .m_join-bar__text-text-wrap {
          display: block; } }
    .m_join-bar__text--black {
      color: black; }
  .m_join-bar__cta {
    margin-top: 20px; }
    @media (min-width: 70em) {
      .m_join-bar__cta {
        margin-top: 0; } }
    @media (max-width: 37.5em) {
      .m_join-bar__cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 0; } }
  .m_join-bar__button {
    margin: 0 10px;
    padding: 10px 30px;
    font-size: 0.875rem; }
    .m_join-bar__button--white {
      color: #98989a; }
      @media (max-width: 37.5em) {
        .m_join-bar__button--white {
          margin: 0 auto 20px auto; } }

.m_call-modal {
  z-index: 21;
  min-width: 120px;
  min-height: 140px;
  position: fixed;
  right: 30px;
  bottom: 70px; }
  @media (min-width: 64em) {
    .m_call-modal {
      position: fixed;
      right: 30px;
      bottom: 120px; } }
  @media (min-width: 70em) {
    .m_call-modal {
      position: fixed;
      right: 30px;
      bottom: 90px; } }
  @media (max-width: 37.5em) {
    .m_call-modal {
      position: fixed;
      right: 10px;
      bottom: 65px; } }
  .m_call-modal__modal {
    background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
    padding: 20px 10px;
    width: 372px;
    position: fixed;
    right: 48px;
    bottom: 95px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.44);
            box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.44);
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transition: -webkit-transform .22s ease-out;
    transition: -webkit-transform .22s ease-out;
    transition: transform .22s ease-out;
    transition: transform .22s ease-out, -webkit-transform .22s ease-out;
    min-height: 233px; }
    @media (min-width: 64em) {
      .m_call-modal__modal {
        position: fixed;
        right: 48px;
        bottom: 145px; } }
    @media (min-width: 70em) {
      .m_call-modal__modal {
        position: fixed;
        right: 48px;
        bottom: 116px; } }
    @media (max-width: 37.5em) {
      .m_call-modal__modal {
        position: fixed;
        right: 22px;
        bottom: 80px;
        max-width: 90%; } }
    .m_call-modal__modal.open {
      -webkit-transform: scale(1);
              transform: scale(1); }
    .m_call-modal__modal-title {
      color: white;
      font-size: 1.5625rem;
      font-family: "Aqum", sans-serif;
      text-align: center;
      margin-bottom: 5px; }
      @media (max-width: 37.5em) {
        .m_call-modal__modal-title {
          font-size: 1.25rem; } }
    .m_call-modal__modal-phone {
      background: black;
      border-radius: 300px;
      width: 100%;
      font-size: 2.5rem;
      text-align: center;
      color: white;
      font-family: "Aqum", sans-serif;
      line-height: 69px;
      padding-top: 5px; }
      @media (max-width: 37.5em) {
        .m_call-modal__modal-phone {
          font-size: 1.875rem; } }
    .m_call-modal__modal-form {
      position: relative; }
      .m_call-modal__modal-form-title {
        color: black;
        font-size: 1.3125rem;
        font-family: "Aqum", sans-serif;
        text-align: center; }
        @media (max-width: 37.5em) {
          .m_call-modal__modal-form-title {
            font-size: 1rem; } }
      .m_call-modal__modal-form-submit {
        color: white;
        font-size: 1.125rem;
        position: relative;
        padding: 15px 50px;
        border: 2px solid black;
        background-color: black;
        border-radius: 360px;
        text-align: center;
        font-family: "Aqum", sans-serif;
        -webkit-transition: all 0.22s ease-out;
        transition: all 0.22s ease-out; }
        @media (max-width: 37.5em) {
          .m_call-modal__modal-form-submit {
            font-size: 0.875rem;
            padding: 15px 30px; } }
        .m_call-modal__modal-form-submit:hover {
          background-color: transparent;
          border: 2px solid black;
          color: black; }
        .m_call-modal__modal-form-submit.disabled {
          background-color: #e6e7e8;
          pointer-events: none;
          border: 2px solid #e6e7e8; }
      .m_call-modal__modal-form-input {
        border: 1px solid #8dc63f;
        border-radius: 6px;
        text-align: center;
        font-size: 1rem;
        font-family: "Aqum", sans-serif;
        color: black;
        padding: 20px 0;
        width: 100%;
        margin: 10px 0; }
        @media (max-width: 37.5em) {
          .m_call-modal__modal-form-input {
            font-size: 1rem; } }
        .m_call-modal__modal-form-input::-webkit-input-placeholder {
          color: #D1D3D4; }
        .m_call-modal__modal-form-input::-moz-placeholder {
          color: #D1D3D4; }
        .m_call-modal__modal-form-input:-ms-input-placeholder {
          color: #D1D3D4; }
        .m_call-modal__modal-form-input::-ms-input-placeholder {
          color: #D1D3D4; }
        .m_call-modal__modal-form-input::placeholder {
          color: #D1D3D4; }
  .m_call-modal--bottom {
    position: fixed;
    right: 30px;
    bottom: 60px; }
    @media (min-width: 64em) {
      .m_call-modal--bottom {
        position: fixed;
        right: 30px;
        bottom: 70px; } }
    @media (min-width: 70em) {
      .m_call-modal--bottom {
        position: fixed;
        right: 30px;
        bottom: 70px; } }
    @media (max-width: 37.5em) {
      .m_call-modal--bottom {
        position: fixed;
        right: 10px;
        bottom: 50px; } }
    .m_call-modal--bottom .m_call-modal__modal {
      position: fixed;
      right: 52px;
      bottom: 85px; }
      @media (min-width: 64em) {
        .m_call-modal--bottom .m_call-modal__modal {
          position: fixed;
          right: 50px;
          bottom: 96px; } }
      @media (min-width: 70em) {
        .m_call-modal--bottom .m_call-modal__modal {
          position: fixed;
          right: 50px;
          bottom: 96px; } }
      @media (max-width: 37.5em) {
        .m_call-modal--bottom .m_call-modal__modal {
          position: fixed;
          right: 20px;
          bottom: 65px;
          max-width: 90%; } }
  .m_call-modal .call-icon-grey1 {
    position: absolute;
    width: 125px;
    height: 146px;
    right: 0;
    bottom: 20px;
    opacity: 0; }
    @media (max-width: 37.5em) {
      .m_call-modal .call-icon-grey1 {
        width: 70px;
        height: 81px; } }
  .m_call-modal .call-icon-green2 {
    position: absolute;
    width: 126px;
    height: 146px;
    right: 0;
    bottom: 20px;
    opacity: 1; }
    @media (max-width: 37.5em) {
      .m_call-modal .call-icon-green2 {
        width: 70px;
        height: 81px; } }
  .m_call-modal .call-icon-white1 {
    position: absolute;
    width: 124px;
    height: 146px;
    right: 0;
    bottom: 20px;
    opacity: 0; }
    @media (max-width: 37.5em) {
      .m_call-modal .call-icon-white1 {
        width: 70px;
        height: 81px; } }
  .m_call-modal .call-icon-green2-animation {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running call-icon-green2-animation_keyframes;
            animation: 13.5s linear 0s infinite normal forwards running call-icon-green2-animation_keyframes; }
  .m_call-modal .call-icon-grey1-animation {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running call-icon-grey1-animation_keyframes;
            animation: 13.5s linear 0s infinite normal forwards running call-icon-grey1-animation_keyframes; }
  .m_call-modal .call-icon-white1-animation {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running call-icon-white1-animation_keyframes;
            animation: 13.5s linear 0s infinite normal forwards running call-icon-white1-animation_keyframes; }
  .m_call-modal__modal-form {
    margin: 20px 0;
    padding: 20px;
    background: white;
    border-radius: 12px; }
  .m_call-modal__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .m_call-modal__footer img {
      width: 80px; }
  .m_call-modal .m_checkgroupsquare__check-label {
    font-size: 0.8125rem; }
  .m_call-modal .m_checkgroupsquare .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 0;
    border: 2px solid transparent;
    background: #E6E7E8; }
  .m_call-modal__close {
    color: black;
    font-size: 0.9375rem;
    font-family: "Aqum", sans-serif;
    cursor: pointer; }
    .m_call-modal__close-btn {
      background-color: black;
      color: white;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      font-family: "Aqum", sans-serif;
      font-size: 0.9375rem;
      text-align: center;
      line-height: 25px;
      display: inline-block;
      padding-top: 2px; }

.m_call-modal__success {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
    color: #8dc63f;
    font-size: 1.9375rem;
    font-family: "Aqum", sans-serif;
    z-index: 10;
    border-radius: 12px;
    padding: 1.25rem;
    text-align: center; }
    @media (max-width: 37.5em) {
      .m_call-modal__success {
        font-size: 1.5rem; } }
    .m_call-modal__success .button {
      margin-top: 20px; }
    .m_call-modal__success.open {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

.m_breadcrumbs {
  margin-bottom: 0.625rem; }

.m_utilcards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 37.5em) {
    .m_utilcards {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .m_utilcards__item {
    position: relative;
    width: 30%;
    background-color: #8dc63f;
    margin-left: calc(10% / 2);
    margin-bottom: calc(10% / 2);
    padding: 1.25rem;
    height: 250px; }
    .m_utilcards__item:nth-child(3n + 1) {
      margin-left: 0; }
    @media (max-width: 37.5em) {
      .m_utilcards__item {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0; }
        .m_utilcards__item:nth-last-of-type(1) {
          margin-bottom: 0; } }
    .m_utilcards__item:hover {
      cursor: pointer;
      -webkit-transition: all 0.22s ease-out;
      transition: all 0.22s ease-out;
      background-color: #00a84f; }
      .m_utilcards__item:hover img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
  .m_utilcards__title {
    width: 100%;
    position: relative;
    color: white;
    font-family: "Aqum", sans-serif;
    text-align: left;
    font-size: 1.375rem;
    text-transform: uppercase; }
    @media (max-width: 37.5em) {
      .m_utilcards__title {
        font-size: 1rem; } }
  .m_utilcards__image {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    height: 100px;
    opacity: 0.25;
    -webkit-transition: -webkit-transform 0.22s ease-out;
    transition: -webkit-transform 0.22s ease-out;
    transition: transform 0.22s ease-out;
    transition: transform 0.22s ease-out, -webkit-transform 0.22s ease-out; }

.m_inside-banner {
  position: relative; }
  .m_inside-banner--slider {
    height: 400px;
    display: block;
    margin-bottom: 1.875rem;
    overflow: hidden; }
  .m_inside-banner .m_container, .m_inside-banner .m_inside-banner__slide-content, .m_inside-banner .m_account__notifications-container {
    margin: 0; }

.m_inside-banner__image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  .m_inside-banner__image--left {
    -o-object-position: left;
       object-position: left; }

.m_inside-banner__headline {
  width: 100%;
  padding: 1.25rem;
  position: relative;
  color: white;
  font-size: 2.75rem;
  font-family: "Aqum", sans-serif;
  text-align: left;
  margin: 50px auto auto auto; }
  @media (max-width: 37.5em) {
    .m_inside-banner__headline {
      font-size: 1.875rem; } }

.m_inside-banner__header {
  width: 100%;
  padding: 1.25rem;
  position: relative;
  color: white;
  font-size: 1.75rem;
  font-family: "Aqum", sans-serif;
  text-align: left;
  margin: 20px auto auto 20px; }
  .m_inside-banner__header--green {
    color: #8dc63f; }
  .m_inside-banner__header--lower {
    text-transform: none; }
  @media (max-width: 37.5em) {
    .m_inside-banner__header {
      font-size: 1.5rem; } }

.m_inside-banner__button {
  position: relative;
  margin: 1.25rem;
  -ms-flex-item-align: end;
      align-self: flex-end; }
  .m_inside-banner__button--right-bottom {
    position: absolute;
    right: 20px;
    bottom: 20px; }

  .m_inside-banner__slide {
    height: 400px;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .m_inside-banner__slide-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-position: top;
         object-position: top;
      -o-object-fit: cover;
         object-fit: cover; }
    .m_inside-banner__slide-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative;
      z-index: 1; }
      .m_inside-banner__slide-content.container {
        margin: auto; }
    .m_inside-banner__slide-heading {
      color: white;
      font-size: 2.75rem;
      text-align: left;
      font-family: "Aqum", sans-serif;
      padding: 1.25rem;
      position: relative; }
      @media (max-width: 37.5em) {
        .m_inside-banner__slide-heading {
          font-size: 1.875rem; } }
      .m_inside-banner__slide-heading span {
        display: inline-block; }
        @media (min-width: 48em) {
          .m_inside-banner__slide-heading span {
            display: block; } }
      @media (max-width: 37.5em) {
        .m_inside-banner__slide-heading {
          font-size: 1.5rem; } }

.m_contacts__text {
  color: black;
  font-size: 1.125rem; }
  .m_contacts__text a {
    font-weight: bold;
    text-decoration: underline; }
  .m_contacts__text p {
    margin-bottom: 1.25rem; }

.m_contacts__icon {
  height: 44px;
  margin: 10px; }
  @media (min-width: 48em) {
    .m_contacts__icon {
      height: 34px; } }
  @media (min-width: 64em) {
    .m_contacts__icon {
      height: 44px; } }

.m_contacts__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 48em) {
    .m_contacts__phones {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; 
              display: flex;
              justify-content: center;
              gap: 10px;
    } }

.m_contacts__phone {
  width: 300px;
  height: 64px;
  border-radius: 500px;
  background-color: #00a84f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  @media (min-width: 48em) {
    .m_contacts__phone {
      height: 54px;
      width: 32.5%;
      margin-bottom: 0; } }
  @media (min-width: 64em) {
    .m_contacts__phone {
      height: 64px;
      width: 32.5%;
      margin-bottom: 0; } }
  .m_contacts__phone span {
    color: white;
    font-family: "Aqum", sans-serif;
    font-size: 1.375rem;
    margin-top: 3px; }
    @media (min-width: 64em) {
      .m_contacts__phone span {
        font-size: 1.6875rem; } }
  .m_contacts__phone a {
    text-decoration: none; }

.m_contacts__ctas {
  margin: 50px 0;
  width: 100%; }

.m_contacts__note {
  opacity: 0;
  height: auto;
  color: #98989a;
  margin-bottom: 30px;
  padding: 0 20px;
  display: none; }

.m_contacts__not-cliente-text {
  margin-bottom: 30px; }

.m_contacts__cta {
  display: block;
  width: 100%;
  border-radius: 7px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out;
  border: 2px solid transparent; }
  .m_contacts__cta:after {
    content: "";
    width: 35px;
    height: 100%;
    background-image: url(../images/contactos/yes.svg);
    background-position: center top 10px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.25;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 10px; }
    @media (min-width: 48em) {
      .m_contacts__cta:after {
        width: 45px; } }
    @media (min-width: 64em) {
      .m_contacts__cta:after {
        width: 55px; } }
    @media (max-width: 37.5em) {
      .m_contacts__cta:after {
        width: 25px;
        position: absolute;
        top: 6px;
        right: 10px;
        bottom: 10px; } }
  .m_contacts__cta.open {
    background: white; }
    .m_contacts__cta.open .m_contacts__note {
      opacity: 1; }
    .m_contacts__cta.open .title {
      color: #8dc63f; }
    .m_contacts__cta.open .m_form {
      opacity: 1; }
  .m_contacts__cta--gradient {
    background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
    margin-bottom: 20px; }
    .m_contacts__cta--gradient.open {
      border: 2px solid #8dc63f;
      background-color: white; }
  .m_contacts__cta--grey {
    background: #98989a; }
    .m_contacts__cta--grey.open {
      border: 2px solid #98989a;
      background-color: white; }
      .m_contacts__cta--grey.open:after {
        background-image: url(../images/contactos/yes-color.svg);
        opacity: 1; }
  .m_contacts__cta .title {
    font-family: "Aqum", sans-serif;
    font-size: 1.625rem;
    color: white;
    line-height: 0.9;
    padding: 30px 20px; }
    @media (min-width: 48em) {
      .m_contacts__cta .title {
        font-size: 1.875rem; } }
    @media (min-width: 64em) {
      .m_contacts__cta .title {
        font-size: 2.8125rem; } }
    @media (max-width: 37.5em) {
      .m_contacts__cta .title {
        font-size: 0.875rem; } }
  .m_contacts__cta:hover {
    opacity: 0.9; }

.m_form {
  display: none;
  padding: 0 20px; }
  .m_form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 1.25rem; }
    .m_form__group--nomarginbottom {
      margin-bottom: 0; }
    @media (max-width: 37.5em) {
      .m_form__group {
        margin-bottom: 0; } }
  .m_form__row {
    width: calc(50% - 10px); }
    @media (max-width: 37.5em) {
      .m_form__row {
        margin-bottom: 1.25rem;
        width: 100%; } }
    .m_form__row--full {
      width: 100%; }
      @media (max-width: 37.5em) {
        .m_form__row--full {
          margin-bottom: 1.25rem; } }
  .m_form__required, .m_form__error-email {
    display: none;
    font-size: 1rem; }
    .m_form__required.error, .m_form__error-email.error {
      color: #ed1c24; }
  .m_form__checkgroup {
    padding-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .m_form__check {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-left: 1.25rem; }
    .m_form__check:nth-child(1) {
      margin-left: 0; }
    .m_form__check-label {
      color: black;
      font-size: 1rem; }
      @media (max-width: 37.5em) {
        .m_form__check-label {
          font-size: 0.875rem; } }
    .m_form__check input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .m_form__check input:checked ~ .checkmark {
        background-color: white; }
      .m_form__check input:checked ~ .checkmark:after {
        display: block; }
    .m_form__check .checkmark {
      position: absolute;
      top: -3px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid black;
      border-radius: 50%;
      margin-bottom: 10px; }
      .m_form__check .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .m_form__check .checkmark:after {
        top: 3px;
        left: 3px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background-color: #00a84f; }
  .m_form__submit {
    margin: 20px auto 0;
    display: block;
    margin-bottom: 30px; }
  .m_form__success {
    font-size: 1.25rem;
    font-family: "Mic32 Bold", sans-serif;
    color: #00a84f;
    text-align: center;
    display: none; }
    @media (min-width: 48em) {
      .m_form__success {
        font-size: 1.5rem; } }
    @media (max-width: 37.5em) {
      .m_form__success {
        font-size: 1.125rem; } }

.m_checkgroup {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .m_checkgroup a {
    text-decoration: underline; }
  .m_checkgroup__check {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-left: 1.25rem; }
    .m_checkgroup__check:nth-child(1) {
      margin-left: 0; }
    .m_checkgroup__check-label {
      color: black;
      font-size: 1rem; }
      @media (max-width: 37.5em) {
        .m_checkgroup__check-label {
          font-size: 0.875rem; } }
      .m_checkgroup__check-label.m_error {
        color: #ed1c24; }
    .m_checkgroup__check input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .m_checkgroup__check input:checked ~ .checkmark {
        background-color: white; }
      .m_checkgroup__check input:checked ~ .checkmark:after {
        display: block; }
    .m_checkgroup__check .checkmark {
      position: absolute;
      top: -3px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid black;
      border-radius: 50%;
      margin-bottom: 10px; }
      .m_checkgroup__check .checkmark:after {
        content: "";
        position: absolute;
        display: none; }
      .m_checkgroup__check .checkmark:after {
        top: 3px;
        left: 3px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background-color: #00a84f; }

.m_checkgroupsquare {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: black; }
  .m_checkgroupsquare a {
    text-decoration: underline; }
.m_checkgroupsquare input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .m_checkgroupsquare input:checked ~ .checkmark:after {
      display: block; }
    .m_checkgroupsquare input:disabled ~ .checkmark {
      border: 2px solid #999; }
  .m_checkgroupsquare .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 0;
    border: 2px solid black;
    background: white; }
    .m_checkgroupsquare .checkmark--border-white {
      border: 2px solid white; }
    .m_checkgroupsquare .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .m_checkgroupsquare .checkmark:after {
      left: 8px;
      top: 1px;
      width: 7px;
      height: 15px;
      border: solid #00a84f;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .m_checkgroupsquare .checkmark.disabled:after {
      left: 8px;
      top: 1px;
      width: 7px;
      height: 15px;
      border: solid #999;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.m_faq {
  border-top: 1px solid #8dc63f; }
  .m_faq__item {
    font-size: 1.5rem;
    border-bottom: 1px solid #8dc63f;
    padding-top: 20px;
    position: relative; }
    @media (min-width: 48em) {
      .m_faq__item {
        font-size: 1.125rem; } }
    @media (max-width: 37.5em) {
      .m_faq__item {
        font-size: 1rem; } }
    .m_faq__item strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_faq__item p {
      margin-bottom: 20px; }
    .m_faq__item a {
      color: #0000ff; }
  .m_faq__question {
    font-family: "Aqum", sans-serif;
    font-size: 1rem;
    color: #8dc63f;
    margin-bottom: 20px;
    text-align: justify; }
    @media (min-width: 48em) {
      .m_faq__question {
        font-size: 1.125rem; } }
    @media (max-width: 37.5em) {
      .m_faq__question {
        font-size: 0.875rem; } }
  .m_faq__answer {
    display: none;
    padding-left: 40px;
    text-align: justify; }
    @media (max-width: 37.5em) {
      .m_faq__answer {
        padding-left: 25px; } }
  .m_faq__header {
    padding-left: 40px;
    position: relative;
    cursor: pointer; }
    @media (max-width: 37.5em) {
      .m_faq__header {
        padding-left: 25px; } }

.m_circle-plus {
  height: 22px;
  width: 22px;
  font-size: 1em;
  opacity: .7;
  position: absolute;
  top: -2px;
  left: 0; }
  @media (max-width: 37.5em) {
    .m_circle-plus {
      position: absolute;
      top: 0;
      left: 0; } }
  @media (max-width: 37.5em) {
    .m_circle-plus {
      height: 16px;
      width: 16px; } }
  .m_circle-plus.closed .m_vertical {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .m_circle-plus.closed .m_horizontal {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    opacity: 1; }
  .m_circle-plus.opened {
    opacity: 1; }
    .m_circle-plus.opened .m_vertical {
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .m_circle-plus.opened .m_horizontal {
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      opacity: 0; }
  .m_circle-plus .m_circle {
    position: relative;
    width: 22px;
    height: 22px; }
    @media (max-width: 37.5em) {
      .m_circle-plus .m_circle {
        height: 16px;
        width: 16px; } }
    .m_circle-plus .m_circle .m_horizontal {
      position: absolute;
      background-color: #98989a;
      width: 22px;
      height: 6px;
      left: 50%;
      margin-left: -11px;
      top: 50%;
      margin-top: -2.5px;
      border-radius: 3px; }
      @media (max-width: 37.5em) {
        .m_circle-plus .m_circle .m_horizontal {
          height: 4px;
          width: 16px; } }
    .m_circle-plus .m_circle .m_vertical {
      position: absolute;
      background-color: #98989a;
      width: 6px;
      height: 22px;
      left: 50%;
      margin-left: -3px;
      top: 50%;
      margin-top: -10px;
      border-radius: 3px; }
      @media (max-width: 37.5em) {
        .m_circle-plus .m_circle .m_vertical {
          width: 4px;
          height: 16px;
          margin-left: -5px;
          margin-top: -8px; } }

.m_content {
  margin-top: 40px; }
  .m_content__block {
    margin-bottom: 20px; }
    .m_content__block--center {
      text-align: center; }
  .m_content__headline {
    font-size: 1.75rem; }
    @media (min-width: 48em) {
      .m_content__headline {
        font-size: 2.25rem; } }
    @media (max-width: 37.5em) {
      .m_content__headline {
        font-size: 1.25rem; } }
  .m_content__title--graph {
    font-size: 1.5rem;
    color: black;
    font-family: "Mic32 Bold", sans-serif; }
    @media (max-width: 37.5em) {
      .m_content__title--graph {
        font-size: 1.125rem; } }
  .m_content__image-note {
    font-size: 0.75rem;
    color: black; }
  .m_content__image-note-title {
    font-size: 1.5rem;
    font-family: "Mic32 Bold", sans-serif;
    color: #8dc63f; }
  .m_content__image-note-subtitle {
    font-size: 0.875rem;
    font-family: "Mic32 Bold", sans-serif;
    color: black;
    margin-bottom: 90px; }
  .m_content__text--black {
    color: black; }
  .m_content__text strong {
    font-family: "Mic32 Bold", sans-serif; }
  .m_content__intro, .m_dicas__text {
    font-size: 1.25rem;
    color: black;
    margin-bottom: 30px;
    text-align: justify; }
    @media (min-width: 48em) {
      .m_content__intro, .m_dicas__text {
        font-size: 1.5rem; } }
    @media (max-width: 37.5em) {
      .m_content__intro, .m_dicas__text {
        font-size: 1.125rem; } }
    .m_content__intro strong, .m_dicas__text strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_content__intro a, .m_dicas__text a {
      text-decoration: underline; }
    .m_content__intro p, .m_dicas__text p {
      margin-bottom: 20px; }
    .m_content__intro ul, .m_dicas__text ul {
      margin: 30px 0; }
      .m_content__intro ul li, .m_dicas__text ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 20px; }
        .m_content__intro ul li span, .m_dicas__text ul li span {
          width: calc(100% - 64px); }
        .m_content__intro ul li .m_number, .m_dicas__text ul li .m_number {
          display: inline-block;
          vertical-align: middle;
          margin-right: 20px;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          background: #8dc63f;
          color: white;
          text-align: center;
          line-height: 34px;
          padding-top: 2px;
          font-family: "Aqum", sans-serif;
          font-size: 1.25rem; }

.m_joincards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 48em) {
    .m_joincards {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .m_joincards__item {
    position: relative;
    width: 100%;
    border: 3px solid #8dc63f;
    padding: 1.25rem;
    height: 0;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    margin-bottom: 20px;
    margin-left: 0; }
    @media (min-width: 48em) {
      .m_joincards__item {
        padding-bottom: 21%;
        width: 23%;
        margin-bottom: 0; } }
    .m_joincards__item:hover .m_joincards__title {
      color: white; }
    .m_joincards__item:hover .m_joincards__hover {
      opacity: 1; }
    .m_joincards__item:nth-child(1) {
      background-image: url(../images/aderir/costs.png);
      background-size: 64px auto; }
      .m_joincards__item:nth-child(1) .m_joincards__hover {
        background-image: url(../images/aderir/costs-w.png);
        background-size: 74px auto; }
    .m_joincards__item:nth-child(2) {
      background-image: url(../images/aderir/breaks.png);
      background-size: 64px auto; }
      .m_joincards__item:nth-child(2) .m_joincards__hover {
        background-size: 74px auto;
        background-image: url(../images/aderir/breaks-w.png); }
    .m_joincards__item:nth-child(3) {
      background-image: url(../images/aderir/technical.png);
      background-size: 64px auto; }
      .m_joincards__item:nth-child(3) .m_joincards__hover {
        background-image: url(../images/aderir/technical-w.png);
        background-size: 74px auto; }
    .m_joincards__item:nth-child(4) {
      background-image: url(../images/aderir/bureaucracies.png);
      background-size: 54px auto; }
      .m_joincards__item:nth-child(4) .m_joincards__hover {
        background-size: 64px auto;
        background-image: url(../images/aderir/bureaucracies-w.png); }
    .m_joincards__item:nth-child(5) {
      background-image: url(../images/gas/iconGasV2_over3.png);
      background-size: 64px auto; }
      .m_joincards__item:nth-child(5) .m_joincards__hover {
        background-size: 74px auto;
        background-image: url(../images/gas/iconGasV2_over_white.png); }
    .m_joincards__item:hover {
      cursor: pointer;
      -webkit-transition: all 0.22s ease-out;
      transition: all 0.22s ease-out; }
      .m_joincards__item:hover img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
  .m_joincards__title {
    width: 100%;
    position: relative;
    color: #8dc63f;
    font-family: "Aqum", sans-serif;
    text-align: left;
    font-size: 1rem;
    text-transform: uppercase; }
    .m_joincards__title--hover {
      color: white;
      font-family: "Mic32 Regular", sans-serif;
      text-transform: none; }
    @media (min-width: 70em) {
      .m_joincards__title {
        font-size: 1.375rem; } }
    @media (min-width: 48em) {
      .m_joincards__title {
        font-size: 1rem; } }
  .m_joincards__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    background-color: #8dc63f;
    background-size: 84px auto;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    opacity: 0; }
  .m_joincards__image {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    height: auto;
    -webkit-transition: -webkit-transform 0.22s ease-out;
    transition: -webkit-transform 0.22s ease-out;
    transition: transform 0.22s ease-out;
    transition: transform 0.22s ease-out, -webkit-transform 0.22s ease-out; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.iconData {
  position: absolute;
  right: 10px;
  bottom: 9px;
  width: 27px;
  pointer-events: none; }
  .iconData--active {
    pointer-events: all; }

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.m_join-form {
  margin-top: 40px;
  /* Dots */ }
  .m_join-form .slick-slide {
    padding-right: 40px; }
  .m_join-form__button {
    display: inline-block; }
  .m_join-form__slide {
    margin-top: 140px; }
  .m_join-form__cta {
    text-align: center; }
    .m_join-form__cta .previous {
      display: none; }
  .m_join-form__error {
    color: black;
    text-align: center; }
    .m_join-form__error.m_error, .m_join-form__error.error {
      color: #ed1c24; }
  .m_join-form__subtitle {
    color: black;
    font-size: 1.25rem; }
    .m_join-form__subtitle strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_join-form__subtitle a {
      text-decoration: underline; }
    @media (min-width: 48em) {
      .m_join-form__subtitle {
        font-size: 1.5rem; } }
    @media (max-width: 37.5em) {
      .m_join-form__subtitle {
        font-size: 1.125rem; } }
  .m_join-form__input-with-icon {
    position: relative;
    width: calc( 100% - 40px); }
    @media (min-width: 48em) {
      .m_join-form__input-with-icon {
        width: 100%; } }
    .m_join-form__input-with-icon .search {
      width: 30px;
      position: absolute;
      top: 10px;
      right: -40px;
      bottom: 0;
      z-index: 100; }
      @media (min-width: 48em) {
        .m_join-form__input-with-icon .search {
          position: absolute;
          top: 10px;
          right: -40px;
          bottom: 0; } }
  .m_join-form__label {
    color: black;
    font-size: 1.25rem; }
    .m_join-form__label strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_join-form__label.error {
      color: #ed1c24; }
  .m_join-form__group {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 64em) {
      .m_join-form__group {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .m_join-form__group .m_checkgroup,
    .m_join-form__group .m_checkgroupsquare {
      margin-bottom: 30px; }
    .m_join-form__group .form-group {
      margin-bottom: 30px;
      position: relative; }
    .m_join-form__group--3-1 {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .m_join-form__group--3-1 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--3-1 > div:nth-child(1) {
            width: 69%; } }
      .m_join-form__group--3-1 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--3-1 > div:nth-child(2) {
            width: 29%; } }
    .m_join-form__group--1-3 {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .m_join-form__group--1-3 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-3 > div:nth-child(1) {
            width: 29%; } }
      .m_join-form__group--1-3 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-3 > div:nth-child(2) {
            width: 69%; } }
    .m_join-form__group--1-1 {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .m_join-form__group--1-1 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-1 > div:nth-child(1) {
            width: 32%; } }
      .m_join-form__group--1-1 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-1 > div:nth-child(2) {
            width: 36.5%; } }
    .m_join-form__group--1-15 {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .m_join-form__group--1-15 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-15 > div:nth-child(1) {
            width: 25%; } }
      .m_join-form__group--1-15 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-15 > div:nth-child(2) {
            width: 40%; } }
    .m_join-form__group--2-2 {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .m_join-form__group--2-2 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--2-2 > div:nth-child(1) {
            width: 49%; } }
      .m_join-form__group--2-2 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--2-2 > div:nth-child(2) {
            width: 49%; } }
    .m_join-form__group--1-1-1 {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .m_join-form__group--1-1-1 > div:nth-child(1) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-1-1 > div:nth-child(1) {
            width: 32%; } }
      .m_join-form__group--1-1-1 > div:nth-child(2) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-1-1 > div:nth-child(2) {
            width: 32%; } }
      .m_join-form__group--1-1-1 > div:nth-child(3) {
        width: 100%; }
        @media (min-width: 64em) {
          .m_join-form__group--1-1-1 > div:nth-child(3) {
            width: 32%; } }
  .m_join-form .condominio {
    display: block; }
  .m_join-form .group2b,
  .m_join-form .group4b,
  .m_join-form .group3,
  .m_join-form .group5,
  .m_join-form .group6,
  .m_join-form .group7,
  .m_join-form .group9,
  .m_join-form .group11,
  .m_join-form .group8,
  .m_join-form .group10,
  .m_join-form .group12 {
    display: none; }
  .m_join-form__warning {
    background-color: #ed1c24 !important;
    color: white;
    padding: 30px;
    opacity: 0.6;
    border-radius: 10px; }
  .m_join-form .slick-dotted.slick-slider {
    margin-bottom: 30px; }
  .m_join-form .slick-dots {
    position: absolute;
    top: -100px;
    bottom: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  .m_join-form .slick-dots li {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: left;
    pointer-events: none; }
    .m_join-form .slick-dots li:before {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #98989a;
      position: absolute;
      top: calc(50% - 2px);
      right: 0;
      left: 0;
      z-index: -1; }
    .m_join-form .slick-dots li p {
      margin-top: 10px; }
    .m_join-form .slick-dots li:nth-child(1) button {
      background-image: url(../images/aderir/step1.svg); }
    .m_join-form .slick-dots li:nth-child(2) button {
      background-image: url(../images/aderir/step2.svg); }
    .m_join-form .slick-dots li:nth-child(3) button {
      background-image: url(../images/aderir/step3.svg); }
    .m_join-form .slick-dots li:nth-child(4):before {
      content: '';
      height: 0;
      background-color: transparent;
      position: absolute;
      top: calc(50% - 2px);
      right: 0;
      left: 0;
      z-index: -1; }
    .m_join-form .slick-dots li:nth-child(4) button {
      background-image: url(../images/aderir/step4.svg); }
    .m_join-form .slick-dots li.slick-active, .m_join-form .slick-dots li.completed {
      pointer-events: all; }
      .m_join-form .slick-dots li.slick-active button, .m_join-form .slick-dots li.completed button {
        background-color: #8dc63f; }
      .m_join-form .slick-dots li.slick-active p, .m_join-form .slick-dots li.completed p {
        color: #8dc63f; }
      .m_join-form .slick-dots li.slick-active:before, .m_join-form .slick-dots li.completed:before {
        background-color: #8dc63f; }
      .m_join-form .slick-dots li.slick-active:nth-child(4):before, .m_join-form .slick-dots li.completed:nth-child(4):before {
        background-color: transparent; }
  .m_join-form .slick-dots li button {
    font-size: 0;
    line-height: 1;
    display: block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 5px;
    background-color: #98989a;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none; }
  .m_join-form .slick-dots li button:before {
    display: none;
    content: ''; }
  .m_join-form .slick-prev {
    display: none !important; }
  .m_join-form__more-info {
    margin-left: 5px;
    display: inline-block !important; }

.m_form-section {
  display: none; }

.m_form-section.current {
  display: inherit; }

.btn-info,
.btn-default {
  margin-top: 10px; }

.m_form-steps {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 40px 0;
  margin-bottom: 100px; }
  @media (min-width: 48em) {
    .m_form-steps {
      margin-bottom: 40px; } }
  .m_form-steps__step {
    width: 100%;
    width: 25%;
    height: 50px;
    position: relative;
    pointer-events: none; }
    .m_form-steps__step .popup-modal {
        display: none;
    }
    .m_form-steps__step:before {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #98989a;
      position: absolute;
      top: 16px;
      right: 0;
      left: 0;
      z-index: -1; }
    .m_form-steps__step:nth-child(4):before {
      content: '';
      height: 0;
      background-color: transparent;
      z-index: -1; }
    .m_form-steps__step.m_completed {
      pointer-events: all; }
      .m_form-steps__step.m_completed .m_form-steps__number {
        background-color: #8dc63f; }
      .m_form-steps__step.m_completed .m_form-steps__label {
        color: #8dc63f; }
      .m_form-steps__step.m_completed:before {
        content: '';
        background-color: #8dc63f; }
      .m_form-steps__step.m_completed:nth-child(4):before {
        content: '';
        height: 0;
        background-color: transparent; }
  .m_form-steps__number {
    width: 35px;
    height: 35px;
    background-color: #98989a;
    border-radius: 50%;
    cursor: pointer;
    padding: 3px; }
  .m_form-steps__label {
    margin-top: 5px; }

.invalid-message.filled {
  display: inline-block; }
  .invalid-message.filled:before {
    content: '* ';
    display: inline-block;
    margin-right: 5px; }

.custom-select {
  position: relative; }

.custom-select select {
  display: none; }

.select-selected {
  background-color: #e6e7e8; }

.select-selected:after {
  position: absolute;
  content: "";
  top: 20px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #414042 transparent transparent transparent; }

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #414042 transparent;
  top: 15px; }

.select-items div,
.select-selected {
  color: #414042;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }

.select-items {
  position: absolute;
  background-color: #e6e7e8;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 19; }

.select-hide {
  display: none; }

.select-items div:hover,
.same-as-selected {
  background-color: #8dc63f; }

input[type="file"] {
  display: none;
  opacity: 0; }

.custom-file-upload {
  border: 3px solid #00a84f;
  text-align: center;
  height: 50px;
  line-height: 50px;
  display: block;
  cursor: pointer;
  font-family: "Aqum", sans-serif;
  color: #00a84f !important; }
  .custom-file-upload--white {
    color: white !important;
    border: 3px solid white; }
    .custom-file-upload--white.uploaded {
      background-color: white;
      color: white; }
  .custom-file-upload.uploaded {
    background-color: #00a84f;
    color: white !important;
    overflow: hidden; }
  .custom-file-upload.m_error {
    border: 3px solid #ed1c24; }

.parsley-error .custom-file-upload.uploaded,
.m_error .custom-file-upload.uploaded {
  background-color: transparent;
  border: 3px solid #ed1c24; }

.m_note-file-input {
  color: black;
  margin-top: 7px; }

.m_ctas {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 48em) {
    .m_ctas {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .m_ctas__icon {
    height: 44px;
    margin: 10px; }
    @media (min-width: 48em) {
      .m_ctas__icon {
        height: 34px; } }
    @media (min-width: 64em) {
      .m_ctas__icon {
        height: 44px; } }
  .m_ctas__column {
    width: 100%;
    height: 64px;
    border-radius: 500px;
    background-color: #00a84f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 2% 20px 2%; }
    .m_ctas__column--black {
      background-color: black; }
    @media (min-width: 48em) {
      .m_ctas__column {
        height: 54px;
        width: 45%;
        margin-bottom: 0; } }
    @media (min-width: 64em) {
      .m_ctas__column {
        height: 64px;
        width: 45%;
        margin-bottom: 0; } }
    .m_ctas__column--no-bg {
      border-radius: 0;
      background-color: transparent;
      display: block;
      width: 100%;
      padding: 0 30px; }
      @media (min-width: 48em) {
        .m_ctas__column--no-bg {
          width: 45%;
          padding: 30px 60px; } }
      .m_ctas__column--no-bg:nth-child(1) {
        display: none; }
        @media (min-width: 48em) {
          .m_ctas__column--no-bg:nth-child(1) {
            display: block; } }
    .m_ctas__column span {
      color: white;
      font-family: "Aqum", sans-serif;
      font-size: 1.375rem;
      margin-top: 3px; }
      .m_ctas__column span i {
        color: #8dc63f; }
      @media (min-width: 64em) {
        .m_ctas__column span {
          font-size: 1.6875rem; } }
  .m_ctas__note {
    color: black; }
    .m_ctas__note strong {
      font-family: "Mic32 Bold", sans-serif;
      color: #8dc63f; }

.m_form-fatura {
  background: #8dc63f;
  padding: 30px;
  border-radius: 10px; }
  .m_form-fatura--no-padding {
    padding: 0; }
  .m_form-fatura__headline {
    color: white; }
  .m_form-fatura__text {
    font-size: 1.25rem;
    color: black;
    margin-bottom: 30px; }
    @media (min-width: 48em) {
      .m_form-fatura__text {
        font-size: 1.5rem; } }
    @media (max-width: 37.5em) {
      .m_form-fatura__text {
        font-size: 1.125rem; } }
    .m_form-fatura__text strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_form-fatura__text a {
      text-decoration: underline; }
  .m_form-fatura__input {
    background: white;
    margin-bottom: 24px; }
  .m_form-fatura__label {
    width: 100%;
    display: block;
    color: black;
    font-size: 1.25rem; }
    .m_form-fatura__label strong {
      font-family: "Mic32 Bold", sans-serif; }
    .m_form-fatura__label.error {
      color: #ed1c24; }
  .m_form-fatura__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 20px; }
    @media (min-width: 48em) {
      .m_form-fatura__group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; } }
    .m_form-fatura__group--flex-top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (min-width: 48em) {
        .m_form-fatura__group--flex-top {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; } }
    .m_form-fatura__group--last {
      margin-top: 30px; }
      @media (min-width: 48em) {
        .m_form-fatura__group--last {
          margin-top: 0; } }
    .m_form-fatura__group .form-group {
      display: block; }
      .m_form-fatura__group .form-group:nth-child(1) {
        width: 100%; }
        @media (min-width: 48em) {
          .m_form-fatura__group .form-group:nth-child(1) {
            width: 58%; } }
      .m_form-fatura__group .form-group:nth-child(2) {
        width: 100%; }
        @media (min-width: 48em) {
          .m_form-fatura__group .form-group:nth-child(2) {
            width: 38%; } }

.m_ctas-ad-cta {
  border: 3px solid white;
  background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px 20px;
  position: relative;
  cursor: pointer;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  .m_ctas-ad-cta--link:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  .m_ctas-ad-cta .m_form-fatura__text {
    margin-top: 50px; }
  .m_ctas-ad-cta.open, .m_ctas-ad-cta:hover {
    background: white;
    border: 3px solid #8dc63f; }
    .m_ctas-ad-cta.open .m_ctas-ad-cta__headline, .m_ctas-ad-cta:hover .m_ctas-ad-cta__headline {
      color: #8dc63f; }
    .m_ctas-ad-cta.open .m_ctas-ad-cta__icon, .m_ctas-ad-cta:hover .m_ctas-ad-cta__icon {
      background: url(../images/contactos/yes-color.svg) no-repeat center center;
      background-size: contain; }
    .m_ctas-ad-cta.open .m_arrow span, .m_ctas-ad-cta:hover .m_arrow span {
      background-color: white; }
  .m_ctas-ad-cta__content .m_form-fatura {
    background-color: transparent; }
  .m_ctas-ad-cta__icon {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    height: 60px;
    width: 60px;
    padding: 20px;
    text-align: center;
    background: url(../images/contactos/yes.svg) no-repeat center center;
    background-size: contain; }
    @media (min-width: 48em) {
      .m_ctas-ad-cta__icon {
        height: 60px;
        width: 60px; } }
    @media (max-width: 400px) {
      .m_ctas-ad-cta__icon {
        height: 55px;
        width: 45px;
        padding: 10px; } }
  .m_ctas-ad-cta__headline {
    font-size: 1.375rem;
    margin-bottom: 0;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    z-index: 1;
    color: white; }
    .m_ctas-ad-cta__headline--white {
      color: white; }
    @media (min-width: 48em) {
      .m_ctas-ad-cta__headline {
        font-size: 2.125rem; } }
    @media (max-width: 37.5em) {
      .m_ctas-ad-cta__headline {
        font-size: 1rem; } }
    @media (max-width: 400px) {
      .m_ctas-ad-cta__headline {
        font-size: 0.75rem; } }
  .m_ctas-ad-cta__bg {
    width: 0;
    background: #8dc63f;
    -webkit-transition: width 0.22s ease-out;
    transition: width 0.22s ease-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .m_ctas-ad-cta .m_arrow {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 1;
    margin: 0 1rem; }
    @media (min-width: 48em) {
      .m_ctas-ad-cta .m_arrow {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 30px;
        height: 30px; } }
    @media (max-width: 400px) {
      .m_ctas-ad-cta .m_arrow {
        position: absolute;
        top: 15px;
        right: -5px; } }
    .m_ctas-ad-cta .m_arrow span {
      top: 0.5rem;
      position: absolute;
      width: 12px;
      height: 4px;
      background-color: #8dc63f;
      display: inline-block;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      @media (min-width: 48em) {
        .m_ctas-ad-cta .m_arrow span {
          width: 18px;
          height: 4px; } }
      .m_ctas-ad-cta .m_arrow span:first-of-type {
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .m_ctas-ad-cta .m_arrow span:last-of-type {
        right: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .m_ctas-ad-cta .m_arrow.active span:first-of-type {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .m_ctas-ad-cta .m_arrow.active span:last-of-type {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.m_image-smartliving #family {
  -webkit-animation: swing-in-bottom-fwd 2s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: swing-in-bottom-fwd 2s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.m_image-smartliving #eolicas {
  -webkit-animation: swing-in-bottom-fwd 2s 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
          animation: swing-in-bottom-fwd 2s 3s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.m_image-smartliving #eolica1 {
  -webkit-transform-origin: 900px 450px;
          transform-origin: 900px 450px;
  -webkit-animation: rotating 3.5s 4s linear infinite;
          animation: rotating 3.5s 4s linear infinite; }

.m_image-smartliving #eolica2 {
  -webkit-transform-origin: 935px 315px;
          transform-origin: 935px 315px;
  -webkit-animation: rotating 3.5s 4s linear infinite;
          animation: rotating 3.5s 4s linear infinite; }

.m_image-smartliving #eolica3 {
  -webkit-transform-origin: 990px 383px;
          transform-origin: 990px 383px;
  -webkit-animation: rotating 3.5s 4s linear infinite;
          animation: rotating 3.5s 4s linear infinite; }

.m_detalhecamp__intro-text {
  font-size: 1.75rem;
  color: black;
  margin-bottom: 30px;
  text-align: justify; }
  .m_detalhecamp__intro-text strong {
    font-family: "Mic32 Bold", sans-serif; }

.m_detalhecamp__intro-title {
  font-size: 2.125rem;
  color: #8dc63f;
  font-family: "Aqum", sans-serif;
  margin-bottom: 30px;
  text-align: justify; }

.m_detalhecamp a {
  text-decoration: underline; }

.m_account__banner {
  width: 100%;
  padding-top: 80px; }
  @media (min-width: 64em) {
    .m_account__banner {
      padding-top: 20px; } }
  .m_account__banner-slider {
    width: 100%;
    height: 125px; }
    .m_account__banner-slider .slick-track,
    .m_account__banner-slider .slick-list {
      height: 100%;
      position: relative; }
  .m_account__banner-heading {
    color: white;
    font-size: 1.875rem;
    text-align: left;
    font-family: "Aqum", sans-serif;
    position: relative; }
    @media (min-width: 64em) {
      .m_account__banner-heading {
        font-size: 2.75rem; } }
    @media (max-width: 37.5em) {
      .m_account__banner-heading {
        font-size: 1.25rem; } }
    .m_account__banner-heading span {
      display: inline-block; }
      @media (min-width: 48em) {
        .m_account__banner-heading span {
          display: block; } }
    @media (max-width: 37.5em) {
      .m_account__banner-heading {
        font-size: 1.5rem; } }
  .m_account__banner-subtitle {
    font-size: 0.9375rem;
    color: white;
    font-family: "Aqum", sans-serif; }
    @media (max-width: 37.5em) {
      .m_account__banner-subtitle {
        font-size: 0.75rem; } }
  .m_account__banner-content {
    height: 125px;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.m_account__label {
  display: block;
  color: black; }

.m_account__input {
  border: 1px solid #00a84f;
  background: white;
  height: 36px;
  width: 100%; }

.m_account__submit {
  display: block;
  margin: auto;
  margin-bottom: 10px; }

.m_account__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #8dc63f;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 48em) {
    .m_account__menu {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .m_account__menu-item {
    font-family: "Mic32 Regular", sans-serif;
    font-size: 0.886rem !important;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: black;
    margin: 3px 0; }
    .m_account__menu-item--active, .m_account__menu-item:hover {
      text-decoration: underline; }
    .m_account__menu-item-title {
      text-align: center;
      padding: 0.3125rem;
      background: #8dc63f;
      border-bottom: 4px solid #98989a;
      font-family: "Aqum", sans-serif !important;
      font-size: 1rem !important;
      color: white;
      margin-top: 0;
      margin-bottom: 10px; }
    .m_account__menu-item-title_Business {
        text-align: center;
        padding: 0.3125rem;
        background: #00A84F;
        border-bottom: 4px solid #98989a;
        font-family: "Aqum", sans-serif !important;
        font-size: 1rem !important;
        color: white;
        margin-top: 0;
        margin-bottom: 10px;
    }
  .m_account__menu-column {
    margin: 0 0.3125rem;
    width: 100%;
    margin-top: 20px; }
    @media (min-width: 48em) {
      .m_account__menu-column {
        width: 24.5%;
        margin-top: 0; } }
    @media (min-width: 64em) {
      .m_account__menu-column {
        width: 20%; } }
    .m_account__menu-gas {
        position: relative;
        font-size: 1.125rem;
        margin: -59px;
        padding: 15px 80px;   
        border-radius: 360px;
        text-align: center;
        font-family: "Aqum", sans-serif;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        color: #00A84F !important;
        background: url(../images/gas/iconGasV2.png) no-repeat right;
        background-size: 27px;
        background-position-x: 250px;
    }
    .m_account__menu-gas svg {
        position: absolute;
        top: -4px;
        left: -7px;
        width: 316px;
        height: 57px;
    }
    .m_account__menu-gas svg rect {
        stroke-width: 3;
        stroke-dasharray: 353, 0;
        stroke-dashoffset: 0;
        -webkit-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .m_account__menu-gas:hover svg rect {
        stroke-width: 3;
        stroke-dasharray: 196, 543;
        stroke-dashoffset: 437;
    }
    @media (max-width: 48em) {
        .m_account__menu-gas {
            margin: 8px;
        }
        .m_account__menu-gas svg {
            position: absolute;
            top: -4px;
            left: -7px;
            width: 316px;
            height: 57px;
        }
        .m_account__menu-eletricity svg rect {
            stroke-width: 3;
            stroke-dasharray: 353, 0;
            stroke-dashoffset: 0;
            -webkit-transition: all 600ms ease;
            transition: all 600ms ease;
        }
        .m_account__menu-eletricity:hover svg rect {
            stroke-width: 3;
            stroke-dasharray: 196, 543;
            stroke-dashoffset: 437;
        }
    }

    @media (max-width: 48em) {
        .mediaButton {
            margin-top: 44px;
        }        
    }

    .m_account__menu-gas-visibility {
        position: relative;
        font-size: 1.125rem;
        margin: -57px;
        padding: 15px 80px;
        border-radius: 360px;
        text-align: center;
        font-family: "Aqum", sans-serif;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        background: url(../images/gas/iconGasV2.png) no-repeat right;
        background-size: 27px;
        background-position-x: 250px;
        filter: grayscale(1) opacity(50%);
        color: #A2A6A9 !important;
    }
    .m_account__menu-gas-visibility svg {
        position: absolute;
        top: -4px;
        left: -6px;
        width: 316px;
        height: 57px;
    }
    .m_account__menu-gas-visibility svg rect {
        stroke-width: 3;
        stroke-dasharray: 353, 0;
        stroke-dashoffset: 0;
        -webkit-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .m_account__menu-gas-visibility:hover svg rect {
        stroke-width: 3;
        stroke-dasharray: 196, 543;
        stroke-dashoffset: 437;
    }
    @media (max-width: 48em) {
        .m_account__menu-gas-visibility {
            margin: 8px;
        }
        .m_account__menu-gas-visibility svg {
            position: absolute;
            top: -4px;
            left: -5px;
            width: 316px;
            height: 57px;
        }
        .m_account__menu-eletricity svg rect {
            stroke-width: 2;
            stroke-dasharray: 353, 0;
            stroke-dashoffset: 0;
            -webkit-transition: all 600ms ease;
            transition: all 600ms ease;
        }
        .m_account__menu-eletricity:hover svg rect {
            stroke-width: 2;
            stroke-dasharray: 196, 543;
            stroke-dashoffset: 437;
        }
    }

    .m_account__menu-eletricity {
        position: relative;
        font-size: 1.125rem;
        margin: 117px;
        padding: 15px 80px;
        border-radius: 360px;
        text-align: center;
        font-family: "Aqum", sans-serif;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);        
        color: #8DC63F !important;
        background: url(../images/iconElectricidadeV2.png) no-repeat left;
        background-position-x: 35px;
        background-size: 30px;
        width:auto !important;
    }
    .m_account__menu-eletricity svg {
        position: absolute;
        top: -4px;
        left: -4px;   
        width: 316px;
        height: 57px;
    }
    .m_account__menu-eletricity svg rect {
        stroke-width: 3;
        stroke-dasharray: 353, 0;
        stroke-dashoffset: 0;
        -webkit-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .m_account__menu-eletricity:hover svg rect {
        stroke-width: 3;
        stroke-dasharray: 196, 543;
        stroke-dashoffset: 437;
    }
     @media (max-width: 48em) {
        .m_account__menu-eletricity {
            margin: 7px;
        }
        .m_account__menu-eletricity svg {
            position: absolute;
            top: -4px;
            left: -4px;
            width: 316px;
            height: 57px;
        }
        .m_account__menu-eletricity svg rect {
            stroke-width: 3;
            stroke-dasharray: 353, 0;
            stroke-dashoffset: 0;
            -webkit-transition: all 600ms ease;
            transition: all 600ms ease;
        }
        .m_account__menu-eletricity:hover svg rect {
            stroke-width: 3;
            stroke-dasharray: 196, 543;
            stroke-dashoffset: 437;
        }
    }
    .m_account__menu-eletricity-visibility {
        position: relative;
        font-size: 1.125rem;
        margin: 118px;
        padding: 15px 80px; 
        border-radius: 360px;
        text-align: center;
        font-family: "Aqum", sans-serif;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        background: url(../images/iconElectricidadeV2.png) no-repeat left;
        background-position-x: 35px;
        background-size: 30px;
        filter: grayscale(1) opacity(50%);
        color: #A2A6A9 !important;
         width:auto !important;
    }
    .m_account__menu-eletricity-visibility svg {
        position: absolute;
        top: -4px;
        left: -4px;  
        width: 316px;
        height: 57px;
    }
    .m_account__menu-eletricity-visibility svg rect {
        stroke-width: 3;
        stroke-dasharray: 353, 0;
        stroke-dashoffset: 0;
        -webkit-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .m_account__menu-eletricity-visibility:hover svg rect {
        stroke-width: 3;
        stroke-dasharray: 196, 543;
        stroke-dashoffset: 437;
    }
    @media (max-width: 48em) {
        .m_account__menu-eletricity-visibility {
            margin: 7px;
        }
        .m_account__menu-eletricity-visibility svg {
            position: absolute;
            top: -4px;
            left: -5px;    
            width: 316px;
            height: 57px;
        }
        .m_account__menu-eletricity svg rect {
            stroke-width: 3;
            stroke-dasharray: 353, 0;
            stroke-dashoffset: 0;
            -webkit-transition: all 600ms ease;
            transition: all 600ms ease;
        }
        .m_account__menu-eletricity:hover svg rect {
            stroke-width: 3;
            stroke-dasharray: 196, 543;
            stroke-dashoffset: 437;
        }
    }
      
.m_account__notifications-title {
  font-size: 1.5rem; }
  @media (max-width: 37.5em) {
    .m_account__notifications-title {
      font-size: 1.25rem; } }

.m_account__notifications-area {
    font-size: 1rem;
    color: #8dc63f;
    font-family: "Aqum",sans-serif;
    padding: 13px 0px;
}

@media (max-width: 37.5em) {
    .m_account__notifications-area {
        font-size: 0.5rem;
        color: #8dc63f;
        font-family: "Aqum",sans-serif;
        padding: 13px 0px;
    }
}

.m_account__notifications-certificate {
    font-size: 0.7rem;
    color: #BDBDBD;
    font-family: "Aqum",sans-serif;
    padding: 13px 0px;
}

@media (max-width: 37.5em) {
    .m_account__notifications-certificate {
        font-size: 0.1rem;
        color: #BDBDBD;
        font-family: "Aqum",sans-serif;
        padding: 13px 0px;
    }
}

.m_account__notifications-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media (min-width: 48em) {
    .m_account__notifications-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.m_account__notifications-list {
  color: white;
  width: 100%;
  padding-right: 0; }
  @media (min-width: 48em) {
    .m_account__notifications-list {
      padding-right: 80px; } }

.m_account__notifications-item {
  background-color: #d1d3d4;
  margin-bottom: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  .m_account__notifications-item--unread{
    background-color: #8dc63f; }
  .m_account__notifications-item--unread-business{
      background-color: #00A84F;
  }
  .m_account__notifications-item-title {
    font-family: "Mic32 Bold", sans-serif;
    font-size: 1rem; }

.m_account__notifications-featured {
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 100%;
    min-height: 225px;
    padding: 0.9375rem;
    position: relative;
    margin-bottom: 30px;
    background-size: auto 400px;
    margin: 50px auto auto auto; }
  @media (min-width: 48em) {
    .m_account__notifications-featured {
      width: 480px;
      margin-bottom: 0;
      background-size: initial; } }
.m_account__notifications-featured-title {
    color: white;
    font-family: "Aqum", sans-serif;
    font-size: 1.0625rem;
    text-align: center; }
  .m_account__notifications-featured-btn {
    font-family: "Aqum", sans-serif;
    font-size: 0.75rem;
    border-radius: 300px;
    background: black;
    color: white;
    padding: 0.4375rem 0.9375rem;
    position: absolute;
    bottom: 15px;
    left: 15px; }

.m_account__readings-text {
  color: black; }

.m_account__readings-select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px;
  margin-top: 20px; }
  @media (min-width: 48em) {
    .m_account__readings-select-wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.m_account__readings-form-group {
  width: 100%;
  margin-bottom: 20px;
  position: relative; }
  @media (min-width: 48em) {
    .m_account__readings-form-group {
      width: 32.5%;
      margin-bottom: 0; } }

.m_account__readings-form-single {
    width: 30%;
    margin-bottom: 20px;
    position: relative; }
    @media (min-width: 48em) {
        .m_account__readings-form-single {
            width: 30%;
            margin-bottom: 0; } }

.m_account__readings-note {
  font-size: 0.875rem;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 50px; }
  .m_account__readings-note img {
    margin-right: 20px; }

.m_account__boxinfo {
  background-color: #e6e7e8;
  border-radius: 8px;
  background-image: url(../images/contactos/yes-color.svg);
  background-repeat: no-repeat;
  background-position: top 10px right 10px;
  background-size: 20px auto;
  padding: 0.625rem; }
  .m_account__boxinfo-title {
    font-size: 1rem;
    font-family: "Aqum", sans-serif;
    display: block; }
  .m_account__boxinfo-date {
    font-size: 1rem;
    font-family: "Mic32 Bold", sans-serif;
    display: block; }
.m_account__boxinfo-inline {
    font-size: 1.5rem;
    font-family: "Aqum", sans-serif;
    margin-left: 45%;
    margin-right: 55%;
    margin-top: -42px;
    margin-bottom: -24px;
    width: 150px;
    padding: 5px 0.625rem 5px 0.625rem;
}
  .m_account__boxinfo-values-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px; }
    @media (min-width: 48em) {
      .m_account__boxinfo-values-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .m_account__boxinfo-values-wrap li {
      width: 100%;
      margin-bottom: 10px; }
      @media (min-width: 48em) {
        .m_account__boxinfo-values-wrap li {
          width: 32.5%;
          margin-bottom: 0; } }
    .m_account__boxinfo-values-wrap p:first-of-type {
      font-size: 1rem;
      font-family: "Mic32 Bold", sans-serif; }
    .m_account__boxinfo-values-wrap p:last-of-type {
      border: 1px solid #98989a;
      padding: 5px 0.625rem 0 0.625rem;
      font-size: 1.375rem;
      font-family: "Aqum", sans-serif;
      line-height: 34px; }

.m_account__invoices-select-wrap {
  margin-bottom: 20px;
  max-width: 750px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media (min-width: 48em) {
    .m_account__invoices-select-wrap {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .m_account__invoices-select-wrap label {
    color: black;
    font-size: 1rem; }
  .m_account__invoices-select-wrap--full {
    max-width: 100%; }

.m_account__invoices-form-group {
  width: 100%;
  position: relative;
  margin-bottom: 20px; }
  .m_account__invoices-form-group:nth-child(1) {
    margin-right: 0; }
  @media (min-width: 48em) {
    .m_account__invoices-form-group {
      width: 50%; }
      .m_account__invoices-form-group:nth-child(1) {
        margin-right: 10px; } }
  .m_account__invoices-form-group--modal {
    width: 100%;
    margin-top: 30px; }
  @media (min-width: 48em) {
    .m_account__invoices-form-group--third {
      width: 33%; }
      .m_account__invoices-form-group--third:nth-child(1) {
        margin-right: 5px;
        margin-left: 0; }
      .m_account__invoices-form-group--third:nth-child(2) {
        margin-right: 5px;
        margin-left: 5px; }
      .m_account__invoices-form-group--third:nth-child(3) {
        margin-right: 0;
        margin-left: 5px; } }

.m_account__invoices-icon {
  width: 20px;
  height: 17px;
  background: url(../images/account/file-grey.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
  -webkit-transition: all 0.22s ease-out;
  transition: all 0.22s ease-out; }
  .m_account__invoices-icon:hover {
    background: url(../images/account/file.png) no-repeat center center;
    background-size: contain; }
  .m_account__invoices-icon--upload {
    background: url(../images/account/file-grey-upload.png) no-repeat center center;
    background-size: contain;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    display: inline-block;
    margin-left: 10px; }
    .m_account__invoices-icon--upload:hover {
      background: url(../images/account/file-grey-upload-green.png) no-repeat center center;
      background-size: contain; }

.m_account__table-wrap {
  margin-bottom: 30px; }

.m_account__link {
  text-decoration: underline; }

.m_account table,
.m_account table.m_account__table {
  width: 100% !important;
  margin: 0 !important; }
  .m_account table-head,
  .m_account table.m_account__table-head {
    background: #8dc63f !important;
    text-align: left; }
  .m_account table thead tr,
  .m_account table.m_account__table thead tr {
    background: #8dc63f !important;
    text-align: left; }
  .m_account table th,
  .m_account table .dataTable thead th,
  .m_account table.m_account__table th,
  .m_account table.m_account__table .dataTable thead th {
    text-align: left;
    color: white;
    font-family: "Aqum", sans-serif;
    padding: 10px;
    font-size: 0.75rem; }
  .m_account table td,
  .m_account table.m_account__table td {
    border-bottom: 1px solid #8dc63f;
    padding: 10px;
    font-size: 1rem; }
  .m_account table tbody tr,
  .m_account table.m_account__table tbody tr {
    color: #98989a; }
    .m_account table tbody tr.m_active,
    .m_account table.m_account__table tbody tr.m_active {
      color: black;
      font-family: "Mic32 Bold", sans-serif; }

table.dataTable thead th,
table.dataTable thead td {
  border-color: transparent;
  text-align: left; }

table.dataTable {
  margin: 0;
  width: 100% !important; }

table.dataTable thead {
  background: #8dc63f !important;
  font-family: "Aqum", sans-serif; }
  table.dataTable thead th {
    color: white; }

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr:hover {
  background: white; }

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 10px 10px; }

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background: white; }
  table.dataTable.stripe tbody tr.odd.m_active,
  table.dataTable.display tbody tr.odd.m_active {
    color: black; }
    table.dataTable.stripe tbody tr.odd.m_active .dtr-details,
    table.dataTable.display tbody tr.odd.m_active .dtr-details {
      width: 100% !important; }
    table.dataTable.stripe tbody tr.odd.m_active.m_active + .child,
    table.dataTable.display tbody tr.odd.m_active.m_active + .child {
      color: black !important; }
      table.dataTable.stripe tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon,
      table.dataTable.display tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon {
        background: url(../images/account/file.png) no-repeat center center;
        background-size: contain;
        -webkit-transition: all 0.22s ease-out;
        transition: all 0.22s ease-out; }
        table.dataTable.stripe tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon:hover,
        table.dataTable.display tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon:hover {
          background: url(../images/account/file-grey.png) no-repeat center center;
          background-size: contain; }
        table.dataTable.stripe tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon--upload,
        table.dataTable.display tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon--upload {
          background: url(../images/account/file-grey-upload.png) no-repeat center center;
          background-size: contain;
          -webkit-transition: all 0.22s ease-out;
          transition: all 0.22s ease-out;
          display: inline-block;
          margin-left: 10px; }
          table.dataTable.stripe tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon--upload:hover,
          table.dataTable.display tbody tr.odd.m_active.m_active + .child .m_account__invoices-icon--upload:hover {
            background: url(../images/account/file-grey-upload-green.png) no-repeat center center;
            background-size: contain; }
    table.dataTable.stripe tbody tr.odd.m_active.m_active + .child .dtr-details,
    table.dataTable.display tbody tr.odd.m_active.m_active + .child .dtr-details {
      width: 100% !important; }
    table.dataTable.stripe tbody tr.odd.m_active .m_account__invoices-icon,
    table.dataTable.display tbody tr.odd.m_active .m_account__invoices-icon {
      background: url(../images/account/file.png) no-repeat center center;
      background-size: contain;
      -webkit-transition: all 0.22s ease-out;
      transition: all 0.22s ease-out;
      display: inline-block;
      margin-left: 10px; }
      table.dataTable.stripe tbody tr.odd.m_active .m_account__invoices-icon:hover,
      table.dataTable.display tbody tr.odd.m_active .m_account__invoices-icon:hover {
        background: url(../images/account/file-grey.png) no-repeat center center;
        background-size: contain; }
      table.dataTable.stripe tbody tr.odd.m_active .m_account__invoices-icon--upload,
      table.dataTable.display tbody tr.odd.m_active .m_account__invoices-icon--upload {
        background: url(../images/account/file-grey-upload.png) no-repeat center center;
        background-size: contain;
        -webkit-transition: all 0.22s ease-out;
        transition: all 0.22s ease-out;
        display: inline-block;
        margin-left: 10px; }
        table.dataTable.stripe tbody tr.odd.m_active .m_account__invoices-icon--upload:hover,
        table.dataTable.display tbody tr.odd.m_active .m_account__invoices-icon--upload:hover {
          background: url(../images/account/file-grey-upload-green.png) no-repeat center center;
          background-size: contain; }

.table-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 10px; }

table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100% !important; }

table.dataTable > tbody > tr.child .dtr-title {
  color: #00a84f;
  font-family: "Aqum", sans-serif; }

.dataTables_info {
  float: right;
  color: #00a84f !important;
  font-size: 0.75rem;
  font-family: "Aqum", sans-serif; }

.dataTables_paginate {
  float: left; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0;
  margin-left: 0;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #00a84f !important;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 0.75rem;
  font-family: "Aqum", sans-serif; }
  .dataTables_wrapper .dataTables_paginate .paginate_button:after {
    content: "|";
    display: inline-block;
    padding: 0 10px; }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
    border-color: transparent;
    color: #98989a !important; }
  .dataTables_wrapper .dataTables_paginate .paginate_button.next:after, .dataTables_wrapper .dataTables_paginate .paginate_button.last:after, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after, .dataTables_wrapper .dataTables_paginate .paginate_button.first:after {
    content: "";
    display: inline-block;
    padding: 0 10px; }

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #8dc63f; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #00a84f !important;
  border: 1px solid transparent;
  background-color: white;
  background: none;
  font-size: 0.75rem;
  font-family: "Aqum", sans-serif; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #98989a !important; }

table.dataTable.no-footer {
  border-bottom: 1px solid #8dc63f; }

.dataTables_wrapper .dataTables_paginate .paginate_button.first {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/first-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/prev-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.last {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/last-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/next-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/prev-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.first {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/first-green-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:active {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/first-grey-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:active {
  text-indent: -9999px;
  width: 16px !important;
  height: 16px;
  background: url(../images/account/prev-grey-pag.svg) no-repeat center center;
  background-size: contain;
  white-space: nowrap;
  margin-right: 10px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
  background: url(../images/account/first-grey-pag.svg) no-repeat center center !important;
  background-size: contain; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  background: url(../images/account/prev-grey-pag.svg) no-repeat center center !important;
  background-size: contain;
  margin-right: 10px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
  background: url(../images/account/first-grey-pag.svg) no-repeat center center !important;
  background-size: contain; }

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  background: url(../images/account/next-grey-pag.svg) no-repeat center center !important;
  background-size: contain; }

.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
  background: url(../images/account/last-grey-pag.svg) no-repeat center center !important;
  background-size: contain; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: .15em solid transparent;
  border-radius: 1em;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Aqum", sans-serif;
  line-height: 1.2em;
  content: "+";
  background-color: #00a84f; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: #98989a; }

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px;
  border-bottom: 1px solid transparent; }

#change-name-modal button {
  margin-bottom: 0; }

table.dataTable thead th,
table.dataTable thead td {
  padding-top: 14px; }

.m_account-form-group-enabled .m_join-form__label {
  color: #00a84f; }

.m_account-form-group-enabled input[type="password"] {
  background-color: white;
  border: 3px solid #00a84f; }

.m_electricity__title {
  font-size: 2.375rem;
  margin-top: 40px;
  text-align: center; }

.m_electricity__text {
  font-size: 1.3125rem;
  color: black;
  margin-bottom: 30px; }
  .m_electricity__text strong {
    font-family: "Mic32 Bold", sans-serif; }
  .m_electricity__text a {
    color: black;
    text-decoration: underline; }
  .m_electricity__text--featured {
    font-family: "Aqum", sans-serif;
    color: #8dc63f;
    margin-bottom: 30px; }
    .m_electricity__text--featured i {
      color: black; }
  .m_electricity__text--last {
    margin-bottom: 30px; }
  .m_electricity__text--center {
    text-align: center; }

.m_electricity__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 30px; }
  @media (min-width: 48em) {
    .m_electricity__types {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
.m_electricity__types-item {
    width: 100%;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    max-width: 500px;
    background: url(../images/clocks/bg-green.png) no-repeat center top;
    background-size: 100% 55%; }
    @media (min-width: 48em) {
      .m_electricity__types-item {
        width: 32.5%;
        padding: 1.25rem 1.25rem 1.25rem 1.25rem;
        background-size: 100% 63%; } }
    .m_electricity__types-item p {
      color: white;
      font-family: "Aqum", sans-serif;
      text-align: center;
      font-size: 1.375rem; }
      @media (min-width: 64em) {
        .m_electricity__types-item p {
          font-size: 1.75rem; } }
      @media (min-width: 90em) {
        .m_electricity__types-item p {
          font-size: 2rem; } }
  .m_electricity__types-note {
    color: #00a84f;
    text-align: center;
    font-family: "Aqum", sans-serif;
    font-size: 1.125rem; }
  .m_electricity__types-image {
    width: 100%;
    position: relative;
    max-width: 300px;
    margin: auto; }
    @media (min-width: 48em) {
      .m_electricity__types-image {
        max-width: 180px; } }
    .m_electricity__types-image .clock-image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%; }

.m_electricity__ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 40px 0 40px 0; }
  .m_electricity__ctas a:first-of-type {
    margin-right: 10px; }
  .m_electricity__ctas a:last-of-type {
    margin-left: 10px; }
  @media (max-width: 37.5em) {
    .m_electricity__ctas {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .m_electricity__ctas a:first-of-type {
        margin-right: 0;
        margin-bottom: 20px; }
      .m_electricity__ctas a:last-of-type {
        margin-left: 0; } }

.clock1-shape2 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform: rotateZ(-249deg);
  -webkit-transform: rotateZ(-249deg);
  -moz-transform: rotateZ(-249deg); }

.clock1-shape1 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  opacity: 1;
  transform: rotateZ(-129deg);
  -webkit-transform: rotateZ(-129deg);
  -moz-transform: rotateZ(-129deg); }

.clock1-baseGrey {
  position: absolute;
  width: 100%;
  height: auto; }

.clock1-shape3 {
  position: absolute;
  width: 100%;
  height: auto;
  transform: rotateZ(-368deg);
  -webkit-transform: rotateZ(-368deg);
  -moz-transform: rotateZ(-368deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d; }

.clock1-maskIni {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 1; }

@keyframes clock1-shape1-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-129deg);
    -webkit-transform: rotateZ(-129deg);
    -moz-transform: rotateZ(-129deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  45.4545% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  90.9091% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock1-shape1-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-129deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  45.4545% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  90.9091% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock1-shape1-animation {
  animation: 1.1s linear 0s 1 normal forwards clock1-shape1-animation_gwd-keyframes;
  -webkit-animation: 1.1s linear 0s 1 normal forwards clock1-shape1-animation_gwd-keyframes;
  -moz-animation: 1.1s linear 0s 1 normal forwards clock1-shape1-animation_gwd-keyframes; }

@keyframes clock1-maskini-animation_gwd-keyframes {
  0% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock1-maskini-animation_gwd-keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock1-maskini-animation {
  animation: 0.1s linear 0.5s 1 normal forwards clock1-maskini-animation_gwd-keyframes;
  -webkit-animation: 0.1s linear 0.5s 1 normal forwards clock1-maskini-animation_gwd-keyframes;
  -moz-animation: 0.1s linear 0.5s 1 normal forwards clock1-maskini-animation_gwd-keyframes; }

@keyframes clock1-shape2-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-249deg);
    -webkit-transform: rotateZ(-249deg);
    -moz-transform: rotateZ(-249deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock1-shape2-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-249deg);
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    -webkit-animation-timing-function: linear; } }

.clock1-shape2-animation {
  animation: 1s linear 0s 1 normal forwards clock1-shape2-animation_gwd-keyframes;
  -webkit-animation: 1s linear 0s 1 normal forwards clock1-shape2-animation_gwd-keyframes;
  -moz-animation: 1s linear 0s 1 normal forwards clock1-shape2-animation_gwd-keyframes; }

.clock1-maskFull {
  position: absolute;
  width: 100%;
  height: auto; }

@keyframes clock1-shape3-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-368deg);
    -webkit-transform: rotateZ(-368deg);
    -moz-transform: rotateZ(-368deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock1-shape3-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-368deg);
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    -webkit-animation-timing-function: linear; } }

.clock1-shape3-animation {
  animation: 1.5s linear 0s 1 normal forwards clock1-shape3-animation_gwd-keyframes;
  -webkit-animation: 1.5s linear 0s 1 normal forwards clock1-shape3-animation_gwd-keyframes;
  -moz-animation: 1.5s linear 0s 1 normal forwards clock1-shape3-animation_gwd-keyframes; }

.clock1-shape1Top {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0; }

@keyframes clock1-shape1top-animation_gwd-keyframes {
  0% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock1-shape1top-animation_gwd-keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 1;
    -webkit-animation-timing-function: linear; } }

.clock1-shape1top-animation {
  animation: 0.1s linear 0.9s 1 normal forwards clock1-shape1top-animation_gwd-keyframes;
  -webkit-animation: 0.1s linear 0.9s 1 normal forwards clock1-shape1top-animation_gwd-keyframes;
  -moz-animation: 0.1s linear 0.9s 1 normal forwards clock1-shape1top-animation_gwd-keyframes; }

.clock2-shape2 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform: rotateZ(-307deg);
  -webkit-transform: rotateZ(-307deg);
  -moz-transform: rotateZ(-307deg); }

.clock2-shape1 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  opacity: 1;
  transform: rotateZ(-190deg);
  -webkit-transform: rotateZ(-190deg);
  -moz-transform: rotateZ(-190deg); }

.clock2-baseGrey {
  position: absolute;
  width: 100%;
  height: auto; }

.clock2-maskIni {
  position: absolute;
  width: 100%;
  height: auto;
  visibility: visible;
  opacity: 1; }

@keyframes clock2-shape1-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-190deg);
    -webkit-transform: rotateZ(-190deg);
    -moz-transform: rotateZ(-190deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  45.4545% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock2-shape1-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-190deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  45.4545% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; } }

.clock2-shape1-animation {
  animation: 1.1s linear 2s 1 normal forwards clock2-shape1-animation_gwd-keyframes;
  -webkit-animation: 1.1s linear 2s 1 normal forwards clock2-shape1-animation_gwd-keyframes;
  -moz-animation: 1.1s linear 2s 1 normal forwards clock2-shape1-animation_gwd-keyframes; }

@keyframes clock2-maskini-animation_gwd-keyframes {
  0% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  96.25% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock2-maskini-animation_gwd-keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  96.25% {
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock2-maskini-animation {
  animation: 0.8s linear 2s 1 normal forwards clock2-maskini-animation_gwd-keyframes;
  -webkit-animation: 0.8s linear 2s 1 normal forwards clock2-maskini-animation_gwd-keyframes;
  -moz-animation: 0.8s linear 2s 1 normal forwards clock2-maskini-animation_gwd-keyframes; }

@keyframes clock2-shape2-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-307deg);
    -webkit-transform: rotateZ(-307deg);
    -moz-transform: rotateZ(-307deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  45.4545% {
    transform: rotateZ(-120.5deg);
    -webkit-transform: rotateZ(-120.5deg);
    -moz-transform: rotateZ(-120.5deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock2-shape2-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-307deg);
    -webkit-animation-timing-function: linear; }
  45.4545% {
    -webkit-transform: rotateZ(-120.5deg);
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    -webkit-animation-timing-function: linear; } }

.clock2-shape2-animation {
  animation: 1.1s linear 2s 1 normal forwards clock2-shape2-animation_gwd-keyframes;
  -webkit-animation: 1.1s linear 2s 1 normal forwards clock2-shape2-animation_gwd-keyframes;
  -moz-animation: 1.1s linear 2s 1 normal forwards clock2-shape2-animation_gwd-keyframes; }

.clock2-maskFull {
  position: absolute;
  width: 100%;
  height: auto; }

.clock2-shape3 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform: rotateZ(-78deg);
  -webkit-transform: rotateZ(-78deg);
  -moz-transform: rotateZ(-78deg);
  opacity: 0; }

@keyframes clock2-shape3-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-78deg);
    -webkit-transform: rotateZ(-78deg);
    -moz-transform: rotateZ(-78deg);
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  20% {
    transform: rotateZ(-59deg);
    -webkit-transform: rotateZ(-59deg);
    -moz-transform: rotateZ(-59deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock2-shape3-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-78deg);
    opacity: 0;
    -webkit-animation-timing-function: linear; }
  20% {
    -webkit-transform: rotateZ(-59deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; } }

.clock2-shape3-animation {
  animation: 0.5s linear 3s 1 normal forwards clock2-shape3-animation_gwd-keyframes;
  -webkit-animation: 0.5s linear 3s 1 normal forwards clock2-shape3-animation_gwd-keyframes;
  -moz-animation: 0.5s linear 3s 1 normal forwards clock2-shape3-animation_gwd-keyframes; }

.clock2-maskFirst {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 1; }

@keyframes clock2-maskFirst-animation_gwd-keyframes {
  0% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock2-maskFirst-animation_gwd-keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock2-maskFirst-animation {
  animation: 0.1s linear 2.3s 1 normal forwards clock2-maskFirst-animation_gwd-keyframes;
  -webkit-animation: 0.1s linear 2.3s 1 normal forwards clock2-maskFirst-animation_gwd-keyframes;
  -moz-animation: 0.1s linear 2.3s 1 normal forwards clock2-maskFirst-animation_gwd-keyframes; }

.clock3-shape2 {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform: rotateZ(-249deg);
  -webkit-transform: rotateZ(-249deg);
  -moz-transform: rotateZ(-249deg); }

.clock3-shape1Bottom {
  position: absolute;
  width: 100%;
  height: auto;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  opacity: 1;
  transform: rotateZ(-129deg);
  -webkit-transform: rotateZ(-129deg);
  -moz-transform: rotateZ(-129deg); }

.clock3-baseGrey {
  position: absolute;
  width: 100%;
  height: auto; }

.clock3-shape3 {
  position: absolute;
  width: 100%;
  height: auto;
  transform: rotateZ(-368deg);
  -webkit-transform: rotateZ(-368deg);
  -moz-transform: rotateZ(-368deg);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d; }

.clock3-maskIni {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 1; }

@keyframes clock3-shape1bottom-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-129deg);
    -webkit-transform: rotateZ(-129deg);
    -moz-transform: rotateZ(-129deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  45.4545% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  90.9091% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock3-shape1bottom-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-129deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  45.4545% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  90.9091% {
    -webkit-transform: rotateZ(0deg);
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock3-shape1bottom-animation {
  animation: 1.1s linear 4.5s 1 normal forwards clock3-shape1bottom-animation_gwd-keyframes;
  -webkit-animation: 1.1s linear 4.5s 1 normal forwards clock3-shape1bottom-animation_gwd-keyframes;
  -moz-animation: 1.1s linear 4.5s 1 normal forwards clock3-shape1bottom-animation_gwd-keyframes; }

@keyframes clock3-maskIni-animation_gwd-keyframes {
  0% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock3-maskIni-animation_gwd-keyframes {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 0;
    -webkit-animation-timing-function: linear; } }

.clock3-maskIni-animation {
  animation: 0.1s linear 5s 1 normal forwards clock3-maskIni-animation_gwd-keyframes;
  -webkit-animation: 0.1s linear 5s 1 normal forwards clock3-maskIni-animation_gwd-keyframes;
  -moz-animation: 0.1s linear 5s 1 normal forwards clock3-maskIni-animation_gwd-keyframes; }

@keyframes clock3-shape2-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-249deg);
    -webkit-transform: rotateZ(-249deg);
    -moz-transform: rotateZ(-249deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock3-shape2-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-249deg);
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    -webkit-animation-timing-function: linear; } }

.clock3-shape2-animation {
  animation: 1s linear 4.5s 1 normal forwards clock3-shape2-animation_gwd-keyframes;
  -webkit-animation: 1s linear 4.5s 1 normal forwards clock3-shape2-animation_gwd-keyframes;
  -moz-animation: 1s linear 4.5s 1 normal forwards clock3-shape2-animation_gwd-keyframes; }

.clock3-maskFull {
  position: absolute;
  width: 100%;
  height: auto; }

@keyframes clock3-shape3-animation_gwd-keyframes {
  0% {
    transform: rotateZ(-368deg);
    -webkit-transform: rotateZ(-368deg);
    -moz-transform: rotateZ(-368deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock3-shape3-animation_gwd-keyframes {
  0% {
    -webkit-transform: rotateZ(-368deg);
    -webkit-animation-timing-function: linear; }
  100% {
    -webkit-transform: rotateZ(0deg);
    -webkit-animation-timing-function: linear; } }

.clock3-shape3-animation {
  animation: 1.5s linear 4.5s 1 normal forwards clock3-shape3-animation_gwd-keyframes;
  -webkit-animation: 1.5s linear 4.5s 1 normal forwards clock3-shape3-animation_gwd-keyframes;
  -moz-animation: 1.5s linear 4.5s 1 normal forwards clock3-shape3-animation_gwd-keyframes; }

.clock3-shape1Top {
  position: absolute;
  width: 100%;
  height: auto;
  opacity: 0; }

@keyframes clock3-shape1top-animation_gwd-keyframes {
  0% {
    opacity: 0;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; }
  100% {
    opacity: 1;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear; } }

@-webkit-keyframes clock3-shape1top-animation_gwd-keyframes {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: linear; }
  100% {
    opacity: 1;
    -webkit-animation-timing-function: linear; } }

.clock3-shape1top-animation {
  animation: 0.1s linear 5.4s 1 normal forwards clock3-shape1top-animation_gwd-keyframes;
  -webkit-animation: 0.1s linear 5.4s 1 normal forwards clock3-shape1top-animation_gwd-keyframes;
  -moz-animation: 0.1s linear 5.4s 1 normal forwards clock3-shape1top-animation_gwd-keyframes; }

.m_mask {
  position: relative;
  z-index: 10; }

.m_dicas {
  margin-bottom: 35px; }
  .m_dicas__header {
    margin-bottom: 10px; }
  .m_dicas__text {
    margin-bottom: 5px;
    text-align: left; }
  .m_dicas__social-item {
    display: inline-block;
    height: 35px;
    width: 35px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #00a84f;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 2px; }
    .m_dicas__social-item img {
      height: 100%;
      min-width: 35px;
      max-width: 1000px;
      width: auto;
      margin-left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
    .m_dicas__social-item--face:hover {
      background-color: #1877f2; }
    .m_dicas__social-item--face img {
      margin-left: -5px; }
      .m_dicas__social-item--face img:hover {
        margin-left: -53px; }
    .m_dicas__social-item--twitter:hover {
      background-color: #1da1f2; }
    .m_dicas__social-item--twitter img {
      margin-left: -5px; }
      .m_dicas__social-item--twitter img:hover {
        margin-left: -50px; }
    .m_dicas__social-item--link:hover {
      background-color: #2867b2; }
    .m_dicas__social-item--link img {
      margin-left: -4px; }
      .m_dicas__social-item--link img:hover {
        margin-left: -43px; }
    .m_dicas__social-item--email:hover {
      background-color: #f15a29; }
    .m_dicas__social-item--email img:hover {
      margin-left: -35px; }

.message_black {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 auto;
    max-width: 860px;
    width: 100%;
    text-align: center;
    background-color: #000000;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: lighter;
    margin-bottom: 25px;
}

.sitemap {
  margin-top: 1.875rem;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2; }
  @media (min-width: 48em) {
    .sitemap {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3; } }
  @media (max-width: 37.5em) {
    .sitemap {
      -webkit-column-count: 1;
         -moz-column-count: 1;
              column-count: 1; } }
  .sitemap__item {
    margin-bottom: 1.25rem; }
    .sitemap__item a {
      -webkit-transition: opacity .22s ease-out;
      transition: opacity .22s ease-out; }
      .sitemap__item a:hover {
        opacity: 0.8; }
    .sitemap__item:before {
      content: '• '; }


.m_ctas-ad-ctaform {
    background: linear-gradient(-45deg, #00a84f 0%, #25b04b 9.46%, #45b747 19.54%, #60bc44 30.52%, #74c142 42.54%, #82c440 56.13%, #8ac53f 72.6%, #8dc63f 100%);
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 8px 14px;
    position: relative;
    cursor: pointer;
    width: 621px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    -moz-box-sizing: border-box;
    /*border: 3px solid rgba(255,255,255,0.0);*/
}


@media (max-width: 400px) {
    .m_ctas-ad-ctaform {
        margin-bottom: 16px;
        margin-top: 11px;
        padding: 8px 14px;
        position: relative;
        cursor: pointer;
        width: 253px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all 0.22s ease-out;
        transition: all 0.22s ease-out;
        -moz-box-sizing: border-box;
    }
}

@media (max-width: 37.5em) {
    .m_ctas-ad-ctaform {
        margin-bottom: 16px;
        margin-top: 11px;
        padding: 8px 14px;
        position: relative;
        cursor: pointer;
        width: 310px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all 0.22s ease-out;
        transition: all 0.22s ease-out;
        -moz-box-sizing: border-box;
    }
}


.container-ctaform {
    max-width: 689px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    display: block;
}

@media (max-width: 37.5em) {
    .container-ctaform {
        padding: 0 30px;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 400px) {
    .container-ctaform {
        padding: 0 30px;
        margin: 0 auto;
        display: block;
        margin-left: -36px;
    }
}

.m_ctas-ad-ctaform--link:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.m_ctas-ad-ctaform.open, .m_ctas-ad-ctaform:hover {
    background: white;
    /*border: 3px solid #8dc63f;*/
}

.m_ctas-ad-ctaform.open .m_ctas-ad-ctaform__headline, .m_ctas-ad-ctaform:hover .m_ctas-ad-ctaform__headline {
    color: #8dc63f;
}

.m_ctas-ad-ctaform.open .m_arrow span, .m_ctas-ad-ctaform:hover .m_arrow span {
    background-color: white;
}

.m_ctas-ad-ctaform__headline {
    font-size: 1.375rem;
    margin-bottom: 0;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    z-index: 1;
    color: white;
}
.m_ctas-ad-ctaform__headline--white {
    color: white;
}
@media (min-width: 48em) {
    .m_ctas-ad-ctaform__headline {
        font-size: 1.615rem;
    }
}
@media (max-width: 37.5em) {
    .m_ctas-ad-ctaform__headline {
        font-size: 1rem;
    }
}
@media (max-width: 400px) {
    .m_ctas-ad-ctaform__headline {
        font-size: 0.80rem;
    }
}

.m_ctas-ad-ctaform__iconeletricity {
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: 0;
    height: 60px;
    width: 60px;
    padding: 20px;
    text-align: center;
    background: url(../images/iconElectricidadeV2_over_white.png) no-repeat center center;
    background-size: 35px;
}

.m_ctas-ad-ctaform.open .m_ctas-ad-ctaform__iconeletricity, .m_ctas-ad-ctaform:hover .m_ctas-ad-ctaform__iconeletricity {
    background: url(../images/iconElectricidadeV2.png) no-repeat center center;
    background-size: 35px;
}

@media (min-width: 48em) {
    .m_ctas-ad-ctaform__iconeletricity {
        height: 60px;
        width: 60px;
    }
}

@media (min-width: 48em) {
    .m_ctas-ad-ctaform__iconeletricity {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 37.5em) {
    .m_ctas-ad-ctaform__iconeletricity {
        top: -3px;
        height: 38px;
        width: 45px;
        padding: 10px;
        background-size: 30px;
    }
}

.m_ctas-ad-ctaform__icongas {
    position: absolute;
    top: -4px;
    right: -2px;
    bottom: 0;
    height: 60px;
    width: 60px;
    padding: 20px;
    text-align: center;
    background: url(../images/gas/iconGasV2_over_white.png) no-repeat center center;
    background-size: 30px;
}

.m_ctas-ad-ctaform.open .m_ctas-ad-ctaform__icongas, .m_ctas-ad-ctaform:hover .m_ctas-ad-ctaform__icongas {
    background: url(../images/gas/iconGasV2_over3.png) no-repeat center center;
    background-size: 30px;
}

@media (min-width: 48em) {
    .m_ctas-ad-ctaform__icongas {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 400px) {
    .m_ctas-ad-ctaform__icongas {
        top: 0px;
        height: 34px;
        width: 45px;
        padding: 10px;
        background-size: 24px;
    }
}

@media (max-width: 37.5em) {
    .m_ctas-ad-ctaform__icongas {
        top: 0px;
        height: 34px;
        width: 45px;
        padding: 10px;
        background-size: 24px;
    }
}

.m_ctas-ad-ctaform__icongaseletricity {
    position: absolute;
    top: -26px;
    right: 0px;
    bottom: 0;
    height: 60px;
    width: 60px;
    padding: 20px;
    text-align: center;
    background: url(../images/iconGasElectricidade_white.png) no-repeat center center;
    background-size: 74px;
}

.m_ctas-ad-ctaform.open .m_ctas-ad-ctaform__icongaseletricity, .m_ctas-ad-ctaform:hover .m_ctas-ad-ctaform__icongaseletricity {
    background: url(../images/iconGasElectricidade_green.png) no-repeat center center;
    background-size: 74px;
}

@media (min-width: 48em) {
    .m_ctas-ad-ctaform__icongaseletricity {
        height: 100px;
        width: 100px;
    }
}

@media (max-width: 400px) {
    .m_ctas-ad-ctaform__icongaseletricity {
        height: 38px;
        width: 45px;
        padding: 10px;
        display: none;
        background-size: 86px;
    }
}

@media (max-width: 37.5em) {
    .m_ctas-ad-ctaform__icongaseletricity {
        height: 38px;
        width: 45px;
        padding: 10px;
        display: none;
        background-size: 86px;
    }
}

.mfp-wrap.form-class .mfp-content {
    background: #414042;
    background: rgba(65,64,66,.7);
    max-width: 100%;
    position: fixed;
    top: 352px;
    right: 0px;
    left: 0px;
    margin: auto;
    border-radius: 10px;
    padding: 25px;
}

@media (max-width: 48em) {
    .mfp-wrap.form-class .mfp-content {
        background: #414042;
        background: rgba(65,64,66,.7);
        max-width: 1000px;
        position: fixed;
        top: 266px;
        right: 0;
        border-radius: 10px;
        padding: 30px;
        margin-top: 98px;
    }
}

.m_joincardsGas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 48em) {
    .m_joincardsGas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.m_joincardsGas__item {
    position: relative;
    width: 100%;
    border: 3px solid #8dc63f;
    padding: 1.25rem;
    height: 0;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    margin-bottom: 20px;
    margin-left: 0;
}

@media (min-width: 48em) {
    .m_joincardsGas__item {
        padding-bottom: 21%;
        width: 23%;
        margin-bottom: 0;
    }
}

.m_joincardsGas__item:hover .m_joincardsGas__title {
    color: white;
}

.m_joincardsGas__item:hover .m_joincardsGas__hover {
    opacity: 1;
}

.m_joincardsGas__item:nth-child(1) {
    background-image: url(../images/aderir/costs.png);
    background-size: 64px auto;
}

    .m_joincardsGas__item:nth-child(1) .m_joincardsGas__hover {
        background-image: url(../images/aderir/costs-w.png);
        background-size: 74px auto;
    }

.m_joincardsGas__item:nth-child(2) {
    background-image: url(../images/gas/iconGasV2_over3.png);
    background-size: 64px auto;
}

    .m_joincardsGas__item:nth-child(2) .m_joincardsGas__hover {
        background-size: 74px auto;
        background-image: url(../images/gas/iconGasV2_over_white.png);
    }

.m_joincardsGas__item:nth-child(3) {
    background-image: url(../images/aderir/technical.png);
    background-size: 64px auto;
}

    .m_joincardsGas__item:nth-child(3) .m_joincardsGas__hover {
        background-image: url(../images/aderir/technical-w.png);
        background-size: 74px auto;
    }

.m_joincardsGas__item:nth-child(4) {
    background-image: url(../images/aderir/bureaucracies.png);
    background-size: 54px auto;
}

    .m_joincardsGas__item:nth-child(4) .m_joincardsGas__hover {
        background-size: 64px auto;
        background-image: url(../images/aderir/bureaucracies-w.png);
    }

.m_joincardsGas__item:hover {
    cursor: pointer;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
}

    .m_joincardsGas__item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.m_joincardsGas__title {
    width: 100%;
    position: initial;
    color: #8dc63f;
    font-family: "Aqum", sans-serif;
    text-align: left;
    font-size: 1rem;
    text-transform: uppercase;
}

.m_joincardsGas__title--hover {
    color: white;
    font-family: "Mic32 Regular", sans-serif;
    text-transform: none;
}

@media (min-width: 70em) {
    .m_joincardsGas__title {
        font-size: 1.375rem;
    }
}

@media (min-width: 48em) {
    .m_joincardsGas__title {
        font-size: 1rem;
    }
}

.m_joincardsGas__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    background-color: #8dc63f;
    background-size: 84px auto;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    opacity: 0;
}

.m_joincardsGas__image {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    height: auto;
    -webkit-transition: -webkit-transform 0.22s ease-out;
    transition: -webkit-transform 0.22s ease-out;
    transition: transform 0.22s ease-out;
    transition: transform 0.22s ease-out, -webkit-transform 0.22s ease-out;
}

.m_join-form__JoinUs {
    color: #8dc63f;
    font-size: 1.25rem;
    font-family: "Aqum",sans-serif;
    text-align: center;
    position: absolute;
    margin-top: 190px;
    margin-left: 65px;
}

@media (max-width: 48em) {
    .m_join-form__JoinUs {
        color: #8dc63f;
        font-size: 1.01rem;
        font-family: "Aqum",sans-serif;
        text-align: center;
        position: absolute;
        margin-top: 186px;
        margin-left: -11px;
    }
}

.m_utilcardsProducers_button {
    z-index: 11;
    background-color: #98989a;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-family: "Aqum", sans-serif;
    font-size: 0.8rem;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    margin-top: -6px;
    position: absolute;
    margin-left: 184px;
}

@media (max-width: 48em) {
    .m_utilcardsProducers_button {
        margin-top: -3px;
        margin-left: 145px;
    }
}

@media (max-width: 37.5em) {
    .m_utilcardsProducers_button {
        margin-top: -3px;
        margin-left: 145px;
    }
}

@media (min-device-width : 390px) {
    .m_utilcardsProducers_button {
        margin-top: -6px;
        margin-left: 155px;
    }
}

@media (min-device-width : 412px) {
    .m_utilcardsProducers_button {
        margin-top: -6px;
        margin-left: 162px;
    }
}

@media (min-device-width : 768px) {
    .m_utilcardsProducers_button {
        margin-top: -6px;
        margin-left: 184px;
    }
}

.m_utilcardsProducers-modal {
    z-index: 0;
    right: 46px;
    position: fixed;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: white;
    width: 8%;
    height: 110px;
    bottom: 530px;
}

.m_utilcardsProducers-items {   
    animation: change-text 13.5s infinite linear;
    -webkit-animation: change-text 13.5s infinite linear;
}

.m_utilcardsProducers-items span {
    top: 11px;
    color: #00a84f !important;
    font-size: 1.000rem;
    font-family: "Aqum",sans-serif;
    overflow: hidden;
    position: absolute;
    text-align: center;
}


@media (max-width: 48em) {
    .m_utilcardsProducers-modal {
        position: fixed;
        right: 13px;
        bottom: 656px;
        width: 160px;
        font-size: 0.875rem;
    }
}

@media (max-width: 37.5em) {
    .m_utilcardsProducers-modal {
        position: fixed;
        right: 13px;
        bottom: 381px;
        width: 43%;
        font-size: 0.875rem;
    }
}

.m_utilcardsProducersWhite_link {
    color: #98989a !important;
    font-size: 1.000rem;
    font-family: "Aqum",sans-serif;
    position: absolute;
    margin-top: 76px;
    margin-left: 49px;
}

.m_utilcardsProducers-items .m_utilcardsProducers-items1 {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items1-animation_keyframes;
    animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items1-animation_keyframes;
}

.m_utilcardsProducers-items .m_utilcardsProducers-items2 {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items2-animation_keyframes;
    animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items2-animation_keyframes;
}

.m_utilcardsProducers-items .m_utilcardsProducers-items3 {
    -webkit-animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items3-animation_keyframes;
    animation: 13.5s linear 0s infinite normal forwards running m_utilcardsProducers-items3-animation_keyframes;
}

@-webkit-keyframes m_utilcardsProducers-items1-animation_keyframes {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    22.2222% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    33.3333% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    88.8889% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@keyframes m_utilcardsProducers-items1-animation_keyframes {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    22.2222% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    33.3333% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    88.8889% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes m_utilcardsProducers-items2-animation_keyframes {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    22.2222% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    33.3333% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    55.5556% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    66.6667% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@keyframes m_utilcardsProducers-items2-animation_keyframes {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    22.2222% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    33.3333% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    55.5556% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    66.6667% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@-webkit-keyframes m_utilcardsProducers-items3-animation_keyframes {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    55.5556% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    66.6667% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    88.8889% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}

@keyframes m_utilcardsProducers-items3-animation_keyframes {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    55.5556% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    66.6667% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    88.8889% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}
.m_joincardsProducers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 48em) {
    .m_joincardsProducers {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.m_joincardsProducers__item {
    position: relative;
    width: 100%;
    border: 3px solid #8dc63f;
    padding: 1.25rem;
    height: 0;
    padding-bottom: 50%;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    margin-bottom: 20px;
    margin-left: 0;
}

@media (min-width: 48em) {
    .m_joincardsProducers__item {
        padding-bottom: 12%;
        width: 23%;
        margin-bottom: 0;
    }
}

.m_joincardsProducers__title_know {
    color: white;
    text-align: right;
    text-transform: uppercase;
    font-family: "Aqum", sans-serif;
    text-decoration: underline !important;
    font-size: 0.7rem;
}

.m_joincardsProducers__item:hover .m_joincardsProducers__title {
    color: white;
}

.m_joincardsProducers__item:hover .m_joincardsProducers__hover {
    opacity: 1;
}

.m_joincardsProducers__item:nth-child(1) {
    background-size: 64px auto;
}

    .m_joincardsProducers__item:nth-child(1) .m_joincardsProducers__hover {
        background-size: 74px auto;
    }

.m_joincardsProducers__item:nth-child(2) {
    background-size: 64px auto;
}

    .m_joincardsProducers__item:nth-child(2) .m_joincardsProducers__hover {
        background-size: 74px auto;
    }

.m_joincardsProducers__item:nth-child(3) {
    background-size: 64px auto;
}

    .m_joincardsProducers__item:nth-child(3) .m_joincardsProducers__hover {
        background-size: 74px auto;
    }

.m_joincardsProducers__item:nth-child(4) {
    background-size: 54px auto;
}

    .m_joincardsProducers__item:nth-child(4) .m_joincardsProducers__hover {
        background-size: 64px auto;
    }

.m_joincardsProducers__item:hover {
    cursor: pointer;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
}

    .m_joincardsProducers__item:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.m_joincardsProducers__title {
    width: 100%;
    position: initial;
    color: #8dc63f;
    font-family: "Aqum", sans-serif;
    text-align: left;
    font-size: 1rem;
    text-transform: uppercase;
}

.m_joincardsProducers__title--hover {
    color: white;   
    text-transform: none;
}

@media (min-width: 70em) {
    .m_joincardsProducers__title {
        font-size: 1rem;
    }
}

@media (max-width: 48em) {
    .m_joincardsProducers__title {
        font-size: 0.8rem;
    }
}

.m_joincardsProducers__hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    background-repeat: no-repeat;
    background-position: bottom 20px right 20px;
    background-color: #8dc63f;
    background-size: 84px auto;
    -webkit-transition: all 0.22s ease-out;
    transition: all 0.22s ease-out;
    opacity: 0;
}

.m_joincardsProducers__image {
    position: absolute;
    right: 1.25rem;
    bottom: 1.25rem;
    height: auto;
    -webkit-transition: -webkit-transform 0.22s ease-out;
    transition: -webkit-transform 0.22s ease-out;
    transition: transform 0.22s ease-out;
    transition: transform 0.22s ease-out, -webkit-transform 0.22s ease-out;
}

.m_join-form__JoinUs {
    color: #8dc63f;
    font-size: 1.25rem;
    font-family: "Aqum",sans-serif;
    text-align: center;
    position: absolute;
    margin-top: 190px;
    margin-left: 65px;
}

@media (max-width: 48em) {
    .m_join-form__JoinUs {
        color: #8dc63f;
        font-size: 1.01rem;
        font-family: "Aqum",sans-serif;
        text-align: center;
        position: absolute;
        margin-top: 186px;
        margin-left: -11px;
    }
}

.m_modal__text-producers {
    color: #8dc63f;
    margin-left: 25px;
}

.m_producers-title {
    color: #8dc63f;
    font-size: 2.375rem;
    font-family: "Aqum",sans-serif;
    background-image: url(../images/contactos/yes-color.svg);
    background-position: right top 0px;
    background-size: 57px;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    bottom: 10px;
    opacity: 1;
}

@media (max-width: 37.5em){
    .m_producers-title {
        font-size: 0.875rem;
        background-size:contain;
    }
} 

.m_producers-form {
    border: 2px solid #98989a;
    background-color: white;
    padding: 30px 20px;
    border-radius: 7px;  
}

.swiper-container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.image-container
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: 10s ease-out;
    transform: scale(1.1);
}

.slider-container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    height: 100vh;
    width: 100vw;
}

    .slider-container h1 {
        color: #fff;
        font-size: 100px;
        letter-spacing: 5px;
        position: relative;
        z-index: 100;
        text-align: center;
    }

    .slider-container::after {
        background-color: #000;
        content: '';
        position: absolute;
        opacity: 0.3;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

.slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 700px;
    width: 100%;
    transform: scale(1.15);
    transition: opacity .6s ease;
}

    .slide.active {
        animation: grow 4s linear forwards;
        opacity: 1;
    }

@keyframes grow {
    0%, 20% {
        transform: scale(1);
    }

    75%, 100% {
        transform: scale(1.15);
    }
}

.controls-container {
    position: absolute;
    top: 50%;
    right: 10px;
    display: flex;
    flex-direction: column;
    transform: translateY(-50%);
    z-index: 2;
}

.control {
    background-color: #fff;
    cursor: pointer;
    opacity: 0.5;
    margin: 6px;
    height: 40px;
    width: 5px;
    transition: opacity 0.3s, background-color 0.3s, transform 0.3s;
}

    .control.active, .control:hover {
        background-color: #fff;
        opacity: 1;
        transform: scale(1.2);
    }

.m_paymentInformation-form {
    width: 100%;
    max-width: 484px;
    padding: 0 30px;
    position: relative;
    margin: 40px auto;
    text-align: center;
}

@media (max-width: 600px) {
    .m_paymentInformation-form {
        padding: 0 20px;
    }
}

.m_paymentInformation-form__headline {
    color: black;
    font-size: 2.12rem;
    font-family: "Aqum", sans-serif;
    text-align: center;
    margin-top: -3px;
}

@media (max-width: 600px) {
    .m_paymentInformation-form__headline {
        font-size: 1.875rem;
    }
}

.m_paymentInformation-form__success {
    font-size: 1.25rem;
    color: #00B050;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: "Aqum", sans-serif;
    margin-top:5%;
}

.m_paymentInformation-form__danger {
    font-size: 1.25rem;
    color: #f00;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: "Aqum", sans-serif;
    margin-top: 5%;
}

.m_paymentInformation-form__submit {
    display: inline-block;
    padding: 15px 40px;
    background-color: #00B050;
    color: white;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
}

.m_paymentInformation-form__submit:hover {
    background-color: #009640;
}

.m_paymentInformation-form__badge {
    margin-top: 75%;
}

.m_paymentInformation-form__badge img {
    width: 110px;
    margin-top: -15%;
}

.m_paymentInformation-form__badge_logo img {
    width: 400px;
    align-content: center;
    margin-top: 25%;
}
.button-container {
    margin-top: 15%;
}