/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fira-sans-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Regular"), local("FiraSans-Regular"), url("../fonts/fira-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-regular.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-regular.woff") format("woff"), url("../fonts/fira-sans-v10-latin-regular.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-regular.svg#FiraSans") format("svg");
  /* Legacy iOS */ }
/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/fira-sans-v10-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Italic"), local("FiraSans-Italic"), url("../fonts/fira-sans-v10-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-italic.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-italic.woff") format("woff"), url("../fonts/fira-sans-v10-latin-italic.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }
/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/fira-sans-v10-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Bold"), local("FiraSans-Bold"), url("../fonts/fira-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-700.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-700.woff") format("woff"), url("../fonts/fira-sans-v10-latin-700.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-700.svg#FiraSans") format("svg");
  /* Legacy iOS */ }
/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/fira-sans-v10-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Fira Sans Bold Italic"), local("FiraSans-BoldItalic"), url("../fonts/fira-sans-v10-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/fira-sans-v10-latin-700italic.woff2") format("woff2"), url("../fonts/fira-sans-v10-latin-700italic.woff") format("woff"), url("../fonts/fira-sans-v10-latin-700italic.ttf") format("truetype"), url("../fonts/fira-sans-v10-latin-700italic.svg#FiraSans") format("svg");
  /* Legacy iOS */ }
/*
              $$\           $$\
              \__|          \__|
$$$$$$\$$$$\  $$\ $$\   $$\ $$\ $$$$$$$\   $$$$$$$\
$$  _$$  _$$\ $$ |\$$\ $$  |$$ |$$  __$$\ $$  _____|
$$ / $$ / $$ |$$ | \$$$$  / $$ |$$ |  $$ |\$$$$$$\
$$ | $$ | $$ |$$ | $$  $$<  $$ |$$ |  $$ | \____$$\
$$ | $$ | $$ |$$ |$$  /\$$\ $$ |$$ |  $$ |$$$$$$$  |
\__| \__| \__|\__|\__/  \__|\__|\__|  \__|\_______/
*/
/*
      $$\                                                                  $$\
      $$ |                                                                 $$ |
 $$$$$$$ | $$$$$$\   $$$$$$$\ $$\   $$\ $$$$$$\$$$$\   $$$$$$\  $$$$$$$\ $$$$$$\   
$$  __$$ |$$  __$$\ $$  _____|$$ |  $$ |$$  _$$  _$$\ $$  __$$\ $$  __$$\_$$  _|  
$$ /  $$ |$$ /  $$ |$$ /      $$ |  $$ |$$ / $$ / $$ |$$$$$$$$ |$$ |  $$ | $$ |    
$$ |  $$ |$$ |  $$ |$$ |      $$ |  $$ |$$ | $$ | $$ |$$   ____|$$ |  $$ | $$ |$$\ 
\$$$$$$$ |\$$$$$$  |\$$$$$$$\ \$$$$$$  |$$ | $$ | $$ |\$$$$$$$\ $$ |  $$ | \$$$$  |
 \_______| \______/  \_______| \______/ \__| \__| \__| \_______|\__|  \__|  \____/ 
*/
:root {
  --white: white;
  --light: rgb(224,224,224);
  --mid: rgb(117,117,117);
  --dark: rgb(22,22,22);
  --black: black;
  --font: 'Fira Sans', 'Helvetica', 'Verdana', sans-serif;
  --heading: 'Fira Sans', 'Helvetica', 'Verdana', sans-serif; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

::-webkit-scrollbar-track {
  border-radius: 2.5px;
  background: var(--light); }

::-webkit-scrollbar-thumb {
  border: 1px solid var(--dark);
  background: var(--dark);
  border-radius: 2.5px; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  background: white; }

body {
  color: var(--dark);
  font-family: var(--font);
  font-size: 120%;
  font-weight: 400;
  line-height: 1.6;
  background-color: var(--white);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all ease 2s;
  transition: all ease 2s; }

/*
  $$\                           $$\
  $$ |                          $$ |
$$$$$$\    $$$$$$\  $$\   $$\ $$$$$$\
\_$$  _|  $$  __$$\ \$$\ $$  |\_$$  _|
  $$ |    $$$$$$$$ | \$$$$  /   $$ |
  $$ |$$\ $$   ____| $$  $$<    $$ |$$\
  \$$$$  |\$$$$$$$\ $$  /\$$\   \$$$$  |
   \____/  \_______|\__/  \__|   \____/
*/
a {
  font-weight: bold;
  text-decoration: none;
  outline: none !important; }
  a:link {
    color: #189ff5; }
  a:visited {
    color: #0f7bde; }
  a:hover {
    color: #0f7bde; }
  a:active {
    color: #0f55de;
    outline: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .25em;
  font-family: var(--heading);
  text-align: center; }

h1, h3, h4, h5 {
  font-weight: 400; }

h2, h6 {
  font-weight: 700; }

h3, h4, h6 {
  letter-spacing: .15em; }

h1 {
  font-size: 320%;
  line-height: 1.35; }

h2 {
  font-size: 180%; }

h3 {
  font-size: 150%;
  text-transform: uppercase; }

h4 {
  font-size: 150%; }

h5 {
  font-size: 150%;
  font-style: italic; }

h6 {
  font-size: 100%; }

p {
  margin: 0 0 1em 0;
  text-align: left;
  font-size: 100%;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  p + p {
    margin: 0 0 1em 0;
    text-indent: 1em; }
  p + ul, p + ol, p + dl {
    margin-bottom: 1.5em; }
  p > code {
    padding: .25em;
    background: var(--mid); }

blockquote {
  margin: 1em 0;
  padding-left: 1.5em;
  border-left: 5px solid var(--mid); }
  blockquote small {
    display: block;
    line-height: 1.7em; }

ul, ol, dl {
  padding: 0 0 0 2em;
  text-align: left; }

li {
  margin: 0 0 .5em 0; }

dt {
  font-weight: bold; }

code {
  font-family: courier, monospace; }

pre {
  text-align: left;
  font-size: 100%; }

hr {
  height: 0;
  color: var(--mid);
  border: 1px solid var(--mid);
  margin: 2em 0 1em; }

.deco--lead {
  font-size: 150%;
  margin: 1em 0; }
  .deco--lead + p {
    text-indent: 0; }
.deco--normal {
  font-weight: normal; }
.deco--quiet {
  font-size: 80%;
  color: var(--mid); }
.deco--small {
  font-size: 70%;
  color: var(--mid); }
.deco--highlight {
  color: var(--black);
  background-color: var(--white); }
.deco--call {
  color: orange; }

/*
$$\                                           $$\
$$ |                                          $$ |
$$ | $$$$$$\  $$\   $$\  $$$$$$\  $$\   $$\ $$$$$$\
$$ | \____$$\ $$ |  $$ |$$  __$$\ $$ |  $$ |\_$$  _|
$$ | $$$$$$$ |$$ |  $$ |$$ /  $$ |$$ |  $$ |  $$ |
$$ |$$  __$$ |$$ |  $$ |$$ |  $$ |$$ |  $$ |  $$ |$$\
$$ |\$$$$$$$ |\$$$$$$$ |\$$$$$$  |\$$$$$$  |  \$$$$  |
\__| \_______| \____$$ | \______/  \______/    \____/
              $$\   $$ |
              \$$$$$$  |
               \______/
*/
.wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 2em 1em;
  z-index: 100;
  overflow: hidden; }

.flex, .flex--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.hide--desktop {
  display: none; }

/*
                               $$\                          $$\
                               $$ |                         $$ |
 $$$$$$$\  $$$$$$\  $$$$$$$\ $$$$$$\    $$$$$$\  $$$$$$$\ $$$$$$\
$$  _____|$$  __$$\ $$  __$$\_$$  _|  $$  __$$\ $$  __$$\_$$  _|
$$ /      $$ /  $$ |$$ |  $$ | $$ |    $$$$$$$$ |$$ |  $$ | $$ |
$$ |      $$ |  $$ |$$ |  $$ | $$ |$$\ $$   ____|$$ |  $$ | $$ |$$\
\$$$$$$$\ \$$$$$$  |$$ |  $$ | \$$$$  |\$$$$$$$\ $$ |  $$ | \$$$$  |
 \_______| \______/ \__|  \__|  \____/  \_______|\__|  \__|  \____/
*/
picture, source, img {
  display: block;
  width: 100%; }

figure {
  margin: 0 0 1em 0; }

figcaption {
  font-size: 80%;
  color: var(--mid);
  text-align: right; }

section {
  width: 69%; }

aside {
  width: 29%; }
  aside .form--standard {
    position: fixed; }

.counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin: 2em 0; }
  .counter__bar {
    position: relative;
    width: 100%;
    height: 20px;
    border-radius: 20px;
    border: 3px solid orange;
    overflow: hidden; }
  .counter__status {
    position: absolute;
    left: 0;
    height: 20px;
    background: orange; }
  .counter__meta {
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.supporter {
  padding: 0 1em 2em;
  background-color: var(--light); }
  .supporter__listing {
    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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1em 0;
    border-top: 1px solid var(--mid); }
  .supporter__data {
    margin: 0; }
  .supporter__date {
    margin: 0; }

/*
 $$$$$$\
$$  __$$\
$$ /  \__|$$$$$$\   $$$$$$\  $$$$$$\$$$$\
$$$$\    $$  __$$\ $$  __$$\ $$  _$$  _$$\
$$  _|   $$ /  $$ |$$ |  \__|$$ / $$ / $$ |
$$ |     $$ |  $$ |$$ |      $$ | $$ | $$ |
$$ |     \$$$$$$  |$$ |      $$ | $$ | $$ |
\__|      \______/ \__|      \__| \__| \__|
*/
.form--standard {
  max-width: 274px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  padding: 1em;
  background: var(--light); }
.form__captcha {
  width: 120px;
  height: 30px; }
.form__error {
  padding: 1em;
  background-color: red;
  color: white;
  font-size: 80%;
  text-indent: 0;
  font-weight: 400;
  border-radius: 10px; }
.form__success {
  padding: 1em;
  background-color: green;
  color: white;
  font-size: 80%;
  text-indent: 0;
  font-weight: 400;
  border-radius: 10px; }

.input--hidden {
  height: 0;
  overflow: hidden;
  -webkit-transition: all ease 2s;
  transition: all ease 2s; }
.input__container, .input__container--first, .input__container--last, .input__container--single {
  position: relative;
  height: 45px;
  background-color: var(--white);
  border-color: var(--mid);
  border-width: 1px;
  border-style: solid;
  overflow: hidden; }
  .input__container--first {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: none; }
  .input__container--last {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none; }
  .input__container--single {
    border-radius: 10px; }
  .input__container.error, .error.input__container--first, .error.input__container--last, .error.input__container--single {
    background-color: #ecb1b1; }
.input__field {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 25px;
  border: none;
  outline: none;
  font-size: 80%;
  background: rgba(255, 255, 255, 0); }

[data-field]:before {
  content: attr(data-field);
  position: absolute;
  top: 0;
  right: 10px;
  left: 10px;
  display: block;
  width: 100%;
  height: 20px;
  color: var(--mid);
  font-size: 60%;
  text-transform: uppercase; }

/*
    $$\                   $$\     $$\
    $$ |                  $$ |    $$ |
    $$$$$$$\  $$\   $$\ $$$$$$\ $$$$$$\    $$$$$$\  $$$$$$$\
    $$  __$$\ $$ |  $$ |\_$$  _|\_$$  _|  $$  __$$\ $$  __$$\
    $$ |  $$ |$$ |  $$ |  $$ |    $$ |    $$ /  $$ |$$ |  $$ |
    $$ |  $$ |$$ |  $$ |  $$ |$$\ $$ |$$\ $$ |  $$ |$$ |  $$ |
    $$$$$$$  |\$$$$$$  |  \$$$$  |\$$$$  |\$$$$$$  |$$ |  $$ |
    \_______/  \______/    \____/  \____/  \______/ \__|  \__|
*/
.button, .button--cta, .button--social-media {
  display: block;
  padding: 10px 15px;
  top: 0;
  text-decoration: none;
  text-align: center;
  font-size: 100%;
  font-weight: 700;
  border-radius: 100px;
  white-space: nowrap;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s; }
  .button:hover, .button--cta:hover, .button--social-media:hover {
    cursor: pointer; }
  .button--cta {
    background: orange;
    background: -webkit-gradient(linear, left bottom, right top, from(orange), to(orangered));
    background: linear-gradient(to top right, orange 0%, orangered 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=1 );
    -webkit-box-shadow: 0px 5px 10px 0px rgba(173, 5, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(173, 5, 0, 0.5);
    width: 100%;
    color: var(--dark);
    border: none; }
    .button--cta:hover {
      -webkit-box-shadow: 0px 2px 5px 0px rgba(173, 5, 0, 0.25);
      box-shadow: 0px 2px 5px 0px rgba(173, 5, 0, 0.25);
      background: orange;
      background: -webkit-gradient(linear, left bottom, right top, from(orange), to(orangered));
      background: linear-gradient(to top right, orange 0%, orangered 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$end',GradientType=1 );
      top: 2px;
      opacity: 0.9; }
  .button:disabled, .button--cta:disabled, .button--social-media:disabled, .button[diabled], [diabled].button--cta, [diabled].button--social-media {
    background: var(--light) !important;
    color: rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    border: 1px solid rgba(0, 0, 0, 0.25); }
  .button:focus, .button--cta:focus, .button--social-media:focus {
    outline: none; }
  .button--social-media {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    width: 30%;
    color: white !important;
    border: none; }
    .button--social-media:hover {
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
      top: 2px;
      opacity: 0.9; }
    .button--social-media.facebook {
      background-color: #3C5A99; }
    .button--social-media.twitter {
      background-color: #1DA1F2; }
    .button--social-media.mail {
      background-color: #ebad00; }

/*
                                        $$\
                                        \__|
 $$$$$$\  $$\   $$\  $$$$$$\   $$$$$$\  $$\  $$$$$$\   $$$$$$$\
$$  __$$\ $$ |  $$ |$$  __$$\ $$  __$$\ $$ |$$  __$$\ $$  _____|
$$ /  $$ |$$ |  $$ |$$$$$$$$ |$$ |  \__|$$ |$$$$$$$$ |\$$$$$$\
$$ |  $$ |$$ |  $$ |$$   ____|$$ |      $$ |$$   ____| \____$$\
\$$$$$$$ |\$$$$$$  |\$$$$$$$\ $$ |      $$ |\$$$$$$$\ $$$$$$$  |
 \____$$ | \______/  \_______|\__|      \__| \_______|\_______/
      $$ |
      $$ |
      \__|
*/
@media all and (max-width: 840px) {
  body {
    font-size: 100%; }

  h1 {
    font-size: 210%; }

  h2 {
    font-size: 140%; }

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

  section {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }

  aside {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    aside .form--standard {
      position: relative; }

  .form--standard {
    display: block;
    max-width: 100%; } }

/*# sourceMappingURL=styles.css.map */