@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("//hello.myfonts.net/count/3b6177");
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;
}

/*
 * Font path variable
 */
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "nexaregular";
  src: url("../../fonts/nexaregular-webfont.woff2") format("woff2"), url("../../fonts/nexaregular-webfont.woff") format("woff");
}
@font-face {
  font-family: "hill_housemedium";
  src: url("../../fonts/hill_house-webfont.woff2") format("woff2"), url("../../fonts/hill_house-webfont.woff") format("woff");
}
.text-light {
  color: white !important;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

.text-center {
  text-align: center !important;
}

/**
 * @license
 * MyFonts Webfont Build ID 3891575, 2020-04-16T14:40:57-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: MinervaModern-Black by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/black/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: MinervaModern-BlackItalic by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/black-italic/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: MinervaModern-Bold by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/bold/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: MinervaModern-BoldItalic by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/bold-italic/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: MinervaModern-Italic by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/italic/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: MinervaModern-Regular by T-26
 * URL: https://www.myfonts.com/fonts/t26/minerva-modern/regular/
 * Copyright: Copyright (c) 2002 by Gabor Kothay - Fontana. All rights reserved.
 *
 * Webfont: Recoleta-Regular by Latinotype
 * URL: https://www.myfonts.com/fonts/latinotype/recoleta/regular/
 * Copyright: Copyright © 2018 by Jorge Cisterna. All rights reserved.
 *
 *
 *
 * © 2020 MyFonts Inc
*/
/*
 * Image path variable
 */
@-webkit-keyframes barGrow {
  0% {
    height: 0;
  }
  90% {
    height: 100vh;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@keyframes barGrow {
  0% {
    height: 0;
  }
  90% {
    height: 100vh;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@-webkit-keyframes barFade {
  0% {
    opacity: 1;
    z-index: 10;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: 10;
  }
}
@keyframes barFade {
  0% {
    opacity: 1;
    z-index: 10;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: 10;
  }
}
@-webkit-keyframes bgFade {
  0% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
  25% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  50% {
    background: black url(/assets/img/jungle-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
  75% {
    background: black url(/assets/img/jungle-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  100% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
}
@keyframes bgFade {
  0% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
  25% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  50% {
    background: black url(/assets/img/jungle-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
  75% {
    background: black url(/assets/img/jungle-bg-1.jpg) no-repeat;
    background-size: cover;
    background-position: 0 0;
  }
  100% {
    background: black url(/assets/img/jungle-bg-2.jpg) no-repeat;
    background-size: cover;
    background-position: 3% 3%;
  }
}
.bars {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100vh;
  background: white url(/assets/img/jungle-bg-3.png);
  opacity: 0;
  -webkit-animation-timing-function: "ease-in-out";
          animation-timing-function: "ease-in-out";
  -webkit-animation-name: barFade;
          animation-name: barFade;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  z-index: 0;
}

.bar {
  display: inline-block;
  height: 0;
  width: 40px;
  margin-left: 20px;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-animation-timing-function: "ease-in-out";
          animation-timing-function: "ease-in-out";
  -webkit-animation-name: barGrow;
          animation-name: barGrow;
}

.bar1 {
  margin-left: 0;
  background: #C28A44;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.bar2 {
  background: #C28A44;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

.bar3 {
  background: #C28A44;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.bar4 {
  background: #C28A44;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

.bar5 {
  background: #C28A44;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
}

.content {
  padding: 2rem 0;
  display: flex;
}
.content--space {
  background: url(../../img/bg-space-long.png) 0 0 no-repeat;
  background-size: cover;
  min-height: 125rem;
}
.content--info {
  background: #FF00AE;
}
.content__container {
  position: relative;
  padding: 2em;
  z-index: 1;
}
.content__container--text {
  max-width: 80vw;
}
.content__container--paper {
  background: #F2EDE6;
  padding: 2rem 1.5rem;
  width: 90vw;
  max-width: 64rem;
}
.content__container--border {
  border-top: 1px solid #FF00AE;
}
.content__element {
  position: absolute;
  top: 18.75rem;
  left: 0;
  background: url(../../img/object-ra.png) 0 0 no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 28.125rem;
  height: 28.125rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-animation: movebg 2s ease-in-out infinite;
          animation: movebg 2s ease-in-out infinite;
}
.content__col {
  flex: 1 0 50%;
  padding-right: 2rem;
}
.content__col:last-child {
  padding-right: 0;
}
.content__col--info {
  display: flex;
  min-height: 25rem;
  padding-right: 0;
}
.content__info-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.content__info-item--app {
  background: #fff;
}
.content__info-item--album {
  background: #03A8F9;
  background-image: linear-gradient(80deg, #3023AE 1%, #53A0FD 48%, #B4EC51 100%);
}
.content__info-item--map {
  background: url(../../img/object-map.png) 0 0 no-repeat;
  background-size: cover;
  width: 100%;
}
.content__info-item--nft {
  background: #444444;
  background-size: cover;
  width: 100%;
}
.content__info-item--location {
  flex: 1 0 auto;
  background: #000;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
.content__info-title {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1.5rem;
  margin-top: 1em;
}
.content__info-title--lg {
  margin-bottom: 1em;
}
.content__info-copy {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.4em;
  color: #999999;
  margin-top: 1em;
}
.content__info-copy a {
  color: #999999;
}
.content__info-footer {
  margin-top: 1.5rem;
}
.content__header {
  padding-top: 6rem;
}
.content__headline {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.5rem;
  color: #F2EDE6;
}
.content__headline--dark {
  color: #444444;
}
.content__message {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #F2EDE6;
}
.content__copy {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #F2EDE6;
}
.content__copy--dark {
  color: #444444;
}
.content__copy--small {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.content__subhead {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: bold;
  font-size: 0.8125rem;
  line-height: 1.625rem;
  letter-spacing: 0.13em;
  color: #F2EDE6;
}
.content__label {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.18em;
  text-align: center;
  text-transform: uppercase;
  color: #F2EDE6;
}
.content__list {
  max-width: 18.75rem;
  margin: 0 auto;
}
.content__list > .content__list-item > .icon {
  padding-right: 1rem;
}
.content__list--social {
  display: flex;
  margin: 0;
}
.content__list--social .content__list-item {
  margin-top: 1rem;
}
.content__list--center {
  justify-content: center;
  margin: 0 auto;
}
.content__list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
}
@media (max-height: 480px) {
  .content__headline, .content__message, .content__subhead {
    opacity: 1 !important;
  }
}
@media (min-width: 695px) {
  .content {
    flex: 1 0 auto;
    padding: 0;
  }
  .content--space {
    min-height: 25rem;
  }
  .content__container {
    margin: 2em auto;
  }
  .content__container--paper {
    padding: 2.5rem;
  }
  .content__block {
    display: flex;
  }
  .content__headline {
    font-size: 3.5rem;
    line-height: 3.875rem;
  }
  .content__subhead {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .content__list {
    display: flex;
    justify-content: space-between;
    max-width: 64rem;
    margin: 0 auto;
  }
  .content__list > .content__list-item > .icon {
    padding-right: 0;
  }
  .content__list--social {
    justify-content: flex-start;
  }
  .content__list--social .content__list-item {
    margin-top: 1rem;
    margin-right: 1em;
  }
  .content__list--icons {
    margin-top: 2em;
  }
  .content__list--center {
    justify-content: center;
  }
  .content__list-item {
    display: block;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
  }
  .content__message {
    font-size: 3rem;
    line-height: 3.6875rem;
  }
  .content__info-item {
    padding: 5rem;
  }
  .content__col--info {
    display: flex;
    min-height: 37.5rem;
  }
}

@-webkit-keyframes movebg {
  0% {
    background-position: 0 50%;
  }
  25% {
    background-position: 25% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  76% {
    background-position: 25% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes movebg {
  0% {
    background-position: 0 50%;
  }
  25% {
    background-position: 25% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  76% {
    background-position: 25% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.footer {
  width: 100%;
  margin-right: 0;
  padding-bottom: 5rem;
}
.footer__copy {
  color: #f5f5f5;
  text-shadow: 0 1px 2px black;
  text-align: center;
  font-size: 13px;
}
@media (min-width: 695px) {
  .footer {
    padding-bottom: 4.375rem;
    width: 100%;
    margin-right: 24px;
    margin-top: 0;
    background: transparent;
  }
  .footer__copy {
    color: rgba(245, 245, 245, 0.5);
    text-shadow: 0 1px 2px black;
    font-size: 13px;
  }
  .footer--home {
    background: transparent;
  }
  .footer--home__copy {
    position: absolute;
    bottom: 24px;
    right: 24px;
  }
}

/*------------------------------------*\
    FORM
\*------------------------------------*/
/**
 * Generic set of styles for form elements and structures
 *
 *
 * @block form
 */
input,
select {
  border-radius: 0;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 0;
  margin-right: 0.35em;
  border-radius: 100%;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]::-webkit-input-placeholder {
  visibility: hidden !important;
}

.text-field {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: none;
  border-bottom: 1px solid #2A4735;
  position: relative;
  background: transparent;
  padding: 0.25rem 0;
  width: 100%;
  z-index: 1;
}
.text-field:focus, .text-field.used, .text-field:valid {
  outline: 0;
}
.text-field:focus ~ .line:before, .text-field:focus ~ .line:after, .text-field.used ~ .line:before, .text-field.used ~ .line:after, .text-field:valid ~ .line:before, .text-field:valid ~ .line:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.text-field:focus ~ .placeholder, .text-field.used ~ .placeholder, .text-field:valid ~ .placeholder {
  -webkit-transform: translateY(-1em) scale(0.8);
          transform: translateY(-1em) scale(0.8);
}
.is-invalid > .text-field {
  /* Appearance */
  border-color: #d0021b;
}
.text-field--date {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../../img/icon-cal.svg) 100% 50% no-repeat;
  background-size: 0.75em;
}
.text-field--date:focus, .text-field--date::-webkit-autofill {
  background: url(../../img/icon-cal.svg) 100% 50% no-repeat;
  background-size: 0.75em;
}

.placeholder {
  position: absolute;
  bottom: 7px;
  left: 2px;
  color: #2A4735;
  transition: color 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease;
  transition: transform 0.2s ease, color 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: 0;
          transform-origin: 0;
  z-index: 0;
}
.placeholder.required:after {
  content: "*";
}
.placeholder--active {
  -webkit-transform: translateY(-1em) scale(0.8);
          transform: translateY(-1em) scale(0.8);
}

.line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 3;
}
.line:before, .line:after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 0;
  height: 2px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 0 #C28A44;
  width: 50%;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
}
.line:before {
  left: 50%;
  -webkit-transform-origin: 0;
          transform-origin: 0;
}
.line:after {
  right: 50%;
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.textarea {
  /* Display and box model */
  display: inline-block;
  outline: none;
  width: 100%;
  height: rem-calc(45);
  padding: 0;
  /* Appearance */
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1em;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  background-color: white;
  border: none;
  border-bottom: solid 1px #2A4735;
  border-radius: rem(5);
  transition: border box-shadow 0.3s;
  color: #C28A44;
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  border: solid 1px #2A4735;
  border-radius: none;
  text-indent: 0.5em;
  padding-top: 1em;
  min-height: 7.5rem;
  width: 100%;
}
.textarea:focus {
  background-color: white;
  border-bottom: solid 1px #C28A44;
  border-color: #C28A44;
  -webkit-animation: pulse-focus 1s ease-in-out infinite;
          animation: pulse-focus 1s ease-in-out infinite;
}
.textarea:placeholder {
  color: #999999;
}
.select {
  /* Display and box model */
  display: inline-block;
  outline: none;
  width: 100%;
  height: rem-calc(45);
  padding: 0;
  /* Appearance */
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1em;
  -webkit-appearance: none;
  outline: none;
  box-shadow: none;
  background-color: white;
  border: none;
  border-bottom: solid 1px #2A4735;
  border-radius: rem(5);
  transition: border box-shadow 0.3s;
  color: #C28A44;
  width: 100%;
  background: url(../../img/icon-arrow-down.svg) 100% 50% no-repeat;
  background-size: 0.75em;
  color: #666666;
}
.select:focus {
  background-color: white;
  border-bottom: solid 1px #C28A44;
  border-color: #C28A44;
  -webkit-animation: pulse-focus 1s ease-in-out infinite;
          animation: pulse-focus 1s ease-in-out infinite;
}
.select:placeholder {
  color: #999999;
}
.select:focus, .select::-webkit-autofill {
  background: url(../../img/icon-arrow-down.svg) 100% 50% no-repeat;
  background-size: 0.75em;
}
.select:disabled {
  background: none;
}
.select option[value=select] {
  color: #C28A44 !important;
}

::-webkit-input-placeholder {
  color: #666666;
}

.form {
  /* Display and box model */
  margin-top: 2rem;
  /**
   *
   * @element block
   */
  /**
   *
   * @element title
   */
  /**
   *
   * @element headline
   */
  /**
   *
   * @element message-title
   */
  /**
   *
   * @element hint
   */
  /**
   *
   * @element message
   */
  /**
   *
   * @element link
   */
  /**
   *
   * @element input-group
   */
  /**
   *
   * @element input-split
   */
  /**
   *
   * @element col-left
   */
  /**
   *
   * @element col-right
   */
  /**
   *
   * @element switch
   */
  /**
   *
   * @element label
   */
  /**
   *
   * @element list
   */
  /**
   *
   * @element list-item
   */
}
.form__input-block {
  margin-bottom: 1.5rem;
}
.form__input-block--footer {
  /* Display and box model */
  margin-top: rem-calc(24px);
}
.form__input-block--footer:last-child {
  /* Display and box model */
  text-align: right;
}
.form__title {
  display: flex;
  margin-bottom: 1rem;
}
.form__headline {
  display: flex;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  margin: 1.5rem 0;
  margin-top: 2rem;
}
.form__headline:first-child {
  margin-top: 0;
}
.form__message-title {
  /* Display and box model */
  margin-bottom: 0.5rem;
  /* Appearance */
  font-size: 0.75rem;
  text-transform: uppercase;
}
.form__hint {
  /* Display and box model */
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  /* Appearance */
  font-size: 0.75rem;
}
.form__message {
  /* Display and box model */
  margin-bottom: 1.5rem;
  /* Appearance */
  font-size: 1rem;
  line-height: 1.4em;
}
.form__link {
  /* Display and box model */
  /* Appearance */
  color: #666666;
}
.form__input-group {
  position: relative;
  margin-bottom: 2rem;
}
.form__input-group .form__input-block {
  /* Display and box model */
  flex: 1 0 auto;
  max-width: 50%;
  padding-right: rem-calc(30);
}
.form__input-group .form__input-block:last-child {
  padding-right: 0;
}
.form__input-group--checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.form__input-group--checkbox > .form__label {
  margin-left: 0.5rem;
  line-height: 1em;
  padding-bottom: 0;
}
@media (min-width: 568px) {
  .form__input-cols {
    display: flex;
  }
}
.form__col-left {
  /* Display and box model */
}
@media (min-width: 568px) {
  .form__col-left {
    flex: 1;
    margin-right: 1rem;
  }
}
.form__col-right {
  margin-top: 1.5rem;
  /* Display and box model */
}
@media (min-width: 568px) {
  .form__col-right {
    flex: 1;
    margin-top: 0;
  }
}
.form__switch {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 1.5rem;
}
.form__label {
  /* Display and box model */
  display: block;
  padding-bottom: rem-calc(5);
  /* Appearance */
  font-size: rem-calc(18);
  color: #2A4735;
  flex: 1;
  /**
   *
   * @modifier required
   * @for label
   */
}
.form__label--required:after {
  content: "*";
  color: #f87622;
}
.form__list {
  /* Display and box model */
}
@media (min-width: 568px) {
  .form__list {
    display: flex;
    margin-right: 1.5rem;
  }
  .form__list:last-child {
    margin-right: 0;
  }
}
.form__list-item {
  /* Display and box model */
  display: flex;
  align-items: center;
  margin-top: 1em;
  padding-right: 1.5rem;
  /* Appearance */
  /**
   *
   * @modifier required
   * @for list-item
   */
}
.form__list-item--required:after {
  content: "*";
  color: #f87622;
}

.header {
  position: fixed;
  width: 100%;
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  z-index: 99;
  background: white;
}
.header--home {
  display: flex;
  width: 100%;
  flex: 1 0 5rem;
  padding: 0;
  height: 5rem;
  max-height: 5rem;
  background: white;
  justify-content: space-between;
}
.icon:before {
  display: inline-block;
  content: "";
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--pad {
  padding: 0 1rem;
}
.icon--block:before {
  background: red;
}
.icon--menu:before {
  background: url(../../img/icon-menu.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--close:before {
  background: url(../../img/icon-close.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--service--fb:before {
  background: url(../../img/icon-service-fb-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--service--entertainment:before {
  background: url(../../img/icon-service-entertainment-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--service--meetings:before {
  background: url(../../img/icon-service-meetings-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--arrow-sq:before {
  background: url(../../img/icon-sq-arrow.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--service--wellness:before {
  background: url(../../img/icon-service-wellness-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--service--workspace:before {
  background: url(../../img/icon-service-workspace-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.5rem;
  height: 3.5rem;
}
.icon--social--facebook:before {
  background: url(../../img/icon-social-facebook.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--linkedin:before {
  background: url(../../img/icon-social-linkedin.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--instagram:before {
  background: url(../../img/icon-social-instagram.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--twitter:before {
  background: url(../../img/icon-social-twitter.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--facebook-light:before {
  background: url(../../img/icon-social-facebook-light.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--linkedin-light:before {
  background: url(../../img/icon-social-linkedin-light.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--instagram-light:before {
  background: url(../../img/icon-social-instagram-light.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}
.icon--social--twitter-light:before {
  background: url(../../img/icon-social-twitter-light.svg) 50% 50% no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
}

.logo {
  display: flex;
  flex: 1 auto;
  align-items: center;
  justify-content: center;
}
.logo > img {
  width: 100%;
  max-width: 15rem;
}
.logo__icon {
  display: flex;
  flex: 1 auto;
  align-items: center;
}
.logo__icon > img {
  display: flex;
  flex: 1 auto;
  align-items: center;
  width: 2.8125rem;
  height: 2.8125rem;
}
.logo__icon > img:hover {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  transition: 0.8s ease-in-out;
}
.logo__copy {
  position: relative;
  height: 1em;
  max-width: 12.5rem;
  margin: 0 auto;
  font-weight: bold;
  text-transform: uppercase;
  color: #C28A44;
  display: inline-block;
  padding: 10px 5px;
  border-bottom: 1px solid #C28A44;
}
.logo__copy:before {
  content: "";
  height: 1em;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.3125rem;
  width: 100%;
  height: 0.0625rem;
  background: #C28A44;
}
.logo__bar {
  display: flex;
  flex: 1 0 auto;
  padding: 0 1em;
}
.logo__bar img {
  max-width: 9.375rem;
  height: 3.75rem;
  -webkit-filter: drop-shadow(0, 0, 5px, 5px, rgba(255, 255, 255, 0.75));
          filter: drop-shadow(0, 0, 5px, 5px, rgba(255, 255, 255, 0.75));
}
@media (min-width: 695px) {
  .logo > img {
    max-width: 20rem;
  }
}

/* ==========================================================================
   Remodal necessary styles
   ========================================================================== */
.modal__header {
  /* Display and box model */
  margin-bottom: 2rem;
}
.modal__footer {
  /* Display and box model */
  display: flex;
  margin-top: 1.5rem;
  /* Appearance */
}
.modal__block {
  margin-bottom: 2rem;
}
.modal__block:last-child {
  margin-bottom: 0;
}
.modal__action {
  /* Display and box model */
  margin: 0 1rem;
}
.modal__action:first-child {
  flex: 1;
  justify-content: flex-start;
}
.modal__action:last-child {
  flex: 1;
  justify-content: flex-end;
}
.modal__content {
  /* Display and box model */
  height: auto;
  padding-top: 3.5rem;
  /* Appearance */
  text-align: left;
  background: white;
}
@media (min-width: 568px) {
  .modal__content {
    display: flex;
    padding: 1rem 0;
  }
}
@media (min-width: 568px) {
  .modal__col {
    flex: 1 0 0;
    padding-right: 2em;
  }
  .modal__col:last-child {
    padding-right: 0;
  }
}
.modal__headline {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 100;
  font-size: 2rem;
  line-height: 2.25rem;
  color: #2A4735;
}
@media (min-width: 568px) {
  .modal__headline {
    font-size: 2.5rem;
    line-height: 2.625rem;
  }
}
.modal__subhead {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2A4735;
}
.modal__info {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: 100;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #2A4735;
  text-decoration: none;
}

/* Hide scroll bar */
html.remodal_lock,
body.remodal_lock {
  overflow: hidden;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  visibility: hidden;
}

/* Overlay necessary styles */
.remodal-overlay {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-overlay:after {
  display: inline-block;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay {
  -webkit-backface-visibility: hidden;
}

/* Modal dialog necessary styles */
.remodal {
  position: relative;
  display: inline-block;
}

/* ==========================================================================
   Remodal default theme
   ========================================================================== */
/* Default theme font */
/* Background for effects */
.remodal-bg {
  transition: -webkit-filter 0.1s linear;
  transition: filter 0.1s linear;
  transition: filter 0.1s linear, -webkit-filter 0.1s linear;
}

/* Overlay default theme styles */
.remodal-overlay {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(0.1875rem);
  -webkit-backdrop-filter: blur(0.1875rem);
  height: 100vh;
}
@media (max-width: 320px) {
  .remodal-overlay > .remodal--fullscreen {
    align-items: flex-start;
  }
}
@media (min-width: 568px) {
  .remodal-overlay {
    height: auto;
    align-items: center;
  }
}

body.remodal_active .remodal-overlay {
  opacity: 1;
}

/* Modal dialog default theme styles */
.remodal {
  box-sizing: border-box;
  min-height: 100%;
  width: 100%;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  transition-delay: none;
  -webkit-transform: scale(0.95) translateY(100%);
          transform: scale(0.95) translateY(100%);
  color: #444444;
  background: white;
  background-clip: padding-box;
  max-width: 37.5rem;
  padding: 1rem;
}
@media (min-width: 568px) {
  .remodal {
    min-height: 0;
    max-width: 37.5rem;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    padding: 2rem;
  }
}
.remodal--contact {
  box-sizing: border-box;
  width: 100%;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  transition-delay: none;
  -webkit-transform: scale(0.95) translateY(100%);
          transform: scale(0.95) translateY(100%);
  color: #444444;
  background: white;
  background-clip: padding-box;
  max-width: 37.5rem;
  padding: 1.5rem;
  padding-bottom: 12.5rem;
}
@media (min-width: 695px) {
  .remodal--contact {
    height: auto;
    min-height: 0;
    max-width: 56.25rem;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
    margin: 2.5rem 0;
    margin-top: 3.5rem;
    padding: 2.5rem;
  }
}
.remodal--mobile {
  background: #2A4735;
}
.remodal--pattern {
  padding: 0;
  background: #2A4735 url(../../img/bg-space.png) 50% 50% no-repeat;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  transition-delay: none;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.remodal--pattern:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.remodal--fullscreen {
  height: 100vh;
  max-width: 100%;
  background: #2A4735 url(../../img/bg-space.png) 50% 50% no-repeat;
  background-size: cover;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  transition-delay: none;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.remodal--fullscreen:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
@media (min-width: 568px) {
  .remodal--fullscreen {
    display: flex;
    align-items: center;
  }
  .remodal--fullscreen > .remodal-close {
    top: 1.5rem;
    right: 1.5rem;
  }
}

body.remodal_active .remodal {
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  transition-delay: none;
}

/* Modal dialog vertical align  */
.remodal,
.remodal-overlay:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  text-decoration: none;
}
@media (min-width: 695px) {
  .remodal-close {
    top: -2.5rem;
    right: -2.5rem;
  }
  .remodal-close:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.remodal-close:after {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 3rem;
  line-height: 3rem;
  display: block;
  content: "";
  background: transparent url(../../img/icon-close.svg) 50% 50% no-repeat;
  height: 2.5rem;
  width: 2.5rem;
  cursor: pointer;
  transition: all 0.2s linear;
  text-decoration: none;
  color: white;
}

/* IE8
   ========================================================================== */
html.lt-ie9,
html.lt-ie9 body {
  overflow: auto !important;
  min-height: 100%;
  margin: 0;
}

.lt-ie9 .remodal-overlay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMAuyogpzwAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAGHRFWHRDcmVhdGlvbiBUaW1lADA2LzEwLzIwMTSCx1nsAAAAD0lEQVQImWP4//8DAxUxACnDOpkfX95WAAAAAElFTkSuQmCC);
}

.lt-ie9 .remodal {
  width: 500px;
  min-height: auto;
}

.nav {
  display: none;
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 0.875rem;
  font-weight: bold;
  width: 100%;
}
.nav__list {
  display: flex;
  align-items: center;
}
.nav__list:last-child {
  padding-left: 1em;
}
.nav__list-item {
  padding-right: 2em;
}
.nav__list-item .nav__link, .nav__list-item .nav__link--dropdown {
  position: relative;
  text-decoration: none;
}
.nav__list-item .nav__link:before, .nav__list-item .nav__link--dropdown:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #C28A44;
  visibility: hidden;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.nav__list-item .nav__link:hover::before, .nav__list-item .nav__link--dropdown:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.nav__link {
  position: relative;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  display: inline-block;
  line-height: 1.4em;
  font-size: 0.875rem;
  text-decoration: none;
  color: #999999;
  letter-spacing: 0.15em;
  cursor: pointer;
  transition: 0.3s;
}
.nav__link--disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.nav__link--active {
  text-decoration: underline !important;
}
.nav__link--dropdown {
  border: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  transition: 0.5s;
}
.nav__link--dropdown:after {
  position: relative;
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  top: 0.25em;
  margin-left: 0.75em;
  background: url(../../img/icon-chevron-down-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  transition: 0.3s;
}
.nav__link--dropdown:hover:after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.nav__dropdown {
  position: relative;
  display: inline-block;
  transition: 0.5s;
}
.nav__dropdown:hover .nav__dropdown-content {
  display: block;
}
.nav__dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  padding-top: 1rem;
  background: transparent;
  line-height: 2em;
  text-align: center;
}
.nav--light .nav__link {
  text-decoration: none;
  color: #C28A44 !important;
}
.nav--light .nav__link--disabled {
  color: rgba(194, 138, 68, 0.5) !important;
  cursor: not-allowed;
}
.nav--light .nav__link--active {
  border-bottom: solid 1px #C28A44;
}
@media (min-width: 695px) {
  .nav {
    display: flex;
    justify-content: space-between;
    padding-right: 2em;
  }
}

.menu {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10vh;
  position: relative;
  z-index: 1;
  align-items: center;
}
.menu__icon {
  position: absolute;
  right: 1.5rem;
}
.menu__button {
  position: absolute;
  right: 1.5rem;
  padding: 0;
  color: white;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}
.menu__logo {
  margin-bottom: 2rem;
  width: 100%;
}
.menu__logo img {
  max-width: 15rem;
  height: auto;
  -webkit-filter: drop-shadow(0, 0, 5px, 5px, rgba(255, 255, 255, 0.75));
          filter: drop-shadow(0, 0, 5px, 5px, rgba(255, 255, 255, 0.75));
}
.menu__list-item {
  margin-bottom: 1.5rem;
}
.menu__link {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  text-decoration: none;
  font-size: 1.5rem;
  color: white;
}
.menu__link--dropdown {
  border: none;
  cursor: pointer;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  transition: 0.5s;
}
.menu__link--dropdown:after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.75em;
  background: url(../../img/icon-chevron-down-gold.svg) 50% 50% no-repeat;
  background-size: contain;
  transition: 0.3s;
}
.menu__link--dropdown:hover:after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.menu__link--disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.menu__dropdown {
  position: relative;
  display: inline-block;
  transition: 0.5s;
}
.menu__dropdown:hover .menu__dropdown-content {
  display: flex;
}
.menu__dropdown-content {
  display: none;
  flex-direction: column;
  z-index: 1;
  padding-top: 1rem;
  background: transparent;
  line-height: 3em;
  text-align: center;
}
@media (min-width: 695px) {
  .menu__mobile-logo, .menu__icon, .menu__button {
    display: none;
  }
}

.press__poster {
  flex: 2;
  background: #444444;
}
.press__info {
  flex: 1;
  margin-top: 1em;
}
.press__info > a {
  text-decoration: none;
}
.press__poster {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2A4735;
}
.press__poster > .press__poster-full {
  display: block;
}
.press__poster-image {
  width: 12.5rem;
  height: 12.5rem;
}
.press__poster-full {
  width: 100%;
  height: 14.6875rem;
  background-image: url(../../img/press-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.press__tag {
  margin-bottom: 1em;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: #C28A44;
}
.press__headline {
  margin-bottom: 0.5em;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1.5rem;
  color: #444444;
}
.press__copy {
  margin-bottom: 1em;
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  line-height: 1.4em;
  font-size: 1rem;
  font-weight: 100;
  color: #444444;
}
.press__date {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 0.75rem;
  color: #999999;
}
.press__link {
  color: #C28A44;
}
@media (min-width: 695px) {
  .press__post {
    display: flex;
  }
  .press__info {
    flex: 1;
    padding: 1em;
    padding-left: 2em;
    margin-top: 0;
  }
}

.spec {
  background: white;
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
  margin-top: 5rem;
}
.spec__intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #999999;
  padding-bottom: 1rem;
  margin: 0 1em;
  margin-top: 2rem;
}
.spec__title {
  font-size: 1.5rem;
}
.spec__floorplan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem auto;
  padding: 0 1em;
}
.spec__floorplan img {
  padding: 1em;
  border: solid 4px #C28A44;
  max-width: 100%;
  min-width: 18.75rem;
  height: 18.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.spec__fp-legend {
  display: flex;
  margin-top: 2rem;
  margin-left: 1rem;
}
.spec__fp-legend-list {
  padding: 1em;
}
.spec__fp-legend-list:last-child {
  padding-left: 1em;
}
.spec__fp-item {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.spec__fp-item:last-child {
  margin-bottom: 0;
}
.spec__fp-item:before {
  content: "";
  display: block;
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  background: black;
  margin-right: 1rem;
}
.spec__fp-item--meeting:before {
  background: #EDDFCC;
}
.spec__fp-item--gallery:before {
  width: 0.875rem;
  height: 0.875rem;
  flex: 0 0 0.875rem;
  background: #EDDFCC;
  border: solid 1px #C28A44;
}
.spec__fp-item--partition:before {
  width: 0.875rem;
  height: 0.875rem;
  flex: 0 0 0.875rem;
  background: white;
  border: dashed 1px #A8A7A3;
}
.spec__fp-item--restrooms:before {
  background: #A8A7A3;
}
.spec__fp-item--replenish:before {
  background: #D9E7DD;
}
.spec__fp-item--bio:before {
  background: #59867B;
}
.spec__fp-item--tech:before {
  background: #EDDFCC;
}
@media (min-width: 695px) {
  .spec__floorplan {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding: 0 1em;
  }
  .spec__floorplan img {
    max-width: 100%;
    height: 37.5rem;
  }
  .spec__fp-legend {
    display: block;
    margin-right: 1em;
    margin-top: 0;
  }
  .spec__fp-legend-list:last-child {
    padding-top: 1em;
    border-top: solid 1px #999999;
    border-left: none;
  }
}

.styleguide {
  font-family: Helvetica, Arial, sans-serif;
}
.styleguide__content {
  background: white;
  padding: 3.75rem;
  max-width: 61.25rem;
  margin: 0 auto;
}
.styleguide__section {
  width: 100%;
  margin-bottom: 4em;
  border-bottom: solid 1px #999999;
}
.styleguide__section--flex {
  display: flex;
}
.styleguide__block {
  flex: 1 0 auto;
}
.styleguide__block--split {
  flex: 1 0 50%;
}
.styleguide__title {
  text-transform: uppercase;
  letter-spacing: 0.5em;
  font-size: 1.125rem;
  color: #999999;
}
.styleguide__subtitle {
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.875rem;
  text-align: center;
  color: #999999;
}
.styleguide__subtitle--left {
  text-align: left;
}
.styleguide__subtitle--small {
  font-size: 0.75rem;
}
.styleguide__logo {
  display: flex;
  flex: 1 auto;
  align-items: center;
  justify-content: center;
  margin: 4em auto;
}
.styleguide__logo > img {
  width: 100%;
  max-width: 18.75rem;
}
.styleguide__logo--block {
  display: inline-block;
}
.styleguide__logo--icon {
  width: 2.8125rem;
  height: 2.8125rem;
  margin-top: 4rem;
}
.styleguide__logo--icon-lrg {
  width: 4rem;
  height: 4rem;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}
.styleguide__pattern {
  display: flex;
  flex: 1 auto;
  margin: 1em auto;
}
.styleguide__pattern > img {
  display: block;
  width: 100%;
  max-width: 18.75rem;
  height: 14.5rem;
}
.styleguide__pattern:before {
  content: "";
  display: block;
}
.styleguide__icons {
  display: flex;
  justify-content: space-between;
  padding-right: 64px;
}
.styleguide__icons-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.styleguide__color {
  display: flex;
  justify-content: center;
}
.styleguide__color-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 25%;
  padding: 2em;
}
.styleguide__color-block {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: center;
  width: 10.625rem;
  height: 10.625rem;
  border-radius: 100%;
  background: #C28A44;
  margin-bottom: 1em;
}
.styleguide__color-block--gold {
  background: #C28A44;
  color: white;
}
.styleguide__color-block--emerald {
  background: #2A4735;
  color: white;
}
.styleguide__color-block--blush {
  background: #EEC6BB;
}
.styleguide__color-block--ivory {
  background: #F2EDE6;
}
.styleguide__copy {
  font-weight: lighter;
  font-size: 0.75rem;
  text-align: center;
  color: #444444;
  line-height: 1.4em;
}
.styleguide__copy--left {
  text-align: left;
}
.styleguide__title-group {
  margin-bottom: 1.5rem;
}
.styleguide__font-block {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 4rem;
}
.styleguide__primary-font-title {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.6em;
}
.styleguide__secondary-font-title {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.6em;
}
.styleguide__primary-font {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  line-height: 1.6em;
}
.styleguide__secondary-font {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  line-height: 1.6em;
}

#simple_table {
  font-family: MinervaModern-Regular, Helvetica, Arial, San-serif !important;
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
  color: #444;
  border-radius: 4px;
}

#simple_table td:first-child {
  text-transform: uppercase;
  font-family: MinervaModern-Bold, Helvetica, Arial, San-serif !important;
  font-weight: bold;
}

#simple_table td, #simple_table th {
  text-align: left;
  padding: 1em;
}

#simple_table tr:nth-child(even) {
  background-color: #f5f5f5;
}

#simple_table tr:hover {
  background-color: white;
}

#simple_table tr > th {
  background: white;
  color: #444444;
  border-top: solid 1px #C28A44;
  border-bottom: solid 1px #999999;
  font-family: MinervaModern-Bold, Helvetica, Arial, San-serif !important;
}

#simple_table tr > th:first-child {
  border-radius: 4px 0 0 0;
}

#simple_table tr > th:last-child {
  border-radius: 0 4px 0 0;
}

.mv_table {
  margin: 0 auto;
  padding-top: 2em;
}

.mv_table .accordion {
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  text-align: left;
  border: none;
  border-bottom: solid 1px #C28A44;
  outline: none;
  transition: 0.4s;
  text-transform: uppercase;
  font-family: MinervaModern-Bold, Helvetica, Arial, San-serif !important;
  font-size: 1rem;
  margin: 0;
}

.mv_table .panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  color: #444;
  padding: 1em;
  border: solid 1px #e8d2b7;
  border-right: solid 1px #e8d2b7;
  font-family: MinervaModern-Regular, Helvetica, Arial, San-serif !important;
}

.mv_table .active {
  background-color: #f5f5f5;
  color: #444;
}

.mv_table .arrow {
  float: right;
  color: #C28A44;
}

.mv_table .darrow {
  display: none;
}

.mv_table .accordian_table {
  width: 100%;
}

.mv_table .accordian_table th {
  text-align: left;
  padding: 0.5em 0;
  font-family: MinervaModern-Bold, Helvetica, Arial, San-serif !important;
}

.mv_table .accordian_table td {
  padding: 0.5em 0;
}

.accordian_table > tbody > tr:first-child {
  display: none;
}

@media only screen and (max-width: 1046px) {
  .mv_table {
    margin: 0 auto;
    padding: 1em 1em;
    padding-top: 2em;
    border-radius: 0 0 8px 8px;
  }

  .mv_table .accordian_content {
    display: block;
  }

  .mv_table #simple_table {
    display: none;
  }
}
@media only screen and (min-width: 1046px) {
  .mv_table .accordian_content {
    display: block;
  }

  .mv_table #simple_table {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .mv_table .accordian_content {
    display: none;
  }

  .mv_table #simple_table {
    display: table;
  }
}
Î *,
html {
  font-family: nexaregular, Helvetica, Arial, San-serif !important;
}

.hide {
  display: none;
}

body {
  font-family: nexaregular, Helvetica, Arial, San-serif !important;
  width: 100vw;
  margin: 0;
  background: black;
}

.hero {
  position: relative;
  height: 80vh;
  margin-top: 5rem;
  margin-bottom: 2em;
}
.hero--home {
  will-change: background-position;
  /* Appearance */
  background-image: url(../../img/bg-home.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-animation: movebg 20s ease-in-out infinite;
          animation: movebg 20s ease-in-out infinite;
}
.hero__icon {
  position: relative;
  top: 96%;
  width: 2.8125rem;
  margin: 0 auto;
}

.intro__logo {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.intro__logo img {
  width: 300px;
  max-width: 100%;
}
.intro__text {
  text-align: center;
}
.intro__title {
  margin: 1.5rem 0;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 5rem;
}

.main {
  /* Display and box model */
  position: relative;
  background: white;
  width: 100vw;
  margin: 0 auto;
  opacity: 100;
  justify-content: flex-start;
  overflow: auto;
}
@media (min-width: 695px) {
  .main {
    height: 100vh;
  }
}

.menu-icon {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.menu-icon .menu-icon__checkbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 2;
  -webkit-touch-callout: none;
  position: absolute;
  opacity: 0;
}
.menu-icon div {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 12px;
}
.menu-icon span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--bar-bg, #000);
  border-radius: 1px;
  transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}
.menu-icon span:first-of-type {
  top: 0;
}
.menu-icon span:last-of-type {
  bottom: 0;
}
.menu-icon.active span:first-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:first-of-type {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 5px;
}
.menu-icon.active span:last-of-type,
.menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 5px;
}
.menu-icon.active:hover span:first-of-type, .menu-icon.active:hover span:last-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:first-of-type, .menu-icon:hover .menu-icon__cheeckbox:checked + div span:last-of-type {
  width: 22px;
}
@media (min-width: 1024px) {
  .menu-icon:hover span:first-of-type {
    width: 26px;
  }
  .menu-icon:hover span:last-of-type {
    width: 12px;
  }
}

.title {
  margin: 1.5rem 0;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 4rem;
}

.quote {
  margin-bottom: 2rem;
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.4em;
}

.message {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 1em 2em;
}

.copy {
  font-family: "nexaregular", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #444;
  font-size: 16px;
  line-height: 1.6em;
}
.copy--uppercase {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.3em;
}
.copy em {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 1.125rem;
}

.link {
  margin-top: 24px;
  color: #c89657;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 13px;
}
.link:hover {
  text-decoration: underline;
  transition: 0.3s;
}

.button {
  display: block;
  color: white;
  padding: 1.5em 1em;
  background-color: black;
  border-radius: 8px;
  line-height: 1em;
  cursor: pointer;
  min-width: 150px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  font-size: 0.75rem;
}
.button:hover {
  background-color: black;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  transition: 0.3s ease-in-out;
}

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

.text-uppercase {
  text-transform: uppercase;
}

.text-dark {
  color: #444444;
}

.margin-top {
  margin-top: 1.5rem;
}
.margin-top--med {
  margin-top: 2rem;
}
.margin-top--lrg {
  margin-top: 3rem;
}
.margin-top--xlrg {
  margin-top: 4rem;
}

.btn {
  position: relative;
  padding: 0;
  height: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  border: none;
  border-bottom: solid 2px #EEC6BB;
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.15em;
  line-height: 1em;
  color: #2A4735;
  text-transform: uppercase;
}
.btn:hover, .btn:focus {
  outline: none;
  border: none;
  border-bottom: solid 2px #C28A44;
}

@keyframes movebg {
  0% {
    background-position: 50% 25%;
  }
  25% {
    background-position: 25% 0;
  }
  50% {
    background-position: 0 50%;
  }
  75% {
    background-position: 50% 75%;
  }
  100% {
    background-position: 75% 100%;
  }
}
@media (min-width: 1200px) {
  main {
    height: 100vh;
  }
}
.app-mobile-container {
  margin: 0 auto;
  width: 495px;
  position: absolute;
  left: -100%;
  right: -100%;
}
.app-mobile-container img.app-preview-image {
  width: 100%;
}
.app-mobile-container .app-preview-video {
  position: absolute;
  width: 378px;
  left: 59px;
  border-radius: 32px;
}

.app-preview-container .row.app-label {
  margin: 100px 0;
}
.app-preview-container .row.app-label p {
  padding: 0 15%;
  font-size: 21px;
}

.element__wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 80vw;
}
.element__item {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 7.5rem;
  padding: 0 0.5em;
}
.element__icon {
  margin-bottom: 1rem;
  width: 6rem;
  height: 6rem;
}
.element__title {
  font-family: "hill_housemedium", Helvetica, Arial, San-serif !important;
  font-weight: normal;
  font-size: 2.25rem;
  text-align: center;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.element__copy {
  text-align: center;
  font-size: 1rem;
  line-height: 1.4em;
  margin-top: 1rem;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1023px) {
  .element__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .banner-features {
    margin-bottom: 20px !important;
  }
  .banner-features .feature-item {
    display: inline-block;
    margin: 5px 0 !important;
    width: 100%;
  }
  .banner-features .feature-item img {
    width: 50px;
  }
  .banner-features .feature-item p {
    display: inline-block;
    text-align: left;
    margin-left: 20px;
  }
}
#navigation-footer {
  background: black;
  color: #fff;
  text-align: center;
}
#navigation-footer footer {
  padding: 55px 0 28px 0;
}
#navigation-footer footer .footer-title h3 {
  font-size: 32px;
  display: inline-block;
}
#navigation-footer footer .footer-title .ease-logo {
  display: inline-block;
  width: 72px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 15px 4px;
}
#navigation-footer footer p {
  width: 35%;
  margin: 0 auto;
}
#navigation-footer footer .logo-containers {
  margin-top: 25px;
}
#navigation-footer footer .logo-containers .sns-logo + .sns-logo {
  margin-left: 18px;
}
#navigation-footer footer .copyright-p {
  margin-top: 60px;
  font-size: 14px;
  opacity: 0.6;
}
#navigation-footer footer .copyright-p a {
  color: #ffffff;
}

/** Mobile */
@media only screen and (max-width: 800px) {
  footer p {
    width: auto !important;
    margin: 0 50px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
  }
  footer p.copyright-p {
    font-size: 12px !important;
    margin-bottom: 50px !important;
  }

  img.footer-icon-gfx {
    margin-bottom: 30px;
  }
}