@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap&subset=latin-ext);

/*# sourceMappingURL=vue-select.css.map*/@charset "UTF-8";

/** Import fonts */

@font-face {
  font-family: "Nexa";
  font-weight: 300;
  src: url(/fonts/38E64A_1_0.eot?a417f7357db298618b95dba01bc21450);
  src: url(/fonts/38E64A_1_0.eot?a417f7357db298618b95dba01bc21450) format("embedded-opentype"), url(/fonts/38E64A_1_0.woff2?c0b00eb220e8f61ec519a763c7a16017) format("woff2"), url(/fonts/38E64A_1_0.woff?c5634309ec0e01adb1b5d83f711246e8) format("woff"), url(/fonts/38E64A_1_0.ttf?9fb5e9b030187b3fa694cd52614c8003) format("truetype");
}

@font-face {
  font-family: "Nexa";
  font-weight: 900;
  src: url(/fonts/38E64A_0_0.eot?d3383cef20a3b688e1de1f8ba4144c1a);
  src: url(/fonts/38E64A_0_0.eot?d3383cef20a3b688e1de1f8ba4144c1a) format("embedded-opentype"), url(/fonts/38E64A_0_0.woff2?47069397c4391b0f0a6292a83d4ee94f) format("woff2"), url(/fonts/38E64A_0_0.woff?9577eb43046e898e5e6347406ebfb275) format("woff"), url(/fonts/38E64A_0_0.ttf?b7597ef3f90bd475cb655b5bd33acc25) format("truetype");
}

a,
a:hover {
  text-decoration: none;
}

*,
*:hover,
*:focus,
button,
button:focus {
  box-shadow: none;
  outline: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  display: block;
  margin: 0;
  padding: 0;
  background: #14202a;
  color: #898f94;
  font-family: "Karla", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  background: #fafafa;
}

@media screen and (min-width: 768px) {
  header {
    height: 64px;
  }
}

header img {
  display: block;
  width: 150px;
  height: auto;
  margin: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 768px) {
  header img {
    width: 150px;
  }
}

section {
  display: block;
  margin: 0;
  padding: 45px 25px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

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

@media screen and (min-width: 400px) {
  .container {
    max-width: 600px;
  }
}

.container .container--tabs {
  display: block;
  position: relative;
  z-index: 1;
}

body h1 {
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Nexa", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  body h1 {
    font-size: 30px;
  }
}

@media screen and (min-width: 1200px) {
  body h1 {
    font-size: 36px;
  }
}

body img.faucet {
  display: block;
  width: 100%;
  max-width: 335px;
  height: auto;
  margin: 30px auto 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  body img.faucet {
    margin-top: 45px;
  }
}

body img.faucet_broken {
  display: block;
  width: 100%;
  max-width: 335px;
  height: auto;
  margin: 30px auto 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  body img.faucet_broken {
    margin-top: 45px;
  }
}

.button--submit {
  display: block;
  position: relative;
  z-index: 1;
  margin: 20px auto 0;
  padding: 12px 15px 10px;
  border: 0;
  border-radius: 3px;
  background: #00eac7;
  color: #000;
  font-family: "Karla", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.4s border-color ease, 0.4s background-color ease, 0.4s opacity ease;
  will-change: border-color, background-color, opacity;
}

@media screen and (min-width: 768px) {
  .button--submit {
    margin-top: 30px;
    padding: 14px 20px 12px;
    font-size: 16px;
  }

  .button--submit:not(:disabled):hover {
    background-color: #00caca;
  }
}

.button--submit[disabled] {
  opacity: 0.4;
}

form {
  display: block;
  width: 360px;
  max-width: 100%;
  margin: 30px auto 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  form {
    margin-top: 45px;
  }
}

form .form-group {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
}

form .form-group label {
  display: none !important;
}

form .form-group input:not([type=checkbox]) {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 9px 20px 8px;
  border: 1px solid #00eac7;
  border-radius: 6px;
  background: #14202a;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  transition: 0.4s border-color ease;
  will-change: border-color;
}

form .form-group input:not([type=checkbox]):-ms-input-placeholder {
  color: #898f94;
}

form .form-group input:not([type=checkbox]),
form .form-group input:not([type=checkbox])::placeholder {
  color: #898f94;
}

form .form-group input:not([type=checkbox])[disabled] {
  opacity: 0.4;
}

form .form-group.parsley-error input:not([type=checkbox]) {
  border-color: #f30;
}

form .form-error {
  display: none;
  margin: 30px 0 0;
  padding: 5px 10px;
  color: #fff;
  font-family: "Karla", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  word-wrap: break-word;
}

form .form-error.is-error {
  background-color: red;
}

form .form-error.is-success {
  background-color: green;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 5px 0 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  color: red;
  font-family: "Karla", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

footer {
  display: block;
  margin: 0;
  padding: 30px 0;
  text-align: center;
}

@media screen and (min-width: 992px) {
  footer {
    padding-top: 60px;
  }
}

footer nav,
footer nav ul,
footer nav ul li {
  display: block;
  margin: 0;
  padding: 0;
}

footer nav ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

footer nav ul li {
  padding-right: 10px;
  padding-left: 10px;
}

footer nav ul li:not(:first-child) {
  position: relative;
  z-index: 1;
  padding-left: 11px;
}

footer nav ul li:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 14px;
  background: #9ea1a4;
}

@media screen and (min-width: 768px) {
  footer nav ul li:not(:first-child)::before {
    height: 16px;
  }
}

footer nav ul li a {
  display: block;
  margin: 0;
  padding: 0 0 4px;
  background-image: -webkit-gradient(linear,left top,right top,from(#00ccab),to(#00ccab));
  background-image: -webkit-linear-gradient(left,#00ccab,#00ccab);
  background-image: -o-linear-gradient(left,#00ccab 0,#00ccab 100%);
  background-image: linear-gradient(90deg,#00ccab,#00ccab);
  background-repeat: no-repeat;
  background-position: left 87%;
  background-size: 0 1px;
  color: #9ea1a4;
  font-family: "Karla", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 1;
  -webkit-transition: all .4s ease;
  -o-transition: .4s all ease;
  transition: all .4s ease;
}

@media screen and (min-width: 768px) {
  footer nav ul li a {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  footer nav ul li a:hover {
    background-size: 100% 1px;
  }
}

.g-recaptcha > div {
  width: 100% !important;
}