@charset "UTF-8";
/*********************
TYPOGRAPHY
*********************/
/*********************
FOR GRID (BOOTSTRAP)
*********************/
/*********************
SITE WIDTHS
*********************/
/*********************
COLORS
*********************/
/*********************
ELEMENTS
*********************/
/*********************
Navigation
*********************/
/**
 * Mixin to add turn an element into a fontawesome icon.
 *
 * $content (string) The desired icon's unicode character in the format "\f18e"
 */
body {
  padding: 0;
  background: #010101; }

h2, .h2 {
  font-size: 22px;
  line-height: 1.25; }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 40px; } }

/************************************************
HEADER
*************************************************/
.site-container {
  overflow: hidden;
  background-color: white; }
  @media (min-width: 768px) {
    .site-container {
      padding-top: 84px; } }
  @media (min-width: 1200px) {
    .site-container {
      padding-top: 108px; } }

.site-header {
  background-color: black;
  text-align: center;
  padding: 24px 15px;
  border: none; }
  .site-header a {
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
  .site-header .site-title {
    margin: 0; }
  .site-header .contact-menu-container .menu-item {
    display: inline-block; }
    .site-header .contact-menu-container .menu-item:not(:first-child) {
      margin-left: 1.5em; }
  .site-header__logo {
    margin-bottom: 24px;
    text-align: center; }
    .site-header__logo img {
      max-width: 50vw;
      width: 230px; }
  .site-header__cta {
    margin-bottom: 12px; }
  @media (max-width: 543px) {
    .site-header {
      text-align: justify; }
      .site-header__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
      .site-header__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%; }
      .site-header__cta {
        display: inline-block;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; }
        .site-header__cta .button {
          padding: 9px 24px;
          font-size: 14px; }
      .site-header__contact {
        display: inline-block;
        margin-bottom: 0; }
        .site-header__contact .menu-item:not(:first-child) {
          margin-left: 1.25em !important; }
        .site-header__contact .menu-item:first-child a {
          display: inline-block;
          width: 1em;
          overflow: hidden;
          white-space: nowrap;
          vertical-align: middle;
          font-size: 26px; }
          .site-header__contact .menu-item:first-child a:before {
            display: inline-block;
            font-family: 'FontAwesome', serif;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            display: inline-block;
            width: 1em; } }
  @media (min-width: 768px) {
    .site-header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
      padding: 0 15px; }
      .site-header__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 84px; }
        .site-header__inner > *:not(:last-child) {
          margin-bottom: 0; }
      .site-header__contact {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        text-align: left; }
      .site-header__logo {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
        .site-header__logo img {
          width: 180px;
          height: 70px; }
      .site-header__cta {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3;
        text-align: right; } }
  @media (min-width: 1200px) {
    .site-header {
      padding: 0 36px; }
      .site-header__inner {
        height: 108px; }
      .site-header__contact {
        font-size: 20px; }
      .site-header__logo img {
        width: 230px; } }

.site-inner {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 544px) {
    .site-inner {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 768px) {
    .site-inner {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 992px) {
    .site-inner {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 1200px) {
    .site-inner {
      padding-right: 15px;
      padding-left: 15px; } }
  @media (min-width: 544px) {
    .site-inner {
      width: 576px;
      max-width: 100%; } }
  @media (min-width: 768px) {
    .site-inner {
      width: 720px;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .site-inner {
      width: 940px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .site-inner {
      width: 1140px;
      max-width: 100%; } }
  @media (min-width: 1400px) {
    .site-inner {
      width: 1340px;
      max-width: 100%; } }
  @media (min-width: 1780px) {
    .site-inner {
      width: 1528px;
      max-width: 100%; } }

/************************************************
MAIN SECTION
*************************************************/
.content-brick-section:first-child {
  background-image: url("../images/background.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 1px;
  padding-bottom: 32vw; }
  @media (min-width: 544px) {
    .content-brick-section:first-child {
      padding-bottom: 192px; } }
  @media (min-width: 768px) {
    .content-brick-section:first-child {
      padding-bottom: 288px; } }
  @media (min-width: 992px) {
    .content-brick-section:first-child {
      padding-bottom: 360px; } }
  @media (max-width: 767px) {
    .content-brick-section:first-child .content-brick:first-child {
      margin-top: 36px; } }

.content-brick-section:nth-child(2) {
  background-color: #EBD9CB;
  padding-top: 1px;
  color: #010101; }
  .content-brick-section:nth-child(2) .content-brick:first-child {
    margin-top: 0; }
    .content-brick-section:nth-child(2) .content-brick:first-child .content-brick--image-set__image {
      margin-top: -32vw; }
      @media (min-width: 544px) {
        .content-brick-section:nth-child(2) .content-brick:first-child .content-brick--image-set__image {
          margin-top: -192px; } }
      @media (min-width: 768px) {
        .content-brick-section:nth-child(2) .content-brick:first-child .content-brick--image-set__image {
          margin-top: -288px; } }
      @media (min-width: 992px) {
        .content-brick-section:nth-child(2) .content-brick:first-child .content-brick--image-set__image {
          margin-top: -360px; } }

/************************************************
POPUP FORM
*************************************************/
.popup-form {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  background-color: #EBD9CB;
  color: #010101;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: transform, top;
  transition-property: transform, top, -webkit-transform;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .popup-form__inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 24px;
    overflow-y: auto; }
    @media (min-height: 590px) {
      .popup-form__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        .popup-form__inner > * {
          width: 100%; } }
  .popup-form__close {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 6px;
    font-size: 24px;
    line-height: .5; }
    .popup-form__close:focus, .popup-form__close:hover {
      opacity: 0.8; }
    @media (min-height: 590px) {
      .popup-form__close {
        font-size: 48px;
        padding: 12px; } }
  .popup-form .logo {
    text-align: center;
    margin-bottom: 36px; }
    .popup-form .logo img {
      width: 80%;
      max-width: 230px; }
  .popup-form h2 {
    font-size: 30px;
    text-align: center; }
  .popup-form .button {
    width: 100%;
    color: white;
    background-color: #6a6d72; }
    .popup-form .button:focus, .popup-form .button:hover {
      background-color: #797c82; }
  .popup-form .form__disclaimer p:not(:last-child) {
    margin-bottom: 12px; }
  .popup-form--open {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-duration: .8s;
            transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  @media (min-width: 544px) {
    .popup-form__inner {
      padding: 36px; } }
  @media (min-width: 992px) {
    .popup-form {
      max-width: 650px; }
      .popup-form__inner {
        padding: 72px 96px; } }
  @media (min-width: 768px) {
    .popup-form {
      margin-top: 84px;
      z-index: 99; } }
  @media (min-width: 1200px) {
    .popup-form {
      margin-top: 108px; } }

::-webkit-input-placeholder {
  color: #8D8D8D;
  text-transform: uppercase; }

::-moz-placeholder {
  color: #8D8D8D;
  text-transform: uppercase; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #8D8D8D;
  text-transform: uppercase; }

/* ie */
:-moz-placeholder {
  color: #8D8D8D;
  text-transform: uppercase; }

.gform_wrapper {
  max-width: 480px;
  margin: 0 auto; }
  .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
    border: 1px solid transparent;
    background: white;
    color: #010101;
    padding: 12px 12px; }
    @media (min-width: 768px) {
      .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
        padding: 18px 18px; } }
    .gform_wrapper input:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {
      border-color: #dda77f; }
  .gform_wrapper .gfield {
    margin-bottom: 18px; }
  .gform_wrapper .button {
    padding: 18px 36px; }
  .gform_wrapper .gfield_error input, .gform_wrapper .gfield_error textarea, .gform_wrapper .gfield_error select {
    border-color: red; }
  .gform_wrapper .validation_message {
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    font-size: 10px; }

/*# sourceMappingURL=maps/style.css.map */