@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: "frutiger-cond";
  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%; } }

.top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 11; }

.bottom {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
  overflow-y: scroll; }

.col2 {
  display: inline-block;
  width: calc(50%-20px);
  padding: 0 20px 0 0; }
  .col2:nth-child(2) {
    padding: 0 0 0 20px; }

.btn {
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  height: 40px;
  color: #fff !important;
  background: #a5e600;
  border-radius: 20px;
  padding: 0 40px;
  text-decoration: none; }

body {
  min-width: 320px;
  height: 100vh;
  /*overflow:hidden;*/
  background: #205527;
  color: #000; }
  body * {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent; }
  body.grad {
    background: url("../img/bg_home.png") bottom 0 right 0 no-repeat #205527;
    background-size: cover; }
    body.grad.intro:before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../img/intro.png") bottom 0 right 50% no-repeat;
      background-size: 240px auto; }
  body.blank.star:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/star.png") bottom 0 right 0 no-repeat;
    background-size: 250px auto;
    opacity: 0.3; }

.watermark {
  display: block;
  height: 240px;
  background: url("../img/watermark.png") bottom 0 right 0 no-repeat;
  background-size: auto 200px;
  opacity: 0.3; }
  .watermark.big {
    height: 300px;
    background-size: auto 260px; }

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

.page .box {
  background: #37663d;
  padding: 50px;
  border: 1px solid #a5e600;
  text-align: center; }
.page h1 {
  font-size: 24px;
  color: #a5e600;
  margin: 0 0 40px 0; }
.page p {
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin: 20px 0; }
  .page p.last-child {
    margin-bottom: 0; }

.header {
  text-align: center;
  padding: 10px;
  height: 100px;
  position: relative;
  text-align: center; }
  .header .header_home {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url("../img/home.png") top 0 left 50% no-repeat;
    background-size: 100% auto;
    cursor: pointer; }
  .header .header_logo {
    display: inline-block;
    width: 150px;
    height: 90px;
    background: url("../img/logo.png") top 0 left 50% no-repeat;
    background-size: 100% auto; }
  .header .header_hamburger {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url("../img/hamburger.png") top 0 left 50% no-repeat;
    background-size: 100% auto;
    cursor: pointer; }

.nav {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #205527;
  transition: all 0.3s ease-in-out;
  z-index: 9;
  text-align: center; }
  .nav ul {
    padding: 50px 0; }
  .nav.expanded {
    height: 100%;
    transition: all 0.3s ease-in-out; }
  .nav li {
    padding: 10px; }
    .nav li a {
      color: #a5e600;
      font-size: 20px;
      text-transform: uppercase;
      text-decoration: none; }
      .nav li a.white {
        color: #fff;
        font-size: 18px; }

.home {
  font-size: 28px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  padding: 30px 20px 0 20px; }
  .home span {
    color: #a5e600;
    font-weight: bold; }
  .home .home_qr {
    text-align: center;
    margin: 30px 0 30px; }
    .home .home_qr img {
      width: 50%; }

.faq .faq_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.faq .faq_items .faq_item {
  cursor: pointer; }
  .faq .faq_items .faq_item .faq_item_q {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    border-bottom: 1px solid #a5e600;
    padding: 20px 15px;
    background: url("../img/arrow.png") top 25px right 20px no-repeat;
    background-size: 18px auto; }
  .faq .faq_items .faq_item .faq_item_a {
    height: 0;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    background: #37663d;
    transition: all 0.3s ease-in-out;
    padding: 0 15px;
    box-sizing: border-box; }
  .faq .faq_items .faq_item.expanded .faq_item_a {
    height: auto;
    margin-top: 15px;
    padding: 15px;
    transition: all 0.3s ease-in-out; }

.form {
  padding-bottom: 50px;
  padding-top: 30px; }
  .form .form_title {
    font-size: 24px;
    text-transform: uppercase;
    color: #a5e600;
    margin-bottom: 40px;
    text-align: center; }
  .form .form_subtitle {
    font-size: 16px;
    font-weight: bold;
    color: #097e2c;
    margin-top: 30px;
    text-align: center; }
  .form .form_section {
    color: #fff;
    font-size: 14px;
    padding-bottom: 10px; }
  .form .form_field {
    margin: 0 0 24px 0; }
    .form .form_field .form_field_label {
      color: #fff;
      font-size: 14px;
      padding-bottom: 10px; }
    .form .form_field input, .form .form_field input:focus, .form .form_field input:-webkit-autofill, .form .form_field input:-webkit-autofill:focus {
      border: none;
      background-color: #fff;
      padding: 8px 10px;
      box-shadow: none;
      font-size: 15px;
      height: 40px;
      color: #205527 !important;
      line-height: 40px;
      outline: none;
      width: 100%; }
      .form .form_field input.file, .form .form_field input:focus.file, .form .form_field input:-webkit-autofill.file, .form .form_field input:-webkit-autofill:focus.file {
        padding: 0 10px; }
    .form .form_field textarea, .form .form_field textarea:focus, .form .form_field textarea:-webkit-autofill, .form .form_field textarea:-webkit-autofill:focus {
      border: none;
      background-color: #fff;
      padding: 8px 10px;
      box-shadow: none;
      font-size: 15px;
      height: 200px;
      color: #205527 !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: none;
      background-color: #fff;
      padding: 8px 10px;
      box-shadow: none;
      font-size: 15px;
      height: 40px;
      color: #205527 !important;
      line-height: 40px;
      outline: none;
      width: 100%; }
  .form .form_checkbox {
    padding: 0;
    margin: 0 0 24px 0;
    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: 30px;
      height: 30px;
      display: inline-block;
      vertical-align: top;
      margin: 5px 20px 0 0;
      position: relative;
      background: #fff; }
    .form .form_checkbox.checked .form_checkbox_field {
      background: #a5e600; }
    .form .form_checkbox .form_checkbox_label {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 55px);
      color: #fff;
      font-size: 14px;
      padding-top: 12px; }
      .form .form_checkbox .form_checkbox_label a {
        color: #097e2c; }
  .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: 40px;
      text-transform: uppercase;
      height: 40px;
      color: #fff !important;
      background: #a5e600;
      border-radius: 20px;
      width: 200px;
      text-decoration: none; }
  .form.disabled .form_field_label {
    border-bottom: 1px solid #a5e600;
    margin-bottom: 10px; }
  .form.disabled input, .form.disabled input:focus, .form.disabled input:-webkit-autofill, .form.disabled input:-webkit-autofill:focus,
  .form.disabled select, .form.disabled select:focus, .form.disabled select:-webkit-autofill, .form.disabled select:-webkit-autofill:focus {
    background: #37663d;
    color: #fff !important; }
  .form.disabled .form_checkbox_field {
    background: #37663d; }
  .form.disabled.checked .form_checkbox_field {
    background: #a5e600; }
  .form.disabled .form_cta {
    display: none; }

a.btn_signin {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  margin-top: 40px; }

.inline_error {
  font-size: 12px;
  font-weight: bold;
  color: #e3000f;
  padding-top: 10px; }

.articles .articles_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.articles .articles_items .articles_item {
  padding-bottom: 30px;
  border-bottom: 1px solid #a5e600;
  margin-bottom: 30px;
  cursor: pointer; }
  .articles .articles_items .articles_item a {
    text-decoration: none; }
  .articles .articles_items .articles_item .articles_item_image {
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: calc(100vw * 0.5); }
  .articles .articles_items .articles_item .articles_item_date {
    color: #a5e600;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px; }
  .articles .articles_items .articles_item .articles_item_title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 26px;
    margin-top: 10px; }
  .articles .articles_items .articles_item .articles_item_excerpt {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px; }

.article .article_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.article .article_image {
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: calc(100vw * 0.5); }
.article .article_date {
  color: #a5e600;
  font-size: 14px;
  line-height: 26px;
  margin-top: 20px; }
.article .article_excerpt {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  margin-top: 10px; }
.article .article_body {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  margin-top: 30px;
  background: #37663d;
  padding: 15px; }

.gallery .gallery_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.gallery .gallery_category_title {
  color: #a5e600;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 30px; }
.gallery .gallery_category_images .gallery_image {
  margin-bottom: 30px; }
  .gallery .gallery_category_images .gallery_image img {
    width: 100%; }
  .gallery .gallery_category_images .gallery_image .gallery_image_title {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-top: 20px; }

.chat .chat_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.chat .chat_messages .chat_message {
  margin-top: 20px; }
  .chat .chat_messages .chat_message .chat_message_time {
    color: #a5e600;
    font-size: 12px;
    margin-bottom: 5px; }
  .chat .chat_messages .chat_message .chat_message_bubble {
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    padding: 15px;
    border-radius: 6px; }
  .chat .chat_messages .chat_message.to .chat_message_time {
    text-align: left; }
  .chat .chat_messages .chat_message.to .chat_message_bubble {
    border: 1px solid #37663d;
    color: #fff;
    margin-right: 40px; }
  .chat .chat_messages .chat_message.from {
    text-align: right; }
    .chat .chat_messages .chat_message.from .chat_message_time {
      text-align: right; }
    .chat .chat_messages .chat_message.from .chat_message_bubble {
      color: #fff;
      background: #37663d;
      margin-left: 40px; }

.polls .polls_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.polls .polls_subtitle {
  font-size: 15px;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.polls .polls_results {
  margin-bottom: 30px; }
  .polls .polls_results .polls_result {
    margin-bottom: 15px; }
    .polls .polls_results .polls_result .polls_result_title {
      color: #fff;
      font-size: 15px;
      line-height: 22px;
      margin-bottom: 8px; }
    .polls .polls_results .polls_result .polls_result_bar {
      height: 25px;
      background: #37663d;
      position: relative; }
    .polls .polls_results .polls_result .polls_result_bar_active {
      height: 25px;
      background: #a5e600; }
    .polls .polls_results .polls_result .polls_result_percentage {
      position: absolute;
      width: 100%;
      text-align: right;
      top: 5px;
      right: 10px;
      color: #fff; }
.polls .poll {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #a5e600;
  padding: 20px 15px; }
  .polls .poll a {
    color: #fff;
    text-decoration: none; }
  .polls .poll:last-child {
    border: none; }
.polls .poll_question {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #a5e600;
  padding: 20px 15px; }
  .polls .poll_question input {
    height: 0;
    border: 0;
    font-size: 0;
    width: 0;
    background: none; }
.polls .poll_options {
  margin-top: 20px; }
  .polls .poll_options .poll_option {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    background: #37663d;
    padding: 15px;
    margin: 10px 20px;
    cursor: pointer; }
    .polls .poll_options .poll_option.selected {
      background: #a5e600; }

.quizes .quizes_title {
  font-size: 24px;
  text-transform: uppercase;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.quizes .quizes_subtitle {
  font-size: 15px;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.quizes .quizes_timer {
  font-size: 15px;
  color: #a5e600;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center; }
.quizes .quiz {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #a5e600;
  padding: 20px 15px; }
  .quizes .quiz a {
    color: #fff;
    text-decoration: none; }
  .quizes .quiz:last-child {
    border: none; }
.quizes .quiz_question {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px solid #a5e600;
  padding: 20px 15px; }
  .quizes .quiz_question input {
    height: 0;
    border: 0;
    font-size: 0;
    width: 0;
    background: none; }
.quizes .quiz_options {
  margin-top: 20px; }
  .quizes .quiz_options .quiz_option {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    background: #37663d;
    padding: 15px;
    margin: 10px 20px;
    cursor: pointer; }
    .quizes .quiz_options .quiz_option.selected {
      background: #a5e600; }

.splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000000;
  padding: 200px 50px 0 50px;
  text-align: center; }
  .splash .splash_title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center; }
  .splash .splash_ios {
    font-size: 16px;
    color: #a5e600;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center; }

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