@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-CondensedBold.woff2") format("woff2"), url("../fonts/FuturaStd-CondensedBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-Condensed.woff2") format("woff2"), url("../fonts/FuturaStd-Condensed.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Futura Std';
  src: url("../fonts/FuturaStd-CondensedLight.woff2") format("woff2"), url("../fonts/FuturaStd-CondensedLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: "Roboto Mono";
  font-weight: 400;
  font-size: 62.5%; }
  @media (max-width: 1800px) {
    html {
      font-size: 54%; } }
  @media (max-width: 1180px) {
    html {
      font-size: 56%; } }
  @media (max-width: 1080px) {
    html {
      font-size: 56%; } }

body {
  min-width: 320px;
  /*overflow:hidden;*/
  background: url("../img/bg.jpg") top 0 left 50% no-repeat #00370a;
  /*background-size:cover;*/
  color: #000;
  font-family: "Roboto Mono";
  font-weight: 400; }
  body * {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    font-family: "Roboto Mono";
    font-weight: 400; }

strong {
  font-weight: 800 !important;
  font-size: 20px; }

.wrapper {
  max-width: 800px;
  margin: 0 auto; }

.container {
  margin: 0 auto;
  padding: 0 72px;
  position: relative; }
  @media (max-width: 860px) {
    .container {
      padding: 0 40px; } }
  @media (max-width: 480px) {
    .container {
      padding: 0 24px; } }

.title {
  text-align: center;
  padding: 0 0 20px 0;
  height: 370px;
  background: url("../img/header.png") top 40px left 50% no-repeat;
  background-size: cover; }
  .title img {
    width: 100%;
    display: none; }
  @media (max-width: 480px) {
    .title {
      height: 240px; } }

.form {
  background-size: 100% auto;
  padding-bottom: 250px; }
  .form .form_title {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 60px;
    text-align: center; }
  .form .form_subtitle {
    font-size: 16px;
    font-weight: bold;
    color: #097e2c;
    margin-top: 30px;
    text-align: center; }
  .form .form_field {
    margin: 24px 0; }
    .form .form_field input, .form .form_field input:focus, .form .form_field input:-webkit-autofill, .form .form_field input:-webkit-autofill:focus {
      border: 1px solid #fff;
      border-radius: 30px;
      background-color: #fff !important;
      padding: 0 30px;
      box-shadow: none;
      font-size: 16px;
      height: 60px;
      color: #097e2c !important;
      line-height: 40px;
      outline: none;
      width: 100%; }
    .form .form_field select, .form .form_field select:focus, .form .form_field select:-webkit-autofill, .form .form_field select:-webkit-autofill:focus {
      border: 1px solid #fff;
      border-radius: 30px;
      background-color: #fff !important;
      padding: 0 30px;
      box-shadow: none;
      font-size: 16px;
      height: 60px;
      color: #097e2c !important;
      line-height: 40px;
      outline: none;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .form .form_field select option, .form .form_field select:focus option, .form .form_field select:-webkit-autofill option, .form .form_field select:-webkit-autofill:focus option {
        font-family: "Roboto Mono";
        font-weight: 400; }
  .form .form_checkbox {
    padding: 0;
    margin: 18px 30px;
    cursor: pointer; }
    .form .form_checkbox input {
      /*
      position:absolute;
      left:-1000px;
      */
      filter: opacity(0);
      font-size: 0;
      height: 0; }
    .form .form_checkbox .form_checkbox_field {
      width: 50px;
      height: 50px;
      border: 10px solid #fff;
      border-radius: 25px;
      display: inline-block;
      vertical-align: top;
      margin: 5px 20px 0 0;
      position: relative;
      background: #fff; }
    .form .form_checkbox.checked .form_checkbox_field {
      background: #097e2c; }
    .form .form_checkbox .form_checkbox_label {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 80px);
      font-size: 14px;
      line-height: 20px;
      color: #fff;
      padding-top: 20px; }
      .form .form_checkbox .form_checkbox_label a {
        color: #fff; }
  .form .form_text {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: center; }
    .form .form_text a {
      font-weight: bold;
      color: #fed100;
      text-decoration: none; }
      .form .form_text a:hover {
        text-decoration: underline; }
  .form .form_cta {
    text-align: center;
    margin-top: 50px; }
    .form .form_cta a {
      display: inline-block;
      font-size: 16px;
      line-height: 60px;
      height: 60px;
      color: #fff !important;
      background: #097e2c;
      border-radius: 30px;
      width: 200px;
      text-decoration: none; }

.inline_error {
  font-size: 12px;
  font-weight: bold;
  background: #e3000f;
  color: #fff;
  padding: 6px 12px;
  margin-top: 10px;
  display: inline-block;
  border-radius: 12px; }

/*# sourceMappingURL=styles.css.map */
